:root{color:#18312c;font-synthesis:none;background:#f3f6f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f6f5;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.login-page{background:#0d2925;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.login-brand{background:radial-gradient(circle at 22% 25%,#1c5b4e 0,#0000 40%),linear-gradient(145deg,#102f2a,#071d1a);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(48px,8vw,110px);display:flex}.login-brand img{object-fit:contain;width:min(100%,420px);height:auto;display:block}.login-brand p{color:#d9eee8;letter-spacing:-.025em;max-width:480px;margin:38px 0 16px;font-size:clamp(1.2rem,2.3vw,1.75rem);line-height:1.45}.login-brand span{color:#6edcc1;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:800}.login-panel{background:#fff;place-items:center;min-height:100vh;padding:48px;display:grid}.login-panel form{width:min(100%,430px)}.panel-heading{align-items:center;gap:15px;margin-bottom:34px;display:flex}.panel-heading h1{color:#122823;letter-spacing:-.045em;margin:3px 0 0;font-size:1.75rem}.panel-heading p{color:#71827e;margin:6px 0 0;font-size:.82rem}.panel-heading small{color:#1a967b;letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800}.lock-box{color:#08745f;background:#dff6ef;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.login-panel label{color:#425a55;gap:7px;margin:17px 0;font-size:.76rem;font-weight:720;display:grid}.login-panel input{color:#17302b;background:#fbfcfc;border:1px solid #ccd8d5;border-radius:9px;outline:0;width:100%;padding:12px 13px}.login-panel input:focus{background:#fff;border-color:#23a98b;box-shadow:0 0 0 3px #23a98b1f}.primary-button{color:#fff;background:#12846e;border:0;border-radius:9px;width:100%;margin-top:12px;padding:13px;font-weight:800;box-shadow:0 8px 18px #12846e24}.primary-button:hover{background:#0d745f}.primary-button:disabled{cursor:wait;opacity:.65}.form-error,.data-error{color:#a63843;font-size:.8rem}.session-check{color:#62736f;background:#f3f6f5;place-items:center;min-height:100vh;display:grid}.app-shell{background:#f3f6f5;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e8f5f1;background:linear-gradient(#102f2a 0%,#0a221e 100%);flex-direction:column;height:100vh;padding:25px 16px 18px;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #183b3212}.brand{border-bottom:1px solid #31504a;flex-direction:column;justify-content:center;align-items:flex-start;min-height:108px;padding:0 12px 20px;display:flex}.brand img{object-fit:contain;object-position:left center;width:174px;height:78px}.brand small{color:#79a49b;letter-spacing:.14em;text-transform:uppercase;margin-top:-3px;font-size:.62rem;font-weight:700}.sidebar nav{gap:5px;margin-top:28px;display:grid}.sidebar nav a,.sign-out,.infrastructure-link{color:#9dbbb4;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:.8rem;font-weight:680;text-decoration:none;display:flex}.sidebar nav a:hover,.infrastructure-link:hover,.sign-out:hover{color:#fff;background:#1b423a}.sidebar nav a.active{color:#fff;background:#1c4b41;box-shadow:inset 3px 0 #41d4b2}.sidebar nav svg,.sign-out svg,.infrastructure-link svg{width:17px;height:17px}.nav-heading{color:#698e86;letter-spacing:.15em;text-transform:uppercase;margin:0 12px 7px;font-size:.59rem;font-weight:850}.nav-heading-system{margin-top:21px}.infrastructure-link{background:#12342e;border:1px solid #315149;margin-top:auto}.infrastructure-link span{gap:3px;display:grid}.infrastructure-link small{color:#779d94;font-size:.63rem;font-weight:500}.sign-out{text-align:left;margin-top:8px}.main-area{background:#f3f6f5;min-width:0}.customer-portal .main-area{flex-direction:column;min-height:100vh;display:flex}.customer-portal .page-content{flex:1}.customer-footer{color:#61736e;border-top:1px solid #dfe7e4;margin-top:auto;padding:22px clamp(28px,4.5vw,64px);font-size:.88rem}.main-area>header{background:#fff;border-bottom:1px solid #dfe7e4;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:20px clamp(28px,4.5vw,64px);display:flex}.main-area>header h1{color:#132b26;letter-spacing:-.035em;margin:4px 0 0;font-size:1.32rem}.eyebrow{color:#13866f;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:850}.page-content{width:100%;max-width:1450px;padding:39px clamp(28px,4.5vw,64px) 64px}.page-intro{margin-bottom:26px}.page-intro h2,.unsupported-view h2{color:#142c27;letter-spacing:-.05em;margin:7px 0 8px;font-size:clamp(1.65rem,2.6vw,2.15rem)}.page-intro p,.unsupported-view p{color:#6b7d79;max-width:660px;margin:0;font-size:.89rem;line-height:1.6}.page-intro-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-intro-row>div{min-width:0}.primary-action,.secondary-action,.danger-action,.danger-secondary,.action-bar button,.inline-form button,.copy-field button,.copy-field a{border:1px solid #0000;border-radius:8px;min-height:38px;padding:9px 14px;font-size:.74rem;font-weight:800;text-decoration:none}.primary-action{color:#fff;background:#13866f;box-shadow:0 6px 15px #13866f20}.primary-action:hover{background:#0e755f}.secondary-action,.action-bar button,.inline-form button{color:#245c50;background:#fff;border-color:#bfd4cf}.secondary-action:hover,.action-bar button:hover,.inline-form button:hover{background:#f0f8f5;border-color:#68aa9b}.danger-action{color:#fff;background:#b7424d}.danger-secondary{color:#9b3740;background:#fff7f7;border-color:#e4b9bd}.primary-action:disabled,button:disabled{cursor:not-allowed;opacity:.48}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:19px;display:flex}.toolbar input{flex:280px}.toolbar input,.toolbar select,.panel-form input,.panel-form select,.inline-form input,.danger-zone input,.confirm-dialog input{color:#18312c;background:#fff;border:1px solid #cbd8d5;border-radius:8px;outline:0;min-height:40px;padding:9px 11px}.toolbar input:focus,.toolbar select:focus,.panel-form input:focus,.panel-form select:focus,.inline-form input:focus,.danger-zone input:focus,.confirm-dialog input:focus{border-color:#2da88e;box-shadow:0 0 0 3px #2da88e17}.toolbar select{min-width:220px}.segmented,.filter-row{background:#eaf0ee;border:1px solid #d4dfdc;border-radius:9px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.segmented button,.filter-row button{color:#657b76;background:0 0;border:0;border-radius:6px;min-height:33px;padding:7px 11px;font-size:.67rem;font-weight:820}.segmented button.active,.filter-row button.active{color:#116d5b;background:#fff;box-shadow:0 2px 8px #153c3212}.filter-row{width:-moz-fit-content;width:fit-content;margin-bottom:18px}.data-error{background:#fff5f5;border:1px solid #edc8cb;border-radius:9px;margin:0 0 18px;padding:11px 13px}.status-observed{color:#71847f;margin:-14px 0 18px;font-size:.75rem}.server-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.server-status-grid article,.server-services{background:#fff;border:1px solid #dde6e3;border-radius:13px;padding:18px;box-shadow:0 7px 22px #193d3409}.server-status-grid span,.server-status-grid small{color:#6c817c;font-size:.7rem;display:block}.server-status-grid strong{color:#142d27;letter-spacing:-.05em;margin:12px 0 5px;font-size:1.45rem;display:block}.server-services{max-width:680px;margin-top:18px}.server-services h3{margin:0 0 8px;font-size:.95rem}.server-service{border-top:1px solid #e5ece9;justify-content:space-between;align-items:center;padding:10px 0;font-size:.8rem;display:flex}.customer-list-table td{vertical-align:middle}.customer-list-table td:first-child strong,.customer-list-table td:first-child small{display:block}.customer-list-table td:first-child small{color:#71847f;margin-top:3px}.customer-list-table .secondary-action{white-space:nowrap}.customer-list-back{margin-bottom:18px}.customer-detail-grid{grid-template-columns:minmax(0,760px)}.server-streaming{margin-top:18px}.server-streaming h3{margin:0 0 10px;font-size:.95rem}.streaming-status-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;display:grid}.streaming-status-grid article{background:#fff;border:1px solid #dde6e3;border-radius:13px;min-width:0;padding:22px 24px;box-shadow:0 7px 22px #193d3409}.streaming-status-grid>article>span,.streaming-status-grid small{color:#6c817c;font-size:.78rem;display:block}.streaming-status-grid strong{color:#142d27;white-space:nowrap;align-items:baseline;gap:9px;margin:12px 0 7px;display:flex}.streaming-status-grid strong b{letter-spacing:-.06em;font-size:2.15rem;line-height:1}.streaming-status-grid strong em{letter-spacing:-.02em;font-size:1rem;font-style:normal;font-weight:700}.loading-note{color:#71847f;margin-top:20px;font-size:.78rem}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.metric-card{background:#fff;border:1px solid #dde6e3;border-radius:13px;flex-direction:column;justify-content:space-between;min-height:150px;padding:19px;display:flex;box-shadow:0 7px 22px #193d3409}.metric-icon{color:#107963;background:#e3f5ef;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.metric-icon svg{width:17px}.metric-card small{color:#6c817c;margin-top:16px;font-size:.7rem;display:block}.metric-card strong{color:#142d27;letter-spacing:-.06em;margin-top:1px;font-size:1.9rem;display:block}.metric-card p{color:#8a9995;min-height:28px;margin:5px 0 0;font-size:.65rem;line-height:1.4}.dashboard-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px;display:grid}.dashboard-panel{min-width:0}.dashboard-panel .empty-state{margin-top:16px;padding:24px}.attention-list,.recent-operations{border-top:1px solid #e4ebe9;margin-top:15px;display:grid}.attention-list>a,.recent-operations>div{min-width:0;min-height:58px;color:inherit;border-bottom:1px solid #e8eeec;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.attention-list>a:last-child,.recent-operations>div:last-child{border-bottom:0}.attention-list>a{justify-content:space-between}.attention-list>a:hover strong{color:#13866f}.attention-list>a>div:first-child,.recent-operations>div>div{gap:3px;min-width:0;display:grid}.attention-list>a>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.attention-list strong,.recent-operations strong{color:#29443e;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.attention-list span,.recent-operations span,.recent-operations time{color:#7a8b87;font-size:.63rem}.recent-operations>div{grid-template-columns:minmax(0,1fr) auto 125px;display:grid}.recent-operations time{text-align:right}.surface,.panel-form,.customer-card{color:inherit;background:#fff;border:1px solid #dce5e2;border-radius:13px;padding:21px;box-shadow:0 6px 20px #193d3408}.surface h3,.panel-form h3,.customer-card h3,.confirm-dialog h3{color:#17302b;margin:4px 0 0;font-size:.98rem}.surface-kicker{color:#16856f;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.61rem;font-weight:850;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.section-heading,.card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading p,.password-change p,.danger-zone p,.muted-copy{color:#71827e;margin:6px 0;font-size:.77rem;line-height:1.55}.station-grid{grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:13px;display:grid}.station-card{min-width:0;color:inherit;background:#fff;border:1px solid #dce5e2;border-radius:12px;padding:18px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;box-shadow:0 5px 18px #193d3407}.station-card:hover{border-color:#8fc3b7;transform:translateY(-2px);box-shadow:0 10px 26px #193d3412}.card-heading small{color:#16856f;font-size:.65rem;font-weight:750}.card-heading h3{color:#19322d;margin:4px 0 0;font-size:.94rem}.mount-label{color:#81908c;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;display:block;overflow:hidden}.station-card dl{border-top:1px solid #e7edeb;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:15px 0 0;display:grid}.station-card dl div{min-width:0;padding:11px 8px 0 0}.station-card dt{color:#83938f;text-transform:uppercase;letter-spacing:.08em;font-size:.57rem;font-weight:750}.station-card dd{color:#3f5752;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.71rem;overflow:hidden}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:5px 8px;font-size:.62rem;font-weight:850;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.online{color:#14715d;background:#def4ed}.status-badge.offline{color:#62736f;background:#e9eeee}.status-badge.drifted{color:#8a6718;background:#fff1ca}.status-badge.error{color:#a43e47;background:#fbe4e6}.empty-state{text-align:center;color:#758681;background:#fafcfc;border:1px dashed #bfceca;border-radius:12px;padding:31px}.empty-state strong{color:#34504a}.empty-state p{margin:7px 0 0;font-size:.77rem}.panel-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin-bottom:19px;display:grid}.panel-form h3{grid-column:1/-1}.panel-form label,.inline-form label{color:#5f746f;gap:6px;font-size:.68rem;font-weight:750;display:grid}.panel-form.compact{max-width:970px;box-shadow:none;border:0;margin:20px 0 0;padding:0}.customer-form{grid-template-columns:repeat(4,minmax(0,1fr))}.action-bar{gap:8px;margin:-7px 0 20px;display:flex}.station-actions button:first-child{color:#fff;background:#13866f;border-color:#13866f}.tabs{border-bottom:1px solid #d6e0dd;gap:28px;margin-bottom:18px;display:flex}.tabs button{color:#71827e;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 2px;font-size:.76rem;font-weight:800}.tabs button.active{color:#10745f;border-color:#1da083}.details-grid{background:#dfe7e5;border:1px solid #dfe7e5;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:17px;display:grid;overflow:hidden}.detail-field{background:#fbfcfc;align-content:center;gap:5px;min-width:0;min-height:67px;padding:12px 13px;display:grid;position:relative}.detail-field span{color:#7b8c88;text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:750}.detail-field strong{overflow-wrap:anywhere;color:#304b45;font-size:.76rem}.summary-state{background:#f2f8f6;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:78px;margin:14px 0 4px;padding:15px;display:flex}.summary-state strong{color:#28443e;font-size:.82rem}.connection-layout{gap:15px;display:grid}.encoder-settings{background:#dfe7e5;border:1px solid #dfe7e5;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:18px;display:grid;overflow:hidden}.password-field{grid-template-columns:minmax(0,1fr) auto}.password-field span,.password-field strong{grid-column:1}.password-field button{color:#147560;background:0 0;border:0;padding:3px 7px;font-size:.62rem;font-weight:800;position:absolute;bottom:10px;right:10px}.password-change{border-top:1px solid #e2e9e7;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;padding-top:17px;display:flex}.password-change h4{color:#28433d;margin:0;font-size:.82rem}.public-listening{overflow:hidden}.url-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.copy-field{background:#f8faf9;border:1px solid #dfe8e5;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;min-width:0;padding:12px;display:grid}.copy-field>span{color:#16806b;text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-size:.6rem;font-weight:850}.copy-field code{color:#35534c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;line-height:1.55;overflow:hidden}.copy-field>div{gap:5px;display:flex}.copy-field button,.copy-field a{color:#116d5a;background:#fff;border-color:#c4d9d4;min-height:27px;padding:5px 8px;font-size:.61rem}.configuration-panel .panel-form{grid-template-columns:repeat(5,minmax(0,1fr))}.danger-zone{background:#fff8f8;border:1px solid #eccfd1;border-radius:10px;max-width:970px;margin-top:28px;padding:19px}.danger-zone h3{color:#8e343d}.danger-zone input{width:min(100%,300px);margin:12px 0 9px;display:block}.text-link{color:#147c67}.one-time-secret{background:#fffaf0;border-color:#d4b96b;margin-bottom:19px}.one-time-secret .surface-kicker{color:#876416}.one-time-secret .section-heading p{color:#735f31}.secret-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.secret-fields .copy-field:first-child code{color:#173f36;font-size:.8rem;font-weight:800}.video-create-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}.video-statuses{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.video-detail-grid .url-grid{grid-template-columns:1fr}.video-player-panel{margin-bottom:15px}.video-player{background:#091b18;border-radius:10px;margin-top:16px;position:relative;overflow:hidden}.video-player video{aspect-ratio:16/9;background:#091b18;width:100%;max-height:min(68vh,720px);display:block}.video-player-error{color:#fff;background:#8f3039e8;border-radius:7px;margin:0;padding:9px 11px;font-size:.72rem;position:absolute;inset:auto 12px 12px}.autodj-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.autodj-source,.autodj-playlists,.autodj-schedule{grid-column:1/-1}.source-mode{width:-moz-fit-content;width:fit-content;margin-top:18px}.autodj-now{background:#dfe7e5;border:1px solid #dfe7e5;border-radius:9px;grid-template-columns:180px minmax(0,1fr);gap:1px;margin-top:16px;display:grid;overflow:hidden}.autodj-now>div{background:#f8faf9;gap:5px;padding:13px;display:grid}.autodj-now span,.media-list small,.playlist-items small{color:#7b8c88;font-size:.62rem}.autodj-now strong,.media-list strong,.playlist-items strong{color:#304b45;font-size:.75rem}.autodj-now p{color:#79601d;background:#fff7dc;grid-column:1/-1;margin:0;padding:10px 13px;font-size:.7rem}.schedule-toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.schedule-toolbar label{color:#5f746f;gap:5px;min-width:210px;font-size:.68rem;display:grid}.schedule-rules{gap:8px;margin-top:14px;display:grid}.schedule-rule{background:#f8faf9;border:1px solid #dfe7e5;border-radius:8px;grid-template-columns:1.15fr .8fr .8fr 1.5fr auto;align-items:center;gap:8px;padding:9px;display:grid}.autodj-actions{margin:15px 0 0}.autodj-upload,.autodj-create,.playlist-toolbar{align-items:end;gap:9px;margin-top:17px;display:flex}.autodj-upload input,.autodj-create input,.playlist-toolbar select{color:#304b45;background:#fff;border:1px solid #cbd8d5;border-radius:8px;min-height:40px;padding:8px 10px}.autodj-upload input,.autodj-create input{flex:1;min-width:0}.media-list{gap:7px;margin-top:16px;display:grid}.media-list>div:not(.empty-state),.playlist-items li{background:#fafcfc;border:1px solid #e0e8e5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 11px;display:flex}.media-list span,.playlist-items span{gap:4px;min-width:0;display:grid}.media-list strong,.playlist-items strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-tabs{gap:7px;margin-top:16px;display:flex;overflow-x:auto}.playlist-tabs button{color:#60736e;white-space:nowrap;background:#fff;border:1px solid #d4dfdc;border-radius:8px;padding:8px 11px;font-size:.68rem;font-weight:750}.playlist-tabs button.active{color:#10745f;background:#edf8f5;border-color:#69ad9e}.playlist-toolbar{justify-content:space-between}.playlist-toolbar label{color:#60736e;gap:5px;font-size:.64rem;font-weight:750;display:grid}.playlist-items{gap:7px;margin:15px 0 0;padding:0;list-style:none;display:grid}.playlist-items li>div{gap:5px;display:flex}.playlist-items button{color:#326257;background:#fff;border:1px solid #cbdad6;border-radius:6px;min-height:30px;padding:5px 8px;font-size:.64rem;font-weight:750}.table-wrap{background:#fff;border:1px solid #dce5e2;border-radius:11px;overflow-x:auto;box-shadow:0 5px 18px #193d3407}.table-wrap table{border-collapse:collapse;background:#fff;width:100%;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;color:#425a55;border-bottom:1px solid #e5ebe9;padding:12px 14px;font-size:.71rem}.table-wrap th{color:#758681;text-transform:uppercase;letter-spacing:.07em;background:#f7f9f8;font-size:.59rem;font-weight:850}.table-wrap tbody tr:hover{background:#f8fbfa}.table-wrap tr:last-child td{border-bottom:0}.monitor-summary{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px;display:grid}.monitor-summary>div{background:#fff;border:1px solid #dce5e2;border-radius:10px;padding:15px 16px;box-shadow:0 4px 14px #193d3407}.monitor-summary span,.monitor-summary strong{display:block}.monitor-summary span{color:#71847f;font-size:.65rem}.monitor-summary strong{color:#17312b;letter-spacing:-.04em;margin-top:4px;font-size:1.42rem}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.customer-card{min-width:0}.card-heading small{color:#16806b;font-size:.65rem}.quota{margin:21px 0}.quota>strong{color:#19342e;font-size:1.65rem}.quota>span{color:#71847f;margin-left:8px;font-size:.72rem}.quota>div{background:#e4ebe9;border-radius:4px;height:6px;margin-top:9px;overflow:hidden}.quota i{background:#25a98c;height:100%;display:block}.inline-form{align-items:end;gap:8px;display:flex}.inline-form input{width:110px}.customer-autodj,.customer-video{border-top:1px solid #e2e9e7;border-bottom:1px solid #e2e9e7;margin:20px 0;padding:18px 0}.autodj-quota-summary,.video-quota-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.autodj-quota-summary span,.video-quota-summary span{color:#657a74;background:#f3f7f6;border-radius:8px;padding:10px;font-size:.68rem}.autodj-quota-summary strong,.video-quota-summary strong{color:#19342e;margin-bottom:3px;font-size:.84rem;display:block}.autodj-settings-form,.video-settings-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:8px;display:grid}.autodj-settings-form label,.video-settings-form label{color:#5f746f;gap:5px;font-size:.68rem;font-weight:750;display:grid}.autodj-settings-form input,.autodj-settings-form select,.video-settings-form input,.video-settings-form select{color:#18312c;background:#fff;border:1px solid #cbd8d5;border-radius:8px;width:100%;min-height:40px;padding:9px 10px}.danger-link{color:#ae424b;background:0 0;border:0;margin-top:17px;padding:0;font-size:.7rem;font-weight:700}.modal-backdrop{z-index:20;background:#0a1e1acd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border:1px solid #dce5e2;border-radius:13px;width:min(100%,470px);padding:25px;box-shadow:0 30px 90px #071f1a38}.confirm-dialog p{color:#687b76;font-size:.8rem;line-height:1.55}.confirm-dialog input{width:100%}.confirm-dialog>div{justify-content:flex-end;gap:8px;margin-top:17px;display:flex}.confirm-dialog>div button:not(.danger-action){color:#60736e;background:0 0;border:0}.unsupported-view{background:#fff;border:1px solid #dce5e2;border-radius:13px;max-width:620px;padding:32px}@media (max-width:1180px){.metrics-grid,.encoder-settings,.configuration-panel .panel-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.content-grid,.customer-grid,.dashboard-detail-grid,.autodj-layout{grid-template-columns:1fr}.video-create-form,.autodj-settings-form,.video-settings-form,.customer-form,.monitor-summary{grid-template-columns:repeat(2,1fr)}.encoder-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.url-grid{grid-template-columns:1fr}}@media (max-width:760px){.streaming-status-grid{grid-template-columns:1fr}.login-page{background:#0d2925;padding:24px;display:block}.login-brand{text-align:center;background:0 0;align-items:center;min-height:auto;padding:35px 22px 28px}.login-brand img{width:min(100%,245px)}.login-brand p{margin:18px 0 10px;font-size:1rem}.login-panel{border-radius:16px;min-height:auto;padding:28px 23px}.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;height:auto;padding:13px 14px;position:relative}.brand{border-bottom:0;flex-direction:row;justify-content:space-between;align-items:center;min-height:54px;padding:0 6px 9px}.brand img{width:118px;height:54px}.brand small{margin:0;font-size:.52rem}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.sidebar nav a{justify-content:center;padding:9px 5px;font-size:.66rem}.sidebar nav a svg,.nav-heading,.infrastructure-link{display:none}.sign-out{width:auto;margin:10px 0 0 auto;padding:7px 9px;font-size:.65rem}.main-area>header{min-height:72px;padding:16px 21px}.page-content{padding:28px 20px 45px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:142px;padding:16px}.page-intro-row{flex-direction:column;align-items:flex-start}.panel-form,.customer-form,.configuration-panel .panel-form,.video-create-form,.secret-fields,.autodj-quota-summary,.autodj-settings-form,.video-quota-summary,.video-settings-form{grid-template-columns:1fr}.toolbar>*{width:100%}.toolbar select{min-width:0}.segmented{justify-content:stretch}.segmented button{flex:1}.tabs{gap:8px;overflow-x:auto}.tabs button{white-space:nowrap;flex:1}.details-grid,.encoder-settings{grid-template-columns:1fr}.section-heading,.password-change{flex-direction:column;align-items:stretch}.action-bar{flex-wrap:wrap}.copy-field{grid-template-columns:1fr}.copy-field>div{justify-content:flex-start}.autodj-now{grid-template-columns:1fr}.schedule-rule{grid-template-columns:1fr 1fr}.autodj-upload,.autodj-create,.playlist-toolbar{flex-direction:column;align-items:stretch}.autodj-upload>*,.autodj-create>*{width:100%}.media-list>div:not(.empty-state),.playlist-items li{flex-direction:column;align-items:stretch}}@media (max-width:430px){.login-page{padding:14px}.sidebar nav a{font-size:.6rem}.metrics-grid,.monitor-summary,.station-grid{grid-template-columns:1fr}.station-card dl{grid-template-columns:1fr 1fr}.summary-state{flex-direction:column;align-items:flex-start}.recent-operations>div{grid-template-columns:minmax(0,1fr) auto}.recent-operations time{text-align:left;grid-column:1/-1}}