:root{color-scheme:dark;--bg:#07111f;--bg-elevated:rgba(12,23,41,0.92);--bg-soft:rgba(20,36,63,0.75);--border:rgba(125,164,255,0.18);--text:#e8eefc;--muted:#9cb1d9;--accent:#62a5ff;--accent-strong:#7b61ff;--success:#1fbf75;--error:#ff6b81;--warning:#ffc857;--shadow:0 24px 60px rgba(0,0,0,0.35);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(98,165,255,.18),transparent 35%),radial-gradient(circle at top right,rgba(123,97,255,.18),transparent 30%),linear-gradient(180deg,#050d18,#08121f);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}input,select{width:100%;padding:.9rem 1rem;border-radius:.9rem;border:1px solid var(--border);background:rgba(7,17,31,.75);color:var(--text)}input:focus,select:focus{outline:2px solid rgba(98,165,255,.4);outline-offset:1px}button{cursor:pointer}hr.divider{width:100%;border:0;border-top:1px solid var(--border);margin:.35rem 0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card,.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:1.35rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-card{width:min(100%,32rem);padding:2rem}.app-shell{min-height:100vh;padding:1.25rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem 1.5rem;margin-bottom:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:1.25rem;box-shadow:var(--shadow)}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.02em}.muted,.subtle{margin:.25rem 0 0;color:var(--muted)}.workspace{display:grid;grid-template-columns:14rem minmax(0,1fr);grid-gap:1rem;gap:1rem}.sidebar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:1.25rem;padding:1rem;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1.25rem}.nav-list{display:grid;grid-gap:.5rem;gap:.5rem}.nav-list a{padding:.85rem 1rem;border-radius:.9rem;color:var(--muted);transition:.2s ease}.nav-list a:hover{background:rgba(98,165,255,.12);color:var(--text)}.content{min-width:0}.stack{display:grid;grid-gap:1rem;gap:1rem}.stack.large{gap:1.5rem}.hero,.page-header{padding:1.6rem;background:linear-gradient(135deg,rgba(98,165,255,.16),rgba(123,97,255,.12));border:1px solid var(--border);border-radius:1.25rem}.hero.compact{padding:0;background:transparent;border:0}.card h2,.hero h1,.page-header h1{margin:0}.hero p,.page-header p{max-width:54rem;color:var(--muted)}.eyebrow{display:inline-block;margin-bottom:.5rem;color:#9fc4ff;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}.metric-grid,.two-column-grid{display:grid;grid-gap:1rem;gap:1rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:1.25rem}.metric-label{display:block;color:var(--muted);margin-bottom:.4rem}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{gap:.75rem}.card{padding:1.4rem}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem 1.2rem;gap:.9rem 1.2rem;margin:0}.details-grid dt{color:var(--muted);margin-bottom:.25rem}.details-grid dd{margin:0}.code{font-family:Consolas,Monaco,monospace}.field{display:grid;grid-gap:.4rem;gap:.4rem}.field span{color:var(--muted)}.checkbox-row{display:flex;align-items:center;gap:.75rem}.checkbox-row input{width:auto}.button{border:0;border-radius:.95rem;padding:.9rem 1.15rem;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:white;font-weight:700}.button.secondary{background:rgba(98,165,255,.12)}.button.ghost,.button.secondary{border:1px solid var(--border);color:var(--text)}.button.ghost{background:transparent}.notice{padding:1rem 1.1rem;border-radius:1rem;border:1px solid transparent}.notice.success{background:rgba(31,191,117,.13);border-color:rgba(31,191,117,.3)}.notice.error{background:rgba(255,107,129,.13);border-color:rgba(255,107,129,.28)}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:1rem}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:.95rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table thead th{color:var(--muted);font-size:.9rem;background:rgba(7,17,31,.7)}.table-sort-button{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left}.table-sort-button:hover{color:var(--text)}.table-sort-button:focus-visible{outline:2px solid rgba(98,165,255,.45);outline-offset:3px;border-radius:.4rem}.table-sort-indicator{color:var(--accent);font-size:.95rem;flex-shrink:0}.table tbody tr:hover{background:rgba(98,165,255,.06)}.status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--border)}.status.online{background:rgba(31,191,117,.15)}.status.offline{background:rgba(255,200,87,.12)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.account-chip{display:grid;grid-gap:.15rem;gap:.15rem;padding:.65rem .9rem;border-radius:.9rem;border:1px solid var(--border);background:rgba(7,17,31,.6)}.account-chip span{color:var(--muted);font-size:.9rem}.topbar-actions{display:flex;align-items:center;gap:.75rem}@media (max-width:1100px){.details-grid,.metric-grid,.two-column-grid,.workspace{grid-template-columns:1fr}.sidebar{position:static}.section-heading,.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}}