.nav .nav-link{text-decoration:none;color:#334155;padding:8px 10px;border-radius:10px;border:1px solid transparent;display:block;font-size:13px;font-weight:600;transition:all .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .nav .nav-link{color:#ffffffb3}.nav .nav-link:hover{background:#2563eb0f;color:#2563eb;border-color:#2563eb24}[data-theme=dark] .nav .nav-link:hover{background:var(--surface);color:var(--text);border-color:var(--stroke)}.nav .nav-link.active{background:#2563eb1a;border-color:#2563eb33;color:#2563eb}[data-theme=dark] .nav .nav-link.active{background:#2563eb1f;border-color:#2563eb40;color:#60a5fa}.nav .section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted2);padding:10px 10px 3px;flex-shrink:0}.user-block{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:4px;border-radius:8px}.user-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}[data-theme=dark] .user-avatar{background:linear-gradient(135deg,#1e3a6e,#2563eb)}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.user-email{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;color:var(--muted)}.logout-btn{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:1px solid var(--stroke);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.lang-toggle{cursor:pointer;padding:8px 12px;border-radius:12px;border:1px solid var(--stroke);background:#2563eb14;color:#2563ebf2;font-size:12px;font-weight:600;transition:.15s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:40px;height:36px}.lang-toggle:hover{transform:translateY(-1px);background:#2563eb26;border-color:#2563eb4d}[data-theme=dark] .lang-toggle{background:#55b7ff14;color:#55b7fff2}[data-theme=dark] .lang-toggle:hover{background:#55b7ff26;border-color:#55b7ff4d}:root{--bg: #f8fafc;--panel: #ffffff;--panel2: #f1f5f9;--card: #ffffff;--surface: rgba(0, 0, 0, .02);--stroke: rgba(15, 23, 42, .08);--text: #0f172a;--muted: #475569;--muted2: #64748b;--accent: #2563eb;--accent2: #059669;--warn: #ea580c;--bad: #dc2626;--good: #059669;--shadow: 0 10px 30px rgba(15, 23, 42, .08);--radius: 18px;--radius2: 24px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}[data-theme=dark]{--bg: #0a1628;--panel: #0f1a2e;--panel2: #0c1628;--card: #101f3a;--surface: rgba(255, 255, 255, .04);--stroke: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .45);--muted2: rgba(255, 255, 255, .25);--accent: #55b7ff;--accent2: #7CFFB2;--warn: #ffcc66;--bad: #ff6b6b;--good: #7CFFB2;--shadow: 0 14px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);background:radial-gradient(1100px 700px at 18% 14%,rgba(37,99,235,.04),transparent 60%),radial-gradient(900px 650px at 90% 18%,rgba(5,150,105,.03),transparent 55%),radial-gradient(900px 700px at 55% 92%,rgba(234,88,12,.03),transparent 55%),var(--bg);color:var(--text);overflow:hidden}[data-theme=dark] body{background:radial-gradient(1100px 700px at 18% 14%,rgba(85,183,255,.18),transparent 60%),radial-gradient(900px 650px at 90% 18%,rgba(124,255,178,.1),transparent 55%),radial-gradient(900px 700px at 55% 92%,rgba(255,204,102,.1),transparent 55%),var(--bg)}.app{display:grid;grid-template-columns:290px 1fr;height:100vh;width:100vw}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid rgba(15,23,42,.1);padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:auto}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#0f1a2ef7,#0c1628f7);border-right-color:var(--stroke)}.brand{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f1f5f999;border:1px solid rgba(15,23,42,.08);flex-shrink:0}[data-theme=dark] .brand{background:#ffffff0a;border-color:var(--stroke)}.logo{width:32px;height:32px;border-radius:9px;object-fit:contain;flex-shrink:0}.brand h1{font-size:14px;margin:0;line-height:1.15}.brand p{font-size:12px;margin:2px 0 0;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.nav a{text-decoration:none;color:#334155;padding:8px 10px;border-radius:10px;border:1px solid transparent;display:block;font-size:13px;font-weight:600;transition:all .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .nav a{color:#ffffffb3}.nav a:hover{background:#2563eb0f;color:#2563eb;border-color:#2563eb24}[data-theme=dark] .nav a:hover{background:var(--surface);color:var(--text);border-color:var(--stroke)}.nav a.active,.nav a.router-link-active{background:#2563eb1a;border-color:#2563eb33;color:#2563eb}[data-theme=dark] .nav a.active,[data-theme=dark] .nav a.router-link-active{background:#2563eb1f;border-color:#2563eb40;color:#60a5fa}.badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.12);color:#475569;background:#f1f5f9cc;white-space:nowrap}.badge.green{border-color:#05966940;color:#047857;background:#d1fae5cc}.badge.blue{border-color:#2563eb40;color:#1d4ed8;background:#dbeafecc}.badge.warn{border-color:#ea580c40;color:#c2410c;background:#fed7aacc}.badge.bad{border-color:#dc262640;color:#b91c1c;background:#fecacacc}[data-theme=dark] .badge{border-color:var(--stroke);color:var(--muted);background:#ffffff08}[data-theme=dark] .badge.green{border-color:#7cffb247;color:#7cffb2eb;background:#7cffb214}[data-theme=dark] .badge.blue{border-color:#55b7ff47;color:#55b7fff2;background:#55b7ff14}[data-theme=dark] .badge.warn{border-color:#ffcc6647;color:#ffcc66f2;background:#ffcc6614}[data-theme=dark] .badge.bad{border-color:#ff6b6b47;color:#ff6b6bf2;background:#ff6b6b14}.sidebar .footer{margin-top:auto;padding:8px;border-radius:12px;background:#f1f5f999;border:1px solid rgba(15,23,42,.08);flex-shrink:0;display:flex;align-items:center;gap:6px}[data-theme=dark] .sidebar .footer{background:#ffffff0a;border-color:var(--stroke)}.kline{font-family:var(--mono);font-size:11px;color:#94a3b8;margin-top:8px;display:block}[data-theme=dark] .kline{color:#ffffff8c}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--stroke);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .topbar{background:#0c16288c}.topbar-left{display:flex;flex-direction:column;gap:4px}.topbar h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px}.topbar .sub{color:var(--muted);font-size:12px}.topbar-right{display:flex;gap:10px;align-items:center}.chip{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#f8fafccc;color:#475569;font-size:12px;white-space:nowrap}[data-theme=dark] .chip{border-color:var(--stroke);background:#ffffff08;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b98126}[data-theme=dark] .dot{background:var(--good);box-shadow:0 0 0 4px #7cffb21f}.btn{cursor:pointer;padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#f8fafccc;color:#0f172a;font-size:12px;transition:.15s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);background:#f1f5f9e6;border-color:#0f172a2e}.btn.primary{border-color:#2563eb4d;background:#dbeafeb3;color:#1e40af}.btn.primary:hover{background:#bfdbfed9}.btn.danger{border-color:#dc26264d;background:#fecacab3;color:#b91c1c}.btn.danger:hover{background:#fecacae6}[data-theme=dark] .btn{border-color:var(--stroke);background:#ffffff08;color:var(--text)}[data-theme=dark] .btn:hover{background:#ffffff0d}[data-theme=dark] .btn.primary{border-color:#55b7ff47;background:#55b7ff1f;color:var(--text)}[data-theme=dark] .btn.danger{border-color:#ff6b6b47;background:#ff6b6b1a;color:var(--text)}.content{padding:18px 22px 24px;overflow:auto;height:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.card{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:var(--radius);box-shadow:0 1px 3px #0f172a0a}[data-theme=dark] .card{border-color:var(--stroke);background:#101f3a9e;box-shadow:var(--shadow)}.kpi{padding:14px 14px 12px;position:relative;overflow:hidden}.kpi .t{color:#64748b;font-size:12px}[data-theme=dark] .kpi .t{color:var(--muted)}.kpi .v{font-size:22px;margin-top:6px;letter-spacing:.2px;color:#0f172a}[data-theme=dark] .kpi .v{color:var(--text)}.kpi .s{margin-top:8px;color:#94a3b8;font-size:12px;display:flex;gap:10px;flex-wrap:wrap}[data-theme=dark] .kpi .s{color:var(--muted2)}.spark{position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(37,99,235,.15),transparent 55%);filter:blur(0px);opacity:.9}[data-theme=dark] .spark{background:radial-gradient(circle at 30% 30%,rgba(85,183,255,.35),transparent 55%)}.panel{padding:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h3{margin:0;font-size:13px}.panel-head .hint{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:7px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#f8fafc99;color:#64748b;font-size:12px;cursor:default}.tab.active{border-color:#2563eb4d;background:#dbeafeb3;color:#1e40af}[data-theme=dark] .tab{border-color:var(--stroke);background:#ffffff08;color:var(--muted)}[data-theme=dark] .tab.active{color:var(--text);border-color:#55b7ff47;background:#55b7ff1a}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;overflow:hidden;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#f8fafc80}[data-theme=dark] table{border-color:var(--stroke);background:#0c162873}th,td{padding:10px;border-bottom:1px solid var(--stroke);vertical-align:top}th{text-align:left;color:#334155;font-weight:600;background:#f1f5f9cc;font-size:12px;border-bottom:1px solid rgba(15,23,42,.1)}[data-theme=dark] th{color:#ffffffbf;background:#ffffff08;border-bottom-color:var(--stroke)}[data-theme=dark] td{border-bottom-color:var(--stroke)}tr:last-child td{border-bottom:none}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:4px 8px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#f1f5f9b3;color:#475569;font-size:11px;display:inline-flex;align-items:center;gap:6px}[data-theme=dark] .pill{border-color:var(--stroke);background:#ffffff08;color:var(--muted)}.pill .mini{width:6px;height:6px;border-radius:50%}.mini.good{background:var(--good)}.mini.bad{background:var(--bad)}.mini.warn{background:var(--warn)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.input{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.15);background:#fff;color:#0f172a;font-size:12px;min-width:220px;outline:none}.input:focus{border-color:#2563eb66;outline:2px solid rgba(37,99,235,.1)}[data-theme=dark] .input{border-color:var(--stroke);background:#ffffff08;color:var(--text)}[data-theme=dark] .input:focus{border-color:#55b7ff66;outline:2px solid rgba(85,183,255,.08)}.select{padding:10px 12px;border-radius:14px;border:1px solid rgba(15,23,42,.15);background:#fff;color:#0f172a;font-size:12px;outline:none}.select:focus{border-color:#2563eb66;outline:2px solid rgba(37,99,235,.1)}[data-theme=dark] .select{border-color:var(--stroke);background:#ffffff08;color:var(--text)}[data-theme=dark] .select:focus{border-color:#55b7ff66;outline:2px solid rgba(85,183,255,.08)}.callout{padding:14px;border-radius:var(--radius);border:1px solid rgba(234,88,12,.2);background:#fed7aa4d;color:#0f172a}[data-theme=dark] .callout{border-color:#ffcc6638;background:#ffcc6614;color:#ffffffdb}.callout h4{margin:0 0 6px;font-size:13px;color:#9a3412}[data-theme=dark] .callout h4{color:var(--text)}.callout p{margin:0;font-size:12px;color:#475569;line-height:1.4}[data-theme=dark] .callout p{color:#ffffffbf}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.stat{border:1px solid rgba(15,23,42,.08);background:#f8fafc80;border-radius:16px;padding:12px}[data-theme=dark] .stat{border-color:var(--stroke);background:#ffffff08}.stat .k{color:var(--muted);font-size:12px}.stat .v{margin-top:6px;font-size:16px}.stat .s{margin-top:6px;color:var(--muted2);font-size:11px;line-height:1.35}.hr{height:1px;background:var(--stroke);margin:12px 0}.small{font-size:11px;color:var(--muted2)}.theme-toggle{cursor:pointer;padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:#00000008;color:var(--text);font-size:20px;transition:.15s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{transform:translateY(-1px);background:#0000000f}[data-theme=dark] .theme-toggle{background:#ffffff08}[data-theme=dark] .theme-toggle:hover{background:#ffffff0f}