:root{--ink:#f4f5f7;--ink2:#fff;--ink3:#f2f3f5;--ink4:#e9eaec;--line:#e8eaed;--line2:#dcdfe5;--text:#1f2329;--text2:#646a73;--text3:#8f959e;--gold:#3370ff;--gold2:#3370ff;--gold3:#5b8cff;--gold-bg:#3370ff17;--blue2:#2563eb;--teal:#15a08a;--violet:#7c5cff;--sage2:#2ea043;--amber2:#e08a00;--shadow:0 1px 2px #1f23290a, 0 2px 6px #1f23290f;--shadow-md:0 6px 20px #1f23291a;--font:"Inter", "Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--sidebar-w:224px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--ink2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:18px 20px 14px;display:flex}.brand{font-family:var(--mono);letter-spacing:.03em;background:linear-gradient(90deg,#3370ff,#7c5cff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.sb-tenant{color:var(--text3);font-size:11.5px}.side-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex;overflow-y:auto}.side-nav a{color:var(--text2);border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.side-nav a:hover{background:var(--ink3);color:var(--text)}.side-nav a.on{background:var(--gold-bg);color:var(--gold2);font-weight:600}.side-nav a svg{flex-shrink:0}.side-badge{color:#fff;text-align:center;background:#f53f3f;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:600;line-height:18px}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex}.appbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);z-index:50;background:#ffffffd1;align-items:center;gap:12px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.appbar-brand{display:none}.appbar-tenant{color:var(--text);font-size:13px;font-weight:600}.appbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.user-chip{align-items:center;gap:8px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#3370ff,#7c5cff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.user-chip .uname{color:var(--text);flex-direction:column;font-size:12.5px;font-weight:600;line-height:1.2;display:flex}.user-chip .uname small{color:var(--text3);font-size:10px;font-weight:400}.auth-main{background:radial-gradient(900px 500px at 80% -10%, #3370ff1a, transparent 60%), radial-gradient(700px 450px at 0% 110%, #7c5cff14, transparent 55%), var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.container{max-width:1100px;margin:0 auto;padding:30px 32px 80px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);margin-bottom:8px;font-size:10px;font-weight:600}h1{letter-spacing:-.01em;color:var(--text);margin-bottom:6px;font-size:25px;font-weight:700}h2{color:var(--text);align-items:center;gap:8px;margin:32px 0 14px;font-size:15px;font-weight:700;display:flex}h2:before{content:"";background:var(--gold2);border-radius:2px;width:4px;height:15px}.lead{color:var(--text2);max-width:680px;font-size:14px}.stats{border:1px solid var(--line);background:var(--ink2);width:fit-content;box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;margin-top:20px;display:flex;overflow:hidden}.stat{border-right:1px solid var(--line);padding:16px 28px}.stat:last-child{border-right:none}.stat-n{color:var(--gold2);font-size:24px;font-weight:800;line-height:1}.stat-l{color:var(--text3);margin-top:6px;font-size:10.5px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.grid{grid-template-columns:1fr}}.card{background:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:16px 18px;transition:box-shadow .18s,transform .18s,border-color .18s;position:relative}a.card:hover{box-shadow:var(--shadow-md);border-color:var(--line2);transform:translateY(-2px)}.card .accent{border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.card-head{align-items:center;gap:9px;margin-bottom:6px;padding-left:6px;display:flex}.card-icon{font-size:18px}.card-title{color:var(--text);font-size:14px;font-weight:600}.card-desc{color:var(--text3);padding-left:6px;font-size:12px}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:6px;display:flex}.tag{background:color-mix(in srgb, currentColor 10%, transparent);border:1px solid;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:600}.status-dot{width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);border-radius:50%;flex-shrink:0;margin-left:auto}.controls{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.btn{cursor:pointer;background:var(--ink2);border:1px solid var(--line2);color:var(--text2);font-size:13px;font-weight:600;font-family:var(--font);border-radius:9px;padding:7px 15px;transition:all .15s}.btn:hover{border-color:var(--gold2);color:var(--gold2)}.btn.on{color:#fff;background:linear-gradient(#4886ff,#3370ff);border-color:#0000;box-shadow:0 2px 8px #3370ff47}.btn.on:hover{color:#fff;filter:brightness(1.04)}.btn-ghost{border-color:var(--line);color:var(--text2);background:0 0}.btn:disabled{opacity:.55;cursor:default}.legend{color:var(--text3);flex-wrap:wrap;gap:14px;margin:12px 0;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend i{border-radius:50%;width:8px;height:8px}.quick{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin:8px 0 4px;display:grid}.quick a{background:var(--ink2);border:1px solid var(--line);color:var(--text2);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:18px 8px;font-size:12.5px;font-weight:600;transition:all .16s;display:flex}.quick a:hover{border-color:var(--gold2);color:var(--gold2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick .q-icon{background:var(--gold-bg);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex}code{font-family:var(--mono);background:var(--ink3);color:var(--text2);border-radius:5px;padding:1px 6px;font-size:.88em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d4d8df padding-box content-box;border:3px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c2c7d0 padding-box content-box}.bottom-nav{-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-top:1px solid var(--line);z-index:200;height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #1f23290f}.bottom-nav a{color:var(--text3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.bottom-nav a.on{color:var(--gold2)}.bn-icon{justify-content:center;align-items:center;display:flex;position:relative}.bn-badge{color:#fff;text-align:center;background:#f53f3f;border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:9px;line-height:15px;position:absolute;top:-5px;left:11px}@media (max-width:768px){.sidebar{display:none}.appbar-brand{display:inline}.appbar-tenant,.user-chip .uname{display:none}.bottom-nav{display:flex}main{padding-bottom:62px}.container{padding:22px 16px 40px}h1{font-size:22px}}