:root{--sidebar:#0b0e14;--sidebar-search:#141821;--sidebar-active:#2a231c;--sidebar-text:#f3f4f6;--sidebar-muted:#8b93a7;--sidebar-border:#1b202b;--canvas:#f4f6f8;--card:#ffffff;--border:#e6e8ec;--text:#0f172a;--muted:#64748b;--primary:#f97316;--primary-hover:#ea580c;--success:#16a34a;--success-surface:#ecfdf5;--danger:#dc2626;--warning:#d97706;--warning-surface:#fffbeb;--info-surface:#eff6ff;--radius-card:12px;--radius-pill:999px;--sidebar-width:248px;--header-height:56px;--shadow:0 1px 0 rgba(15,23,42,0.04);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--canvas);color:var(--text)}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr}.shell,.sidebar{min-height:100vh}.sidebar{background:var(--sidebar);color:var(--sidebar-text);padding:16px 12px 20px;display:flex;flex-direction:column;gap:14px;position:-webkit-sticky;position:sticky;top:0}.brand{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.brand-title{font-size:18px;font-weight:650;letter-spacing:-.03em}.brand-sub{font-size:12px;margin-top:2px}.brand-sub,.collapse{color:var(--sidebar-muted)}.collapse{width:28px;height:28px;border:0;background:transparent;cursor:pointer}.search{display:flex;align-items:center;gap:8px;background:var(--sidebar-search);border:1px solid #1e2430;border-radius:10px;padding:8px 10px;color:var(--sidebar-muted)}.search input{flex:1 1;border:0;background:transparent;color:var(--sidebar-text);outline:none;min-width:0}.search input::placeholder{color:#6b7384}.kbd{font-size:11px;border:1px solid #2a3140;border-radius:6px;padding:1px 5px;color:#7d8698}.nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-item{display:grid;grid-template-columns:22px 1fr 14px;grid-gap:10px;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;color:var(--sidebar-text)}.nav-item small{display:block;color:var(--sidebar-muted);font-size:12px;margin-top:1px}.nav-item:hover{background:#161b24}.nav-item.active{background:var(--sidebar-active)}.nav-item .chevron,.nav-item svg{color:var(--sidebar-muted)}.nav-item.active .chevron{color:#d6d3d1}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-height);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar h1{margin:0;font-size:15px;font-weight:600}.userbox{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.avatar{width:28px;height:28px;border-radius:999px;background:#e2e8f0;display:grid;place-items:center;color:var(--text);font-size:11px;font-weight:700}.linkish{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}.page{padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px}.card,.page-header,.stat-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.page-header{padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-header h2{margin:0;font-size:26px;letter-spacing:-.03em}.page-header p{margin:6px 0 0;color:var(--muted)}.chips{margin-top:12px}.chips,.header-actions{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#f8fafc;border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;color:#334155}.chip.ok{background:var(--success-surface);border-color:#bbf7d0;color:#166534}.chip.warn{background:var(--warning-surface);border-color:#fde68a;color:#92400e}.chip.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.btn{border:0;border-radius:var(--radius-pill);padding:9px 16px;cursor:pointer;font-weight:600;font-size:13px}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:var(--primary-hover)}.btn.ghost{background:white;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.55;cursor:not-allowed}.stat-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.stat{padding:16px 18px;border-right:1px solid var(--border)}.stat:last-child{border-right:0}.data-list dt,.metric label,.stat label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.metric strong,.stat strong{font-size:22px;font-weight:650;letter-spacing:-.03em}.metric em,.stat span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.grid-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.card{padding:18px 20px}.card h3{margin:0 0 14px;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px 12px;gap:18px 12px}.metric strong{font-size:20px}.banner{border-radius:10px;padding:12px 14px;font-size:14px}.banner.success{background:var(--success-surface);color:#166534}.banner.warn{background:var(--warning-surface);color:#92400e}.banner.info{background:var(--info-surface);color:#1e3a8a}.empty{border:1px dashed #cbd5e1;border-radius:12px;padding:28px 20px;text-align:center;color:var(--muted);background:#fbfdff}.empty h4{margin:0 0 6px;color:var(--text)}.data-list{display:grid;grid-gap:14px;gap:14px;margin:0}.data-list div{display:grid;grid-template-columns:180px 1fr;grid-gap:12px;gap:12px}.data-list dd{margin:0}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.04em}.badge.real{background:var(--success-surface);color:#166534}.badge.sim{background:#f1f5f9;color:#475569}.badge.lab{background:var(--warning-surface);color:#92400e}.badge.none{background:#f8fafc;color:#64748b}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);padding:0 4px}.tabs span{padding-bottom:10px;color:var(--muted);font-size:14px}.tabs .on{color:var(--text);font-weight:600;border-bottom:2px solid var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--canvas)}.login-card{width:min(420px,100%);padding:28px}.login-card h1{margin:0 0 6px;font-size:26px}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.field input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:white}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:8px 0}.table td{padding:10px 0;border-top:1px solid var(--border)}.map-placeholder{height:360px;border-radius:12px;background:linear-gradient(180deg,#eef2f6,#e4e9ef);display:grid;place-items:center;color:var(--muted);border:1px solid var(--border)}@media (max-width:1100px){.data-list div,.form-row,.grid-2,.metrics,.stat-strip{grid-template-columns:1fr 1fr}.stat{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:relative;min-height:auto}.data-list div,.form-row,.grid-2,.metrics,.stat-strip{grid-template-columns:1fr}.page-header{flex-direction:column}}