@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#dce5f0;background:#090e16;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#0c1320;border-right:1px solid #1b2838;display:flex;flex-direction:column;padding:26px 14px;position:sticky;top:0;height:100vh}.brand-mark{display:flex;align-items:center;gap:10px;padding:3px 10px 40px}.brand-glyph{width:41px;height:41px;background:#113c47;color:#45d0d4;display:grid;place-items:center;border:1px solid #1f6570;border-radius:10px}.brand-mark strong{display:block;letter-spacing:.9px;font:700 19px Space Grotesk;color:#fff}.brand-mark strong span{color:#53cfca}.brand-mark small{font-size:9px;letter-spacing:2px;color:#6f839a}.nav-caption{margin:0 12px 11px;font-size:10px;letter-spacing:1.8px;color:#64788f;font-weight:800}.sidebar nav{display:grid;gap:4px;margin-bottom:28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;color:#879bb0;text-align:left;padding:13px;border-radius:8px;font-size:12px;font-weight:700}.nav-item:hover{background:#142235;color:#e8faff}.nav-item.selected{background:#12333c;color:#58d7d4;border-left:3px solid #38c9c0}.nav-count{margin-left:auto;background:#283749;color:#cce0ed;border-radius:4px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.shield{display:flex;gap:10px;background:#132720;border:1px solid #204b39;border-radius:8px;color:#45c79a;padding:13px 10px;font-size:11px;font-weight:700}.shield span{display:block}.shield small{display:block;color:#85a69a;font-size:10px;font-weight:400;margin-top:5px}.account{display:flex;gap:10px;align-items:center;padding:17px 6px 0;margin-top:20px;border-top:1px solid #1b2937}.avatar{background:#1c5362;color:#8bebed;border-radius:8px;width:36px;height:36px;display:grid;place-items:center;font-size:12px;font-weight:800}.account span:nth-child(2){flex:1}.account strong{display:block;font-size:11px}.account small{display:block;font-size:9px;color:#657d96;margin-top:3px}.main{min-width:0;flex:1}.topbar{height:63px;background:#101824;border-bottom:1px solid #213041;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.crumb{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#98adc1}.crumb span{color:#506378;margin:0 10px}.top-actions{display:flex;align-items:center;gap:25px}.clock,.secure{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:700;color:#91a5b9}.secure{color:#dec07c}.iconbutton{border:0;background:none;color:#7489a0}.workspace{max-width:1600px;padding:30px 34px 16px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.eyebrow{display:block;color:#58aeb6;font-size:10px;letter-spacing:2px;font-weight:800}.heading h1{font:700 31px Space Grotesk;margin:7px 0 5px;letter-spacing:-1.2px;color:#f3f7fa}.heading h1 span{color:#668097;font-weight:400}.heading p{color:#869bb0;font-size:12px;margin:0}.on-air{display:flex;gap:12px;align-items:center;background:#282318;border:1px solid #5b4428;border-radius:9px;padding:12px 17px}.pulse{height:9px;width:9px;border-radius:50%;background:#d8ae5b;box-shadow:0 0 0 4px #d8ae5b22}.on-air strong{display:block;color:#f1c878;font-size:11px;letter-spacing:.8px}.on-air span{font-size:10px;color:#bdab8c}.alert{padding:9px 13px;border:1px solid #30485a;border-radius:7px;background:#13212e;display:flex;gap:9px;align-items:center;color:#98bed3;font-size:11px;margin-bottom:16px}.alert span{flex:1}.alert button{background:none;border:0;color:#9db6c8}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.mini-label{font-size:9px;letter-spacing:1.3px;font-weight:800;color:#6f879e}.studio-toolbar select,.eq-footer select{border:1px solid #2c3d4e;border-radius:6px;background:#172333;color:#dbe8f1;font-size:11px;padding:8px 11px;margin-left:12px}.toolbar-right{display:flex;align-items:center;gap:20px}.signal{font-size:10px;display:flex;align-items:center;gap:7px;color:#8297a8;font-weight:800;letter-spacing:.4px}.safety{display:flex;align-items:center;gap:7px;background:#41202b;border:1px solid #873b4a;color:#f2a0ae;padding:10px 14px;border-radius:6px;font-weight:800;font-size:10px;letter-spacing:.6px}.deck-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.deck-panel,.panel{background:#111c2a;border:1px solid #243445;border-radius:11px;overflow:hidden}.deck-panel{padding:19px 20px 15px}.deck-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.deck-id{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:#0b1420;font-size:18px;font-weight:900}.deck-heading div:nth-child(2){flex:1;min-width:0}.deck-heading small{display:block;font-size:9px;letter-spacing:1.4px;color:#67839a;font-weight:800;margin-bottom:4px}.deck-heading strong{display:block;font:700 15px Space Grotesk;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck-heading span:not(.track-time){font-size:10px;color:#8b9eaf}.track-time{font:700 15px Space Grotesk;color:#9aafc1}.waveform{height:95px;border:1px solid #223a4b;border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0,transparent 35px,#243447 36px),linear-gradient(#172837 49%,#263a4b,#172837 51%);display:flex;align-items:center;justify-content:space-around;padding:5px 3px;position:relative;overflow:hidden}.waveform span{flex:1;max-width:6px;border-radius:1px;transform-origin:center;box-shadow:0 0 8px #0003}.playhead{width:2px;height:100%;background:#fff;opacity:.75;position:absolute;left:42%;top:0;box-shadow:0 0 10px #fff}.deck-meta{display:flex;align-items:center;justify-content:space-between;margin:10px 0 16px;font-size:10px;color:#748ca3;font-weight:800}.deck-meta b{color:#e5eff9}.transport{display:flex;align-items:center;gap:7px}.control{height:35px;background:#1c2b3b;border:1px solid #304457;color:#b1c7d6;border-radius:6px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.control:hover,.control.active{border-color:#57c1c6;color:#67dee1}.control.round{border-radius:50%;width:41px;height:41px;background:#1b626e;border-color:#2ca5b7;color:#fff;justify-content:center}.deck-1 .control.round{background:#795c2b;border-color:#c38d43}.pitch{flex:1;max-width:143px;margin-left:auto}.pitch label{display:flex;justify-content:space-between;color:#8ca4b9;font-size:9px;font-weight:800}.pitch b{color:#fff}.pitch input{width:100%}.deck-bottom{display:flex;align-items:center;gap:15px;margin-top:14px}.hotcues{display:flex;gap:7px}.cue-pad{background:#192c40;border:1px solid #2b5265;color:#4ebfd0;border-radius:5px;width:30px;height:26px;font-weight:800;font-size:10px}.deck-1 .cue-pad{border-color:#72582d;color:#e5b45f}.mid-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin-bottom:15px}.panel{padding:18px 20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head h2{font:700 17px Space Grotesk;margin:4px 0 0;color:#e8f2f7}.panel-tag,.smalloutline{font-size:9px;font-weight:800;color:#809bb1;letter-spacing:1px}.smalloutline{display:flex;align-items:center;gap:6px;background:#1a2a3a;padding:7px 10px;border:1px solid #314657;border-radius:5px}.mixer-body{display:flex;gap:14px}.channels{display:flex;flex:1;justify-content:space-between;gap:5px}.channel{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0;flex:1}.channel-name{font-size:9px;font-weight:800;color:#acc0d3;display:flex;align-items:center;gap:5px}.channel-name i{width:6px;height:6px;border-radius:50%}.vu{display:flex;flex-direction:column-reverse;gap:2px;height:43px;width:11px}.vu span{width:100%;height:2px;border-radius:1px}.vertical{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;width:19px;height:117px;accent-color:#58c9d0;cursor:pointer}.channel-value{font-size:10px;color:#adc4d5;font-weight:800}.mute{width:31px;height:27px;display:grid;place-items:center;background:#223243;color:#8fa6b9;border:1px solid #364b5e;border-radius:4px}.mute.pressed{color:#fbadbb;background:#49242e;border-color:#9d465b}.channel-full{font-size:9px;color:#91a9bc;text-align:center}.master-area{border-left:1px solid #294055;padding-left:15px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:79px}.master-caption{font-size:9px;color:#d0ad65;font-weight:800;white-space:nowrap}.meter-rails{display:flex;gap:4px;height:43px}.meter-rail{display:flex;flex-direction:column-reverse;gap:1px;width:9px}.meter-rail i{height:2px;width:100%;border-radius:1px}.master-value{color:#f2d08d;font-size:10px;font-weight:800}.master-area .vertical{accent-color:#e6b65b}.master-area small{font-size:8px;color:#7a94a8}.crossfader{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #233746;margin-top:19px;padding-top:12px;font-size:11px;font-weight:800;color:#7992a6}.crossfader>div{width:58%}.cross-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.cross-label small{color:#51bbc8}.crossfader input{width:100%;accent-color:#53cbd4}.eq-chart{display:flex;gap:8px;height:242px}.eq-labels{display:flex;flex-direction:column;justify-content:space-between;color:#617b91;font-size:9px;padding-bottom:27px;padding-top:19px}.eq-bars{flex:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#294055 45px);border-bottom:1px solid #294055;padding:8px 0}.eq-band{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px}.eq-value{font-size:9px;color:#79d4ce}.eq-band .vertical{height:169px;accent-color:#4ac6c8;width:100%;max-width:20px}.eq-frequency{font-size:9px;color:#91acbe}.eq-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:#758da2;font-size:9px;letter-spacing:1px;font-weight:800}.small-dot{display:inline-block;height:6px;width:6px;background:#47c7be;border-radius:50%;margin-right:5px}.eq-footer select{margin:0}.calls-header{margin-bottom:17px}.seg-tabs{display:flex;gap:5px;background:#0e1825;padding:4px;border-radius:7px}.seg-tabs button{display:flex;align-items:center;gap:5px;background:transparent;color:#8099ac;padding:8px 11px;border:0;border-radius:5px;font-size:10px;font-weight:800}.seg-tabs button.active{background:#1e4050;color:#7be3e1}.call-body{display:grid;grid-template-columns:1.7fr .8fr;gap:16px}.call-list{border:1px solid #233747;border-radius:7px;overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;background:#152637;color:#acbfce;font-size:10px;font-weight:800;letter-spacing:.6px}.list-header b{padding:2px 6px;background:#2e5863;border-radius:4px;color:#83dadd}.list-header button{background:none;border:0;color:#59cad6;font-size:10px;font-weight:800}.caller{display:flex;gap:12px;align-items:center;padding:12px 13px;border-top:1px solid #213646}.caller-avatar{width:36px;height:36px;background:#293c4a;display:grid;place-items:center;border-radius:7px;color:#a9c0d0}.caller-avatar.on-air{background:#1b564a;color:#51dda7}.caller-info{flex:1;min-width:0}.caller-info strong{display:block;font-size:11px}.caller-info span,.caller-info small{display:block;color:#7f98ab;font-size:10px;margin-top:3px}.caller-status{font-size:9px;font-weight:800;color:#bfa979;padding:6px 7px;background:#372c21;border-radius:4px;min-width:65px;text-align:center}.caller-status.screening{background:#1b3748;color:#74c4db}.caller-status.on-air{background:#154537;color:#67dab4}.caller-actions{display:flex;gap:5px}.caller-actions button{height:29px;width:29px;border:1px solid #33495b;border-radius:5px;background:#1a3041;color:#9db5c5;display:grid;place-items:center}.caller-actions button.connect{color:#64d2b1;border-color:#2f705c}.caller-actions button.hangup{color:#f28d96;border-color:#734151}.call-side{border:1px solid #233747;border-radius:7px;padding:16px}.side-title{font-size:10px;color:#85a0b4;letter-spacing:1px;font-weight:800}.call-live{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0}.call-icon{background:#203a42;border-radius:50%;padding:15px;color:#6dd4ce;margin-bottom:9px}.call-live strong{font-size:12px}.call-live span{font-size:10px;color:#7995a9;margin-top:5px}.call-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #263a49;padding-top:13px}.call-metrics div{text-align:center}.call-metrics small{display:block;color:#7591a5;font-size:9px}.call-metrics strong{font:700 21px Space Grotesk}.call-safe{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#7f9baf;background:#172938;padding:10px;border-radius:6px;margin-top:13px}.placeholder{display:flex;align-items:center;justify-content:center;min-height:228px;flex-direction:column;color:#7a93a9;gap:12px}.placeholder strong{color:#c1d4e2}.placeholder span{font-size:12px;text-align:center}.search{display:flex;align-items:center;gap:8px;background:#1c2b3b;border:1px solid #31495b;border-radius:6px;padding:7px}.search input{background:none;border:0;color:#fff;outline:0}.setting-switch{font-size:11px}.footer{display:flex;justify-content:space-between;color:#526b80;font-size:9px;letter-spacing:1px;padding:16px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#010610d9;display:grid;place-items:center;z-index:100;padding:15px}.modal{max-width:410px;background:#142334;border:1px solid #3b5061;padding:26px;border-radius:13px}.modal-icon{color:#e8ae65}.modal h3{font-size:19px}.modal p{color:#aec0cd;font-size:13px;line-height:1.65}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal button{border:1px solid #37495b;background:#263646;color:#dde8ee;border-radius:6px;padding:10px 13px}.modal button.dangerbtn{background:#8b3546;color:#fff;border-color:#a04857}@media(max-width:1250px){.sidebar{width:210px}.workspace{padding:24px 18px}.deck-grid,.mid-layout{gap:10px}.deck-panel,.panel{padding:15px}.transport{flex-wrap:wrap}.call-body{grid-template-columns:1fr}.call-side{display:none}}@media(max-width:960px){.sidebar{width:64px;padding:20px 5px}.brand-mark{padding:0 8px 25px}.brand-mark>div,.nav-caption,.nav-item:not(.selected) .nav-count,.nav-item{font-size:0}.nav-item{justify-content:center}.brand-glyph{width:38px}.sidebar-bottom{display:none}.deck-grid,.mid-layout{grid-template-columns:1fr}.nav-item svg{flex:none}.toolbar-right .signal{display:none}}@media(max-width:640px){.sidebar{display:none}.topbar{padding:0 16px}.workspace{padding:20px 12px}.heading{align-items:flex-start}.heading h1{font-size:25px}.on-air{display:none}.deck-panel{padding:12px}.deck-heading strong{font-size:12px}.control{padding:0 7px}.studio-toolbar{flex-wrap:wrap}.calls-header{flex-direction:column;align-items:flex-start;gap:12px}.caller-status{display:none}.caller{gap:7px}.footer{flex-direction:column;gap:7px}.channel-full{font-size:8px}.mixer-body{gap:7px}.master-area{padding-left:8px;min-width:58px}.crossfader>div{width:75%}}.engine-notice{background:#143e42;border:1px solid #238a80;border-radius:8px;color:#d1f7f0;padding:12px 15px;margin-bottom:12px;font-size:12px;line-height:1.6}.engine-notice strong{color:#ffc2c2}.load-audio{display:inline-flex;align-items:center;gap:8px;background:#14546a;border:1px solid #3d8ba0;padding:7px 10px;border-radius:6px;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.load-audio input{max-width:170px;font-size:10px}.toolbar-right{flex-wrap:wrap}.toolbar-right .smalloutline{padding:8px 10px;cursor:pointer}