:root{--black:#0f0f0f;--panel:#1a1a1a;--panel-2:#212121;--line:#2c2a26;--gold:#c9a96e;--gold-dim:#8f7850;--cream:#f3ecdf;--white:#fff;--muted:#9a9488;--danger:#c9705f;--ok:#7fa583;--warn:#d8ab5b;--info:#7fa0a5;--radius:14px;--radius-sm:8px;--shadow:0 10px 30px #00000059;--sidebar-w:250px;--bg:var(--black);--text:var(--cream);--text-strong:var(--white);--font-display:"Cormorant Garamond", serif;--font-body:"Inter", sans-serif}[data-theme=light]{--bg:#faf7f0;--panel:#fff;--panel-2:#f2ede1;--line:#e5ddc9;--cream:#3a352b;--white:#161310;--muted:#8a8072;--shadow:0 10px 30px #00000014}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--bg);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.2px;color:var(--white);margin:0 0 4px;font-weight:600}p{color:var(--muted);margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#88807066;border-radius:8px}.topbar{z-index:40;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand .mark{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.brand-text .biz{color:var(--white);letter-spacing:.3px;font-size:15px;font-weight:600}.brand-text .sub{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.top-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn .dot{background:var(--danger);border:1.5px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.offline-pill{background:var(--panel);border:1px solid var(--warn);color:var(--warn);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:none}.offline-pill.show{display:flex}.save-indicator{background:var(--panel);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:all .2s;display:flex}.save-indicator.saving{color:var(--warn);border-color:var(--warn)}.save-indicator.saving:before{content:"";background:var(--warn);border-radius:50%;width:6px;height:6px;animation:1s infinite pulseDot}.save-indicator.saved{color:var(--ok);border-color:var(--ok)}.save-indicator.error{color:var(--danger);border-color:var(--danger)}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@media (width<=880px){.header-shortcut{display:none}}.shell{min-height:calc(100vh - 66px);display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--line);flex-shrink:0;height:calc(100vh - 66px);padding:18px 12px 90px;position:sticky;top:66px;overflow-y:auto}.nav-group-label{text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);padding:14px 12px 6px;font-size:10.5px}.nav-item{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;margin-bottom:2px;padding:11px 12px;font-size:14.5px;font-weight:500;transition:all .15s;display:flex}.nav-item svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.nav-item:hover{background:var(--panel);color:var(--cream)}.nav-item.active{background:var(--panel);color:var(--gold);border-color:var(--line)}.nav-item.active svg{opacity:1}.nav-badge{background:var(--danger);color:#fff;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:700}.sidebar-version{color:var(--muted);letter-spacing:.3px;border-top:1px solid var(--line);margin-top:18px;padding:12px;font-size:10.5px}.main{flex:1;min-width:0;padding:22px 22px 100px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-head h1{font-size:30px}.page-head p{font-size:13.5px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.primary{background:linear-gradient(135deg, var(--gold), var(--gold-dim));color:#161616;border:none}.btn.primary:hover{filter:brightness(1.08);color:#161616}.btn.ghost{background:0 0}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.sm{padding:7px 13px;font-size:12.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:60px 20px}.empty h4{color:var(--white);margin-bottom:6px;font-size:19px}.empty p{max-width:340px;margin:0 auto 16px;font-size:13.5px}.badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.badge.ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.badge.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.badge.muted{background:color-mix(in srgb, var(--muted) 18%, transparent);color:var(--muted)}.badge.gold{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold)}.badge.info{background:color-mix(in srgb, var(--info) 18%, transparent);color:var(--info)}.mobile-nav{z-index:60;background:color-mix(in srgb, var(--bg) 95%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mnav-item{color:var(--muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:6px 8px;font-size:9.5px;font-weight:600;display:flex}.mnav-item svg{width:20px;height:20px}.mnav-item.active{color:var(--gold)}.mnav-item span{white-space:nowrap;text-overflow:ellipsis;max-width:56px;overflow:hidden}.more-sheet{background:var(--bg);border-top:1px solid var(--line);z-index:95;padding:14px 10px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:75vh;transition:all .25s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.more-sheet.open{transform:translateY(0)}.overlay{z-index:80;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;transition:all .2s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}@media (width<=880px){.sidebar{display:none}.mobile-nav{display:flex}.main{padding:16px 14px 100px}.page-head h1{font-size:24px}}