:root{color-scheme:dark;--bg: #08111d;--bg-soft: #0d1727;--bg-elevated: #111e32;--panel: rgba(12, 20, 34, .9);--panel-strong: rgba(15, 25, 42, .96);--panel-edge: rgba(99, 150, 255, .08);--border: rgba(129, 168, 255, .14);--border-strong: rgba(124, 196, 255, .28);--accent: #3ad2ff;--accent-strong: #8af5ff;--accent-soft: rgba(58, 210, 255, .12);--secondary: #6a7cff;--secondary-soft: rgba(106, 124, 255, .14);--text: #edf4ff;--muted: #8ba3c7;--danger: #ff8f8f;--warning: #ffcf7a;--success: #7ff0cf;--shadow: 0 32px 90px rgba(2, 6, 15, .52);--shadow-soft: 0 18px 48px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 0%,rgba(58,210,255,.14),transparent 28%),radial-gradient(circle at 78% 8%,rgba(106,124,255,.18),transparent 22%),radial-gradient(circle at 60% 52%,rgba(58,210,255,.05),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),var(--bg);color:var(--text)}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:28px 20px;border-right:1px solid var(--border);background:linear-gradient(180deg,#080e19fa,#09111df5),radial-gradient(circle at top,rgba(58,210,255,.12),transparent 24%);position:sticky;top:0;height:100vh;box-shadow:inset -1px 0 #ffffff05}.brand{display:flex;gap:16px;align-items:center;margin-bottom:34px;padding:14px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#ffffff03;box-shadow:inset 0 1px #ffffff0d}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#8af5fff2,#3ad2ffad),linear-gradient(135deg,#173354,#0d1727);color:#05111d;font-weight:800;box-shadow:inset 0 1px #ffffff3d,0 10px 26px #3ad2ff3d}.brand p,.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.nav-list{display:grid;gap:8px}.nav-item,.ghost-button,.primary-button{border:1px solid var(--border);border-radius:14px;cursor:pointer}.nav-item{background:linear-gradient(180deg,#ffffff05,#ffffff02),transparent;color:var(--text);text-align:left;padding:14px 16px;transition:.18s ease;box-shadow:inset 0 1px #ffffff08}.nav-item.active,.nav-item:hover,.ghost-button:hover{background:linear-gradient(90deg,#3ad2ff2e,#6a7cff1f),#ffffff05;border-color:var(--border-strong);transform:translateY(-1px)}.nav-item.active{box-shadow:inset 2px 0 0 var(--accent),0 12px 28px #08122047}.main-content{padding:30px;position:relative}.main-content:before{content:"";position:fixed;inset:0 0 auto 280px;height:220px;pointer-events:none;background:radial-gradient(circle at top center,rgba(58,210,255,.09),transparent 60%)}.topbar,.topbar-actions,.panel-header,.action-bar,.status-stack{display:flex;gap:12px}.topbar,.panel-header{justify-content:space-between;align-items:center}.topbar h1{margin:6px 0 0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2rem,2.8vw,3rem);letter-spacing:-.04em}.metrics-grid,.content-grid{display:grid;gap:20px;margin-top:20px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:1.3fr 1fr}.metric-card,.panel,.login-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.metric-card{padding:20px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 44%),linear-gradient(135deg,rgba(58,210,255,.04),transparent 48%),var(--panel)}.metric-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:110px;height:110px;background:radial-gradient(circle,rgba(58,210,255,.18),transparent 68%)}.metric-card:before,.panel:before,.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.03)}.metric-card p{color:var(--muted);margin:0 0 8px}.metric-card strong{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:2.15rem;letter-spacing:-.05em}.tone-danger strong{color:var(--danger)}.tone-success strong{color:var(--success)}.tone-warning strong{color:var(--warning)}.panel{padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%),linear-gradient(135deg,rgba(106,124,255,.04),transparent 45%),var(--panel);box-shadow:var(--shadow),inset 0 1px #ffffff08,inset 0 0 0 1px var(--panel-edge)}.panel-header h3{margin:0 0 16px;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.25rem;letter-spacing:-.03em}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--border);padding:14px 10px;vertical-align:top}th{color:#adc6ef;font-size:.78rem;text-transform:uppercase;letter-spacing:.11em}tbody tr:hover td{background:#81a8ff0d}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.78rem;border:1px solid var(--border)}.severity-critical,.severity-error{color:var(--danger)}.severity-warning{color:var(--warning)}.severity-info,.severity-notice{color:var(--success)}.log-viewer{display:grid;gap:12px;max-height:70vh;overflow:auto}.log-viewer pre,pre{margin:0;padding:14px;border-radius:16px;background:#081321;border:1px solid var(--border);color:#c7dcff;overflow:auto}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:34px;display:grid;gap:16px;background:var(--panel-strong)}input,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#ffffff03),#050c16eb;color:var(--text);outline:none;transition:.16s ease}input:focus,select:focus{border-color:#8af5ffb8;box-shadow:0 0 0 4px #3ad2ff1f}.primary-button,.ghost-button,.nav-item{padding:12px 16px;color:var(--text);background:transparent}.primary-button{background:linear-gradient(135deg,#8af5fff5,#3ad2ffeb),linear-gradient(135deg,var(--secondary),var(--accent));color:#03111c;font-weight:700;box-shadow:0 14px 28px #3ad2ff38}.primary-button:hover{transform:translateY(-1px);filter:saturate(1.03)}.ghost-button{background:#ffffff04}.danger-button{border-color:#ff7d7d2e;color:#ffb2b2}.danger-button:hover{background:#ff7d7d1a}.error,.error-banner,.notice-banner{color:#ffd8d8}.error-banner,.notice-banner{margin-top:12px;padding:12px 14px;border-radius:14px}.error-banner{background:#ff6f6f1f;border:1px solid rgba(255,111,111,.2)}.notice-banner{color:#d7ffef;background:#3ad2ff1f;border:1px solid rgba(58,210,255,.22)}.inline-action{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.inline-action h4{margin:0 0 12px}.action-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.form-field{display:grid;gap:8px}.form-field span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.loading-bar{margin:16px 0;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),var(--secondary),transparent);background-size:200% 100%;animation:slide 1.2s linear infinite}@keyframes slide{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.metrics-grid,.content-grid,.action-form-grid{grid-template-columns:1fr}}