@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap";:root{--gold: #e3b64a;--gold-soft: #f3d488;--gold-deep: #b6852a;--blue: #4f7fff;--blue-glow: #6f9bff;--bg: #070b18;--bg-2: #0a1024;--surface: #111834;--surface-2: #161f42;--surface-3: #1d2854;--line: #24305c;--line-soft: #1a2447;--ink: #f4f6ff;--ink-2: #c3cbe8;--muted: #8a95bd;--danger: #ff5f6d;--ok: #35d29a;--radius: 20px;--radius-sm: 14px;--shadow: 0 18px 44px -12px rgba(0, 0, 0, .6);--shadow-gold: 0 10px 30px -8px rgba(227, 182, 74, .35);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:radial-gradient(900px 500px at 85% -8%,rgba(79,127,255,.18),transparent 60%),radial-gradient(700px 460px at 10% 0%,rgba(227,182,74,.1),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg) 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:#e3b64a4d}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(78px + env(safe-area-inset-bottom));position:relative}@media (min-width: 600px){.app{border-inline:1px solid var(--line-soft);background:#090e1e59}}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(180deg,#0a1024eb,#0a10248c);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}.topbar .brand-c{text-align:center}.topbar .brand-c .name{font-weight:800;font-size:19px;letter-spacing:.2px;background:linear-gradient(180deg,#fff,var(--gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar .brand-c .sub{font-size:11.5px;color:var(--muted);margin-top:1px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff08;color:var(--ink-2);border-radius:13px;cursor:pointer;position:relative;transition:.18s}.icon-btn:hover{color:var(--ink);border-color:var(--gold);background:#e3b64a14}.icon-btn:active{transform:scale(.94)}.icon-btn .dot{position:absolute;top:6px;inset-inline-end:6px;min-width:17px;height:17px;padding:0 4px;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a1c05;font-size:10.5px;font-weight:800;border-radius:999px;display:grid;place-items:center;border:2px solid var(--bg-2)}.crumbs{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:12.5px;padding:14px 18px 0;flex-wrap:wrap}.crumbs a{transition:.15s}.crumbs a:hover{color:var(--gold-soft)}.crumbs .sep:before{content:"‹";margin:0 3px;opacity:.6}.main{flex:1;padding:8px 16px 20px}.viewas{margin:12px 16px 0;background:linear-gradient(180deg,#e3b64a29,#e3b64a0f);border:1px solid rgba(227,182,74,.4);color:var(--gold-soft);padding:10px 14px;font-size:12.5px;display:flex;gap:8px;align-items:center;border-radius:13px}.botnav{position:fixed;inset-inline:0;bottom:0;z-index:40;max-width:560px;margin:0 auto;display:flex;justify-content:space-around;align-items:stretch;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0c1228d1,#080c1cf5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line-soft)}.botnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--muted);font-size:11px;font-weight:600;border-radius:12px;position:relative;transition:color .18s}.botnav a .ind{position:absolute;top:-8px;width:22px;height:3px;border-radius:999px;background:transparent;transition:.2s}.botnav a.on{color:var(--gold-soft)}.botnav a.on .ind{background:linear-gradient(90deg,var(--gold-soft),var(--gold));box-shadow:0 0 12px #e3b64ab3}.botnav a.on svg{filter:drop-shadow(0 0 8px rgba(227,182,74,.5))}.botnav a:active{transform:scale(.92)}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);position:relative}.card+.card{margin-top:14px}.grid{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.spacer{flex:1}.hero{display:flex;align-items:center;gap:14px;padding:20px;margin-bottom:16px;background:radial-gradient(400px 180px at 100% 0%,rgba(227,182,74,.14),transparent 70%),linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero .txt{flex:1}.hero .hello{font-size:13px;color:var(--gold-soft);font-weight:600}.hero .hname{font-size:24px;font-weight:800;margin:2px 0 4px;letter-spacing:-.3px}.hero .hsub{font-size:13.5px;color:var(--muted);line-height:1.5}.avatar{width:58px;height:58px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:24px;font-weight:800;color:#2a1c05;background:linear-gradient(145deg,var(--gold-soft),var(--gold-deep));box-shadow:var(--shadow-gold),inset 0 2px 4px #fff6}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.stat{text-align:start;padding:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface),var(--surface-2));position:relative;overflow:hidden;cursor:pointer;transition:.2s}.stat:hover{border-color:var(--line);transform:translateY(-2px);box-shadow:var(--shadow)}.stat:active{transform:scale(.98)}.stat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px}.stat.blue .ic{color:var(--blue-glow);background:#4f7fff24;box-shadow:0 0 20px -2px #4f7fff80,inset 0 0 12px #4f7fff2e}.stat.gold .ic{color:var(--gold-soft);background:#e3b64a24;box-shadow:0 0 20px -2px #e3b64a80,inset 0 0 12px #e3b64a2e}.stat.green .ic{color:var(--ok);background:#35d29a24;box-shadow:0 0 20px -2px #35d29a73,inset 0 0 12px #35d29a29}.stat.violet .ic{color:#b18bff;background:#966eff29;box-shadow:0 0 20px -2px #966eff80,inset 0 0 12px #966eff2e}.stat .num{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat .lbl{font-size:13px;color:var(--ink-2);font-weight:600;margin-top:5px}.stat .delta{font-size:11.5px;color:var(--muted);margin-top:3px}.stat .chev{position:absolute;top:16px;inset-inline-start:14px;color:var(--muted);opacity:.5}.sec-title{display:flex;align-items:center;gap:8px;margin:22px 4px 12px;font-size:15px;font-weight:700;color:var(--ink)}.sec-title .count{font-size:12px;color:var(--muted);font-weight:500}.rowcard{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--radius-sm);transition:.18s;cursor:pointer}.rowcard:hover{border-color:var(--gold)}.rowcard:active{transform:scale(.99)}.rowcard .lead-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:var(--gold-soft);background:#e3b64a1f}.rowcard .lead-ic.blue{color:var(--blue-glow);background:#4f7fff1f}.rowcard .lead-ic.green{color:var(--ok);background:#35d29a1f}.rowcard .body{flex:1;min-width:0}.rowcard .t{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowcard .s{font-size:12.5px;color:var(--muted);margin-top:2px}.rowcard .chev{color:var(--muted);flex-shrink:0}.rowcard.unread{border-color:#e3b64a59;background:linear-gradient(180deg,rgba(227,182,74,.06),var(--surface-2))}h1{font-size:24px;font-weight:800;margin:6px 0 16px;letter-spacing:-.4px}h2{font-size:16px;font-weight:700;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}.big-num{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2);background:#ffffff08;white-space:nowrap}.pill.ok{color:#9df3d0;border-color:#35d29a66;background:#35d29a1a}.pill.new{color:var(--gold-soft);border-color:#e3b64a66;background:#e3b64a1a}.pill.warn{color:#ffd08a;border-color:#ffa03c66;background:#ffa03c1a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:var(--surface-3);color:var(--ink);padding:11px 18px;min-height:44px;border-radius:13px;cursor:pointer;font-weight:700;font-size:14px;transition:.18s}.btn:hover{border-color:var(--gold)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.btn.primary{background:linear-gradient(180deg,var(--blue-glow),var(--blue));border-color:transparent;color:#fff;box-shadow:0 10px 24px -8px #4f7fff99}.btn.gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#2a1c05;border-color:transparent;box-shadow:var(--shadow-gold)}.btn.ghost{background:transparent}.btn.sm{padding:8px 13px;min-height:38px;font-size:13px}.btn.block{width:100%}label{display:block;font-size:13px;color:var(--ink-2);font-weight:600;margin:0 0 6px}input,textarea,select{width:100%;background:#0a1024;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;min-height:46px;transition:.15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e3b64a26}textarea{resize:vertical;min-height:90px}.field{margin-bottom:14px}.tabs{display:flex;gap:4px;margin:6px 0 18px;padding:4px;background:#080c1c99;border:1px solid var(--line-soft);border-radius:14px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:10px;color:var(--muted);cursor:pointer;white-space:nowrap;font-weight:600;font-size:13.5px;transition:.18s;border:1px solid transparent}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--ink);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border-color:var(--line);box-shadow:0 4px 12px -4px #00000080}.tab.active svg{color:var(--gold-soft)}.toast-wrap{position:fixed;inset-inline:0;bottom:calc(94px + env(safe-area-inset-bottom));z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{display:flex;align-items:center;gap:9px;background:var(--surface-3);border:1px solid var(--line);padding:12px 18px;border-radius:13px;box-shadow:var(--shadow);font-weight:600;font-size:13.5px;animation:toast-in .25s ease-out}.toast svg{color:var(--ok);flex-shrink:0}.toast.err{border-color:#ff5f6d80}.toast.err svg{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040710b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:60;padding:16px;animation:fade .2s}.modal{width:100%;max-width:440px;animation:pop .24s cubic-bezier(.2,.9,.3,1.2)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(10px)}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#040710b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}.sheet{width:100%;max-width:560px;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #00000080;animation:slide-up .3s cubic-bezier(.2,.9,.3,1)}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet-grip{width:40px;height:4px;border-radius:999px;background:var(--line);margin:4px auto 14px}.sheet-item{display:flex;align-items:center;gap:13px;padding:15px 6px;font-weight:600;font-size:15px;cursor:pointer;border-bottom:1px solid var(--line-soft);color:var(--ink)}.sheet-item:last-child{border-bottom:none}.sheet-item svg{color:var(--muted)}.sheet-item.danger{color:var(--danger)}.sheet-item.danger svg{color:var(--danger)}.sheet-item:active{opacity:.6}.center{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.spin{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.empty .empty-ic{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;color:var(--muted);background:#ffffff0a;border:1px solid var(--line)}.login-logo{width:76px;height:76px;margin:0 auto 4px;border-radius:22px;display:grid;place-items:center;color:var(--gold-soft);background:linear-gradient(160deg,var(--surface-3),var(--surface));border:1px solid rgba(227,182,74,.35);box-shadow:var(--shadow-gold)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}