:root{color-scheme:dark;--bg: #071013;--surface: rgba(14, 28, 31, .86);--surface-strong: #102428;--surface-soft: rgba(159, 230, 196, .08);--border: rgba(180, 236, 214, .16);--text: #edf8f3;--muted: #9bb9b0;--primary: #7cf2b1;--primary-strong: #37d988;--warning: #ffd166;--danger: #ff6b6b;--shadow: 0 24px 80px rgba(0, 0, 0, .36);font-family:Aptos,Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% 4%,rgba(124,242,177,.18),transparent 34rem),radial-gradient(circle at 92% 12%,rgba(255,209,102,.11),transparent 28rem),linear-gradient(135deg,#071013,#0a171c,#081214);color:var(--text)}button,input,textarea,select{font:inherit}button{min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#06110d;cursor:pointer;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(124,242,177,.42);outline-offset:2px}label{display:grid;gap:8px;color:var(--muted);font-size:13px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:14px;background:#030c0ec2;color:var(--text);padding:12px 14px}textarea{resize:vertical;line-height:1.5}.shell{display:grid;grid-template-columns:minmax(280px,340px) 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;overflow:auto;padding:24px;border-right:1px solid var(--border);background:#061214d1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brand strong{display:block;font-size:22px;letter-spacing:-.03em}.brand small{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#d7ffe8,var(--primary));color:#06110d;font-weight:900;box-shadow:0 14px 30px #37d98838}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric,.notice,.empty-state,.auth-card{border:1px solid var(--border);border-radius:18px;background:var(--surface-soft)}.auth-card{display:grid;gap:10px;margin-bottom:14px;padding:14px}.auth-card strong,.auth-card span{display:block}.auth-card span{color:var(--muted);font-size:13px;margin-top:3px}.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:14px 10px}.metric strong{display:block;font-size:22px}.metric span,.empty-state{color:var(--muted);font-size:13px}.section-label,.eyebrow{margin:0 0 10px;color:var(--primary);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900}.section-label{margin-top:24px}.device-list,.stack,.card-list,.audit-list,.process-list{display:grid;gap:12px}.device{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;width:100%;padding:15px;border:1px solid var(--border);background:#0b1b1eb8;color:var(--text);text-align:left}.device.active{border-color:#7cf2b1b3;background:#1c4138b8}.device small{grid-column:2;color:var(--muted)}.status-dot{width:10px;height:10px;margin-top:6px;border-radius:999px;background:#6e7f79}.status-dot.online,.pill.online{background:#7cf2b129;color:var(--primary)}.status-dot.offline,.pill.offline{background:#ff6b6b24;color:#ffb3b3}.status-dot.degraded,.pill.degraded{background:#ffd16624;color:var(--warning)}.status-dot.online{background:var(--primary);box-shadow:0 0 0 5px #7cf2b11a}.status-dot.offline{background:var(--danger)}.main{padding:28px}.hero,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:30px;overflow:hidden}.hero h1{margin:0 0 8px;font-size:clamp(32px,5vw,58px);line-height:.95;letter-spacing:-.06em}.hero p{margin:0;color:var(--muted)}.hero-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:420px}.pill{min-height:36px;padding:9px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900}.consent-approved{color:var(--primary);background:#7cf2b11f}.consent-pending{color:var(--warning);background:#ffd1661f}.consent-revoked{color:#ffb3b3;background:#ff6b6b1f}.notice{margin:18px 0;padding:14px 16px;color:var(--muted)}.layout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start}.panel{padding:20px;border-radius:24px}.panel-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.panel h2{margin:0;letter-spacing:-.03em}.form-grid,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.split{align-items:start}.check-row{display:flex;align-items:center;gap:10px;min-height:44px;padding-top:21px}.check-row input{width:18px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.actions button,.ghost,.danger,.secondary,.compact{width:auto;padding:0 16px}.secondary,.ghost{border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.danger{border:1px solid rgba(255,107,107,.4);background:#ff6b6b24;color:#ffd7d7}.compact{min-height:36px;padding-inline:12px;font-size:13px}.inline-input{max-width:260px}.console{min-height:220px;max-height:460px;overflow:auto;margin:0;padding:16px;border:1px solid rgba(124,242,177,.16);border-radius:18px;background:#020809;color:#b9ffd7;font-family:Cascadia Mono,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55}.history-item,.saved-card,.process-row,.audit-row{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:18px;background:#02080961;color:var(--text);text-align:left}.saved-card{width:100%}.history-item,.process-row{grid-template-columns:1fr auto}.history-item code,.saved-card code{grid-column:1 / -1;color:#b9ffd7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item span,.saved-card span,.process-row span,.audit-row span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.empty-state{padding:18px}.top-action{margin-top:0;margin-bottom:12px}@media(max-width:1180px){.layout-grid,.split{grid-template-columns:1fr}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.device-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero,.hero-actions{justify-content:flex-start}.hero,.layout-grid,.form-grid{grid-template-columns:1fr}.hero{flex-direction:column}.main{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}