:root{color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f2f4;--surface-3:#e7e9ec;--text:#181a1d;--muted:#70767d;--line:#dfe2e6;--accent:#5876b7;--accent-soft:#eaf0fa;--success:#39835b;--success-soft:#e8f4ed;--warning:#9b6e2d;--warning-soft:#fbf0dd;--danger:#d64f5b;--shadow:0 18px 50px rgba(20,25,30,.08);--radius:12px}
:root[data-resolved-theme="dark"]{--bg:#111315;--surface:#1a1d20;--surface-2:#22262a;--surface-3:#2a2f34;--text:#f2f3f2;--muted:#9ba2a8;--line:#30353a;--accent:#7894cc;--accent-soft:#1d293a;--success:#75c49a;--success-soft:#1b3026;--warning:#d0a867;--warning-soft:#352b1d;--danger:#e47a83;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif}body{margin:0;min-width:0;background:var(--bg);overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{width:18px;height:18px;stroke-width:1.8}.app-shell{min-height:100vh;display:grid;grid-template-columns:72px 204px minmax(0,1fr)}
.icon-rail{position:sticky;top:0;height:100vh;background:#0d0f11;color:#f4f5f5;padding:14px 10px;display:flex;flex-direction:column;align-items:center;z-index:40}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;text-decoration:none;margin-bottom:15px}.rail-nav,.rail-footer{display:grid;gap:8px}.rail-footer{margin-top:auto}.rail-button{width:42px;height:42px;border:0;border-radius:11px;background:transparent;color:#858c93;display:grid;place-items:center;position:relative}.rail-button:hover,.rail-button.is-active{background:#292d31;color:#fff}.rail-button.is-active:before{content:"";position:absolute;left:-10px;width:3px;height:20px;border-radius:0 3px 3px 0;background:#79b796}.profile-avatar{width:36px;height:36px;border:0;border-radius:50%;background:linear-gradient(145deg,#5e729d,#a77486);color:#fff;font-size:10px}
.section-nav{position:sticky;top:0;height:100vh;padding:18px 13px;background:var(--surface-2);border-right:1px solid var(--line);z-index:35}.workspace{display:flex;align-items:center;gap:9px;padding:0 6px 17px}.workspace-avatar{width:31px;height:31px;border-radius:9px;background:var(--surface);display:grid;place-items:center;font-size:10px}.workspace strong,.workspace span{display:block}.workspace strong{font-size:12px;font-weight:600}.workspace span{font-size:10px;color:var(--muted);margin-top:2px}.nav-label{margin:11px 8px 5px;color:var(--muted);font-size:10px;letter-spacing:.04em}.menu-list{display:grid;gap:3px}.menu-list a{min-height:37px;padding:8px 9px;border-radius:8px;display:flex;align-items:center;gap:9px;color:var(--muted);text-decoration:none;font-size:11px}.menu-list a svg{width:15px}.menu-list a:hover,.menu-list a.is-active{background:var(--surface);color:var(--text)}.live-pill,.count-pill{margin-left:auto;border-radius:8px;padding:2px 5px;font-size:8px}.live-pill{background:rgba(214,79,91,.13);color:var(--danger)}.count-pill{background:var(--surface-3);color:var(--muted)}.connection-status{position:absolute;left:13px;right:13px;bottom:15px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);margin-top:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 15%,transparent)}.connection-status strong,.connection-status small{display:block}.connection-status strong{font-size:10px}.connection-status small{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.4}
.main-view{min-width:0}.topbar{height:62px;position:sticky;top:0;z-index:30;padding:0 20px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.page-title strong,.page-title span{display:block}.page-title strong{font-size:14px}.page-title span{font-size:10px;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:7px;align-items:center}.primary-button,.icon-button,.theme-trigger,.ghost-button{border:1px solid var(--line);background:var(--surface);border-radius:8px}.primary-button{padding:8px 12px;background:var(--text);border-color:var(--text);color:var(--surface);font-size:11px}.icon-button{width:36px;height:36px;display:grid;place-items:center;position:relative}.icon-button svg{width:16px}.notification-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--danger)}.theme-picker{position:relative}.theme-trigger{height:36px;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:10px}.theme-trigger svg{width:14px}.theme-menu{position:absolute;right:0;top:43px;width:204px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);z-index:50}.theme-menu button{width:100%;border:0;background:transparent;border-radius:8px;padding:9px;display:grid;grid-template-columns:23px 1fr;text-align:left;align-items:center}.theme-menu button:hover,.theme-menu button[aria-checked="true"]{background:var(--surface-2)}.theme-menu button svg{grid-row:1/3;width:15px}.theme-menu button span{font-size:11px}.theme-menu button b{font-size:9px;font-weight:400;color:var(--muted);margin-top:2px}.mobile-menu{display:none;border:0;background:transparent;padding:8px}
.content{padding:18px;max-width:1500px;margin:auto}.welcome-banner{min-height:154px;border-radius:var(--radius);padding:24px 27px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative;background:#14242b;color:#f3f4f1;border:1px solid #263a42}.welcome-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(102,139,148,.14),transparent 28%),linear-gradient(110deg,transparent 45%,rgba(255,255,255,.025));pointer-events:none}.welcome-copy{position:relative;z-index:2}.eyebrow{display:block;color:#91a9b0;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.welcome-copy h1{font-size:20px;letter-spacing:-.035em;margin:0;font-weight:600}.welcome-copy p{margin:8px 0 13px;color:#aebbc0;font-size:10px;line-height:1.6}.welcome-copy p b{color:#8dccaa}.text-action{border:0;background:transparent;color:#f1f3f1;padding:0;display:flex;align-items:center;gap:7px;font-size:10px}.text-action svg{width:14px}.signal-illustration{width:235px;height:125px;position:relative;flex:0 0 auto}.signal-device{position:absolute;right:43px;top:31px;width:94px;height:59px;border-radius:18px;background:#e8e5dc;border:4px solid #29343a;box-shadow:0 12px 27px rgba(0,0,0,.28);color:#49636b;display:grid;place-items:center}.signal-device>svg{position:absolute;right:9px;top:-24px;width:22px;transform:rotate(17deg);color:#c8b277}.device-led{position:absolute;top:7px;left:12px;width:23px;height:3px;border-radius:4px;background:#7899a2;box-shadow:32px 0 #b08b67}.device-face{display:flex;gap:17px;position:relative;margin-top:10px}.device-face i{width:5px;height:5px;border-radius:50%;background:#3c555d}.device-face b{position:absolute;left:11px;top:9px;width:17px;height:6px;border-bottom:2px solid #a36f6d;border-radius:50%}.orbit{position:absolute;border:1px solid rgba(132,164,173,.26);border-radius:50%}.orbit-a{width:133px;height:73px;right:23px;top:23px;transform:rotate(-12deg)}.orbit-b{width:173px;height:98px;right:3px;top:10px;transform:rotate(12deg)}.spark{position:absolute;color:#789aa3;font-size:17px}.spark-a{left:21px;top:19px}.spark-b{right:7px;bottom:17px}.spark-c{left:50px;bottom:16px;color:#b89f70}
.metrics{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:9px;margin:11px 0}.metric-card{padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-card.featured{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:10px;color:var(--muted);margin-bottom:8px}.metric-card strong{font-size:18px;letter-spacing:-.03em}.metric-card small{font-size:9px;color:var(--muted);margin-top:7px}.metric-card.featured strong{color:var(--accent)}.metric-card.featured small{color:var(--success);display:flex;align-items:center;gap:4px}.metric-card small svg{width:11px;height:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.62fr);gap:11px}.panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{min-height:45px;padding:10px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading strong,.panel-heading span{display:block}.panel-heading strong{font-size:11px}.panel-heading span{font-size:9px;color:var(--muted);margin-top:2px}.ghost-button{padding:6px 8px;font-size:9px;color:var(--muted)}.chart-summary{padding:15px 15px 0}.chart-summary strong{display:block;font-size:20px}.chart-summary span{font-size:9px;color:var(--success)}.chart{height:230px;padding:9px 15px 12px;position:relative;color:var(--accent)}.chart-grid{position:absolute;inset:18px 15px 31px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{display:block;border-top:1px solid var(--line)}.chart svg{position:relative;width:100%;height:180px;overflow:visible}.chart .area{fill:url(#areaFill)}.chart .line{fill:none;stroke:currentColor;stroke-width:2.5}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.live-preview{height:238px;margin:11px;border-radius:9px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(72,89,121,.72),transparent 31%),radial-gradient(circle at 82% 70%,rgba(126,75,84,.42),transparent 30%),linear-gradient(135deg,#11161d,#1b1b24 55%,#241b1d)}.preview-noise{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px}.preview-label{position:absolute;left:12px;top:11px;color:#abb6c0;font-size:8px;letter-spacing:.08em}.preview-alert{position:absolute;left:8%;top:27%;width:73%;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(24,27,31,.88);color:#fff;display:flex;align-items:center;gap:8px}.preview-alert>svg{width:29px;height:29px;padding:7px;border-radius:8px;background:#d1ae70;color:#252016}.preview-alert b,.preview-alert span{display:block}.preview-alert b{font-size:10px}.preview-alert span{font-size:9px;color:#e3c68f;margin-top:2px}.preview-goal{position:absolute;left:8%;right:8%;bottom:13%;color:#fff;font-size:8px}.preview-goal span{float:left}.preview-goal b{float:right}.preview-goal i{display:block;clear:both;height:5px;border-radius:9px;background:rgba(255,255,255,.2);margin-top:17px;overflow:hidden}.preview-goal em{display:block;width:68%;height:100%;background:linear-gradient(90deg,#71929a,#b38f72)}.ready-badge{padding:4px 6px;border-radius:6px;background:var(--success-soft);color:var(--success)!important}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 11px 11px}.quick-actions button{min-height:52px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:9px;display:grid;place-items:center;align-content:center;gap:4px}.quick-actions svg{width:15px}
.recent-panel{grid-column:1}.supporters-panel{grid-column:2;grid-row:2}.donation-table{padding-bottom:4px}.table-row{display:grid;grid-template-columns:1fr .5fr .55fr .58fr;gap:8px;align-items:center;padding:10px 13px;border-top:1px solid var(--line);font-size:10px}.table-row.table-head{border-top:0;color:var(--muted);font-size:9px}.table-row strong{font-size:10px}.donor{display:flex;align-items:center;gap:8px}.donor i{width:25px;height:25px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-style:normal;font-size:8px}.donor b{font-size:10px}.table-row em{width:max-content;padding:4px 6px;border-radius:5px;font-style:normal;font-size:8px}.status-success{background:var(--success-soft);color:var(--success)}.status-pending{background:var(--warning-soft);color:var(--warning)}.supporter-list{list-style:none;margin:0;padding:7px 13px}.supporter-list li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.supporter-list li:last-child{border:0}.rank{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9px}.gold{background:#eedca8;color:#66501c}.silver{background:#dce1e4;color:#48525a}.bronze{background:#e3c4aa;color:#6d4527}.supporter-list b,.supporter-list small{display:block}.supporter-list b{font-size:10px}.supporter-list small{font-size:8px;color:var(--muted);margin-top:2px}.supporter-list>li>strong{font-size:9px}.mobile-nav{display:none}.mobile-scrim{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:32}
@media(max-width:1180px){.app-shell{grid-template-columns:64px 184px minmax(0,1fr)}.icon-rail{padding-inline:7px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)}.content{padding:15px}.signal-illustration{width:190px}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:64px minmax(0,1fr)}.section-nav{position:fixed;left:64px;top:0;width:210px;transform:translateX(-110%);transition:transform .22s ease;box-shadow:var(--shadow)}.section-nav.is-open{transform:translateX(0)}.mobile-menu{display:grid;place-items:center}.topbar{padding-inline:14px}.dashboard-grid{grid-template-columns:1fr}.recent-panel,.supporters-panel{grid-column:auto;grid-row:auto}.live-panel{order:2}.supporters-panel{order:4}}
@media(max-width:680px){body{padding-bottom:62px}.app-shell{display:block;min-height:auto}.icon-rail{display:none}.section-nav{left:0;width:min(82vw,260px);transform:translateX(-105%)}.topbar{height:58px}.page-title span{display:none}.top-actions .primary-button{display:none}.theme-trigger>span,.theme-trigger>svg:last-child{display:none}.theme-trigger{width:36px;padding:0;justify-content:center}.content{padding:10px}.welcome-banner{min-height:148px;padding:20px}.signal-illustration{position:absolute;right:-24px;width:170px;opacity:.58}.welcome-copy{max-width:78%}.welcome-copy h1{font-size:18px}.welcome-copy p br{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric-card{padding:13px}.metric-card strong{font-size:16px}.dashboard-grid{gap:9px}.chart{height:210px;padding-inline:10px}.chart svg{height:160px}.live-preview{height:220px}.table-row{grid-template-columns:1fr .54fr .62fr}.table-row>*:nth-child(2){display:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;height:62px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(15px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:50}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:3px;font-size:9px}.mobile-nav button svg{width:17px}.mobile-nav button.is-active{color:var(--accent)}}
@media(max-width:390px){.content{padding:8px}.topbar{padding-inline:8px}.top-actions{gap:4px}.welcome-banner{padding:17px;min-height:145px}.welcome-copy{max-width:83%}.welcome-copy h1{font-size:17px}.welcome-copy p{font-size:9px}.metrics{grid-template-columns:1fr 1fr}.metric-card{min-width:0;padding:12px}.metric-card strong{font-size:15px}.quick-actions button{min-height:48px}.table-row{padding-inline:10px}.donor{gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-height:720px){.section-nav{overflow-y:auto}.section-nav .connection-status{position:static;margin-top:18px}}