.platform{--sp-bg: #ffffff;--sp-bg-muted: #f9fafb;--sp-surface: #ffffff;--sp-border: #e5e7eb;--sp-text: #111827;--sp-text-muted: #6b7280;--sp-primary: #2563eb;--sp-primary-fg: #ffffff;--sp-destructive: #ef4444;--sp-success: #22c55e;--sp-success-text: #16a34a;--sp-warning: #f59e0b;--sp-warning-text: #d97706;--sp-radius: 6px;--sp-content-width: 1184px;--sp-content-padding: 24px;--sidebar-width: 240px;--sidebar-bg: #0f172a;--sidebar-bg-alt: #1e293b;--sidebar-border: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-hover: #e2e8f0;--sidebar-text-active: #ffffff;--sidebar-section-text: #64748b;--sidebar-accent: #3b82f6;--sidebar-active-bg: rgba(59, 130, 246, .15);--sidebar-hover-bg: rgba(255, 255, 255, .05);--topbar-height: 55px;--sp-transition: .15s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--sp-text);background:var(--sp-bg);min-height:100vh;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){.platform{--sp-bg: #0a0a0a;--sp-bg-muted: #111111;--sp-surface: #171717;--sp-border: #262626;--sp-text: #fafafa;--sp-text-muted: #a1a1aa;--sp-primary: #3b82f6}}.platform *,.platform *:before,.platform *:after{box-sizing:border-box}.platform button,.platform input,.platform select,.platform textarea{font-family:inherit;font-size:inherit}.platform a{color:var(--sp-primary);text-decoration:none}.platform a:hover{text-decoration:underline}.platform h1,.platform h2,.platform h3,.platform p{margin:0}.platform .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.platform .sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--sidebar-text);display:flex;flex-direction:column;z-index:100;transition:transform var(--sp-transition)}.platform .sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;color:var(--sidebar-text-active);font-weight:700;font-size:15px;letter-spacing:-.01em}.platform .sidebar__brand-mark{width:28px;height:28px;border-radius:7px;background:var(--sidebar-accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.platform .sidebar__brand-sub{display:block;font-size:11px;font-weight:500;color:var(--sidebar-section-text)}.platform .sidebar__tenant{margin:0 12px 12px;padding:10px 12px;background:var(--sidebar-bg-alt);border-radius:8px;display:flex;align-items:center;gap:10px}.platform .sidebar__tenant-avatar{width:32px;height:32px;border-radius:6px;flex-shrink:0;background:var(--sidebar-active-bg);color:var(--sidebar-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.platform .sidebar__tenant-name{color:var(--sidebar-text-active);font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform .sidebar__tenant-meta{font-size:11px;color:var(--sidebar-section-text)}.platform .sidebar__section{padding:8px 12px 0}.platform .sidebar__section-title{padding:8px 8px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sidebar-section-text)}.platform .sidebar__link{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:2px;border-radius:8px;color:var(--sidebar-text);font-size:14px;font-weight:500;text-decoration:none;transition:background var(--sp-transition),color var(--sp-transition)}.platform .sidebar__link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-hover);text-decoration:none}.platform .sidebar__link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.platform .sidebar__link svg{width:16px;height:16px;flex-shrink:0}.platform .sidebar__spacer{flex:1}.platform .sidebar__user{padding:12px 16px 16px;border-top:1px solid var(--sidebar-border)}.platform .sidebar__user-name{color:var(--sidebar-text-hover);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform .sidebar__user-actions{display:flex;gap:12px;margin-top:4px;font-size:12px}.platform .sidebar__user-actions button{background:none;border:0;padding:0;cursor:pointer;color:var(--sidebar-section-text);font-size:12px}.platform .sidebar__user-actions button:hover{color:var(--sidebar-text-hover)}.platform .sidebar__user-actions button.danger:hover{color:#f87171}.platform .sidebar-shift{margin-left:var(--sidebar-width);min-height:100vh}.platform .topbar{position:sticky;top:0;z-index:90;height:var(--topbar-height);background:var(--sp-surface);border-bottom:1px solid var(--sp-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-content-padding)}.platform .topbar__left,.platform .topbar__right{display:flex;align-items:center;gap:12px}.platform .topbar__status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sp-text-muted)}.platform .topbar__bypass{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--sp-border)}.platform .topbar__user{font-size:13px;color:var(--sp-text-muted)}.platform .topbar__user b{color:var(--sp-text);font-weight:600}.platform .topbar__link{background:none;border:0;cursor:pointer;color:var(--sp-text-muted);font-size:13px;padding:0}.platform .topbar__link:hover{color:var(--sp-text)}.platform .menu-toggle{display:none;background:none;border:1px solid var(--sp-border);border-radius:var(--sp-radius);width:34px;height:34px;cursor:pointer;color:var(--sp-text);align-items:center;justify-content:center}.platform .page-header{background:var(--sp-bg-muted);border-bottom:1px solid var(--sp-border)}.platform .page-header__inner{max-width:var(--sp-content-width);margin:0 auto;padding:28px var(--sp-content-padding) 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.platform .page-header__title{font-size:24px;font-weight:700;letter-spacing:-.025em}.platform .page-header__desc{font-size:14px;color:var(--sp-text-muted);margin-top:4px}.platform .page-header__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.platform .tabs{border-bottom:1px solid var(--sp-border);background:var(--sp-surface)}.platform .tabs__inner{max-width:var(--sp-content-width);margin:0 auto;padding:0 var(--sp-content-padding);display:flex;gap:4px;overflow-x:auto;height:48px}.platform .tabs__tab{background:none;border:0;border-bottom:2px solid transparent;padding:0 12px;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;color:var(--sp-text-muted);transition:color var(--sp-transition),border-color var(--sp-transition)}.platform .tabs__tab:hover{color:var(--sp-text)}.platform .tabs__tab.active{color:var(--sp-primary);border-bottom-color:var(--sp-primary)}.platform .content{max-width:var(--sp-content-width);margin:0 auto;padding:var(--sp-content-padding)}.platform .grid{display:grid;gap:16px}.platform .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.platform .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.platform .grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.platform .grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.platform .card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);margin-bottom:16px}.platform .card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:var(--sp-bg-muted);border-bottom:1px solid var(--sp-border);border-radius:calc(var(--sp-radius) - 1px) calc(var(--sp-radius) - 1px) 0 0}.platform .card__body--flush .item-row:last-child,.platform .card__body--flush>:last-child{border-radius:0 0 calc(var(--sp-radius) - 1px) calc(var(--sp-radius) - 1px)}.platform .card__title{font-size:15px;font-weight:600}.platform .card__subtitle{font-size:13px;color:var(--sp-text-muted);font-weight:400;margin-left:8px}.platform .card__body{padding:20px}.platform .card__body--flush{padding:0}.platform .card--disabled .card__body{opacity:.5;pointer-events:none}.platform .stat-card{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:16px 20px}.platform .stat-card__label{font-size:12px;font-weight:500;color:var(--sp-text-muted);text-transform:uppercase;letter-spacing:.05em}.platform .stat-card__value{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}.platform .stat-card__value small{font-size:14px;font-weight:500;color:var(--sp-text-muted);margin-left:4px}.platform .stat-card__num{display:inline-block;min-width:5ch;text-align:right}.platform .live-readout{display:inline-block;min-width:6ch;text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--sp-text)}.platform .stat-card__meter{margin-top:10px}.platform .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:1;border-radius:var(--sp-radius);border:1px solid transparent;cursor:pointer;transition:background var(--sp-transition),color var(--sp-transition),opacity var(--sp-transition),border-color var(--sp-transition);white-space:nowrap}.platform .btn:disabled{opacity:.5;cursor:not-allowed}.platform .btn--primary{background:var(--sp-primary);color:var(--sp-primary-fg)}.platform .btn--primary:hover:not(:disabled){opacity:.9}.platform .btn--secondary{background:var(--sp-bg);color:var(--sp-text);border-color:var(--sp-border)}.platform .btn--secondary:hover:not(:disabled){background:var(--sp-bg-muted)}.platform .btn--danger-outline{background:transparent;color:var(--sp-destructive);border-color:var(--sp-destructive)}.platform .btn--danger-outline:hover:not(:disabled){background:var(--sp-destructive);color:#fff}.platform .btn--success{background:var(--sp-success-text);color:#fff}.platform .btn--success:hover:not(:disabled){opacity:.9}.platform .btn--sm{padding:6px 12px;font-size:13px}.platform .btn--active{box-shadow:0 0 0 3px #2563eb33}.platform .btn svg{width:16px;height:16px}.platform .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.platform .form-grid .form-field--full{grid-column:1 / -1}.platform .form-field{display:flex;flex-direction:column;gap:6px}.platform .form-label{font-size:14px;font-weight:500}.platform .form-label .required{color:var(--sp-destructive)}.platform .form-input,.platform .form-select{width:100%;padding:10px 12px;font-size:14px;background:var(--sp-bg);color:var(--sp-text);border:1px solid var(--sp-border);border-radius:var(--sp-radius);transition:border-color var(--sp-transition),box-shadow var(--sp-transition)}.platform .form-input:focus,.platform .form-select:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px #2563eb1a}.platform .form-input--sm{padding:6px 8px;font-size:13px;width:84px;text-align:right;font-variant-numeric:tabular-nums}.platform .form-hint{font-size:13px;color:var(--sp-text-muted)}.platform .form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid var(--sp-border)}.platform .form-section__title{font-size:15px;font-weight:600;margin-bottom:2px}.platform .form-section__desc{font-size:13px;color:var(--sp-text-muted);margin-bottom:14px}.platform .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.platform .toggle-row+.toggle-row{border-top:1px solid var(--sp-border)}.platform .toggle-row__label{font-size:14px;font-weight:500}.platform .toggle-row__hint{font-size:13px;color:var(--sp-text-muted)}.platform .toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.platform .toggle-switch input{opacity:0;width:0;height:0}.platform .toggle-switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:9999px;background:var(--sp-border);transition:background .2s ease}.platform .toggle-switch__slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.platform .toggle-switch input:checked+.toggle-switch__slider{background:var(--sp-primary)}.platform .toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(20px)}.platform .toggle-switch input:focus-visible+.toggle-switch__slider{box-shadow:0 0 0 3px #2563eb33}.platform .toggle-switch input:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.platform .param{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:8px 0}.platform .param+.param{border-top:1px solid var(--sp-border)}.platform .param__label{font-size:13px;font-weight:500}.platform .param__unit{font-size:12px;color:var(--sp-text-muted);margin-left:4px}.platform .param__value{display:flex;align-items:center;gap:6px}.platform input[type=range].param__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin:0;background:var(--sp-border);border-radius:9999px;outline:none;cursor:pointer}.platform input[type=range].param__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sp-primary);border:2px solid var(--sp-surface);box-shadow:0 1px 3px #00000040;transition:transform var(--sp-transition)}.platform input[type=range].param__range::-webkit-slider-thumb:hover{transform:scale(1.1)}.platform input[type=range].param__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sp-primary);border:2px solid var(--sp-surface);box-shadow:0 1px 3px #00000040}.platform input[type=range].param__range:focus-visible{box-shadow:0 0 0 3px #2563eb26}.platform .level{display:flex;align-items:center;gap:10px}.platform .level__label{font-size:12px;font-weight:500;color:var(--sp-text-muted);width:24px}.platform .level__track{flex:1;height:8px;background:var(--sp-border);border-radius:9999px;overflow:hidden;position:relative}.platform .level__fill{height:100%;border-radius:9999px;background:var(--sp-success)}.platform .level__fill--warn{background:var(--sp-warning)}.platform .level__fill--hot{background:var(--sp-destructive)}.platform .level__fill--gr{background:var(--sp-primary)}.platform .level__value{font-size:12px;color:var(--sp-text-muted);min-width:60px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.platform .level+.level{margin-top:8px}.platform .badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:500;line-height:1.6;background:#6b72801a;color:var(--sp-text-muted)}.platform .badge--success{background:#22c55e1a;color:var(--sp-success-text)}.platform .badge--warning{background:#f59e0b1a;color:var(--sp-warning-text)}.platform .badge--danger{background:#ef44441a;color:#dc2626}.platform .badge--primary{background:#2563eb1a;color:var(--sp-primary)}.platform .status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.platform .status-dot--pulse{animation:platform-pulse 1.6s ease-in-out infinite}@keyframes platform-pulse{0%,to{opacity:1}50%{opacity:.35}}.platform .alert-banner{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:var(--sp-radius);border:1px solid;margin-bottom:16px;font-size:14px}.platform .alert-banner__title{font-weight:600}.platform .alert-banner__text{color:var(--sp-text-muted)}.platform .alert-banner--info{background:#2563eb0f;border-color:#2563eb40}.platform .alert-banner--error{background:#ef44440f;border-color:#ef44444d}.platform .alert-banner--warning{background:#f59e0b14;border-color:#f59e0b4d}.platform .item-list{display:flex;flex-direction:column}.platform .item-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--sp-border)}.platform .item-row:last-child{border-bottom:0}.platform .item-row:hover{background:var(--sp-bg-muted)}.platform .item-row__content{flex:1;min-width:0}.platform .item-row__title{font-size:14px;font-weight:500}.platform .item-row__meta{font-size:13px;color:var(--sp-text-muted)}.platform .item-row__actions{display:flex;gap:8px}.platform .item-row--active{background:#2563eb0d;box-shadow:inset 3px 0 0 var(--sp-primary)}.platform .item-row--active:hover{background:#2563eb14}.platform .preset-chip{text-decoration:none;font-size:12px;padding:4px 10px}.platform .preset-chip:hover{filter:brightness(.95)}.platform .preset-chip__label{opacity:.7;font-weight:400}.platform .alert-subs{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--sp-text-muted);margin-top:6px}.platform .alert-subs label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.platform .alert-subs input{margin:0}.platform .log-tail{margin:0;padding:12px 16px;max-height:360px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.45;white-space:pre-wrap;word-break:break-all;background:var(--sp-bg-muted);border-radius:0 0 calc(var(--sp-radius) - 1px) calc(var(--sp-radius) - 1px)}.platform .kv{display:grid;grid-template-columns:140px 1fr;gap:6px 14px;font-size:13.5px;margin:0}.platform .kv dt{color:var(--sp-text-muted)}.platform .kv dd{margin:0}.platform .admin-table{width:100%;border-collapse:collapse;font-size:13px}.platform .admin-table th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text-muted);font-weight:500;padding:10px 14px;border-bottom:1px solid var(--sp-border);white-space:nowrap}.platform .admin-table td{padding:10px 14px;border-bottom:1px solid var(--sp-border);vertical-align:middle}.platform .admin-table tr:last-child td{border-bottom:0}.platform .empty-state{text-align:center;padding:48px 24px;color:var(--sp-text-muted)}.platform .empty-state strong{display:block;color:var(--sp-text);font-size:14px;font-weight:500;margin-bottom:4px}.platform .empty-state p{font-size:14px;max-width:280px;margin:0 auto}.platform kbd{font-family:inherit;font-size:11px;font-weight:500;padding:1px 6px;border:1px solid var(--sp-border);border-bottom-width:2px;border-radius:4px;background:var(--sp-bg-muted);color:var(--sp-text-muted)}@media(max-width:991px){.platform .sidebar{transform:translate(-100%)}.platform.sidebar-open .sidebar{transform:none}.platform .sidebar-shift{margin-left:0}.platform .menu-toggle{display:inline-flex}.platform .sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:99}}@media(max-width:768px){.platform .content{padding:16px}.platform .page-header__inner{padding:20px 16px}.platform .grid--2,.platform .grid--3,.platform .grid--4,.platform .grid--5,.platform .form-grid{grid-template-columns:1fr}.platform .param{grid-template-columns:1fr;gap:6px}}@media(min-width:769px)and (max-width:1100px){.platform .grid--4,.platform .grid--5,.platform .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.platform{--viz-1: #2a78d6;--viz-2: #eb6834;--viz-3: #1baf7a;--viz-4: #eda100;--viz-5: #e87ba4;--viz-in: #9ca3af;--viz-out: #2a78d6;--viz-grid: #e5e7eb;--viz-ok: #22c55e;--viz-warn: #f59e0b;--viz-bad: #ef4444;--viz-idle: #d1d5db}@media(prefers-color-scheme:dark){.platform{--viz-1: #3987e5;--viz-2: #d95926;--viz-3: #199e70;--viz-4: #c98500;--viz-5: #d55181;--viz-in: #71717a;--viz-out: #3987e5;--viz-grid: #262626;--viz-idle: #3f3f46}}.platform .chart{position:relative}.platform .chart canvas{display:block;width:100%}.platform .chart__legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--sp-text-muted);margin-bottom:8px}.platform .chart__legend-item{display:inline-flex;align-items:center;gap:6px}.platform .chart__swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.platform .chart__tooltip{position:absolute;pointer-events:none;z-index:5;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:8px 10px;font-size:12px;color:var(--sp-text);min-width:140px;font-variant-numeric:tabular-nums}.platform .chart__tooltip-row{display:flex;justify-content:space-between;gap:12px}.platform .chart__tooltip-row span:first-child{color:var(--sp-text-muted);display:inline-flex;align-items:center;gap:6px}.platform .chart__caption{font-size:12px;color:var(--sp-text-muted);margin-top:6px}.platform .energy{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:140px}.platform .energy__col{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.platform .energy__track{flex:1;width:100%;max-width:44px;background:var(--sp-bg-muted);border:1px solid var(--sp-border);border-radius:4px;position:relative;overflow:hidden}.platform .energy__fill{position:absolute;left:0;right:0;bottom:0;border-radius:4px 4px 0 0}.platform .energy__peak{position:absolute;left:0;right:0;height:2px;background:var(--sp-text);opacity:.6}.platform .energy__label{font-size:11px;font-weight:500;color:var(--sp-text-muted);text-transform:uppercase;letter-spacing:.05em}.platform .energy__value{font-size:12px;color:var(--sp-text);font-variant-numeric:tabular-nums}.platform .timeline{display:flex;flex-direction:column;gap:10px}.platform .timeline__row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px}.platform .timeline__label{font-size:13px;font-weight:500}.platform .timeline__strip{height:14px;border-radius:4px;overflow:hidden;display:flex;background:var(--viz-idle)}.platform .timeline__seg{height:100%}.platform .timeline__axis{display:flex;justify-content:space-between;font-size:11px;color:var(--sp-text-muted);margin-left:102px}.platform .timeline__key{display:flex;gap:14px;font-size:12px;color:var(--sp-text-muted);margin-top:10px}.platform .dm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.platform .dm-modal{width:100%;max-width:420px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:24px;animation:dm-in .15s ease}@keyframes dm-in{0%{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}.platform .dm-modal__icon{width:40px;height:40px;border-radius:9999px;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--sp-primary)}.platform .dm-modal__icon svg{width:22px;height:22px}.platform .dm-modal__icon--danger{background:#ef44441a;color:var(--sp-destructive)}.platform .dm-modal__title{font-size:16px;font-weight:600;margin-bottom:6px}.platform .dm-modal__text{font-size:14px;color:var(--sp-text-muted)}.platform .dm-modal__text p+p{margin-top:8px}.platform .dm-modal__footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.platform .card--danger{border-color:#ef444466}.platform .card--danger .card__header{background:#ef44440f;border-bottom-color:#ef44444d}.platform .card--danger .card__title{color:#dc2626}.platform .danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.platform .danger-row__title{font-size:14px;font-weight:500}.platform .danger-row__desc{font-size:13px;color:var(--sp-text-muted)}.platform .info{position:relative;display:inline-flex}.platform .info__btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--sp-border);background:var(--sp-bg);color:var(--sp-text-muted);cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-style:italic;font-family:Georgia,Times New Roman,serif;line-height:1}.platform .info__btn:hover,.platform .info__btn:focus-visible,.platform .info--open .info__btn{color:var(--sp-primary);border-color:var(--sp-primary);outline:none}.platform .info__pop{position:absolute;z-index:20;left:-8px;top:calc(100% + 8px);width:300px;max-width:80vw;padding:10px 12px;font-size:13px;line-height:1.45;color:var(--sp-text);background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;text-align:left;font-weight:400}.platform .info__pop--right{left:auto;right:-8px}*{margin:0;padding:0;box-sizing:border-box}:root{--rack-bg: #1a1a1a;--panel-bg: #2a2a2a;--panel-surface: linear-gradient(145deg, #333333 0%, #2a2a2a 50%, #252525 100%);--brushed-metal: linear-gradient(90deg, #3a3a3a 0%, #404040 10%, #3a3a3a 20%, #404040 30%, #3a3a3a 40%, #404040 50%, #3a3a3a 60%, #404040 70%, #3a3a3a 80%, #404040 90%, #3a3a3a 100%);--screw-color: #555;--text-primary: #e0e0e0;--text-label: #999;--text-value: #00ff88;--led-on: #00ff44;--led-off: #003300;--led-red: #ff2200;--led-red-off: #330000;--knob-body: #444;--knob-indicator: #fff;--meter-bg: #111;--meter-green: #00cc44;--meter-yellow: #cccc00;--meter-red: #cc0000;--lcd-bg: #0a1a0a;--lcd-text: #00ff66;--border-inset: #1a1a1a;--border-raised: #444;--accent: #4488ff}html,body{height:100%;background:#111;color:var(--text-primary);font-family:Courier New,monospace;-webkit-font-smoothing:antialiased}#root{height:100%}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0a0a}.auth-card{background:var(--panel-bg);border:1px solid #333;border-radius:8px;padding:2rem;width:100%;max-width:400px;box-shadow:0 4px 24px #00000080}.auth-card h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-value);text-transform:uppercase;letter-spacing:2px}.auth-card .form-group{margin-bottom:1rem}.auth-card label{display:block;margin-bottom:.3rem;font-size:.75rem;color:var(--text-label);text-transform:uppercase;letter-spacing:1px}.auth-card input{width:100%;padding:.6rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.9rem}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-card button{width:100%;padding:.7rem;margin-top:.5rem;background:var(--accent);border:none;border-radius:4px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.auth-card button:hover{opacity:.9}.auth-card button:disabled{opacity:.5;cursor:not-allowed}.auth-card .auth-link{text-align:center;margin-top:1rem;font-size:.8rem;color:var(--text-label)}.auth-card .auth-link a{color:var(--accent);text-decoration:none}.auth-card .error-msg{color:var(--led-red);font-size:.8rem;margin-bottom:.5rem;text-align:center}.auth-footer{margin-top:1.5rem;font-size:.7rem;color:#555;text-align:center;letter-spacing:.5px}.rack-frame{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#0a0a0a;gap:0}.rack-unit{position:relative;background:var(--brushed-metal);border:3px solid #555;border-radius:4px;box-shadow:0 0 0 1px #222,0 4px 20px #000c,inset 0 1px #ffffff0d;width:100%;max-width:1200px;padding:12px 40px}.rack-unit.rack-1u{padding:8px 40px;border-radius:0;box-shadow:0 0 0 1px #222,inset 0 1px #ffffff0d}.rack-unit.rack-1u:first-child{border-radius:4px 4px 0 0}.rack-unit.rack-1u:last-child{border-radius:0 0 4px 4px}.rack-unit.rack-2u{padding:10px 40px;border-radius:4px 4px 0 0;box-shadow:0 0 0 1px #222,inset 0 1px #ffffff0d}.rack-2u .rack-screw.tl{top:8px;left:-22px}.rack-2u .rack-screw.bl{bottom:8px;left:-22px}.rack-2u .rack-screw.tr{top:8px;right:-22px}.rack-2u .rack-screw.br{bottom:8px;right:-22px}.rack-unit.rack-2u-middle{border-radius:0;border-top:1px solid #444;padding:10px 40px;box-shadow:0 0 0 1px #222,inset 0 1px #ffffff0d}.rack-unit.rack-main{border-radius:0;border-top:1px solid #444;border-bottom:1px solid #444}.rack-1u .rack-screw.tl{top:50%;left:-22px;transform:translateY(-50%)}.rack-1u .rack-screw.bl{display:none}.rack-1u .rack-screw.tr{top:50%;right:-22px;transform:translateY(-50%)}.rack-1u .rack-screw.br{display:none}.rack-unit:before,.rack-unit:after{content:"";position:absolute;top:0;bottom:0;width:28px;background:var(--brushed-metal);border:2px solid #555}.rack-unit:before{left:-28px;border-radius:4px 0 0 4px;border-right:none}.rack-unit:after{right:-28px;border-radius:0 4px 4px 0;border-left:none}.rack-screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#777,#444 50%,#333);border:1px solid #333;box-shadow:inset 0 1px 2px #fff3,0 1px 2px #00000080;z-index:1}.rack-screw:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#555;line-height:1}.rack-screw.tl{top:8px;left:-22px}.rack-screw.bl{bottom:8px;left:-22px}.rack-screw.tr{top:8px;right:-22px}.rack-screw.br{bottom:8px;right:-22px}.rack-panel{background:var(--panel-surface);border:1px solid #444;border-radius:3px;box-shadow:inset 0 1px 3px #0006;padding:10px}.panel-row{display:flex;gap:8px;align-items:stretch}.panel-label{font-size:.55rem;color:var(--text-label);text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin-bottom:4px;font-weight:700}.panel-section-label{font-size:.65rem;color:var(--text-label);text-transform:uppercase;letter-spacing:2px;text-align:center;padding:4px 0;border-bottom:1px solid #333;margin-bottom:6px}.engraved{color:transparent;text-shadow:0 1px 1px rgba(255,255,255,.1);-webkit-background-clip:text;background-clip:text;background-color:#333}.rack-header{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;margin-bottom:8px;border-bottom:1px solid #333}.rack-title{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-label)}.rack-user{font-size:.65rem;color:#ececec;cursor:pointer;position:relative}.rack-user:hover{color:#fff}.user-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:100;min-width:150px}.user-menu button{display:block;width:100%;padding:.5rem .8rem;background:none;border:none;color:#ccc;font-family:Courier New,monospace;font-size:.7rem;text-align:left;cursor:pointer}.user-menu button:hover{background:#333;color:#fff}.user-menu button:first-child{border-radius:4px 4px 0 0}.user-menu button:last-child{border-radius:0 0 4px 4px}.controls-grid{display:flex;flex-direction:row;gap:8px;align-items:flex-start}.controls-preprocess{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-self:stretch}.controls-preprocess .preprocess-panel{flex:1;display:flex;flex-direction:column}.controls-preprocess .preprocess-panel .preprocess-section{flex:1}.controls-compressor{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.compressor-sub-row{display:flex;gap:6px;align-items:flex-start}.compressor-sub-row .crossover-panel,.compressor-sub-row .preset-panel{flex:1}.controls-postprocess{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;align-self:stretch}.displays-row{display:flex;gap:6px;margin-top:8px;justify-content:center}.displays-row canvas{flex:1;min-width:0}.bands-row{display:flex;gap:4px;justify-content:center}.led{width:8px;height:8px;border-radius:50%;border:1px solid #222;box-shadow:inset 0 1px 2px #00000080;transition:background .15s,box-shadow .15s}.led.green.on{background:var(--led-on);box-shadow:0 0 6px var(--led-on),inset 0 0 2px #ffffff4d}.led.green.off{background:var(--led-off)}.led.red.on{background:var(--led-red);box-shadow:0 0 6px var(--led-red),inset 0 0 2px #ffffff4d}.led.red.off{background:var(--led-red-off)}.led.amber.on{background:#fa0;box-shadow:0 0 6px #fa0,inset 0 0 2px #ffffff4d}.led.amber.off{background:#320}.io-button{width:50px;height:24px;background:linear-gradient(180deg,#444,#333);border:1px solid #555;border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:.55rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:0 1px 3px #0006}.io-button:hover{background:linear-gradient(180deg,#555,#444)}.io-button:active{box-shadow:inset 0 1px 3px #0006}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--panel-bg);border:1px solid #444;border-radius:6px;padding:1.5rem;width:100%;max-width:420px;box-shadow:0 8px 32px #0009}.modal-content h2{font-size:.9rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-value);margin-bottom:1rem;text-align:center}.modal-content .form-group{margin-bottom:.8rem}.modal-content label{display:block;font-size:.65rem;color:var(--text-label);text-transform:uppercase;letter-spacing:1px;margin-bottom:.2rem}.modal-content input,.modal-content select{width:100%;padding:.5rem;background:#1a1a1a;border:1px solid #444;border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:.85rem}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:var(--accent)}.modal-buttons{display:flex;gap:.5rem;margin-top:1rem}.modal-buttons button{flex:1;padding:.5rem;border:1px solid #444;border-radius:3px;font-family:inherit;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.modal-buttons .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-buttons .btn-secondary{background:#333;color:var(--text-primary)}.band-strip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:#0003;border:1px solid #333;border-radius:3px;min-width:70px}.band-strip .band-title{font-size:.5rem;letter-spacing:1px;text-transform:uppercase;padding:1px 4px;border-radius:2px;margin-bottom:2px}.crossover-panel{display:flex;flex-direction:column;gap:4px;padding:4px 8px;background:#0003;border:1px solid #333;border-radius:3px}.crossover-knobs{display:flex;gap:6px;justify-content:center}.master-section{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;min-width:80px}.preset-panel{display:flex;flex-direction:column;gap:4px;padding:4px 8px;min-width:120px;background:#0003;border:1px solid #333;border-radius:3px}.preset-list{width:100%;max-height:90px;overflow-y:auto;background:var(--lcd-bg);border:1px solid #333;border-radius:2px}.preset-item{padding:3px 6px;font-size:.6rem;color:var(--lcd-text);cursor:pointer;white-space:nowrap;border-bottom:1px solid #0a150a;-webkit-user-select:none;user-select:none}.preset-item:last-child{border-bottom:none}.preset-item:hover{background:#0f2f0f}.preset-item.selected{background:#1a4a1a;color:#fff}.preset-item{display:flex;justify-content:space-between;gap:6px}.preset-item.active{color:#fff;text-shadow:0 0 4px var(--lcd-text)}.preset-item__loaded{color:var(--lcd-text);letter-spacing:1px}.preset-panel .preset-buttons{display:flex;gap:4px}.preset-panel button{flex:1;padding:3px;background:#333;border:1px solid #444;border-radius:2px;color:var(--text-primary);font-family:inherit;font-size:.5rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.preset-panel button:hover{background:#444}.status-indicator{display:flex;align-items:center;gap:6px}.status-lcd{font-family:Courier New,monospace;font-size:.55rem;color:var(--lcd-text);background:var(--lcd-bg);padding:2px 8px;width:80px;border-radius:2px;border:1px solid #1a3a1a;letter-spacing:1px;white-space:nowrap;text-transform:uppercase;overflow:hidden}.status-lcd-text{display:inline-block}@keyframes lcd-scroll{0%,20%{transform:translate(0)}45%,70%{transform:translate(var(--scroll-dist))}95%,to{transform:translate(0)}}.status-lcd-text.scrolling{animation:lcd-scroll 4s linear infinite}.power-button{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#444,#2a2a2a);border:2px solid #555;color:var(--text-primary);font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0006;transition:all .15s}.power-button:hover{border-color:var(--accent)}.power-button.starting{background:linear-gradient(145deg,#4a3a1a,#3a2a0a);border-color:#fa0;box-shadow:0 0 8px #ffaa004d;animation:power-pulse 1.5s ease-in-out infinite}@keyframes power-pulse{0%,to{box-shadow:0 0 4px #fa03}50%{box-shadow:0 0 12px #ffaa0080}}.power-button.active{background:linear-gradient(145deg,#2a4a2a,#1a3a1a);border-color:var(--led-on);box-shadow:0 0 8px #00ff444d}.io-unit-content{display:flex;align-items:center;gap:12px;padding:2px 0}.io-unit-label{font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-label);min-width:80px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.5)}.io-configure-btn{padding:4px 12px;background:linear-gradient(180deg,#444,#333);border:1px solid #555;border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:0 1px 3px #0006;white-space:nowrap;transition:background .1s}.io-configure-btn:hover{background:linear-gradient(180deg,#555,#444)}.io-configure-btn:active{box-shadow:inset 0 1px 3px #0006}.io-unit-meter{flex:1;min-width:0}.io-unit-meter canvas{width:100%;height:18px}.io-unit-db{font-size:.6rem;font-family:Courier New,monospace;color:var(--lcd-text);background:var(--lcd-bg);padding:2px 6px;border-radius:2px;border:1px solid #1a3a1a;min-width:60px;text-align:right;white-space:nowrap}.rack-2u.encoder-unit{border-radius:0 0 4px 4px}.encoder-content{display:flex;gap:10px;padding:2px 0}.encoder-section{flex:1 1 0;display:flex;flex-direction:row;align-items:stretch;gap:10px;padding:6px 10px;background:#00000026;border:1px solid #333;border-radius:3px;min-width:0;overflow:hidden}.encoder-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:70px}.encoder-label-row{display:flex;align-items:center;gap:6px}.encoder-section-label{font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-label)}.encoder-buttons-row{display:flex;align-items:center;gap:6px}.encoder-power-btn{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#444,#2a2a2a);border:2px solid #555;color:#666;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0006;transition:all .15s;padding:0;line-height:1}.encoder-power-btn:hover{border-color:var(--accent)}.encoder-power-btn.active{background:linear-gradient(145deg,#2a4a2a,#1a3a1a);border-color:var(--led-on);color:var(--led-on);box-shadow:0 0 6px #00ff444d}.encoder-configure-btn{font-size:.5rem!important;padding:3px 8px!important;letter-spacing:1px!important}.encoder-configure-btn:disabled{opacity:.4;cursor:not-allowed}.encoder-right{display:flex;flex:1;align-items:center;gap:8px;min-width:0}.encoder-lcd{font-family:Courier New,monospace;font-size:.65rem;color:var(--lcd-text);background:var(--lcd-bg);padding:4px 10px;border-radius:2px;border:1px solid #1a3a1a;text-align:center;white-space:nowrap;letter-spacing:1.5px;flex:1;min-width:0;overflow:hidden}.encoder-lcd-scroll{display:inline-block;animation:encoder-scroll 12s linear infinite;padding-left:100%}@keyframes encoder-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.encoder-meter-pair{display:flex;gap:4px;align-items:flex-end;flex-shrink:0}.decoder-content{display:flex;align-items:center;gap:16px;padding:2px 0}.decoder-left{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px;flex-shrink:0}.decoder-left-row{display:flex;align-items:center;gap:8px}.decoder-lcd{flex-shrink:0;display:flex;align-items:center}.decoder-meters{display:flex;gap:6px;align-items:flex-end;flex-shrink:0;margin-left:auto;padding:0 4px}.preprocess-panel{display:flex;flex-direction:column;gap:4px;padding:4px 8px;background:#0003;border:1px solid #333;border-radius:3px;width:140px}.preprocess-section{display:flex;flex-direction:column;gap:2px;padding:4px;background:#00000026;border:1px solid #2a2a2a;border-radius:3px}.preprocess-header{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-bottom:2px;border-bottom:1px solid #2a2a2a;margin-bottom:2px}.preprocess-title{font-size:.5rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.preprocess-knobs{display:flex;gap:2px;justify-content:center}.eq-panel{display:flex;flex-direction:column;gap:4px;padding:4px 8px;background:#0003;border:1px solid #333;border-radius:3px}.eq-bands-row{display:flex;gap:6px;justify-content:center;align-items:stretch}.eq-band-group{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:4px;background:#00000026;border:1px solid #2a2a2a;border-radius:3px}.eq-band-label{font-size:.5rem;text-transform:uppercase;letter-spacing:1.5px;text-align:center;font-weight:700}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:4px}.info-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;border:1px solid #888;font-size:.4rem;font-style:italic;font-weight:700;font-family:Georgia,Times New Roman,serif;color:#888;cursor:help;line-height:1;flex-shrink:0;transition:border-color .15s,color .15s}.info-tooltip-icon:hover{border-color:#ccc;color:#ccc}.info-tooltip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a1a;color:#ccc;font-size:.6rem;font-style:normal;font-weight:400;font-family:Courier New,monospace;letter-spacing:.3px;line-height:1.4;padding:6px 10px;border-radius:4px;border:1px solid #444;box-shadow:0 4px 12px #0009;white-space:normal;width:220px;text-align:left;z-index:200;pointer-events:none}.info-tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#444}.info-tooltip-bubble:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1a1a1a;z-index:1}.mode-switch{display:flex;border:1px solid #444;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.mode-switch button{padding:3px 10px;font-size:.55rem;letter-spacing:1.5px;font-family:inherit;background:linear-gradient(180deg,#2e2e2e,#222);color:#666;border:none;cursor:pointer}.mode-switch button+button{border-left:1px solid #444}.mode-switch button.active{background:linear-gradient(180deg,#1a4a1a,#0a3a0a);color:var(--lcd-text);text-shadow:0 0 4px rgba(127,255,127,.5)}.mode-switch button:not(.active):hover{color:#999}.simple-panel{display:flex;gap:12px;align-items:stretch;justify-content:center}.simple-controls{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-width:96px;background:#0003;border:1px solid #333;border-radius:3px}.simple-panel .preset-panel{width:200px;min-width:160px}.simple-panel .preset-list{max-height:120px;flex:1}.simple-viz{display:flex;align-items:center;padding:6px;background:#0003;border:1px solid #333;border-radius:3px}.master-io-meters{display:flex;gap:8px;justify-content:center;padding:2px 6px;background:#00000040;border:1px solid #333;border-radius:3px}.monitor-control{display:flex;align-items:center;gap:6px}.monitor-btn{padding:3px 10px;font-size:.55rem;letter-spacing:1.5px;font-family:inherit;background:linear-gradient(180deg,#2e2e2e,#222);color:#888;border:1px solid #444;border-radius:3px;cursor:pointer;box-shadow:inset 0 1px #ffffff0d}.monitor-btn:hover:not(:disabled){color:#bbb}.monitor-btn:disabled{color:#444;cursor:default}.monitor-btn.active{background:linear-gradient(180deg,#1a4a1a,#0a3a0a);color:var(--lcd-text);text-shadow:0 0 4px rgba(127,255,127,.5)}.engine-switch{margin-right:10px;align-items:center}.engine-switch .switch-caption{padding:0 8px;font-size:.5rem;letter-spacing:1.5px;color:#666;align-self:center;border-right:1px solid #444}.led.connecting{animation:led-connecting .6s ease-in-out infinite}@keyframes led-connecting{0%,to{opacity:1}50%{opacity:.25}}