:root{color-scheme:dark;--ds-bg: #050506;--ds-bg-elevated: #090a0d;--ds-bg-soft: #101114;--ds-surface: rgba(18, 20, 23, .9);--ds-surface-raised: rgba(24, 27, 31, .94);--ds-surface-hover: rgba(36, 22, 25, .78);--ds-surface-danger: rgba(83, 13, 19, .34);--ds-border: rgba(255, 255, 255, .095);--ds-border-strong: rgba(255, 255, 255, .16);--ds-border-accent: rgba(196, 32, 50, .48);--ds-text: #f8f3ef;--ds-text-muted: #b9b1ad;--ds-text-subtle: #7f7976;--ds-accent: #c42032;--ds-accent-hot: #ff3b45;--ds-accent-deep: #5f0c16;--ds-accent-soft: rgba(196, 32, 50, .14);--ds-online: #27d56f;--ds-busy: #4aa3ff;--ds-warning: #ffc247;--ds-offline: #ff4747;--ds-info: #66b6ff;--ds-radius-xs: 6px;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-lg: 16px;--ds-radius-xl: 22px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-shadow-card: 0 18px 60px rgba(0, 0, 0, .32);--ds-shadow-float: 0 28px 90px rgba(0, 0, 0, .48);--ds-glow-accent: 0 0 0 1px rgba(255, 59, 69, .15), 0 0 36px rgba(196, 32, 50, .24);--ds-focus: 0 0 0 3px rgba(255, 59, 69, .18);--ds-transition: .16s ease;--bg: var(--ds-bg);--bg-2: var(--ds-bg-elevated);--panel: var(--ds-surface);--panel-2: var(--ds-surface-raised);--panel-3: var(--ds-surface-danger);--line: var(--ds-border);--line-strong: var(--ds-border-accent);--ink: var(--ds-text);--muted: var(--ds-text-muted);--muted-2: var(--ds-text-subtle);--red: var(--ds-accent);--red-2: var(--ds-accent-hot);--red-3: var(--ds-accent-deep);--burgundy: var(--ds-accent-deep);--green: var(--ds-online);--amber: var(--ds-warning);--blue: var(--ds-busy);--control-bg: var(--ds-bg);--control-panel: var(--ds-surface);--control-panel-2: var(--ds-surface-raised);--control-line: var(--ds-border);--control-ink: var(--ds-text);--control-muted: var(--ds-text-muted);--control-red: var(--ds-accent-hot);--control-green: var(--ds-online);--control-amber: var(--ds-warning);--control-blue: var(--ds-busy)}html,body{background:radial-gradient(circle at 16% -10%,rgba(196,32,50,.22),transparent 32%),radial-gradient(circle at 92% 2%,rgba(95,12,22,.42),transparent 34%),linear-gradient(135deg,var(--ds-bg) 0%,#09090c 52%,#13080b 100%);color:var(--ds-text);font-family:Manrope,Inter,Segoe UI,ui-sans-serif,system-ui,sans-serif;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:background var(--ds-transition),border-color var(--ds-transition),color var(--ds-transition),box-shadow var(--ds-transition),transform var(--ds-transition),opacity var(--ds-transition)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.nav:focus-visible{outline:none;box-shadow:var(--ds-focus)}::-moz-selection{background:#ff3b4547;color:var(--ds-text)}::selection{background:#ff3b4547;color:var(--ds-text)}.app-shell,.landing,.auth-page,.app-loading,.control-shell,.control-auth{background:radial-gradient(circle at 18% -8%,rgba(196,32,50,.2),transparent 34%),radial-gradient(circle at 84% 8%,rgba(95,12,22,.42),transparent 30%),linear-gradient(135deg,var(--ds-bg) 0%,#09090c 54%,#12070a 100%)}.app-shell{grid-template-columns:288px minmax(0,1fr)}.workspace,.control-workspace{min-width:0;padding:var(--ds-space-5)}.card,.panel,.subpanel,.metric,.stat-card,.device-card,.device-card-premium,.club-stat,.club-health-card,.auth-card,.control-section,.control-drawer,.control-stat,.ui-card,.ui-metric-card{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:linear-gradient(180deg,#ffffff0b,#ffffff05),var(--ds-surface);box-shadow:var(--ds-shadow-card)}.panel,.ui-card{position:relative;overflow:hidden}.panel:before,.ui-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,59,69,.08),transparent 34%),radial-gradient(circle at 100% 0%,rgba(255,59,69,.08),transparent 26%);opacity:.8}.panel>*,.ui-card>*{position:relative}.panel-head,.control-section-head,.control-drawer-head,.ui-card-head{min-height:36px;padding-bottom:var(--ds-space-3);border-bottom:1px solid rgba(255,255,255,.075)}.panel-head h2,.control-section h2,.control-drawer h2,.ui-card-title{color:var(--ds-text);font-size:13px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button,.link-button,.control-primary,.control-secondary,.control-ghost,.ui-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--ds-radius-sm);border:1px solid transparent;padding:0 14px;font-size:13px;font-weight:850;letter-spacing:.005em;text-decoration:none}.primary-button,.control-primary,.ui-button-primary{color:#fff;border-color:#ff525b61;background:linear-gradient(180deg,#d82d3b,#8f111e);box-shadow:0 14px 34px #c4203247}.primary-button:hover:not(:disabled),.control-primary:hover:not(:disabled),.ui-button-primary:hover:not(:disabled){transform:translateY(-1px);border-color:#ff747b94;box-shadow:var(--ds-glow-accent)}.secondary-button,.control-secondary,.ui-button-secondary{color:var(--ds-text);border-color:var(--ds-border);background:linear-gradient(180deg,#ffffff10,#ffffff08)}.secondary-button:hover:not(:disabled),.control-secondary:hover:not(:disabled),.ui-button-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff2e;background:var(--ds-surface-hover)}.ghost-button,.control-ghost,.ui-button-ghost{color:var(--ds-text-muted);border-color:#ffffff14;background:#ffffff07}.ghost-button:hover:not(:disabled),.control-ghost:hover:not(:disabled),.ui-button-ghost:hover:not(:disabled){color:var(--ds-text);border-color:#ffffff29;background:#ffffff0e}.danger-button,.secondary-button.danger,.ghost-button.danger,.control-actions button:last-child,.ui-button-danger{color:#fff;border-color:#ff47476b;background:linear-gradient(180deg,#ac1b22eb,#5f0c16eb)}button:disabled,.ui-button-disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.icon-button{width:38px;min-width:38px;padding:0}.input,input,select,textarea,.control-search,.ui-input,.ui-select{min-height:40px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:#050607ad;color:var(--ds-text)}.input,input,select,textarea,.ui-input,.ui-select{padding:9px 11px}.input::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder,.ui-input::-moz-placeholder{color:var(--ds-text-subtle)}.input::placeholder,input::placeholder,textarea::placeholder,.ui-input::placeholder{color:var(--ds-text-subtle)}.input:focus,input:focus,select:focus,textarea:focus,.ui-input:focus,.ui-select:focus{outline:none;border-color:#ff3b45b8;box-shadow:var(--ds-focus)}.table-wrap,.data-table,.control-table-wrap,.ui-table-wrap{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden;background:#070809b8}.table,.control-table,.ui-table{width:100%;border-collapse:collapse;background:transparent}.table th,.control-table th,.ui-table th{color:var(--ds-text-subtle);background:linear-gradient(180deg,#1f2225e6,#101214e6);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.table td,.table th,.control-table td,.control-table th,.ui-table td,.ui-table th{border-color:#ffffff13;padding:12px 14px}.table tbody tr,.control-table tbody tr,.ui-table tbody tr{background:#1214166b}.table tbody tr:hover,.control-table tbody tr:hover,.ui-table tbody tr:hover{background:#4517184d}.status,.control-pill,.ui-status-badge{min-height:26px;display:inline-flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;border:1px solid currentColor;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;letter-spacing:.035em;line-height:1;text-transform:uppercase}.status-ok,.control-pill-active,.ui-status-online{color:var(--ds-online);background:#27d56f1f}.status-run,.ui-status-busy{color:var(--ds-busy);background:#4aa3ff1f}.status-warn,.control-pill-trial,.ui-status-warning{color:var(--ds-warning);background:#ffc2471f}.status-bad,.control-pill-suspended,.ui-status-offline{color:var(--ds-offline);background:#ff47471f}.status-muted,.ui-status-muted{color:var(--ds-text-subtle);background:#ffffff0f}.empty-state,.info-box,.error-box,.success-box,.toast,.control-empty,.control-error,.control-success,.ui-empty-state,.ui-alert{border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:var(--ds-space-4);color:var(--ds-text-muted);background:#0a0b0db8}.success-box,.control-success,.ui-alert-success{color:#d9ffe8;border-color:#27d56f57;background:linear-gradient(180deg,#125625ad,#09361894)}.error-box,.error-chip,.control-error,.command-feedback-error,.ui-alert-danger{color:#ffc4c4;border-color:#ff47475c;background:#7610124d}.info-box,.ui-alert-warning{color:#ffe7ad;border-color:#ffc24747;background:#784f0c2e}.modal-backdrop,.drawer-backdrop{background:#000000ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.confirm-dialog,.device-drawer,.ui-modal,.ui-drawer{border-color:var(--ds-border-accent);border-radius:var(--ds-radius-lg);background:radial-gradient(circle at 100% 0%,rgba(196,32,50,.18),transparent 34%),linear-gradient(180deg,#17191dfa,#08090bfa);box-shadow:var(--ds-shadow-float)}.ui-sidebar,.sidebar,.control-sidebar{border-right:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,#101114f5,#07080afa),var(--ds-bg-soft);box-shadow:inset -1px 0 #ff3b4514}.ui-brand,.vr-brand,.control-brand{min-height:44px}.brand-logo,.brand-icon,.ui-brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,59,69,.28);border-radius:var(--ds-radius-md);color:#fff;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,var(--ds-accent-hot),var(--ds-accent-deep));box-shadow:0 18px 38px #c4203233;font-weight:950}.workspace-nav-groups,.control-sidebar nav{gap:var(--ds-space-4)}.workspace-nav-group{gap:6px}.workspace-nav-label{padding:0 8px;color:#b9b1ad9e;font-size:10px;font-weight:900;letter-spacing:.16em}.nav,.control-sidebar a,.ui-sidebar-item{min-height:40px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--ds-radius-sm);color:var(--ds-text-muted);background:transparent;font-size:13px;font-weight:800}.nav svg,.control-sidebar a svg,.ui-sidebar-item svg{width:17px;height:17px;flex:0 0 17px}.nav:hover,.control-sidebar a:hover,.ui-sidebar-item:hover{color:var(--ds-text);border-color:#ffffff17;background:#ffffff0b}.nav-active,.ui-sidebar-item-active{color:#fff;border-color:#ff3b4561;background:linear-gradient(90deg,#c4203247,#ffffff09);box-shadow:inset 3px 0 0 var(--ds-accent-hot),0 10px 30px #c4203221}.sidebar-support{border-color:#ff3b4538;border-radius:var(--ds-radius-md);background:linear-gradient(180deg,#c420321a,#ffffff08)}.premium-topbar,.topbar,.control-topbar,.ui-topbar{border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);padding:var(--ds-space-3);background:radial-gradient(circle at 100% 0%,rgba(255,59,69,.16),transparent 32%),linear-gradient(180deg,#121417e6,#08090be0);box-shadow:var(--ds-shadow-card)}.topbar-status-strip,.topbar-feature-strip,.ui-status-strip{border:1px solid rgba(255,255,255,.075);border-radius:var(--ds-radius-md);background:#05060775}.status-chip,.feature-chip,.ui-status-chip{min-height:38px;border-color:#ffffff16;border-radius:var(--ds-radius-sm);background:#ffffff09}.status-chip strong,.feature-chip strong{color:var(--ds-text)}.status-chip small,.feature-chip small{color:var(--ds-text-muted)}.status-chip-ok i{background:var(--ds-online);box-shadow:0 0 18px #27d56f8f}.status-chip-warn i{background:var(--ds-warning);box-shadow:0 0 18px #ffc2477a}.status-chip-bad i{background:var(--ds-offline);box-shadow:0 0 18px #ff474780}.status-chip-muted i{background:var(--ds-text-subtle)}.page-titlebar,.profile-card{border:1px solid rgba(255,255,255,.085);border-radius:var(--ds-radius-md);background:#ffffff09}.page-titlebar h1,.topbar h1,.control-topbar h1{color:var(--ds-text);font-weight:900;letter-spacing:-.025em}.page-titlebar p,.topbar p,.control-topbar p{color:var(--ds-text-muted)}.metric,.stat-card,.ui-metric-card{min-height:118px}.metric svg,.stat-card svg,.ui-metric-card svg{color:var(--ds-accent-hot)}.metric strong,.stat-card strong,.ui-metric-card strong{color:var(--ds-text);font-size:clamp(26px,2vw,34px);letter-spacing:-.04em}@media(max-width:900px){.app-shell,.control-shell{grid-template-columns:1fr}.workspace,.control-workspace{padding:var(--ds-space-3)}.sidebar,.control-sidebar{position:static;min-height:auto;height:auto;border-right:0;border-bottom:1px solid var(--ds-border)}.workspace-nav-groups,.control-sidebar nav{display:flex;gap:var(--ds-space-2);overflow-x:auto;padding-bottom:var(--ds-space-1)}.workspace-nav-group{display:contents}.workspace-nav-label{display:none}.nav,.control-sidebar a{flex:0 0 auto;max-width:min(52vw,190px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}