@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#f5f6f9;--bg-grad-1:#6366f10d;--bg-grad-2:#0d94880b;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#eef1f6;--border:#e6e8ef;--divider:#eef0f4;--text:#0f1729;--text-soft:#3d4657;--text-muted:#667085;--text-faint:#6b7480;--accent:#0d9488;--accent-2:#16c2ad;--accent-strong:#0f766e;--accent-soft:#0d94881a;--accent-ring:#0d948847;--accent-contrast:#fff;--on-accent:#fff;--ok:#17935a;--ok-soft:#17935a1f;--warn:#c2760a;--warn-soft:#d98a1424;--danger:#d64550;--danger-soft:#d645501f;--info:#2f6df0;--info-soft:#2f6df01f;--sidebar-bg:#fff;--sidebar-fg:#667085;--sidebar-fg-strong:#0f1729;--sidebar-active-fg:var(--accent-strong);--sidebar-active-bg:var(--accent-soft);--sidebar-border:var(--border);--sidebar-hover:var(--surface-2);--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 2px #1018280d, 0 1px 3px #1018280d;--shadow-md:0 6px 18px -4px #1018281f, 0 2px 6px #1018280f;--shadow-lg:0 24px 60px -12px #10182838;--shadow-glow:0 8px 24px -6px var(--accent-ring);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--topbar-h:68px}:root[data-theme=dark]{--bg:#0a0c10;--bg-grad-1:#6366f11a;--bg-grad-2:#0d94880f;--surface:#14181f;--surface-2:#1a1f28;--surface-3:#232935;--border:#ffffff17;--divider:#ffffff0f;--text:#eaecf1;--text-soft:#c3c8d2;--text-muted:#8b93a3;--text-faint:#7d879c;--accent-soft:#16c2ad26;--sidebar-bg:#101319;--sidebar-fg:#8b93a3;--sidebar-fg-strong:#eaecf1;--sidebar-border:#ffffff12;--sidebar-hover:#ffffff0d;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000073;--shadow-md:0 8px 24px -6px #0009;--shadow-lg:0 30px 70px -12px #000000b3}[data-surface=platform]{--accent:#6366f1;--accent-2:#8b5cf6;--accent-strong:#4f46e5;--accent-soft:#6366f11f;--accent-ring:#6366f152;--sidebar-bg:linear-gradient(185deg,#1a1c33 0%,#141527 60%,#111020 100%);--sidebar-fg:#fff9;--sidebar-fg-strong:#fff;--sidebar-active-fg:#fff;--sidebar-active-bg:linear-gradient(90deg, #6366f1f2, #8b5cf680);--sidebar-border:#ffffff14;--sidebar-hover:#ffffff0f}[data-surface=resident]{--accent:#0d9488;--accent-2:#16c2ad;--accent-strong:#0f766e;--accent-soft:#0d94881f;--accent-ring:#0d94884d}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background:var(--bg);background-image:radial-gradient(1100px 520px at 88% -8%, var(--bg-grad-1), transparent 60%), radial-gradient(900px 480px at -6% 8%, var(--bg-grad-2), transparent 55%);background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif}a{color:var(--accent-strong);text-decoration:none}button{font-family:inherit}h1,h2,h3{margin:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:2px solid #0000;border-radius:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.fade{animation:.18s cubic-bezier(.2,.7,.2,1) fadeUp}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);contain:layout style;border-right:1px solid var(--sidebar-border);flex-direction:column;flex:none;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:12px;padding:20px 18px;display:flex}.brand-title{white-space:nowrap;color:var(--sidebar-fg-strong);letter-spacing:-.2px;font-size:15px;font-weight:700}.brand-sub{color:var(--text-faint);white-space:nowrap;font-size:11px}.logo{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;width:36px;height:36px;box-shadow:var(--shadow-glow);border-radius:11px;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav a,.nav button{cursor:pointer;text-align:left;width:100%;color:var(--sidebar-fg);background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav a:hover,.nav button:hover{background:var(--sidebar-hover);color:var(--sidebar-fg-strong)}.nav a.active{color:var(--sidebar-active-fg);background:var(--sidebar-active-bg);font-weight:650}[data-surface=client] .nav a.active{color:#fff;background:linear-gradient(90deg, var(--accent), var(--accent-2));box-shadow:0 6px 16px -6px var(--accent-ring)}[data-surface=client] .nav a.active .badge{background:#ffffff40}.nav .ico{flex:none;justify-content:center;width:20px;font-size:16px;display:flex}.badge{background:var(--danger);color:#fff;border-radius:8px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-foot{border-top:1px solid var(--sidebar-border);padding:12px 10px}.nav-logout{background:var(--sidebar-hover);width:100%;color:var(--sidebar-fg);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.nav-logout:hover{color:var(--sidebar-fg-strong)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:20;flex:none;align-items:center;gap:16px;padding:0 26px;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:-.3px;font-size:17px;font-weight:750}.topbar-sub{color:var(--text-muted);font-size:12px}.iconbtn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--text-soft);border-radius:11px;justify-content:center;align-items:center;font-size:15px;transition:background .15s,box-shadow .15s;display:flex}.iconbtn:hover{background:var(--surface-2);box-shadow:var(--shadow-xs)}.avatar{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.content{flex:1;padding:26px;overflow-x:hidden}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.card{background-color:var(--surface);background-image:radial-gradient(460px 220px at 100% -25%, var(--accent-soft), transparent 62%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px}.ic-tile{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));width:46px;height:46px;box-shadow:var(--shadow-glow);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.hero{border-radius:var(--r-xl);color:#fff;background:linear-gradient(120deg, var(--accent-strong), var(--accent) 55%, var(--accent-2));box-shadow:var(--shadow-md);padding:26px 28px;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(12px);background:#ffffff29;border-radius:50%;width:240px;height:240px;position:absolute;top:-70px;right:-50px}.hero>*{z-index:1;position:relative}.hero-value{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-top:6px;font-size:34px;font-weight:850}.card-link{color:inherit;transition:transform .16s,box-shadow .16s,border-color .16s;display:block}.card-link:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-2px)}.kpi-label{color:var(--text-muted);font-size:12.5px;font-weight:550}.kpi-value{letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:10px;font-size:27px;font-weight:800}.kpi-sub{color:var(--text-faint);margin-top:3px;font-size:12px}.chip{border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700}.pill{border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.btn{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:var(--on-accent);border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--shadow-glow);border:none;padding:10px 16px;font-size:13px;font-weight:650;transition:transform .14s,box-shadow .14s,filter .14s}.btn:hover{filter:saturate(1.05);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-soft);box-shadow:none}.btn-ghost:hover{background:var(--surface-2)}table{border-collapse:collapse;width:100%;font-size:13px}thead tr{background:var(--surface-2);color:var(--text-muted);text-align:left}th{white-space:nowrap;padding:12px;font-weight:600}td{color:var(--text);padding:13px}tbody tr{border-top:1px solid var(--divider);transition:background .12s}tbody tr:hover{background:var(--surface-2)}.tablecard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.tablehead{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.field{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);background:var(--surface);margin-top:6px;margin-bottom:12px;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field::placeholder{color:var(--text-faint)}select.field{appearance:none}.lbl{color:var(--text-soft);font-size:12px;font-weight:600}.muted{color:var(--text-muted)}.spinner{text-align:center;color:var(--text-muted);padding:40px}.err{color:var(--danger);margin:4px 0 10px;font-size:13px}.theme-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--text-soft);border-radius:11px;justify-content:center;align-items:center;font-size:15px;display:flex}.theme-toggle:hover{background:var(--surface-2)}.login-wrap{background:#0a0c10;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-glow{background:radial-gradient(900px 460px at 72% -12%,#6366f14d,#0000 60%),radial-gradient(700px 420px at 10% 110%,#0d948838,#0000 60%);position:absolute;inset:0}.login-card{background:var(--surface);border-radius:var(--r-xl);width:min(400px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:34px 30px;position:relative}.launcher{color:#fff;background:#0a0c10;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.launcher:before{content:"";background:radial-gradient(1000px 520px at 80% -10%,#6366f147,#0000 60%),radial-gradient(820px 480px at 5% 110%,#0d948833,#0000 60%);position:absolute;inset:0}.launch-inner{width:100%;max-width:940px;animation:.5s cubic-bezier(.2,.7,.2,1) pop;position:relative}.launch-head{text-align:center;margin-bottom:34px}.launch-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.launch-card{text-align:left;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;padding:24px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.launch-card:hover{background:#ffffff12;border-color:#ffffff47;transform:translateY(-4px)}.launch-card .halo{filter:blur(24px);opacity:.5;border-radius:50%;width:150px;height:150px;position:absolute;top:-40px;right:-40px}.launch-ic{color:#fff;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:800;display:flex}.r-shell{background:var(--bg);max-width:480px;min-height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.r-top{color:#fff;background:linear-gradient(150deg, var(--accent-strong), var(--accent) 55%, var(--accent-2));padding:calc(env(safe-area-inset-top) + 20px) 20px 26px;position:relative;overflow:hidden}.r-top:after{content:"";filter:blur(10px);background:#ffffff24;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-40px}.r-body{padding:18px 16px calc(92px + env(safe-area-inset-bottom));flex:1}.r-tabbar{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);width:100%;max-width:480px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:40;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.r-tab{cursor:pointer;color:var(--text-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:600;text-decoration:none;transition:transform .16s ease-out;display:flex}.r-tab:active{transform:scale(.96)}.r-tab.active{color:var(--accent-strong)}.r-tab .gl{font-size:20px;line-height:1}.r-card{background-color:var(--surface);background-image:radial-gradient(380px 180px at 100% -25%, var(--accent-soft), transparent 62%);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.r-title{letter-spacing:-.4px;color:var(--text);margin:4px 0 14px;font-size:21px;font-weight:800}.r-quick{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.r-quick a{color:var(--text-soft);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;text-decoration:none;transition:transform .16s ease-out;display:flex}.r-quick .ic{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent));width:52px;height:52px;box-shadow:var(--shadow-glow);border-radius:16px;justify-content:center;align-items:center;font-size:22px;display:flex}.r-quick a:active .ic{transform:scale(.95)}.r-upload{border:1.5px dashed var(--border);text-align:center;color:var(--text-faint);cursor:pointer;background:var(--surface-2);border-radius:14px;padding:24px;font-size:13px;transition:transform .16s ease-out,background .16s ease-out}.r-upload:active{transform:scale(.98)}.cards4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=1100px){.grid{grid-template-columns:repeat(8,1fr)}.span-12,.span-8,.span-7,.span-5{grid-column:1/-1}.cards4{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.content{padding:18px}.grid{grid-template-columns:repeat(4,1fr);gap:12px}.span-12,.span-8,.span-7,.span-5,.span-4{grid-column:1/-1}.sidebar{width:76px!important}.brand-title,.brand-sub,.nav a span:not(.ico),.nav button span:not(.ico),.nav-logout span:nth-child(2){display:none}.topbar{gap:10px;padding:0 16px}}@media (width<=560px){.content{padding:14px}.cards4{grid-template-columns:repeat(2,1fr);gap:10px}.topbar-sub{display:none}}