/* HusoIRL: original Analytics surfaces, navy and logo gold, shared across every page. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{color-scheme:dark;--bg:#050912;--sidebar:#09111d;--panel:#0c1725;--border:#233348;--accent:#efd780;--text:#f7f9fc;--muted:#a1afc2;--blue:#63b8ff;--amber:#efd780;--red:#ff7185;--bg-0:#050912;--bg-1:#09111d;--surface:#0a1420;--surface-2:#0e1a29;--surface-3:#122237;--subtle:#8190a3;--green:#49f0ad;--violet:#b49cff;--glass-bg:rgba(10,20,32,.94);--glass-bg-strong:rgba(13,25,40,.985);--glass-bg-softer:rgba(255,255,255,.035);--glass-border:rgba(151,177,208,.16);--glass-border-strong:rgba(151,177,208,.28);--glass-highlight:rgba(255,255,255,.08);--glass-sheen:linear-gradient(180deg,rgba(255,255,255,.035),transparent 35%);--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--shadow-1:0 12px 34px #0005;--shadow-2:0 24px 70px #0006;--shadow-inset:inset 0 1px 0 #ffffff0c;--chart-line:var(--green);--chart-out:var(--blue);--chart-low:var(--amber);--chart-fill-top:#49f0ad26;--chart-fill-bottom:#49f0ad00;--chart-grid:#a7bed81a;--chart-axis:#97a9bc;--orb-1:#bc9236;--orb-2:#338dff;--orb-3:#152d63;--orb-4:#ffb347;--orb-opacity:.13}
html,body,.analytics-page{background:#050912;color:var(--text)}body{font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 85% 0%,#17345733,transparent 45%),radial-gradient(ellipse at 0% 80%,#a07e1810,transparent 50%);background-attachment:fixed}.sidebar{background:linear-gradient(180deg,#0a1421,#070e18);border-color:#243247;padding-top:24px}.brand,.analytics-page .sidebar .brand{gap:11px;font-size:23px;letter-spacing:-.7px}.brand-logo{width:66px;height:56px;object-fit:contain;flex-shrink:0}.brand small,.analytics-page .sidebar .brand small{color:#8fa0b8;font-size:8px;letter-spacing:1.7px}.brand .accent,.analytics-page .sidebar .brand .accent{color:var(--accent);display:inline}.workspace{border-color:#26374c;background:linear-gradient(145deg,#122034,#0b1523);border-radius:12px}.avatar,.profile{border-color:#766333;background:#332d1d;color:#efd780}.nav-label{color:#8092ab}.sidebar nav{gap:7px}.sidebar nav a{border:1px solid transparent;color:#aebdd0;border-radius:10px;min-height:45px;font-weight:500}.sidebar nav a:hover{background:#142237;color:#f4e4ad}.sidebar nav a.active{background:linear-gradient(100deg,#efd78019,#efd78009);border-color:#efd7804d;color:#f1d989}.nav-icon{width:20px;height:20px;flex-shrink:0;display:block}.obs-nav-logo{border-radius:50%;filter:brightness(1.5)}.sidebar-bottom p{color:#8da0b7}.sidebar-bottom strong{color:#d5dfed}.version{border-color:#26364b;color:#8ea0b6}.topbar,.analytics-page .app-header{background:#091320b3;border-color:#203046}.topbar{backdrop-filter:blur(16px)}.breadcrumb,.top-right time{color:#91a4bd}.slash{color:#526982}.eyebrow,.analytics-page .eyebrow{color:#dac477;font-weight:700;letter-spacing:1.8px}.page-heading h1,.analytics-page h1{font-size:30px;letter-spacing:-1px;font-weight:750}.panel,.metric,.analytics-page main .panel,.analytics-page .card{border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(180deg,#0e1a29,#0a1420);box-shadow:0 12px 34px #0003,inset 0 1px 0 #ffffff08}.panel-head h2,.analytics-page h2{font-weight:680}.metric{position:relative;padding-top:20px}.metric-line{background:linear-gradient(90deg,#efd780,transparent);opacity:.55}.metric-top{color:#b7c5d8}.metric p{color:#8fa0b8}.metric-icon{color:#bfa861}.metric-value strong{font-weight:700}.status-strip{border-color:#5f512e;background:linear-gradient(110deg,#30291b,#101b28 70%);border-radius:18px;box-shadow:var(--shadow-1)}.status-copy p,.status-meta>span,.status-meta small{color:#b0bac9}.status-orb{background:#332e20;border-color:#796636}.status-orb span{background:#efd780;box-shadow:0 0 0 6px #efd78012}.status-orb.offline{background:#302819}.status-orb.offline span{background:#efd780}.pill{background:#102b26;border-color:#24644d;color:#72e8b0}.pill.neutral{background:#142033;border-color:#31465f;color:#aebdd0}.pill.warning{background:#302719;border-color:#756039;color:#efd780}.label{background:#243629;color:#96ebbe;border-color:#345e46}.label.neutral{background:#342b1d;color:#efd780;border-color:#655532}.button,.button.small,.button.secondary{border:1px solid #344961;background:linear-gradient(180deg,#142238,#0d1929);color:#dce7f5;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff06}.button:hover:not(:disabled){background:#1d3049;border-color:#cfb76b;color:#f2dc94}.button.primary,.login-card .button{background:linear-gradient(135deg,#f3df99,#d5b760);border-color:#efd780;color:#252014}.button.primary:hover:not(:disabled){background:#f7e5ac;color:#18150c}.button.stop{background:#321823;border-color:#733244;color:#ffb3c2}.segmented{background:#07111e;border-color:#2a3b52;border-radius:10px}.segmented button{color:#a9bdd3}.segmented button.selected,.segmented button.active{background:#efd7801f;color:#efd780;border-color:#75653f}.chart-legend,.chart-footer{color:#a2b3c8}.chart-footer{border-color:#26374b}.chart-wrap{background:linear-gradient(180deg,#08132155,transparent)}.details>div{border-color:#203047}dt{color:#a1b2c8}dd{color:#e0e8f4}.info-note{background:#102032;border-color:#29445e;color:#adbed1}.server-tag{border-color:#33465f;color:#bbcade;background:#101d2e}.small-status{color:#76ddb0}.system-grid small,.uptime>span,.resource-title>span{color:#a1b2c8}progress,progress::-webkit-progress-bar{background:#1c2b40}progress::-webkit-progress-value{background:linear-gradient(90deg,#c3a250,#efd780)}.table-scroll th{background:#101e2f;color:#a2b4cc}.table-scroll td{border-color:#203047;color:#b7c8de}.table-scroll td strong{color:#ecf2fa}.table-scroll td small,.pagination{color:#8fa3be}.table-status,.table-status.ended{background:#112539;border-color:#31516d;color:#b0d2ec}.monthly-total strong{color:#efd780}.monthly-total small,.monthly-row,.monthly-foot{color:#a1b2c8}.monthly-row strong{color:#e2ebf9}footer,footer b{color:#8a9db6}dialog{background:linear-gradient(155deg,#132238,#091421);border-color:#3d5570;border-radius:20px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#02060dd9}.obs-preview-box{background:#030810;border-color:#2b415b;border-radius:14px}.obs-preview-empty,.preview-footer,.preview-note,.obs-control-note,.obs-controls label,.obs-output span,.obs-output small,.obs-mini-stats,.setup-note,.automation-note,.automation-rule small,.automation-rule span{color:#9cacc2}.obs-preview-empty strong,.obs-mini-stats strong,.confirm-description{color:#d6e3f2}.obs-preview-empty>span{color:#efd780}.preview-label{background:#091728e8;color:#f2dc96;border-color:#7c6c3e}.obs-output,.obs-scene-label,.event-list li{border-color:#26364c}.obs-message{background:#162a30;border-color:#385663;color:#c4e3e4}.obs-message.warning{background:#302519;color:#f0cf91;border-color:#705531}.event-list li{color:#c0cee0}.event-list time{color:#889fbf}.automation-rule{border-color:#2b405a;background:#101e30;border-radius:12px}.automation-rule strong{color:#efd780}.login-page{background:radial-gradient(ellipse at 15% 0%,#203f65 0,transparent 55%),radial-gradient(ellipse at 90% 80%,#75622d30,transparent 55%),#050912}.login-card{background:linear-gradient(145deg,#142338,#081422);border:1px solid #b99b5144;border-radius:24px;box-shadow:0 30px 100px #0008}.login-card .brand{justify-content:flex-start}.login-card .brand-logo{width:82px;height:70px}.login-description,.login-foot,.account-strip,.admin-note,.admin-user small{color:#a1b2c8}input,select,.login-card input,.admin-form input:not([type=checkbox]){background:#071321;border:1px solid #344d6c;color:#e5edf9;border-radius:10px}input[type=checkbox]{accent-color:#dfc779}.admin-form label,.login-card label,#obs-settings-form label{color:#bfcee0}.admin-user{background:#0b192a;border-color:#29405a;border-radius:12px}.analytics-page .card::before{top:0;bottom:auto;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);height:2px;opacity:.8;box-shadow:0 0 14px color-mix(in srgb,var(--card-accent) 35%,transparent)}.analytics-page .card .value{font-weight:750;color:#f7f9fc}.analytics-page .card .label{color:#b4c0ce}.analytics-page .app-header .bar{background:none}.analytics-page main .panel{padding:20px}.analytics-page .mobile-dock{background:#0d1a2bf5;border-color:#3a526c;box-shadow:var(--shadow-2)}.analytics-page .analytics-heading{color:#afbdd0}.analytics-page .sidebar .brand>span:last-child{font-size:23px}.settings-jumps{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.settings-jumps a{padding:9px 14px;border:1px solid #3b4e67;border-radius:20px;color:#eed892;background:#102036;font-size:12px}.settings-section{margin-bottom:24px;scroll-margin-top:24px}.settings-body{padding:0 24px 24px;max-width:1000px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-body label{display:block;font-size:12px;margin:12px 0 8px;color:#becbe0}.settings-body input:not([type=checkbox]){width:100%}.settings-body .admin-checks label{display:flex;align-items:center;gap:8px}.settings-page #obs-settings-form{max-width:620px}.settings-page h1{font-size:32px}.settings-page #admin{margin-bottom:24px}.settings-page .setup-result{margin-top:16px}.settings-page .admin-form{padding-top:10px}
@media(max-width:1100px){.sidebar .brand-logo{width:48px;height:44px}.analytics-page .sidebar .brand>span:last-child{display:none}.sidebar nav a{padding:10px;min-height:43px}}
@media(max-width:760px){.sidebar{padding:10px 16px;align-items:center;gap:7px}.brand-logo,.sidebar .brand-logo{width:49px;height:42px}.sidebar .brand>span:last-child,.analytics-page .sidebar .brand>span:last-child{display:none}.sidebar nav{gap:2px;flex-wrap:nowrap}.sidebar nav a{padding:8px;min-height:38px}.nav-icon{width:19px;height:19px}.panel,.metric,.analytics-page main .panel,.analytics-page .card{border-radius:16px}.page-heading h1,.analytics-page h1,.settings-page h1{font-size:25px}.login-card .brand>span:last-child{display:block}.login-card .brand-logo{width:70px;height:60px}.settings-fields{grid-template-columns:1fr}.settings-body{padding:0 16px 20px}.settings-jumps{gap:8px}.settings-jumps a{font-size:11px;padding:8px 12px}.status-meta{border-color:#625638}.analytics-page .app-header .bar{padding:0 16px}.analytics-page main .panel{padding:16px}.admin-checks{gap:8px 14px}.admin-form{padding:0 16px 20px}.admin-users{padding:0 16px 20px}.admin-note{padding:0 16px 20px}}
h1,h2,.metric-top,.analytics-page .card .label,.segmented button{text-transform:capitalize}