:root{--bg:#f8fafc;--sidebar-bg:#ffffff;--header-bg:#ffffff;--panel:#ffffff;--panel-muted:#f1f5f9;--panel-hover:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-soft:#475569;--text-faint:#94a3b8;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-bg:#eff6ff;--green:#10b981;--green-bg:#ecfdf5;--amber:#f59e0b;--amber-bg:#fffbeb;--red:#ef4444;--red-bg:#fef2f2;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--radius:8px;--radius-lg:12px;--sidebar-width:240px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit;outline:none}.appContainer{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.mainContent{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.topbar{height:64px;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;flex-shrink:0}.scrollArea{flex:1;overflow-y:auto;padding:32px}.sidebarHeader{height:64px;display:flex;align-items:center;padding:0 20px;gap:12px}.brandLogo{width:32px;height:32px;background:var(--brand);border-radius:6px;display:grid;place-items:center;color:white}.brandName{font-size:18px;font-weight:700;letter-spacing:-.02em}.sidebarNav{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px}.navItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--text-soft);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s}.navItem:hover{background:var(--panel-muted);color:var(--text)}.navItem.active{background:var(--brand-bg);color:var(--brand)}.sidebarFooter{padding:16px;border-top:1px solid var(--border)}.userProfile{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px}.avatar{width:36px;height:36px;background:#e2e8f0;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-soft)}.searchBar{flex:1;max-width:480px;position:relative}.searchBar input{width:100%;height:40px;background:var(--panel-muted);border:1px solid transparent;border-radius:8px;padding:0 16px 0 40px;font-size:14px}.searchIcon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.topbarActions{display:flex;align-items:center;gap:16px}.modalBackdrop{position:fixed;inset:0;background:rgba(15,23,42,.28);display:grid;place-items:center;padding:24px;z-index:50}.modalCard{width:min(100%,560px);background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);padding:24px}.modalHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.modalActions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.inlineAlert{padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.5}.inlineAlertError{background:var(--amber-bg);border:1px solid #fde68a;color:#92400e}.inlineAlertSuccess{background:var(--green-bg);border:1px solid #a7f3d0;color:#047857}.statusDot{width:10px;height:10px;border-radius:9999px;display:inline-block;animation:statusPulse 1.8s ease-in-out infinite}.statusDot.online{background:var(--green);box-shadow:0 0 0 0 rgba(16,185,129,.45)}.statusDot.offline{background:var(--red);box-shadow:0 0 0 0 rgba(239,68,68,.45)}@keyframes statusPulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 6px transparent;opacity:.8}to{box-shadow:0 0 0 0 transparent;opacity:1}}.terminalHeader{height:40px;padding:0 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-soft);background:var(--panel-muted)}.terminalContent{flex:1;padding:12px 16px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:#334155;background:#ffffff}.terminalContentLarge{min-height:520px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.statCard{background:#ffffff;padding:20px;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.statLabel{font-size:13px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.02em}.statValue{font-size:28px;font-weight:700;color:var(--text)}.statTrend{font-size:12px;display:flex;align-items:center;gap:4px}.statTrend.up{color:var(--green)}.statTrend.down{color:var(--red)}.btn{height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:all .2s}.btnToolbar{height:36px;padding:0 14px;font-size:13px}.btnCompact{height:32px;padding:0 12px}.btnCompact,.btnTiny{border-radius:7px;font-size:12px}.btnTiny{height:28px;padding:0 10px;gap:6px}.btnMicro{height:24px;padding:0 8px;border-radius:6px;font-size:11px;gap:4px}.btnFit{width:fit-content}.btnDanger{color:var(--red)}.segmentedControl{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--panel-muted)}.segmentedControl .btn{border:0;background:transparent;color:var(--text-soft)}.segmentedControl .btnPrimary{background:var(--brand);color:white}.segmentedControl .btn:disabled{cursor:default;opacity:1}.segmentedGrow{flex:1}.btnPrimary{background:var(--brand);color:white}.btnPrimary:hover{background:var(--brand-hover)}.btnSecondary{background:white;border-color:var(--border);color:var(--text)}.btnSecondary:hover{background:var(--panel-muted)}.badge{padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase}.badgeSuccess{background:var(--green-bg);color:var(--green)}.badgeWarning{background:var(--amber-bg);color:var(--amber)}.badgeError{background:var(--red-bg);color:var(--red)}.toggleSwitch{width:36px;height:20px;padding:2px;border:0;border-radius:10px;background:var(--border-strong);cursor:pointer;transition:background .15s}.toggleSwitch span{display:block;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}.toggleSwitch[aria-pressed=true]{background:var(--brand)}.toggleSwitch[aria-pressed=true] span{transform:translateX(16px)}.dashboardGrid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.compactGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.formGroup{margin-bottom:20px}.formGroup label{display:block;font-size:13px;font-weight:600;color:var(--text-soft);margin-bottom:6px}.formGroup input,.formGroup select{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff}.formGroup input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.btn:disabled,.btnSecondary:disabled,.formGroup input:disabled,.formGroup select:disabled,.toggleSwitch:disabled{opacity:.6;cursor:not-allowed}.formGrid{display:grid;gap:16px}.emptyState{color:var(--text-faint);font-size:13px;text-align:center;padding:16px;border:1px dashed var(--border);border-radius:8px;background:var(--panel-hover)}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.w-full{width:100%}.h-full{height:100%}