:root{color-scheme:dark;--bg: #071311;--bg-soft: #0c1c19;--bg-elevated: #102724;--panel: rgba(13, 28, 25, .88);--panel-strong: rgba(17, 35, 31, .96);--border: rgba(138, 181, 169, .14);--border-strong: rgba(138, 181, 169, .24);--accent: #42d39f;--accent-strong: #62e6b1;--accent-soft: rgba(66, 211, 159, .14);--text: #eef7f4;--muted: #88aaa3;--danger: #ff7d7d;--warning: #f2c36b;--success: #6fe3b7;--shadow: 0 30px 80px rgba(0, 0, 0, .34);--shadow-soft: 0 18px 40px rgba(0, 0, 0, .18)}*{box-sizing:border-box}body{margin:0;font-family:Sora,Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(66,211,159,.12),transparent 26%),radial-gradient(circle at 85% 12%,rgba(76,142,255,.08),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 20%),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,#071311fa,#0c1c19f2),radial-gradient(circle at top,rgba(66,211,159,.08),transparent 22%);position:sticky;top:0;height:100vh}.brand{display:flex;gap:16px;align-items:center;margin-bottom:34px;padding:14px;border:1px solid var(--border);border-radius:20px;background:#ffffff04}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#1d6d57,var(--accent-strong));color:#04100d;font-weight:800;box-shadow:inset 0 1px #ffffff2e,0 10px 26px #42d39f38}.brand p,.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.nav-list{display:grid;gap:10px}.nav-item,.ghost-button,.primary-button{border:1px solid var(--border);border-radius:14px;cursor:pointer}.nav-item{background:#ffffff03;color:var(--text);text-align:left;padding:14px 16px;transition:.18s ease}.nav-item.active,.nav-item:hover,.ghost-button:hover{background:var(--accent-soft);border-color:var(--border-strong);transform:translateY(-1px)}.main-content{padding:30px}.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-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:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric-card{padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:110px;height:110px;background:radial-gradient(circle,rgba(66,211,159,.16),transparent 68%)}.metric-card p{color:var(--muted);margin:0 0 8px}.metric-card strong{font-size:2.2rem;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,.015),transparent 26%),var(--panel)}.panel-header h3{margin:0 0 16px;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:#b8d2cb;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}tbody tr:hover td{background:#ffffff03}.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:#06100e;border:1px solid var(--border);color:#b7ddd3;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:#050f0deb;color:var(--text);outline:none;transition:.16s ease}input:focus,select:focus{border-color:#62e6b1b8;box-shadow:0 0 0 4px #42d39f1f}.primary-button,.ghost-button,.nav-item{padding:12px 16px;color:var(--text);background:transparent}.primary-button{background:linear-gradient(135deg,#218267,var(--accent-strong));color:#04100d;font-weight:700;box-shadow:0 12px 26px #42d39f3d}.primary-button:hover{transform:translateY(-1px);filter:saturate(1.03)}.ghost-button{background:#ffffff03}.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:#4fffb01f;border:1px solid rgba(79,255,176,.2)}.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),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}}