:root{--bg:#08111b;--bg-elev:#0f1b2a;--bg-card:rgba(19,31,47,.9);--line:rgba(154,177,204,.16);--text:#e8eef7;--muted:#94a9c4;--teal:#31d0c6;--amber:#ffb956;--red:#ff6f7d;--blue:#5aa0ff;--green:#44d87b;--shadow:0 28px 80px rgba(0,0,0,.35);color-scheme:dark;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,rgba(49,208,198,.14),transparent 34%),radial-gradient(circle at top right,rgba(90,160,255,.14),transparent 28%),linear-gradient(180deg,#08111b,#0b1320);color:var(--text);margin:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.chrome{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111bdb;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 1.4rem;position:sticky;top:0;z-index:20}.brand,.chrome{align-items:center}.brand{display:inline-flex;gap:1rem}.brand strong{display:block;font-size:1rem;letter-spacing:.04em}.brand small{color:var(--muted);display:block}.brand-mark{background:linear-gradient(135deg,#31d0c62e,#5aa0ff52);border:1px solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:inset 0 0 0 1px #ffffff0f;display:grid;height:3rem;place-items:center;width:3rem}.chrome-nav{align-items:center;display:flex;gap:.7rem}.chrome-nav a,.ghost-button{background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:var(--text);cursor:pointer;padding:.7rem 1rem;transition:.18s ease}.chrome-nav a.router-link-active,.chrome-nav a:hover,.ghost-button:hover{background:#31d0c61f;border-color:#31d0c647}.chrome-status{color:var(--muted)}.view{padding:1.35rem}.dashboard{display:grid;gap:1rem}.hero-card,.login-panel,.metric-card,.section-card,.table-card{background:var(--bg-card);border:1px solid var(--line);border-radius:1.4rem;box-shadow:var(--shadow)}.hero-card,.login-panel{padding:1.4rem}.alert-grid,.detail-grid,.hero-grid,.stats-grid{display:grid;gap:1rem}.hero-grid{grid-template-columns:2fr 1fr}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid{grid-template-columns:1.2fr 1fr}.alert-grid{grid-template-columns:1.15fr .85fr}.hero-card h1,.login-panel h1,.page-title h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1;margin:0 0 .45rem}.card-meta,.hero-card p,.login-panel p,.muted,.page-title p{color:var(--muted)}.metric-card,.section-card,.table-card{padding:1rem}.section-card header,.table-card header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.9rem}.metric-card h2,.section-card h2,.table-card h2{font-size:1rem;letter-spacing:.03em;margin:0}.metric-card strong{display:block;font-size:2rem;margin-top:.5rem}.dial-wrap{align-items:center;display:flex;gap:1rem}.dial{--dial-value:0;aspect-ratio:1;background:radial-gradient(circle at center,rgba(8,17,27,.92) 54%,transparent 55%),conic-gradient(var(--dial-color,var(--teal)) calc(var(--dial-value)*1%),hsla(0,0%,100%,.08) 0);border:1px solid hsla(0,0%,100%,.08);border-radius:50%;display:grid;place-items:center;width:92px}.dial span{font-size:1rem;font-weight:700}.sparkline{height:80px;width:100%}.sparkline path.line{fill:none;stroke:var(--spark-color,var(--teal));stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.sparkline path.area{fill:color-mix(in srgb,var(--spark-color,var(--teal)) 22%,transparent)}.status-pill{align-items:center;border:1px solid hsla(0,0%,100%,.08);border-radius:999px;display:inline-flex;font-size:.85rem;gap:.45rem;padding:.35rem .7rem}.status-pill:before{background:currentColor;border-radius:50%;box-shadow:0 0 18px currentColor;content:"";height:.55rem;width:.55rem}.status-ok{color:var(--green)}.status-warn{color:var(--amber)}.status-bad{color:var(--red)}.status-info{color:var(--blue)}table{border-collapse:collapse;font-size:.95rem;width:100%}td,th{border-bottom:1px solid hsla(0,0%,100%,.06);padding:.7rem 0;text-align:left}th{color:var(--muted);font-weight:600}.code-block{background:#00000047;border-radius:1rem;font:.82rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;padding:.8rem .9rem;white-space:pre-wrap;word-break:break-word}.login-shell{display:grid;min-height:calc(100vh - 6rem);place-items:center}.login-panel{width:min(560px,100%)}.form-grid{display:grid;gap:.9rem}.login-stage-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 1rem}.field{display:grid;gap:.35rem}.field input,.field select,.field textarea{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;color:var(--text);padding:.9rem 1rem;width:100%}.primary-button{background:linear-gradient(135deg,var(--teal),#78f0ff);border:0;border-radius:1rem;color:#031317;font-weight:700;padding:.95rem 1.1rem}.primary-button,.subtle-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.subtle-button{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;color:var(--text);padding:.8rem 1rem}.button-row{display:flex;flex-wrap:wrap;gap:.8rem}.button-row>*{flex:1 1 220px}.mfa-step-card{background:linear-gradient(180deg,#5aa0ff14,#ffffff05);border:1px solid hsla(0,0%,100%,.08);border-radius:1.1rem;padding:1rem 1.05rem}.mfa-step-card strong{display:block;font-size:1.05rem;letter-spacing:.02em;margin-bottom:.45rem}.mfa-step-label{color:#b8d4ff;font-size:.76rem;letter-spacing:.12em;margin:0 0 .3rem;text-transform:uppercase}.page-title{margin-bottom:1rem}.split-grid{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr}.maintenance-form-grid{grid-template-columns:1fr 1fr}.app-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.filter-grid{align-items:end;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-actions{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.log-analytics-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.analytics-card{background:linear-gradient(180deg,#31d0c60a,#ffffff05);border:1px solid hsla(0,0%,100%,.08);border-radius:1.15rem;display:grid;gap:.95rem;padding:1rem}.analytics-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.app-card{background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:1.1rem;display:grid;gap:.7rem;padding:1rem;transition:.18s ease}.app-card:hover{background:#31d0c60a;border-color:#31d0c63d;transform:translateY(-2px)}.mini-stat-list{display:grid;gap:.55rem}.mini-stat-row{background:#ffffff08;border:1px solid hsla(0,0%,100%,.05);border-radius:.9rem;display:flex;gap:.8rem;justify-content:space-between;padding:.55rem .7rem}.mini-stat-row span{min-width:0;overflow-wrap:anywhere}.table-scroll{overflow:auto}.table-compact td,.table-compact th{padding-right:.8rem;vertical-align:top}.mono-cell{font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.row-wrap{overflow-wrap:anywhere}.results-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.9rem;justify-content:space-between}.query-list{display:grid;gap:.9rem;margin-top:1rem}.query-card{background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:1.1rem;padding:1rem}.security-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-preview{aspect-ratio:1;background:#fff;border-radius:1.25rem;padding:1rem;width:min(260px,100%)}.inline-list{display:flex;flex-wrap:wrap;gap:.45rem}.alert-list{display:grid;gap:.85rem}.alert-list.compact{gap:.7rem}.alert-row{background:#ffffff05;border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;padding:.9rem 1rem}.alert-row.compact{padding:.8rem .9rem}.alert-row-top{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.35rem}.alert-meta{color:var(--muted);font-size:.85rem}.empty-state{background:#ffffff04;border:1px dashed hsla(0,0%,100%,.12);border-radius:1rem;color:var(--muted);padding:1rem}.token-chip{background:#5aa0ff1f;border-radius:999px;color:#b8d4ff;padding:.35rem .6rem}.token-chip-active{background:#31d0c629;border:1px solid rgba(49,208,198,.28);color:#bdf8ef}@media(max-width:1100px){.alert-grid,.detail-grid,.hero-grid,.security-grid,.split-grid,.stats-grid{grid-template-columns:1fr}}@media(max-width:720px){.chrome{align-items:flex-start;flex-direction:column}.chrome-nav{flex-wrap:wrap;width:100%}}