.cf55-center{margin:16px 0;padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--panel,#fff);box-shadow:0 14px 36px rgba(35,24,58,.06)}
.cf55-center>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cf55-center h3{margin:4px 0 6px;font-size:1.2rem}.cf55-center header p{margin:0;color:var(--muted);line-height:1.5;max-width:720px}.cf55-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cf55-counts span{display:flex;align-items:baseline;gap:5px;padding:8px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.76rem;white-space:nowrap}.cf55-counts b{font-size:.94rem;color:var(--text)}
.cf55-preview,.cf55-list{display:grid;gap:10px;margin-top:16px}.cf55-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--panel,#fff) 94%,var(--primary,#8b5cf6) 6%)}.cf55-row.is-urgent{border-color:color-mix(in srgb,#d97706 38%,var(--border));background:color-mix(in srgb,#f59e0b 7%,var(--panel,#fff))}.cf55-row.is-deferred{border-style:dashed;background:color-mix(in srgb,var(--muted) 5%,var(--panel,#fff))}.cf55-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--primary,#8b5cf6) 10%,transparent);font-weight:900}.cf55-row.is-urgent .cf55-icon{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#9a4f00}.cf55-row-copy{min-width:0}.cf55-row-copy>small{display:block;font-size:.63rem;font-weight:900;letter-spacing:.065em;color:var(--muted)}.cf55-row-copy>b{display:block;margin:3px 0 2px;font-size:.94rem}.cf55-row-copy>p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.4}.cf55-impact{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cf55-impact span{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary,#8b5cf6) 8%,transparent);color:var(--muted);font-size:.68rem;font-weight:700}.cf55-row .btn{white-space:nowrap}
.cf55-center>footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border);color:var(--muted);font-size:.76rem}.cf55-clear{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,#16a34a 25%,var(--border));border-radius:17px;background:color-mix(in srgb,#22c55e 6%,var(--panel,#fff))}.cf55-clear>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,#22c55e 14%,transparent);font-weight:900}.cf55-clear b{display:block}.cf55-clear p{margin:3px 0 0;color:var(--muted);font-size:.8rem}
.cf55-drawer-backdrop{position:fixed;inset:0;z-index:10050;background:rgba(8,6,14,.46);display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.cf55-drawer{width:min(760px,92vw);height:100%;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg,var(--panel,#fff));box-shadow:-24px 0 70px rgba(8,6,14,.24);animation:cf55-slide .18s ease-out}.cf55-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--border);background:var(--panel,#fff)}.cf55-drawer h2{margin:4px 0 6px;font-size:1.45rem}.cf55-drawer header p{margin:0;color:var(--muted);line-height:1.45}.cf55-close{border:0;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:6px 9px;border-radius:10px}.cf55-close:hover{background:color-mix(in srgb,var(--primary,#8b5cf6) 9%,transparent);color:var(--text)}.cf55-drawer-body{overflow:auto;padding:20px 24px 28px}.cf55-drawer-body>section+section{margin-top:24px}.cf55-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cf55-section-head h3{margin:0 0 4px;font-size:1rem}.cf55-section-head p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.cf55-section-head>span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--primary,#8b5cf6) 9%,transparent);font-size:.78rem;font-weight:800}.cf55-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--border);background:var(--panel,#fff)}.cf55-drawer>footer span{color:var(--muted);font-size:.74rem;line-height:1.4}.cf55-drawer-empty{text-align:center;padding:48px 20px}.cf55-drawer-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:17px;background:color-mix(in srgb,#22c55e 12%,transparent);font-size:1.3rem;font-weight:900}.cf55-drawer-empty h3{margin:0 0 6px}.cf55-drawer-empty p{margin:0;color:var(--muted)}
@keyframes cf55-slide{from{transform:translateX(24px);opacity:.75}to{transform:none;opacity:1}}
@media(max-width:820px){.cf55-center>header{flex-direction:column}.cf55-counts{justify-content:flex-start}.cf55-row{grid-template-columns:auto minmax(0,1fr)}.cf55-row .btn{grid-column:1/-1;width:100%;justify-content:center}.cf55-center>footer{align-items:flex-start;flex-direction:column}.cf55-drawer{width:100vw}.cf55-drawer>header,.cf55-drawer-body,.cf55-drawer>footer{padding-left:18px;padding-right:18px}.cf55-drawer>footer{align-items:flex-start;flex-direction:column}.cf55-drawer>footer .btn{width:100%;justify-content:center}}
@media(max-width:520px){.cf55-center{padding:16px;border-radius:19px}.cf55-counts{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.cf55-counts span{justify-content:center;padding:7px 6px}.cf55-row{padding:12px}.cf55-row-copy>b{font-size:.9rem}.cf55-row-copy>p{font-size:.77rem}.cf55-impact{gap:4px}.cf55-impact span{font-size:.64rem}.cf55-drawer h2{font-size:1.28rem}}