@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.auth-shell{background:radial-gradient(circle at 50% 0,#132c3e 0,#07131f 52%,#050b12 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{text-align:center;background:#0b1b2af0;border:1px solid #26445a;border-radius:18px;width:min(100%,420px);padding:44px 40px;box-shadow:0 24px 70px #00000057}.auth-mark{color:#6bddff;background:#0d3650;border-radius:13px;place-items:center;width:46px;height:46px;margin:0 auto 18px;font-size:18px;display:grid}.auth-card>strong{color:#edf7fc;font-size:21px}.auth-card>strong span{color:#6bddff}.auth-card h1{color:#f6fbff;margin:30px 0 10px;font-size:27px}.auth-card p{color:#9ab1c3;margin:0;line-height:1.7}.auth-card small{color:#ffb6b6;margin-top:14px;display:block}.auth-google{justify-content:center;width:100%;margin-top:26px}:root{color:#eaf4fb;background:#08131e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.app{background:#091521;min-height:100vh}.sidebar{z-index:10;background:#08131e;border-right:1px solid #203240;flex-direction:column;width:248px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;border-bottom:1px solid #203240;align-items:center;gap:11px;height:72px;padding:0 26px;font:700 22px Manrope;display:flex}.brand span{color:#26cdfa}.mark{color:#28cdfb;place-items:center;font-size:23px;display:grid;transform:scaleX(.82)}.close{display:none}nav{gap:3px;padding:18px 12px;display:grid}nav button{color:#95aabc;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:14px;height:45px;padding:0 14px;font-weight:500;display:flex}nav button:hover,nav button.active{color:#25cdfb;background:#102632}nav button.active{position:relative}nav button.active:before{content:"";background:#26cdfa;width:3px;position:absolute;top:0;bottom:0;left:-12px}.sidebar small{color:#647d90;margin:auto 25px 24px;font-size:11px}main{margin-left:248px}header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08131ef2;border-bottom:1px solid #203240;justify-content:space-between;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}header h1{letter-spacing:-.6px;margin:0;font:700 22px Manrope}header>div{align-items:center;gap:15px;display:flex}.daterange,.control{color:#c1d2de;background:#0c1926;border:1px solid #2a4151;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;display:inline-flex}.avatar{color:#e7f2f8;background:#223548;border:1px solid #365067;border-radius:50%;width:36px;height:36px;font-weight:700}.hamburger{display:none}.content{max-width:1460px;margin:auto;padding:38px 34px 58px}.title{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.title h2,.modal h2{letter-spacing:-1.2px;margin:0;font:700 33px Manrope}.title p,.panel-head p{color:#849aaa;margin:7px 0 0;font-size:14px}.primary,.secondary{border:0;border-radius:7px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.primary{color:#04131c;background:#28cef9;box-shadow:0 7px 24px #00b9ec2a}.primary:hover{background:#62dcff}.secondary{color:#b9cad5;background:#142534;border:1px solid #334a5b}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric,.panel{background:#0b1825;border:1px solid #213646;border-radius:11px}.metric{gap:14px;min-height:118px;padding:21px;display:flex;position:relative;overflow:hidden}.metric>i{color:#27cdfa;font-style:normal}.metric.good>i{color:#4fda7b}.metric.warn-metric>i{color:#ffbd31}.metric p{color:#90a7b8;margin:0 0 9px;font-size:13px}.metric strong{letter-spacing:-.9px;font:700 28px Manrope}.spark{clip-path:polygon(0 80%,15% 68%,25% 76%,40% 39%,52% 58%,68% 27%,79% 43%,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0000 15%,#23c9f8 16% 21%,#0000 22% 31%,#23c9f8 32% 36%,#0000 37% 51%,#23c9f8 52% 56%,#0000 57% 65%,#23c9f8 66% 70%,#0000 71%);width:57px;height:32px;position:absolute;bottom:23px;right:18px}.good .spark{filter:hue-rotate(85deg)}.warn-metric .spark{filter:hue-rotate(160deg)}.grid{grid-template-columns:2.05fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;padding:22px 23px 16px;display:flex}.panel-head h3{letter-spacing:-.4px;margin:0;font:700 18px Manrope}.control{padding:7px 9px;font-size:12px}.link{color:#27cdfa;background:0 0;border:0;font-size:13px;font-weight:600}.chart{height:268px;padding:8px 18px 0 30px}.chart svg{width:100%;height:221px;overflow:visible}.rules{fill:none;stroke:#233a49;stroke-width:1px}.blue-area{fill:#22c9f81c}.blue-line,.violet-line,.green-line,.gold-line{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.blue-line{stroke:#1cccf9}.violet-line{stroke:#9375fb}.green-line{stroke:#4edc7b}.gold-line{stroke:#ffbe30}.x-axis{color:#748b9c;justify-content:space-between;font-size:11px;display:flex}.legend{color:#9bb0be;justify-content:center;align-items:center;gap:8px;padding-bottom:17px;font-size:12px;display:flex}.legend span,.status i{border-radius:50%;width:8px;height:8px;margin-left:13px}.legend .cyan{background:#1cccf9}.legend .purple{background:#9375fb}.legend .green{background:#4edc7b}.legend .yellow{background:#ffbe30}.source-list{padding:0 22px}.source{border-bottom:1px solid #192d3a;grid-template-columns:9px 1fr 45px 50px;align-items:center;gap:10px;min-height:38px;font-size:12px;display:grid}.source i{background:#4bda7a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px #4bda7a66}.source i.warn{background:#ffbd30;box-shadow:0 0 9px #ffbd3066}.source b{color:#d9e6ee;font-weight:500}.source span,.source em{color:#8da4b5;text-align:right;font-style:normal}.note{color:#87a1b3;background:#0e202d;border-radius:6px;align-items:center;gap:8px;margin:18px 22px;padding:10px;font-size:11px;display:flex}.table{overflow:hidden}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:690px}th,td{text-align:left;border-top:1px solid #1c3140;padding:14px 16px;font-size:13px}th{color:#8199aa;background:#0e1d2b;font-size:11px}td{color:#9bb0bf}td b{color:#e4eff6;font-weight:500}.status{color:#dce8ef;align-items:center;gap:7px;display:inline-flex}.status i{background:#4bda7a;margin:0}.status.degraded i{background:#ffbd30}.dots{color:#91aabc;background:0 0;border:0}.modal-wrap{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02070bbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0b1825;border:1px solid #2d4555;border-radius:13px;width:min(440px,100%);padding:29px;position:relative;box-shadow:0 24px 66px #000a}.modal-x{color:#98adbd;background:0 0;border:0;position:absolute;top:17px;right:17px}.modal-icon{color:#27cdfa;background:#113246;border:1px solid #1a5773;border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.modal h2{font-size:24px}.modal>p{color:#8da4b5;font-size:13px;line-height:1.55}.modal label{color:#c5d4de;gap:7px;margin:15px 0;font-size:13px;font-weight:600;display:grid}.modal input,.modal select{color:#eaf4fb;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;padding:10px 11px}.modal input:focus,.modal select:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}.modal footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.shade{display:none}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=740px){.sidebar{transition:all .2s;transform:translate(-101%)}.sidebar.open{transform:translate(0)}.close{color:#9bb1c0;background:0 0;border:0;margin-left:auto;display:grid}.shade{z-index:9;background:#000a;border:0;display:block;position:fixed;inset:0}.hamburger{color:#d8e9f2;background:0 0;border:0;display:grid}.topbar{padding:0 18px}header{height:64px;padding:0 18px}header h1{margin-left:14px;margin-right:auto;font-size:18px}.daterange{display:none}main{margin-left:0}.content{padding:27px 18px 38px}.title{align-items:flex-start;gap:12px}.title h2{font-size:27px}.title p{display:none}.primary{white-space:nowrap;padding:10px 12px}.metric{min-height:101px;padding:16px}.metric>i{display:none}.metric strong{font-size:22px}.metrics{gap:10px}.spark{transform-origin:100% 100%;transform:scale(.7)}.panel-head{padding:18px}.chart{height:238px;padding-left:15px}.chart svg{height:195px}.legend{flex-wrap:wrap;font-size:10px}.source-list{padding:0 18px}.note{margin:16px 18px}.table .panel-head p{display:none}}.side-footer{color:#7891a2;align-items:center;gap:7px;margin:auto 24px 24px;font-size:11px;display:flex}.pulse{background:#50db7b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #50db7b}.header-actions{align-items:center;gap:14px;display:flex}.date{color:#c1d2de;background:#0c1926;border:1px solid #2a4151;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;display:inline-flex}header>div:first-of-type p{color:#768d9e;margin:2px 0 0;font-size:11px}.dashboard-grid{grid-template-columns:1.7fr 1fr;gap:18px;margin-bottom:18px;display:grid}.chart{min-height:300px}.chart-art{padding:8px 22px 18px}.chart-art svg{width:100%;height:220px}.chart-art>div{color:#7690a2;justify-content:space-between;font-size:11px;display:flex}.gridlines{fill:none;stroke:#243a49;stroke-width:1px}.area{fill:#1bcaf820}.line{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.line.blue{stroke:#1cccf9}.line.purple{stroke:#9b78fa}.line.green{stroke:#50db7b}.quick{padding-bottom:12px}.quick button{text-align:left;color:#c8d9e3;background:#0d202d;border:1px solid #203847;border-radius:7px;align-items:center;gap:11px;width:calc(100% - 36px);margin:0 18px 8px;padding:13px;display:flex}.quick button:hover{color:#2ccdf8;border-color:#2ccdf8}.quick button span{margin-left:auto}.toolbar{justify-content:space-between;align-items:center;margin:0 0 15px;display:flex}.toolbar label{color:#87a0b1;background:#0b1926;border:1px solid #284152;border-radius:7px;align-items:center;gap:9px;width:min(355px,70%);padding:10px 12px;display:flex}.toolbar input{color:#e9f5fb;background:0 0;border:0;outline:0;width:100%}.toolbar span{color:#849cac;font-size:13px}.url,td small{color:#718a9b;margin-top:3px;font-size:11px;font-weight:400;display:block}.row-actions{gap:6px;display:inline-flex}.row-actions button,.dots{color:#8ea7b8;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.row-actions button:hover{color:#2ccdf8;background:#1b3040}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.album{background:#0b1825;border:1px solid #213646;border-radius:11px;min-height:198px;padding:18px;position:relative}.album-art{color:#45d7ff;background:#133648;border-radius:8px;place-items:center;width:43px;height:43px;display:grid}.album-art.violet{color:#b197fc;background:#29234b}.album-art.amber{color:#ffcb54;background:#3b2d12}.album-copy h3{margin:17px 0 6px;font:700 18px Manrope}.album-copy p{color:#8da5b5;min-height:38px;margin:0;font-size:13px;line-height:1.45}.album-copy span{color:#bcd0dd;margin-top:13px;font-size:12px;display:block}.album>.row-actions{position:absolute;top:13px;right:13px}.empty{text-align:center;place-content:center;justify-items:center;min-height:310px;padding:30px;display:grid}.empty>svg{color:#2bcdf9}.empty h3{margin:14px 0 7px;font:700 20px Manrope}.empty p{color:#8ca4b5;max-width:450px;margin:0 0 20px;line-height:1.55}.toast{z-index:60;color:#dff5ff;background:#102735;border:1px solid #28536a;border-radius:8px;align-items:center;gap:9px;padding:13px 16px;font-size:13px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 14px 38px #0008}.toast svg{color:#55da7d}.reset{z-index:8;color:#708a9b;background:0 0;border:0;font-size:11px;position:fixed;bottom:18px;right:20px}.reset:hover{color:#c5dce9}.field{color:#c5d4de;gap:7px;margin:15px 0;font-size:13px;font-weight:600;display:grid}.field input,.field select,.field textarea{color:#eaf4fb;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:100%;padding:10px 11px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}.modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (width<=1000px){.dashboard-grid{grid-template-columns:1fr}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){header>div:first-of-type p,.date{display:none}.dashboard-grid{gap:12px}.toolbar{gap:10px}.toolbar label{width:100%}.toolbar span{white-space:nowrap}.album-grid{grid-template-columns:1fr}.toast{bottom:40px;left:15px;right:15px}.reset{bottom:12px}.chart-art{padding:5px 12px 15px}.chart-art svg{height:175px}.chart{min-height:250px}}.album-open{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.album-open:hover .album-copy h3,.album-open:hover em{color:#2acdf9}.album-open em{color:#7da6bb;margin-top:15px;font-size:12px;font-style:normal;display:block}.episode-button{font-size:11px;color:#2acdf9!important;background:#102735!important;border:1px solid #28536a!important;width:auto!important;padding:0 8px!important}.episode-panel{margin-top:18px;padding:21px}.episode-head{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.episode-head h3{margin:0;font:700 18px Manrope}.episode-head p{color:#8ba3b4;margin:5px 0 0;font-size:13px}.episode-list{border:1px solid #1e3544;border-radius:7px;overflow:hidden}.episode-row{border-bottom:1px solid #1e3544;grid-template-columns:75px 1fr minmax(180px,2fr) 30px;align-items:center;gap:12px;padding:11px 13px;font-size:13px;display:grid}.episode-row:last-child{border:0}.episode-row span{color:#d9e7ef}.episode-row small{color:#7895a7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.episode-row button{color:#8ca7b8;background:0 0;border:0}.episode-form{grid-template-columns:76px 1fr 2fr auto;gap:9px;margin-top:14px;display:grid}.episode-form input{color:#eaf4fb;background:#09131e;border:1px solid #2a4352;border-radius:6px;outline:none;min-width:0;padding:10px}.episode-form input:focus{border-color:#25cafa}.episode-form .primary{padding:10px 12px}@media (width<=740px){.episode-panel{padding:16px}.episode-row{grid-template-columns:65px 1fr 28px}.episode-row small{display:none}.episode-form{grid-template-columns:70px 1fr}.episode-form input:nth-child(3),.episode-form .primary{grid-column:1/-1}.episode-head{gap:10px}}.content-cell{align-items:center;gap:11px;min-width:270px;display:flex}.content-cell img,.poster-fallback{object-fit:cover;color:#7ca3b7;background:#183144;border-radius:5px;flex:none;place-items:center;width:41px;height:57px;display:grid}.content-cell b{color:#e5f0f6;font-weight:600;display:block}.content-cell p{color:#8fa7b7;max-width:280px;margin:3px 0;font-size:11px;line-height:1.35}.poster-preview{object-fit:cover;border:1px solid #2d4b5e;border-radius:6px;width:86px;height:120px;margin:-4px 0 10px;display:block}.json-import{background:#0d202d;border:1px solid #274353;border-radius:8px;margin:18px 0;padding:14px}.json-import>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.json-import b{color:#d8eaf4;font-size:13px}.json-import small{color:#7e9aab;font-size:11px}.json-import textarea{color:#dcecf4;resize:vertical;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:100%;min-height:108px;padding:10px 11px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.json-import textarea:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}.json-import .secondary{margin-top:10px;padding:8px 11px;font-size:12px}.json-error{margin-top:8px;display:block;color:#ff9e8f!important}.pin-toggle{background:#0d202d;border:1px solid #2b4352;border-radius:6px;align-items:center;gap:9px;padding:10px 11px;grid-template-columns:none!important;margin:4px 0 0!important;display:flex!important}.pin-toggle input{accent-color:#28cdf9;width:16px;height:16px}.pin-toggle span{gap:2px;display:grid}.pin-toggle b{color:#dbeaf2;font-size:12px}.pin-toggle small{color:#839dad;font-size:11px;font-weight:400}.modal:has(.content-editor){width:min(940px,100vw - 40px);max-height:calc(100dvh - 40px);padding:26px;overflow:auto}.content-editor{grid-template-columns:minmax(270px,.9fr) minmax(320px,1.1fr);gap:0 22px;display:grid}.content-editor .json-import{grid-column:1;margin:18px 0 0}.content-fields{grid-area:1/2/span 2}.content-fields .field:first-child{margin-top:18px}.content-fields .field{margin:0 0 12px}.content-fields .field textarea{min-height:70px}.content-fields .poster-preview{float:right;width:54px;height:76px;margin:-4px 0 5px 12px}.content-editor .modal-footer{z-index:2;background:#0b1825;border-top:1px solid #213646;grid-column:1/-1;margin:20px -26px -26px;padding:15px 26px;position:sticky;bottom:-26px}.content-editor .json-import>div span{color:#8ba4b5;max-width:240px;font-size:11px;line-height:1.45;display:block}.content-editor .json-import textarea{min-height:230px}@media (width<=700px){.modal-wrap{align-items:start;padding:12px}.modal:has(.content-editor){width:100%;max-height:calc(100dvh - 24px);padding:24px 20px}.content-editor{display:block}.content-editor .json-import{margin-top:17px}.content-editor .json-import textarea{min-height:120px}.content-fields .field:first-child{margin-top:17px}.content-editor .modal-footer{margin:20px -20px -24px;padding:14px 20px;bottom:-24px}.content-fields .poster-preview{width:48px;height:68px}}.access-summary{min-width:190px}.access-summary b{color:#d7e8f2;font-weight:500;display:block}.access-summary small{color:#7da2b7;margin-top:4px;font-size:11px;display:block}.modal:has(.customer-editor){width:min(820px,100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto}.customer-editor{grid-template-columns:minmax(230px,.75fr) minmax(300px,1.25fr);gap:24px;display:grid}.customer-fields .field:first-child{margin-top:0}.customer-fields .field{margin:0 0 13px}.access-editor{background:#0d202d;border:1px solid #274353;border-radius:8px;padding:16px}.access-editor h3{color:#e2eff6;margin:0;font:700 17px Manrope}.access-editor p{color:#87a3b4;margin:5px 0 17px;font-size:12px;line-height:1.45}.access-editor>strong{color:#b8d0dd;margin:15px 0 8px;font-size:12px;display:block}.access-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.access-options label{color:#d9e9f1;background:#0a1824;border:1px solid #294655;border-radius:6px;align-items:center;gap:7px;margin:0;padding:9px;font-size:12px;font-weight:500;display:flex}.access-options input{accent-color:#29cdf8;width:15px;height:15px}.access-options.channels{grid-template-columns:repeat(2,1fr);max-height:182px;overflow:auto}.access-options.channels label{align-items:flex-start}.access-options.channels span{gap:3px;display:grid}.access-options.channels b{font-size:12px;font-weight:500}.access-options.channels small{color:#7f9daf;font-size:10px}.customer-editor .modal-footer{z-index:2;background:#0b1825;border-top:1px solid #213646;grid-column:1/-1;margin:0 -29px -29px;padding:15px 29px;position:sticky;bottom:-29px}@media (width<=700px){.modal:has(.customer-editor){width:100%;max-height:calc(100dvh - 24px);padding:24px 20px}.customer-editor{display:block}.customer-editor .modal-footer{margin:20px -20px -24px;padding:14px 20px;bottom:-24px}.access-options{grid-template-columns:repeat(2,1fr)}}.ip-locked{color:#70d8f4!important}.ip-open{color:#829cab!important}.ip-editor{background:#102017;border:1px solid #3a4d38;border-radius:8px;grid-column:1/-1;padding:15px}.ip-switch{align-items:center;gap:10px;grid-template-columns:none!important;margin:0!important;display:flex!important}.ip-switch input{accent-color:#54da7d;width:16px;height:16px}.ip-switch span{gap:3px;display:grid}.ip-switch b{color:#e1f4e6;font-size:13px}.ip-switch small{color:#9ab9a1;font-size:11px;font-weight:400}.ip-add{gap:8px;margin-top:13px;display:flex}.ip-add input{color:#e5f5e8;background:#09180f;border:1px solid #365345;border-radius:6px;outline:none;flex:1;min-width:0;padding:9px 10px;font-size:12px}.ip-add .secondary{padding:9px 12px}.ip-list{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.ip-list span{color:#c9e7d1;background:#0b1a11;border:1px solid #365345;border-radius:5px;align-items:center;gap:4px;padding:5px 6px 5px 8px;display:flex}.ip-list code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.ip-list button{color:#9cbeaa;background:0 0;border:0;place-items:center;padding:1px;display:grid}.ip-list p{color:#9ab9a1;margin:0;font-size:11px}@media (width<=700px){.ip-add{flex-direction:column}.ip-add .secondary{justify-content:center}}.customer-workspace-modal{width:min(900px,100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto}.customer-workspace-modal .customer-editor{grid-template-columns:minmax(230px,.72fr) minmax(300px,1.28fr)}.customer-workspace-modal .customer-fields label,.binding-editor label{color:#c5d4de;gap:7px;margin:0 0 13px;font-size:13px;font-weight:600;display:grid}.customer-workspace-modal input,.customer-workspace-modal select,.binding-editor textarea{color:#eaf4fb;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:100%;padding:10px 11px}.binding-editor textarea{resize:vertical;min-height:90px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.customer-workspace-modal input:focus,.customer-workspace-modal select:focus,.binding-editor textarea:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}.customer-limit{color:#8ca7b8;margin:4px 0 0;font-size:12px}.customer-limit b{color:#64d8f7}.binding-editor{background:#102017;border:1px solid #365345;border-radius:8px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:15px;padding:16px;display:grid}.binding-editor>div{grid-column:1/-1}.binding-editor h3{color:#e1f4e6;margin:0;font:700 17px Manrope}.binding-editor p{color:#9ab9a1;margin:5px 0 0;font-size:12px;line-height:1.45}.binding-editor label{color:#cce7d4;margin:0}.customer-workspace-modal .modal-footer{z-index:2;background:#0b1825;border-top:1px solid #213646;grid-column:1/-1;margin:0 -29px -29px;padding:15px 29px;position:sticky;bottom:-29px}@media (width<=700px){.customer-workspace-modal{width:100%;max-height:calc(100dvh - 24px);padding:24px 20px}.customer-workspace-modal .customer-editor{display:block}.binding-editor{margin-top:17px;display:block}.binding-editor label{margin-top:14px}.customer-workspace-modal .modal-footer{margin:20px -20px -24px;padding:14px 20px;bottom:-24px}}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan-card{background:#0b1825;border:1px solid #234151;border-radius:11px;min-height:300px;padding:22px}.plan-card.violet{border-top:3px solid #a683ff}.plan-card.cyan{border-top:3px solid #2fcdf7}.plan-card.amber{border-top:3px solid #ffc14c}.plan-card-head{justify-content:space-between;gap:10px;display:flex}.plan-card h3{color:#e7f3f8;margin:0;font:700 21px Manrope}.plan-card p{color:#8ca6b7;min-height:38px;margin:8px 0 17px;font-size:12px;line-height:1.45}.plan-price{color:#e9f5fa;margin:0 0 20px;font:700 27px Manrope;display:block}.plan-price small{color:#7e9aab;font:500 12px DM Sans}.plan-rule{border-top:1px solid #203846;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;display:flex}.plan-rule span{color:#819aaa}.plan-rule b{color:#d9eaf2;text-align:right;font-weight:500}.plan-card>.secondary{justify-content:center;width:100%;margin-top:18px}.plan-editor{grid-template-columns:1fr 1fr;gap:18px;display:grid}.plan-editor .field:first-child{margin-top:0}.plan-access{color:#c5d7e1;gap:8px;margin-top:15px;font-size:12px;display:grid}.plan-access label{color:#d8e7ef;align-items:center;gap:8px;display:flex}.plan-access input{accent-color:#29cdf8;width:15px;height:15px}.plan-editor .modal-footer{grid-column:1/-1}@media (width<=850px){.plan-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.plan-grid,.plan-editor{grid-template-columns:1fr}}.activity-toolbar{align-items:center;gap:11px;margin:0 0 15px;display:flex}.activity-toolbar label{color:#87a0b1;background:#0b1926;border:1px solid #284152;border-radius:7px;align-items:center;gap:9px;width:min(370px,60%);padding:10px 12px;display:flex}.activity-toolbar input{color:#e9f5fb;background:0 0;border:0;outline:0;width:100%}.activity-toolbar>span{color:#849cac;margin-left:auto;font-size:13px}.activity-filter{color:#8ca6b7;background:#0c1926;border:1px solid #2a4151;border-radius:7px;align-items:center;gap:7px;padding:9px 10px;display:flex}.activity-filter select{color:#d2e2eb;background:0 0;border:0;outline:0;font-size:12px}.activity-table td{white-space:nowrap}.activity-table code{color:#8ba6b6;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.audit-detail{color:#a5bac7;text-overflow:ellipsis;max-width:340px;overflow:hidden}.audit-tag,.audit-result{color:#9ac9dc;background:#102735;border:1px solid #2d4c5d;border-radius:4px;justify-content:center;align-items:center;min-width:42px;padding:4px 7px;font-size:11px;font-weight:600;display:inline-flex}.audit-tag.會員{color:#bbacff;background:#251f3e;border-color:#50427e}.audit-tag.方案{color:#ffca67;background:#302712;border-color:#624b24}.audit-tag.API{color:#61d8ff}.audit-tag.安全{color:#ffad9b;background:#321b1a;border-color:#623a35}.audit-result{color:#cde3ec;background:0 0;border:0;gap:6px;padding:0}.audit-result i{background:#50da7b;border-radius:50%;width:7px;height:7px}.audit-result.denied{color:#ffc1b4}.audit-result.denied i{background:#ff7f6d}@media (width<=700px){.activity-toolbar{flex-wrap:wrap;align-items:stretch}.activity-toolbar label{width:100%}.activity-toolbar>span{margin-left:auto}}.epg-days{gap:8px;margin:0 0 16px;display:flex}.epg-days button{color:#c1d2de;background:#0b1926;border:1px solid #284152;border-radius:7px;gap:3px;min-width:76px;padding:10px;font-size:13px;display:grid}.epg-days button small{color:#748e9f;font-size:10px}.epg-days button.active{color:#4bd9ff;background:#103143;border-color:#2bcaef}.epg-days button.active small{color:#96dff0}.epg-layout{grid-template-columns:270px 1fr;gap:16px;display:grid}.epg-channels{padding:14px}.epg-channels>div{padding:7px 8px 14px}.epg-channels h3,.epg-schedule h3{color:#e1eef5;margin:0;font:700 18px Manrope}.epg-channels p,.epg-schedule p{color:#829aaa;margin:5px 0 0;font-size:12px}.epg-channels>button{color:#b7cbd6;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;margin:5px 0;padding:11px 9px;display:flex}.epg-channels>button:hover,.epg-channels>button.active{background:#103041;border-color:#2b5366}.epg-logo{color:#42d4fa;background:#17394a;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.epg-channels b{color:#daeaf1;font-size:13px;font-weight:600;display:block}.epg-channels small{color:#7895a6;margin-top:3px;font-size:10px;display:block}.epg-schedule{overflow:hidden}.epg-schedule-head{border-bottom:1px solid #203746;justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.epg-now{color:#86d8a0;align-items:center;gap:6px;font-size:11px;display:flex}.epg-now i{background:#54d97d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #54d97d}.programme-list{padding:0 22px}.programme{border-bottom:1px solid #1c3442;grid-template-columns:74px 1fr;gap:16px;padding:18px 0;display:grid}.programme:last-child{border-bottom:0}.programme.live{background:#123242;margin:0 -22px;padding:18px 22px;position:relative}.programme time{color:#82a0b2;font:600 13px Manrope}.programme time small{color:#667f90;margin-top:4px;font:11px DM Sans;display:block}.programme-title{align-items:center;gap:8px;display:flex}.programme-title b{color:#e5f1f6;font-weight:600}.programme-title span{color:#9cf0b7;background:#185d3b;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:700}.programme p{color:#8da6b5;margin:5px 0 0;font-size:12px;line-height:1.45}.epg-empty{color:#819aaa;text-align:center;padding:70px 0;font-size:13px}@media (width<=700px){.epg-days{overflow:auto}.epg-days button{min-width:68px}.epg-layout{grid-template-columns:1fr}.epg-channels{gap:7px;display:flex;overflow:auto}.epg-channels>div{display:none}.epg-channels>button{min-width:180px}.epg-schedule-head{padding:18px}.programme-list{padding:0 18px}.programme.live{margin:0 -18px;padding:18px}.programme{grid-template-columns:61px 1fr;gap:10px}}.protocol{color:#82d8f2;background:#102b3a;border:1px solid #305367;border-radius:4px;padding:4px 7px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.source-state{color:#d6e7ee;align-items:center;gap:7px;display:inline-flex}.source-state i{background:#51da7a;border-radius:50%;width:8px;height:8px}.source-state.warning i{background:#ffbd30}.source-state.offline i{background:#758a97}.role-guide{background:#213a49;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 16px;display:grid;overflow:hidden}.role-guide span{color:#8ea6b5;background:#0d1c29;gap:5px;padding:15px;font-size:11px;display:grid}.role-guide b{color:#dbeaf1;font-size:12px}.admin-role{color:#a9d8ea;background:#102735;border:1px solid #345063;border-radius:4px;padding:4px 7px;font-size:11px;display:inline-flex}.admin-role.擁有者{color:#ffce6a;background:#302812;border-color:#6b5130}.admin-role.內容管理員{color:#a8c8ff;background:#1b2842;border-color:#435a80}.admin-role.客服{color:#91e2ad;background:#153223;border-color:#406451}.admin-role.唯讀檢視者{color:#b7bdce;background:#232633;border-color:#4a4e60}@media (width<=760px){.role-guide{grid-template-columns:1fr 1fr}}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card{padding:22px}.settings-card h3{color:#e5f1f6;margin:0;font:700 18px Manrope}.settings-card>div>p{color:#87a2b3;margin:6px 0 17px;font-size:12px;line-height:1.45}.settings-card .field{margin:14px 0 0}.setting-row{border-top:1px solid #1e3543;justify-content:space-between;align-items:center;gap:14px;margin:14px 0 0;padding-top:14px;display:flex}.setting-row label{color:#dceaf1;align-items:flex-start;gap:10px;display:flex}.setting-row input{accent-color:#2ccdf8;width:16px;height:16px;margin-top:2px}.setting-row span{gap:3px;display:grid}.setting-row b{font-size:13px}.setting-row small{color:#87a2b3;font-size:11px;font-weight:400;line-height:1.4}.setting-row select{color:#dcebf3;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;min-width:78px;padding:8px;font-size:12px}.settings-footer{grid-column:1/-1;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.settings-footer span{color:#72dc99;align-items:center;gap:7px;font-size:12px;display:flex}@media (width<=760px){.settings-layout{grid-template-columns:1fr}.settings-card{padding:18px}.settings-footer{background:#091521;padding:12px 0;position:sticky;bottom:0}.setting-row{align-items:flex-start}.setting-row select{flex:none}}.xmltv-sources{gap:8px;display:grid}.xmltv-sources>div{grid-template-columns:26px minmax(100px,.65fr) minmax(150px,1.35fr) 28px;align-items:center;gap:7px;display:grid}.xmltv-priority{color:#59d8fa;background:#183749;border-radius:50%;place-items:center;width:24px;height:24px;font:700 11px Manrope;display:grid}.xmltv-sources input{color:#dcebf3;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;min-width:0;padding:9px;font-size:11px}.xmltv-sources input:focus{border-color:#2ccdf8}.xmltv-sources button{color:#8ea7b8;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.xmltv-sources button:hover{color:#ff9a8a;background:#342020}.add-xmltv{margin-top:10px;padding:8px 11px;font-size:12px}@media (width<=700px){.xmltv-sources>div{grid-template-columns:26px 1fr 28px}.xmltv-sources input:nth-of-type(2){grid-column:2/-1}}.catalog-actions{gap:9px;display:flex}.catalog-toolbar{align-items:center;gap:10px;margin:0 0 15px;display:flex}.catalog-toolbar label{color:#87a0b1;background:#0b1926;border:1px solid #284152;border-radius:7px;flex:1;align-items:center;gap:9px;max-width:420px;padding:10px 12px;font-size:12px;display:flex}.catalog-toolbar input{color:#e9f5fb;background:0 0;border:0;outline:0;width:100%}.catalog-toolbar>span{color:#849cac;margin-left:auto;font-size:13px}.catalog-toolbar .secondary{padding:9px 11px;font-size:12px}.catalog-error{color:#ffc1b7;background:#2a191b;border:1px solid #663d39;border-radius:7px;margin:0 0 15px;padding:11px 13px;font-size:13px}.catalog-kind{color:#9ac9dc;background:#102735;border:1px solid #2d4c5d;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:600;display:inline-flex}.catalog-empty{height:210px;text-align:center!important;color:#829cab!important}.catalog-empty svg{color:#2bcdf9;margin:0 auto 10px;display:block}.catalog-empty b,.catalog-empty span{display:block}.catalog-empty span{color:#829cab;margin-top:5px;font-size:12px}.catalog-json-modal{width:min(830px,100vw - 40px);max-height:calc(100dvh - 40px);overflow:auto}.catalog-json-modal form>label{color:#c5d4de;gap:7px;margin:15px 0;font-size:13px;font-weight:600;display:grid}.catalog-json-modal select,.catalog-json-modal textarea{color:#eaf4fb;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:100%;padding:10px 11px}.catalog-json-modal textarea{resize:vertical;min-height:330px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.catalog-json-modal select:focus,.catalog-json-modal textarea:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}@media (width<=700px){.catalog-actions{gap:7px}.catalog-actions .secondary{display:none}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar label{flex-basis:100%;max-width:none}.catalog-toolbar>span{margin-left:auto}.catalog-json-modal{width:100%;max-height:calc(100dvh - 24px)}}.live-category-add{gap:9px;margin:0 0 15px;display:flex}.live-category-add input{color:#eaf4fb;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:min(360px,100%);padding:10px 11px}.live-category-add input:focus{border-color:#25cafa}@media (width<=700px){.live-category-add{flex-direction:column}.live-category-add .secondary{justify-content:center}}.episode-empty{color:#819aaa;text-align:center;padding:24px;font-size:13px}.episode-json{background:#0d202d;border:1px solid #274353;border-radius:8px;margin-top:15px;padding:15px}.episode-json>div{justify-content:space-between;gap:12px;display:flex}.episode-json b{color:#d8eaf4;font-size:13px}.episode-json span{color:#8ba4b5;font-size:11px}.episode-json textarea{color:#dcecf4;resize:vertical;background:#09131e;border:1px solid #2b4352;border-radius:6px;outline:none;width:100%;min-height:180px;margin-top:10px;padding:10px 11px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.episode-json textarea:focus{border-color:#25cafa;box-shadow:0 0 0 3px #25cafa1c}.episode-json footer{justify-content:flex-end;gap:9px;margin-top:11px;display:flex}.episode-json .primary,.episode-json .secondary{padding:9px 12px;font-size:12px}@media (width<=700px){.episode-row{grid-template-columns:1fr 28px}.episode-row strong{font-size:11px}.episode-row small{display:none}.episode-json>div{gap:3px;display:grid}.episode-json footer{justify-content:stretch}.episode-json footer button{flex:1;justify-content:center}}