:root{color-scheme:dark;--bg: #07131a;--bg-soft: #10232d;--panel: rgba(11, 28, 37, .84);--panel-strong: rgba(8, 20, 27, .94);--line: rgba(149, 191, 183, .16);--text: #f1f7f3;--muted: #89a7a5;--good: #5cf2b8;--warn: #ffd46c;--bad: #ff7d72;--accent: #7ef0d7;--accent-2: #3da6ff;--shadow: 0 30px 80px rgba(0, 0, 0, .34);font-family:IBM Plex Sans,Space Grotesk,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(61,166,255,.2),transparent 35%),radial-gradient(circle at top right,rgba(126,240,215,.18),transparent 30%),linear-gradient(180deg,#061016,#081920 45%,#050d12);color:var(--text)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:28px 18px;border-right:1px solid var(--line);background:linear-gradient(180deg,#050e12e6,#08131ab3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;flex-direction:column;gap:4px;margin-bottom:28px}.brand span{color:var(--accent);font-size:.8rem;letter-spacing:.24rem;text-transform:uppercase}.brand strong{font-size:1.3rem}.nav-link{display:block;padding:12px 14px;border-radius:14px;color:var(--muted);margin-bottom:8px;transition:.15s ease}.nav-link:hover,.nav-link.active{background:#7ef0d71f;color:var(--text)}.main-content{padding:28px}.page{display:flex;flex-direction:column;gap:18px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.8rem)}.page-header p{margin:8px 0 0;color:var(--muted);max-width:720px}.header-actions,.inline-list{display:flex;gap:10px;flex-wrap:wrap}.stats-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.panel,.stat-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.panel{padding:18px}.panel-header{display:flex;justify-content:space-between;margin-bottom:14px}.panel-header h3{margin:0}.panel-header p{margin:6px 0 0;color:var(--muted)}.stat-card{padding:18px;display:flex;flex-direction:column;gap:8px}.stat-card span,.stat-card small,small{color:var(--muted)}.stat-card strong{font-size:1.6rem}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-neutral{color:var(--text)}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.78rem;background:#ffffff0f;border:1px solid var(--line)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.table-title{font-weight:600}.stack{display:flex;flex-direction:column;gap:10px}.stack-align-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.list-row,.audit-item,.toggle-card,.token-card{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:var(--panel-strong)}.toggle-card,.token-card{flex-direction:column;min-width:160px}.token-card{justify-content:center;align-items:center}.sparkline{width:100%;height:180px}.sparkline polyline{fill:none;stroke:var(--accent);stroke-width:2.2}.sparkline-empty,.empty-state{padding:40px;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}label{display:flex;flex-direction:column;gap:8px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#061117e0;color:var(--text)}.code-area,.code-view{min-height:260px;padding:14px;border-radius:16px;background:#040a0ef5;overflow:auto;white-space:pre-wrap}.action-button{padding:11px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);cursor:pointer}.action-button.primary{background:linear-gradient(135deg,#7ef0d7e6,#3da6ffcc);color:#041017;border:none}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.checkbox-row{flex-direction:row;align-items:center}@media(max-width:1120px){.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.main-content{padding:18px}}