:root{--app-bg: #f1f5f9;--app-surface: #ffffff;--app-fg: #0f172a;--app-muted: #64748b;--app-line: #e2e8f0;--app-primary: #4f46e5;--app-sidebar: #0b1220;--app-sidebar-fg: #cbd5e1;--app-good: #10b981;--app-warn: #f59e0b;--app-bad: #ef4444}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--app-bg);color:var(--app-fg);-webkit-font-smoothing:antialiased}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.app-sidebar{background:var(--app-sidebar);color:var(--app-sidebar-fg);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.app-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 20px}.app-brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#22d3ee,#4f46e5);display:grid;place-items:center;color:#fff;font-weight:800}.app-brand-name{font-weight:700;color:#fff;font-size:15px;letter-spacing:-.01em}.app-brand-name small{display:block;font-weight:500;font-size:10.5px;color:#64748b;letter-spacing:.04em;text-transform:uppercase}.app-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.app-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--app-sidebar-fg);font-size:13.5px;font-weight:500;cursor:pointer;border:none;background:transparent;text-align:left;width:100%}.app-nav-item:hover{background:#94a3b81f;color:#fff}.app-nav-item[data-active=true]{background:#4f46e5e6;color:#fff}.app-nav-item svg{width:18px;height:18px;opacity:.9}.app-sidebar-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid rgba(148,163,184,.15);font-size:11px;color:#64748b}.app-main{display:flex;flex-direction:column;min-width:0}.app-topbar{display:flex;align-items:center;gap:16px;padding:14px 26px;background:var(--app-surface);border-bottom:1px solid var(--app-line);position:sticky;top:0;z-index:10}.app-topbar h1{font-size:17px;margin:0;font-weight:700;letter-spacing:-.01em}.app-search{flex:1;max-width:420px}.app-search input{width:100%;font:inherit;font-size:13px;padding:8px 12px;border:1px solid var(--app-line);border-radius:9px;background:var(--app-bg)}.app-env{font-size:11px;font-weight:700;color:var(--app-warn);background:#f59e0b1f;padding:4px 9px;border-radius:999px}.app-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#6366f1);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.app-content{padding:24px 26px 80px;max-width:1180px;width:100%}.app-page-intro{margin:0 0 20px}.app-page-intro h2{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.app-page-intro p{margin:0;color:var(--app-muted);font-size:13.5px}.app-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media(max-width:900px){.app-kpis{grid-template-columns:repeat(2,1fr)}}.app-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:14px;box-shadow:0 1px 2px #0206170a}.app-kpi{padding:16px 18px}.app-kpi-label{font-size:12px;color:var(--app-muted);font-weight:600}.app-kpi-value{font-size:26px;font-weight:800;margin:6px 0 2px;letter-spacing:-.02em}.app-kpi-delta{font-size:12px;font-weight:600}.app-kpi-delta[data-dir=up]{color:var(--app-good)}.app-kpi-delta[data-dir=down]{color:var(--app-bad)}.app-kpi-spark{margin-top:10px}.app-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}@media(max-width:900px){.app-grid{grid-template-columns:1fr}}.app-card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--app-line)}.app-card-head h3{margin:0;font-size:14px;font-weight:700}.app-card-head .app-muted{font-size:12px;color:var(--app-muted)}.app-card-body{padding:18px}.app-chart{width:100%;height:220px;display:block}.app-table{width:100%;border-collapse:collapse;font-size:13px}.app-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted);padding:8px 12px;border-bottom:1px solid var(--app-line)}.app-table td{padding:10px 12px;border-bottom:1px solid var(--app-line)}.app-table tr:last-child td{border-bottom:none}.app-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px}.app-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.app-status[data-s=online]{color:var(--app-good)}.app-status[data-s=degraded]{color:var(--app-warn)}.app-status[data-s=offline]{color:var(--app-bad)}.app-form{display:grid;gap:14px}.app-field label{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.app-field input,.app-field select{width:100%;font:inherit;font-size:13px;padding:9px 11px;border:1px solid var(--app-line);border-radius:9px;background:var(--app-bg)}.app-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-btn{font:inherit;font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:10px;border:none;cursor:pointer;background:var(--app-primary);color:#fff}.app-btn:hover{background:#4338ca}.app-btn-ghost{background:var(--app-surface);border:1px solid var(--app-line);color:var(--app-fg)}.app-btn-ghost:hover{background:var(--app-bg)}.app-form-actions{display:flex;gap:10px;margin-top:4px}.app-toast{position:fixed;top:74px;right:26px;z-index:40;background:#1e293b;color:#fecaca;border:1px solid rgba(239,68,68,.4);padding:11px 15px;border-radius:10px;font-size:13px;box-shadow:0 12px 30px #02061759;display:flex;align-items:center;gap:9px;animation:app-toast-in .18s ease;max-width:360px}.app-toast strong{color:#fff}@keyframes app-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1}}.app-hint{margin-top:16px;font-size:12px;color:var(--app-muted);background:#6366f10f;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:10px 13px;line-height:1.5}.app-hint kbd{font-family:ui-monospace,Menlo,monospace;font-size:11px;background:var(--app-surface);border:1px solid var(--app-line);border-radius:5px;padding:1px 5px}.app-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:900px){.app-two{grid-template-columns:1fr}}