:root{--bg:#070c16;--bg-grad:radial-gradient(1200px 600px at 15% -10%, #12203a 0%, transparent 60%), radial-gradient(900px 500px at 95% 0%, #0c2733 0%, transparent 55%), #070c16;--surface:#0e1626;--surface-2:#131f33;--surface-3:#182842;--border:#1e2e4a;--border-soft:#17243b;--text:#e8effa;--text-2:#a9bad3;--muted:#7488a5;--brand:#22d3ee;--brand-2:#2dd4bf;--brand-ink:#052a33;--accent:#6366f1;--ok:#34d399;--ok-bg:#34d3991f;--warn:#fbbf24;--warn-bg:#fbbf2421;--danger:#f87171;--danger-bg:#f8717121;--info:#60a5fa;--info-bg:#60a5fa21;--violet:#a78bfa;--violet-bg:#a78bfa21;--map-land:#101c2e;--map-line:#1c2b45;--grid:#ffffff0a;--chart-1:#0ea5c4;--chart-2:#8b7be8;--chart-3:#c67a2e;--chart-grid:#ffffff0f;--chart-axis:#7488a5;--shadow:0 18px 40px -18px #000000bf;--shadow-sm:0 6px 16px -10px #000000b3;--glow:0 0 0 1px #22d3ee47, 0 0 26px -6px #22d3ee73;--radius:14px;--radius-sm:10px;--radius-xs:7px;--sidebar-w:248px;--topbar-h:60px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}[data-theme=light]{--bg:#f1f5fa;--bg-grad:radial-gradient(1100px 520px at 12% -12%, #e2eefb 0%, transparent 62%), radial-gradient(800px 460px at 96% -4%, #dff5f4 0%, transparent 58%), #f1f5fa;--surface:#fff;--surface-2:#f6f9fd;--surface-3:#ecf2f9;--border:#dbe4ef;--border-soft:#e7edf5;--text:#0d1729;--text-2:#40536f;--muted:#6a7c96;--brand:#0891b2;--brand-2:#0d9488;--brand-ink:#e6faff;--accent:#4f46e5;--ok:#059669;--ok-bg:#0596691a;--warn:#c2740a;--warn-bg:#c2740a1f;--danger:#dc2626;--danger-bg:#dc26261a;--info:#2563eb;--info-bg:#2563eb1a;--violet:#7c3aed;--violet-bg:#7c3aed1a;--map-land:#e7eef7;--map-line:#cfdceb;--grid:#0d17290d;--chart-1:#0891b2;--chart-2:#7c3aed;--chart-3:#b45309;--chart-grid:#0d172914;--chart-axis:#6a7c96;--shadow:0 16px 34px -20px #10234059;--shadow-sm:0 6px 14px -10px #10234059;--glow:0 0 0 1px #0891b24d, 0 0 20px -8px #0891b280}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg-grad);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:640}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:18px 18px 16px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));width:34px;height:34px;color:var(--brand-ink);box-shadow:var(--glow);border-radius:9px;flex:none;place-items:center;display:grid}.brand-mark svg{width:19px;height:19px}.brand-name{letter-spacing:-.01em;font-size:14.5px;font-weight:700;line-height:1.15}.brand-sub{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.nav{flex:1;padding:12px 10px 18px}.nav-group{margin-bottom:14px}.nav-label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:6px 10px;font-size:10px;font-weight:620}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:13.2px;font-weight:520;transition:background .14s,color .14s;display:flex;position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-3);color:var(--text);font-weight:600}.nav-item.active:before{content:"";background:linear-gradient(var(--brand), var(--brand-2));border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.nav-item .ic{opacity:.9;flex:none;width:17px;height:17px}.nav-item .pill{background:var(--danger-bg);color:var(--danger);border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.nav-item .pill.soon{background:var(--surface-3);color:var(--muted)}.sidebar-foot{border-top:1px solid var(--border-soft);padding:12px}.user-chip{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.user-chip:hover{background:var(--surface-2)}.avatar{background:linear-gradient(135deg, var(--accent), var(--brand));color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:40;height:var(--topbar-h);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.crumbs{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;display:flex}.crumbs b{color:var(--text);font-weight:600}.search{width:300px;max-width:34vw;margin-left:auto;position:relative}.search input{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:20px;outline:none;padding:8px 12px 8px 32px;font-size:13px}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.search svg{width:14px;height:14px;color:var(--muted);position:absolute;top:9px;left:11px}.icon-btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .14s;display:grid;position:relative}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.icon-btn svg{width:16px;height:16px}.icon-btn .dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:7px}.live-chip{background:var(--ok-bg);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 28%, transparent);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.beacon{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.page{padding:22px 24px 56px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-title{letter-spacing:-.02em;font-size:22px}.page-desc{color:var(--muted);max-width:62ch;margin-top:3px;font-size:13px}.page-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.btn{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);white-space:nowrap;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:570;transition:all .14s;display:inline-flex}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn svg{width:15px;height:15px}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:var(--brand-ink);border-color:#0000;font-weight:650}.btn-primary:hover{color:var(--brand-ink);filter:brightness(1.08)}.btn-ghost{background:0 0}.btn-sm{border-radius:8px;padding:5px 10px;font-size:12px}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-bg)}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:18px;padding-bottom:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 13px;font-size:13px;font-weight:550;transition:all .14s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab .count{background:var(--surface-3);border-radius:20px;margin-left:5px;padding:1px 5px;font-size:10.5px}.tabpane{animation:.22s fade;display:none}.tabpane.active{display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:13px 16px;display:flex}.card-title{font-size:13.5px;font-weight:640}.card-sub{color:var(--muted);font-size:11.5px}.card-head .right{align-items:center;gap:6px;margin-left:auto;display:flex}.card-body{padding:16px}.card-body.tight{padding:10px}.card-body.flush{padding:0}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}.g-3-2{grid-template-columns:3fr 2fr}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 15px;position:relative;overflow:hidden}.kpi:after{content:"";background:linear-gradient(var(--brand), var(--brand-2));opacity:.9;width:3px;position:absolute;inset:0 auto 0 0}.kpi.ok:after{background:var(--ok)}.kpi.warn:after{background:var(--warn)}.kpi.danger:after{background:var(--danger)}.kpi.violet:after{background:var(--violet)}.kpi-label{color:var(--muted);letter-spacing:.01em;align-items:center;gap:6px;font-size:11.5px;font-weight:560;display:flex}.kpi-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:25px;font-weight:700}.kpi-value small{color:var(--muted);font-size:13px;font-weight:600}.kpi-foot{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.delta{align-items:center;gap:3px;font-weight:650;display:inline-flex}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.kpi-spark{opacity:.55;position:absolute;bottom:8px;right:10px}.badge{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:620;display:inline-flex}.badge .bdot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.violet{background:var(--violet-bg);color:var(--violet)}.badge.brand{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand)}.table-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13px}table.tbl thead th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:650;position:sticky;top:0}table.tbl tbody td{border-bottom:1px solid var(--border-soft);vertical-align:middle;white-space:nowrap;padding:11px 14px}table.tbl tbody tr{cursor:pointer;transition:background .12s}table.tbl tbody tr:hover{background:var(--surface-2)}table.tbl tbody tr.sel{background:color-mix(in srgb, var(--brand) 9%, transparent)}.mono{font-family:var(--mono);letter-spacing:-.02em;font-size:12px}.t-id{font-family:var(--mono);color:var(--brand);font-size:12px;font-weight:600}.t-sub{color:var(--muted);font-size:11.5px}.t-strong{font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}.toolbar{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.field{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:flex}.field select,.field input{color:var(--text);background:0 0;border:0;outline:none;font-family:inherit;font-size:12.5px}.field select{cursor:pointer}.field label{color:var(--muted);font-size:11.5px}.chipset{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:20px;padding:5px 11px;font-size:12px;font-weight:560;transition:all .14s}.chip:hover{color:var(--text);border-color:var(--muted)}.chip.active{background:color-mix(in srgb, var(--brand) 15%, transparent);color:var(--brand);border-color:var(--brand)}.mapbox{border-radius:var(--radius);background:var(--map-land);position:relative;overflow:hidden}.map-svg{width:100%;height:100%;display:block}.map-overlay{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px}.map-legend{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);z-index:5;border-radius:10px;flex-wrap:wrap;gap:12px;padding:8px 11px;font-size:11.5px;display:flex;position:absolute;bottom:12px;left:12px}.lg{color:var(--text-2);align-items:center;gap:6px;display:flex}.lg i{border-radius:50%;width:8px;height:8px;display:block}.map-ctl{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.map-ctl .icon-btn{background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.veh{cursor:pointer}.veh:hover .veh-ring{opacity:1}.feed{max-height:100%;overflow-y:auto}.feed-item{border-bottom:1px solid var(--border-soft);cursor:pointer;gap:11px;padding:11px 14px;display:flex}.feed-item:hover{background:var(--surface-2)}.feed-ic{background:var(--surface-3);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.feed-ic svg{width:15px;height:15px}.feed-body{flex:1;min-width:0}.feed-title{align-items:center;gap:7px;font-size:12.8px;font-weight:580;display:flex}.feed-meta{color:var(--muted);text-overflow:ellipsis;margin-top:2px;font-size:11.3px;overflow:hidden}.feed-time{color:var(--muted);flex:none;font-size:10.8px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:90;background:#03070e8c;transition:opacity .22s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:100;background:var(--surface);border-left:1px solid var(--border);width:480px;max-width:94vw;height:100vh;box-shadow:var(--shadow);flex-direction:column;transition:transform .26s cubic-bezier(.32,.72,.32,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.drawer.open{transform:none}.drawer-head{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:15px 18px;display:flex}.drawer-body{flex:1;padding:16px 18px 30px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);gap:8px;padding:12px 18px;display:flex}.dl{grid-template-columns:132px 1fr;gap:9px 12px;font-size:12.8px;display:grid}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:540}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:6px}.tl-item{padding-bottom:16px;position:relative}.tl-item:before{content:"";background:var(--surface);border:2px solid var(--border);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:-22px}.tl-item.done:before{background:var(--ok);border-color:var(--ok)}.tl-item.now:before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent)}.tl-item.fail:before{background:var(--danger);border-color:var(--danger)}.tl-title{font-size:13px;font-weight:600}.tl-meta{color:var(--muted);margin-top:2px;font-size:11.5px}.bar{background:var(--surface-3);border-radius:20px;height:7px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--brand), var(--brand-2));border-radius:20px;height:100%;display:block}.bar.ok>i{background:var(--ok)}.bar.warn>i{background:var(--warn)}.bar.danger>i{background:var(--danger)}.stat-row{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:9px 0;display:flex}.stat-row:last-child{border-bottom:0}.stat-row .lbl{flex:1;min-width:0;font-size:12.5px}.stat-row .val{font-variant-numeric:tabular-nums;font-size:12.8px;font-weight:650}.ai-card{border:1px solid color-mix(in srgb, var(--violet) 32%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--violet) 9%, transparent), transparent);border-radius:var(--radius-sm);margin-bottom:10px;padding:12px 13px}.ai-card:last-child{margin-bottom:0}.ai-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--violet);font-size:10px;font-weight:700}.ai-title{margin:4px 0 3px;font-size:13px;font-weight:620}.ai-text{color:var(--text-2);font-size:12.2px}.ai-acts{gap:7px;margin-top:9px;display:flex}.alert-row{border-bottom:1px solid var(--border-soft);cursor:pointer;align-items:flex-start;gap:11px;padding:11px 14px;display:flex}.alert-row:hover{background:var(--surface-2)}.alert-bar{background:var(--warn);border-radius:3px;flex:none;align-self:stretch;width:3px}.alert-bar.danger{background:var(--danger)}.alert-bar.info{background:var(--info)}.empty{text-align:center;color:var(--muted);padding:46px 20px}.empty svg{opacity:.5;width:34px;height:34px;margin-bottom:10px}.donut-wrap{align-items:center;gap:16px;display:flex}.chart-legend{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:11.5px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:2px;width:9px;height:9px;display:inline-block}.legend-list{flex-direction:column;flex:1;gap:7px;font-size:12.3px;display:flex}.legend-list .li{align-items:center;gap:8px;display:flex}.legend-list .li i{border-radius:3px;flex:none;width:9px;height:9px}.legend-list .li b{font-variant-numeric:tabular-nums;margin-left:auto}.kanban{grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.kcol{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:260px}.kcol-head{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:10px 12px;font-size:12.3px;font-weight:640;display:flex}.kcol-head .n{color:var(--muted);background:var(--surface-3);border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px}.kcol-body{flex-direction:column;gap:8px;padding:9px;display:flex}.kcard{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:10px 11px;transition:all .14s}.kcard:hover{border-color:var(--brand);transform:translateY(-1px)}.kcard .kid{font-family:var(--mono);color:var(--brand);font-size:11.3px;font-weight:600}.kcard .kt{margin:3px 0 6px;font-size:12.3px;font-weight:550}.kcard .km{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.pod-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.pod{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;overflow:hidden}.pod:hover{border-color:var(--brand)}.pod-img{background:linear-gradient(135deg, var(--surface-3), var(--surface));place-items:center;height:108px;display:grid;position:relative}.pod-img svg{opacity:.45;width:32px;height:32px}.pod-sig{position:absolute;inset:auto 10px 8px}.pod-meta{padding:10px 12px}.sched-grid{grid-template-columns:92px repeat(5,minmax(0,1fr));gap:6px;font-size:12px;display:grid}.sched-h{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px;font-size:11px;font-weight:640}.sched-t{color:var(--muted);padding-top:8px;font-size:11.5px}.slot{border:1px dashed var(--border);border-radius:8px;min-height:46px;padding:5px}.slot.filled{background:color-mix(in srgb, var(--brand) 10%, transparent);border-style:solid;border-color:color-mix(in srgb, var(--brand) 40%, transparent);cursor:pointer}.slot.full{background:var(--danger-bg);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.slot .s1{font-size:11.5px;font-weight:640}.slot .s2{color:var(--muted);font-size:10.5px}.phone{border:9px solid var(--surface-3);background:var(--surface);width:288px;box-shadow:var(--shadow);border-radius:34px;flex:none;position:relative;overflow:hidden}.phone-notch{background:var(--surface-3);height:22px;position:relative}.phone-notch:after{content:"";background:var(--bg);border-radius:20px;width:76px;height:14px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--bg);height:520px;overflow-y:auto}.phone-tabbar{border-top:1px solid var(--border);background:var(--surface);display:flex}.phone-tab{text-align:center;color:var(--muted);cursor:pointer;flex:1;padding:9px 2px 11px;font-size:9.5px}.phone-tab.active{color:var(--brand)}.phone-tab svg{width:17px;height:17px;margin:0 auto 3px;display:block}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:12px;display:grid}.fcard{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;padding:14px;transition:all .16s;position:relative}.fcard:hover{border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.fcard .fic{background:var(--surface-3);width:32px;height:32px;color:var(--brand);border-radius:9px;place-items:center;margin-bottom:9px;display:grid}.fcard .fic svg{width:16px;height:16px}.fcard h4{margin-bottom:4px;font-size:13.2px}.fcard p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.fcard .fstate{position:absolute;top:12px;right:12px}.toast-host{z-index:200;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:8px;padding:9px 16px;font-size:12.7px;animation:.25s rise;display:flex}.toast svg{width:15px;height:15px;color:var(--brand)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.proto-note{border-radius:var(--radius-sm);background:var(--info-bg);border:1px solid color-mix(in srgb, var(--info) 28%, transparent);color:var(--text-2);align-items:flex-start;gap:10px;margin-bottom:16px;padding:11px 14px;font-size:12.3px;display:flex}.proto-note svg{width:16px;height:16px;color:var(--info);flex:none;margin-top:1px}.proto-note b{color:var(--text)}.split-list{flex-direction:column;display:flex}.row-item{border-bottom:1px solid var(--border-soft);cursor:pointer;align-items:center;gap:11px;padding:11px 14px;display:flex}.row-item:hover{background:var(--surface-2)}.row-item.sel{background:color-mix(in srgb, var(--brand) 9%, transparent)}.thumb{background:var(--surface-3);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.thumb svg{width:16px;height:16px;color:var(--text-2)}.scroll-260{max-height:260px;overflow-y:auto}.scroll-320{max-height:320px;overflow-y:auto}.scroll-420{max-height:420px;overflow-y:auto}.login-wrap{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{border-right:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.login-form{place-items:center;padding:30px;display:grid}.login-card{width:100%;max-width:372px}.input{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);outline:none;padding:11px 13px;font-family:inherit;font-size:13.5px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent)}.lbl-sm{color:var(--text-2);margin-bottom:6px;font-size:12px;font-weight:560;display:block}.role-pick{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.role-opt{border:1px solid var(--border);cursor:pointer;background:var(--surface-2);border-radius:9px;padding:9px 10px;font-size:12.3px}.role-opt:hover{border-color:var(--muted)}.role-opt.active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 11%, transparent);color:var(--brand);font-weight:600}@media (width<=1280px){.g5,.g6{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1080px){.app{grid-template-columns:1fr}.sidebar{z-index:120;width:var(--sidebar-w);transition:transform .24s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.menu-btn{display:grid!important}.g-2-1,.g-1-2,.g-3-2,.g3,.g2,.login-wrap{grid-template-columns:1fr}.login-art{display:none}}@media (width<=720px){.g4,.g5,.g6{grid-template-columns:repeat(2,minmax(0,1fr))}.search{display:none}.page{padding:16px 14px 40px}}.menu-btn{display:none}