:root{--color-bg:#0a0d14;--color-surface:#12151f;--color-surface-2:#171b28;--color-surface-3:#1c2130;--color-border:#242a3a;--color-text:#e7e9ee;--color-text-muted:#838a9d;--color-primary:#3aa8ff;--color-primary-hover:#62bbff;--color-danger:#f87171;--color-danger-bg:#2a1518;--color-success:#34d399;--color-warning:#fb923c;--color-pending:#8b93a7;--color-info:#7dd3fc;--color-off-air:#e879f9;--ring-track:#ffffff12;--radius:16px;--radius-sm:10px;--radius-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:var(--color-primary)}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;font-weight:700}.app-shell{min-height:100%;display:flex}.app-sidebar{background:var(--color-surface-2);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;align-items:center;width:96px;height:100vh;padding:1.25rem 0;display:flex;position:sticky;top:0}.sidebar-brand{border-radius:var(--radius-sm);width:64px;height:108px;color:var(--color-primary);background:#fff;border:1px solid #3aa8ff59;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2rem;font-size:1.1rem;font-weight:800;display:flex;overflow:hidden}.sidebar-brand-logo{object-fit:contain;width:100%;height:100%}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:.5rem;width:100%;display:flex}.sidebar-link{border-radius:var(--radius-sm);width:56px;height:56px;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:var(--color-text);background:#ffffff0a}.sidebar-link.active{color:var(--color-primary);background:#3aa8ff1a;border-color:#3aa8ff4d}.sidebar-link svg{width:24px;height:24px}.sidebar-footer{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.sidebar-user{width:46px;height:46px;color:var(--color-success);background:#34d39926;border:1px solid #34d39966;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 96px 0;display:flex}.app-topbar-name{color:var(--color-text-muted);font-size:.85rem}.app-topbar-role{text-transform:capitalize}.app-main{flex:1;width:100%;padding:96px 96px 2.5rem}.page-loading{height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.settings-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:1.5rem;display:flex}.settings-tab{color:var(--color-text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--color-text)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0;font-size:1.7rem}.card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.5rem}.modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:360px;margin:1rem}.performer-cards{flex-wrap:wrap;gap:1.25rem;display:flex}.performer-card{flex:240px}.performer-card-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.state-block{border-radius:var(--radius);text-align:center;color:var(--color-text-muted);padding:1.25rem}.state-error{background:var(--color-danger-bg);color:var(--color-danger);justify-content:center;align-items:center;gap:.75rem;display:flex}.state-empty{border:1px dashed var(--color-border)}.btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;line-height:1.2;display:inline-flex}.btn:hover{border-color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#06121f;box-shadow:0 0 12px #3aa8ff73}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:#f8717159}.btn-danger:hover{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 22%, var(--color-danger-bg))}.btn-secondary{background:var(--color-surface-2);border-color:var(--color-border)}.upload-box{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-3);padding:1rem 1.1rem}.upload-status{vertical-align:middle;align-items:center;margin-left:.75rem;display:inline-flex}.upload-progress{background:var(--color-border);border-radius:2px;width:90px;height:4px;display:inline-block;overflow:hidden}.upload-progress-fill{background:var(--color-primary);width:0%;height:100%;transition-property:width;transition-timing-function:linear;display:block}.upload-quip{color:var(--color-text-muted);margin-left:.6rem;font-size:.72rem;font-style:italic;transition:opacity .2s;display:inline-block}.btn-small{padding:.35rem .75rem;font-size:.78rem}.btn-row{flex-wrap:wrap;gap:.5rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.form-field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.form-field label{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);width:100%;color:var(--color-text);padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238a94a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2rem}.form-field textarea{resize:vertical;min-height:4rem}.form-actions{gap:.6rem;margin-top:1rem;display:flex}.form-error{color:var(--color-danger);margin-top:.4rem;font-size:.82rem}.checkbox-field{flex-direction:row;align-items:center;gap:.5rem;display:flex}.table-wrap{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.8rem 1.1rem}th.center,td.center{text-align:center}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#3aa8ff0d}td.wrap,th.wrap{white-space:normal}.devices-table{table-layout:fixed}.devices-table th,.devices-table td{text-overflow:ellipsis;overflow:hidden}.devices-table td.wrap{overflow:visible}.table-inline-input{border-radius:var(--radius-sm);width:100%;min-width:100px;color:var(--color-text);font-size:inherit;background:0 0;border:1px solid #0000;padding:.3rem .5rem;font-family:inherit}.table-inline-input:hover:not(:disabled){border-color:var(--color-border)}.table-inline-input:focus{border-color:var(--color-primary);background:var(--color-surface-2);outline:none}.table-inline-input:disabled{opacity:.6}.table-inline-input-error{border-color:var(--color-danger)!important}.table-inline-input::placeholder{color:var(--color-text-muted)}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.4rem;min-width:92px;font-size:.68rem;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 5px}.badge-health-healthy{color:var(--color-success)}.badge-health-stale{color:var(--color-warning)}.badge-health-offline{color:var(--color-danger)}.badge-health-unknown,.badge-health-reachable{color:var(--color-pending)}.badge-air-off_air{color:var(--color-off-air)}.badge-air-degraded{color:var(--color-warning)}.badge-screen-on{color:var(--color-success)}.badge-screen-off{color:var(--color-danger)}.badge-screen-unknown{color:var(--color-pending)}.badge-status-paired{color:var(--color-success)}.badge-status-pending{color:var(--color-info)}.badge-status-draft{color:var(--color-pending)}.badge-status-published{color:var(--color-success)}.badge-status-archived{color:var(--color-pending)}.badge-status-done{color:var(--color-success)}.badge-status-failed{color:var(--color-danger)}.badge-status-processing{color:var(--color-warning)}.badge-status-active{color:var(--color-success)}.badge-status-inactive{color:var(--color-pending)}@keyframes entity-link-breathe{0%,to{box-shadow:0 0 5px color-mix(in srgb, currentColor 28%, transparent)}50%{box-shadow:0 0 9px color-mix(in srgb, currentColor 42%, transparent)}}.entity-link{border-radius:var(--radius-sm);background:color-mix(in srgb, currentColor 12%, transparent);max-width:100%;box-shadow:0 0 7px color-mix(in srgb, currentColor 35%, transparent);font:inherit;cursor:pointer;border:none;align-items:center;padding:.3rem .75rem;font-weight:700;text-decoration:none;transition:background .15s,box-shadow .15s;animation:3.4s ease-in-out infinite entity-link-breathe;display:inline-flex}.entity-link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-link:hover{background:color-mix(in srgb, currentColor 26%, transparent);box-shadow:0 0 11px color-mix(in srgb, currentColor 55%, transparent);animation-play-state:paused}@media (prefers-reduced-motion:reduce){.entity-link{animation:none}}.diagnostic-badges{gap:.35rem;margin-bottom:.3rem;display:flex}.fleet-health-card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:2rem;margin-bottom:1.75rem;padding:1.75rem;display:flex}.fleet-health-card-compact{gap:1.25rem;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.fleet-health-card-compact .fleet-health-ring{gap:1.25rem}.fleet-health-card-compact .fleet-at-risk{min-width:200px;padding-left:1.25rem}.fleet-health-card-compact .fleet-health-ring-legend{gap:.35rem;font-size:.8rem}.fleet-health-card-compact .fleet-health-ring-legend-item{min-width:120px}.fleet-health-ring{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.fleet-health-ring-legend{flex-direction:column;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.fleet-health-ring-legend-item{align-items:center;gap:.6rem;min-width:160px;display:flex}.fleet-health-ring-legend-item .muted{margin-left:auto;font-weight:700}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fleet-at-risk{border-left:1px solid var(--color-border);flex-direction:column;flex:1;min-width:260px;padding-left:2rem;display:flex}.fleet-at-risk-title{align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}.fleet-at-risk-title .badge{min-width:0;padding:.2rem .55rem}.fleet-at-risk-empty{font-size:.85rem}.fleet-at-risk-list-wrap{position:relative}.fleet-at-risk-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.5rem;max-height:220px;padding-right:1.1rem;display:flex;overflow-y:auto}.fleet-at-risk-list::-webkit-scrollbar{display:none}.fleet-at-risk-scrollbar{border-radius:var(--radius-pill);background:var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;width:10px;position:absolute;top:0;bottom:0;right:0}.fleet-at-risk-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--color-text-muted);cursor:grab;min-height:20px;transition:background .15s;position:absolute;left:0;right:0}.fleet-at-risk-scrollbar-thumb:hover,.fleet-at-risk-scrollbar-thumb:active{background:var(--color-text);cursor:grabbing}.fleet-at-risk-list-compact{gap:.35rem;max-height:120px}.fleet-at-risk-list-compact .fleet-at-risk-row{padding:.4rem .6rem}.fleet-at-risk-row{border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .75rem;text-decoration:none;display:flex}.fleet-at-risk-row:hover{outline:1px solid var(--color-border)}.fleet-at-risk-row-main{flex-direction:column;gap:.1rem;min-width:0;display:flex}.fleet-at-risk-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.fleet-at-risk-row-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.fleet-pulse-svg{width:100%;height:220px;display:block}.fleet-pulse-comet{animation:3.2s linear infinite fleet-pulse-sweep}.fleet-pulse-comet-2{animation-delay:-.12s}.fleet-pulse-comet-3{animation-delay:-.26s}@keyframes fleet-pulse-sweep{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:-1000px}}.fleet-pulse-empty{text-align:center;padding:2rem}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.diagnostic-tile{border-radius:var(--radius-sm);background:var(--color-surface-3);border:1px solid var(--color-border);align-items:flex-start;gap:.65rem;padding:.9rem 1rem;display:flex}.diagnostic-tile-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem}.diagnostic-tile-ok .diagnostic-tile-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.diagnostic-tile-bad .diagnostic-tile-dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.diagnostic-tile-unknown .diagnostic-tile-dot{background:var(--color-pending)}.diagnostic-tile-label{color:var(--color-text-muted);margin-bottom:.15rem;font-size:.78rem;font-weight:600}.diagnostic-tile-value{font-size:.9rem;font-weight:600}.diagnostic-tile-bad .diagnostic-tile-value{color:var(--color-danger)}.status-dot{align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.status-dot-mark{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-ok .status-dot-mark{background:var(--color-success);box-shadow:0 0 5px var(--color-success)}.status-dot-bad .status-dot-mark{background:var(--color-danger);box-shadow:0 0 5px var(--color-danger)}.status-dot-bad{color:var(--color-danger)}.status-dot-unknown .status-dot-mark{background:var(--color-pending)}.status-dot-unknown{color:var(--color-text-muted)}.uptime-percent{font-size:1.4rem;font-weight:800}.uptime-badge{font-size:.85rem;font-weight:700}.uptime-bar{border-radius:var(--radius-sm);background:#34d3992e;height:28px;position:relative;overflow:hidden}.uptime-bar-down{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger);opacity:.85;position:absolute;top:0;bottom:0}.uptime-bar-labels{color:var(--color-text-muted);justify-content:space-between;margin-top:.4rem;font-size:.75rem;display:flex}.uptime-heatmap{flex-wrap:wrap;gap:3px;display:flex}.uptime-heatmap-cell{border-radius:2px;flex-shrink:0;width:11px;height:11px}.filters{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.filters select,.filters input{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:.5rem .9rem;font-size:.83rem;font-weight:600}.auth-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:380px;padding:2.25rem;box-shadow:0 0 40px #3aa8ff0f}.auth-card h1{margin-bottom:.25rem;font-size:1.4rem}.auth-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.85rem}.setup-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.setup-card{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:440px;padding:2.25rem;box-shadow:0 0 40px #3aa8ff0f}.slide-list{flex-direction:column;gap:.75rem;display:flex}.slide-row{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.slide-thumb{object-fit:cover;background:#000;border-radius:8px;flex-shrink:0;width:110px;height:62px}.slide-order-controls{flex-direction:column;gap:.25rem;display:flex}.slide-fields{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.slide-fields .form-field{min-width:120px}.breadcrumb{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1rem}.breadcrumb a{text-decoration:none}.muted{color:var(--color-text-muted)}.stat-row{color:var(--color-text-muted);flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}