:root{font-family:Tahoma,"Segoe UI",Arial,sans-serif;color-scheme:dark;color:#e9edf6;background:#0b111b;font-size:14px;--bg:#0b111b;--surface:#111a25;--surface2:#141e2b;--line:#222d39;--muted:#8f9aa9;--orange:#ff5a0b;--green:#17d69c;--teal:#09d5ba}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff934a;outline-offset:2px}[hidden]{display:none!important}
.shell{min-height:100vh;display:grid;grid-template-columns:214px minmax(0,1fr);direction:rtl}.sidebar{background:#0d1520;border-left:1px solid #1e2b37;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.6px;direction:ltr;justify-content:center;min-height:78px}.brand-icon{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff7a00,#ed3500);width:35px;height:35px;border-radius:12px;box-shadow:0 6px 22px #f50b}.brand-icon i{font-size:20px}.side-caption{font-size:9px;color:#5f748a;letter-spacing:2.1px;text-align:center;margin:0 0 32px}.nav{display:flex;flex-direction:column;gap:8px;padding:0 14px}.nav-item{display:flex;align-items:center;gap:15px;text-align:right;padding:14px 15px;background:transparent;color:#aeb9ca;border-radius:11px;transition:background .2s,color .2s;font-weight:600}.nav-item i{font-size:18px}.nav-item:hover{background:#192333;color:#fff}.nav-item.active{background:#311c15;color:#ff7b33;border-right:3px solid var(--orange)}.sidebar-footer{margin-top:auto;padding:24px 18px;border-top:1px solid var(--line);display:grid;gap:10px;color:#6f8092;font-size:11px}.small-online{color:#9cabb9}.dot{display:inline-block;vertical-align:middle;width:9px;height:9px;border-radius:50%;margin-left:7px}.dot.green{background:var(--green);box-shadow:0 0 11px #19cda85f}.dot.gray{background:#647184}.content{direction:rtl;min-width:0}.topbar{min-height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;gap:20px}.topbar-right,.topbar-actions{display:flex;align-items:center;gap:18px}.topbar h1{font-size:17px;margin:0}.top-note{color:#68798a;font-size:12px}.server-pill{display:flex;align-items:center;color:#cfd7e0;background:#0f1c25;border:1px solid #263541;padding:10px 14px;border-radius:10px;white-space:nowrap}.primary{background:var(--orange);color:#fff;border:1px solid #ff6d24;padding:12px 19px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.primary:hover{background:#ff762f;transform:translateY(-1px)}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{color:#f2f3f7;background:#1c2633;border:1px solid #293644;padding:12px 15px;border-radius:10px;font-weight:700}.secondary:hover{background:#263443}.avatar{width:39px;height:39px;border:1px solid #354051;border-radius:50%;background:#171f2c;color:#c7d0dc;font-size:17px}.avatar:hover{color:#ff7b54}.mobile-menu{display:none;background:transparent;color:white;font-size:24px}.main{padding:26px 30px 45px;max-width:1680px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 18px}.section-title h2{font-size:23px;margin:6px 0 0;font-weight:750}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#728397;margin:0;font-weight:700}.live-caption{font-size:12px;color:#8c9bab;display:flex;align-items:center;gap:7px}.live-caption i{color:#17b88c;font-size:9px}.broadcast-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(292px,.87fr);gap:20px;direction:ltr}.left-column,.control-column{direction:rtl;min-width:0}.preview{height:368px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #263443;background:radial-gradient(ellipse at 27% 30%,#1d3447,#121c2c 45%,#091018 83%)}.preview video{width:100%;height:100%;object-fit:contain;background:#050a10;display:block}.preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 45% 20%,#26384b 0,#162535 34%,#0a121c 78%);color:#c2cdd8}.preview-placeholder b{font-size:19px}.preview-placeholder span{font-size:12px;color:#8092a4}.placeholder-glow{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;border:1px solid #476071;background:#1b3045}.placeholder-glow i{font-size:47px;color:#ff8442}.preview-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.live-chip{background:#2b3542;border:1px solid #455164;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:800;direction:ltr}.live-chip.live{background:#e8263d;border:1px solid #f23b50;color:white}.preview-channel{background:#111923cb;padding:8px 11px;border-radius:8px;font-size:12px}.preview-bottom{position:absolute;bottom:0;right:0;left:0;padding:34px 17px 14px;background:linear-gradient(0deg,#07101dd9,transparent);display:flex;flex-direction:column;align-items:flex-start;gap:5px;pointer-events:none}.preview-bottom b{font-size:14px}.preview-bottom span{color:#c6cbd2;font-size:11px;direction:ltr}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:16px}.stat{border:1px solid var(--line);border-radius:12px;background:#111a25;padding:16px 13px;min-height:132px;display:flex;flex-direction:column;gap:8px}.stat-icon{font-size:18px;width:33px;height:33px;border:1px solid #273648;border-radius:8px;display:grid;place-items:center}.stat-icon.teal{color:#16ddab}.stat-icon.orange{color:#ff7130}.stat-icon.purple{color:#9e8fff}.stat-icon.blue{color:#67b6ff}.stat-label{font-size:11px;color:#99a9b9}.stat strong{font-size:25px;line-height:1;direction:ltr;text-align:right}.stat-foot{font-size:10px;color:#67798b}.control-column{background:linear-gradient(180deg,#111b27,#101923);border:1px solid #26323f;border-radius:14px;padding:19px;min-height:515px}.control-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;gap:10px;margin-bottom:13px}.control-header i{color:#9aa9b8}.signal{font-size:12px;color:#b4c2cb;font-weight:500}.field-label{display:block;font-size:11px;color:#93a4b6;margin:12px 0 8px}.field{display:block;width:100%;background:#0f1722;border:1px solid #2d3948;border-radius:9px;padding:12px;color:#d4dce7;min-width:0}.control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.separator{height:1px;background:var(--line);margin:21px 0}.outline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #304155;border-radius:9px;padding:11px;background:#192535;color:#dae4ef;margin-top:14px}.outline:hover{border-color:#ec6d40}.caption-mini{font-size:10px;color:#75869a}.output-line{display:flex;align-items:center;gap:5px;font-size:11px;color:#c3cfdb}.output-line b{margin-right:auto;color:#7f99a9;font-size:10px}.link-box{background:#0b1420;display:flex;align-items:center;border:1px solid #283849;border-radius:9px;margin-top:10px;gap:4px}.link-box code{font-size:10px;color:#94a9bc;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left;padding:11px}.link-box button{background:transparent;color:#aebcd0;padding:11px}.link-box button:hover{color:#fff}.stream-error{color:#ff9e82;font-size:11px;min-height:12px;margin:8px 0 0}.panel{border-radius:14px;background:#111a25;border:1px solid var(--line);padding:20px}.playlist-panel,.chart-panel{margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel-heading h3{font-size:16px;margin:4px 0}.soft-button{display:inline-flex;gap:9px;align-items:center;background:#1b2836;border:1px solid #354354;padding:10px 13px;color:#cbd8e5;border-radius:9px}.soft-button:hover{background:#263647}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;min-width:500px}th{font-size:11px;font-weight:500;color:#7f90a2;padding:10px 12px;border-bottom:1px solid #293644}td{border-bottom:1px solid #202d3c;padding:15px 12px;font-size:12px;color:#bccada}tr:last-child td{border-bottom:0}.media-name{display:flex;gap:10px;align-items:center}.media-thumb{display:grid;place-items:center;width:37px;height:31px;background:#193044;color:#75add1;border:1px solid #2a4556;border-radius:6px}.mini-action{background:#243246;border:1px solid #344759;color:#d1dbe5;padding:7px 12px;border-radius:7px;white-space:nowrap}.mini-action:hover{background:#304762}.danger{color:#ff9e9e}.empty-state,.hint{padding:16px 0;color:#8598aa;font-size:12px;text-align:center}.chart-legend{display:flex;gap:16px;color:#8192a5;font-size:12px}.legend-line{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-left:5px}.teal-bg{background:var(--teal)}.orange-bg{background:var(--orange)}canvas{width:100%;max-height:145px;display:block}.channel-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.channel-card{border:1px solid var(--line);background:#121d2a;border-radius:14px;padding:20px}.channel-card h3{font-size:18px;margin:10px 0 8px}.channel-card .channel-id{font-size:12px;color:#738da8;direction:ltr;text-align:right}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.status-row{display:flex;align-items:center;gap:7px;color:#87a2b3;font-size:12px}.upload-panel{text-align:center;margin-bottom:20px;padding:40px 20px}.upload-icon{font-size:42px;color:var(--orange)}.upload-panel h3{margin:10px 0}.upload-panel p{color:#8190a4;font-size:12px}.upload-panel form{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap}input[type=file]{background:#0b1722;padding:10px;border:1px dashed #385063;border-radius:9px;max-width:100%}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;gap:8px}.info-row b{direction:ltr}.info-row span{color:#8195a8}.system-text{color:#99acbe;line-height:2;font-size:13px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 45% 23%,#202d3d,#0a111b 65%)}.login-card{max-width:440px;width:100%;background:#101b28;border:1px solid #304052;border-radius:18px;padding:35px;box-shadow:0 18px 85px #02070a7a}.login-card .big{margin-bottom:28px}.login-card h1{text-align:center;margin:0;font-size:22px}.login-card p{text-align:center;color:#91a3b5}.login-card form{margin-top:25px}.login-card label,.modal label{display:block;color:#b6c6d3;font-size:12px;margin:13px 0 9px}.login-input{display:flex;align-items:center;gap:10px;background:#0b1420;border:1px solid #2e3d4e;border-radius:11px;padding:0 13px}.login-input input{border:0;outline:0;background:none;color:#fff;padding:15px 0;width:100%;direction:ltr}.login-input i{color:#8094a9}.wide{width:100%;margin-top:18px}.form-error,.stream-error{color:#ff8a72!important}.login-card small{display:block;text-align:center;color:#678092;line-height:1.8;margin-top:24px}.modal-backdrop{position:fixed;inset:0;background:#040a12dc;display:grid;place-items:center;z-index:40;padding:20px}.modal{position:relative;background:#151f2c;border:1px solid #38475b;border-radius:16px;padding:26px;width:min(100%,460px)}.modal h2{margin:0 0 10px}.modal p{color:#93a2b5;font-size:12px}.modal-close{position:absolute;top:18px;left:18px;background:transparent;color:#b3c0cb;font-size:17px}.modal input{width:100%;background:#0c1622;border:1px solid #35475b;border-radius:9px;padding:12px;color:#fff}.toast{position:fixed;bottom:28px;left:28px;background:#1b3040;color:#fff;border:1px solid #38566a;border-radius:10px;padding:12px 20px;box-shadow:0 12px 30px #0005;display:none;max-width:min(430px,calc(100vw - 40px));z-index:60}.toast.show{display:block}
@media(max-width:1190px){.broadcast-grid{grid-template-columns:minmax(0,1.5fr) minmax(295px,.92fr)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{height:330px}.control-column{min-height:auto}.main{padding:22px}.topbar{padding:0 22px}.top-note{display:none}}
@media(max-width:870px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;right:-230px;top:0;bottom:0;width:214px;z-index:30;transition:right .25s}.shell.menu-open .sidebar{right:0;box-shadow:-12px 0 65px #000a}.mobile-menu{display:block}.broadcast-grid{grid-template-columns:minmax(0,1fr)}.preview{height:360px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{min-height:68px}.main{padding:20px}}
@media(max-width:620px){.topbar h1{font-size:14px}.topbar-actions{gap:7px}.server-pill{display:none}.topbar .primary{padding:10px 11px;font-size:11px}.main{padding:14px}.section-title h2{font-size:19px}.preview{height:245px}.preview-placeholder b{font-size:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:119px}.panel{padding:14px}.control-column{padding:16px}.system-grid{grid-template-columns:1fr}.chart-panel{display:none}.brand{font-size:18px}}

.destination-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:end}
.destination-form .key-field{grid-column:1/2}.destination-form .field{min-width:0}
.destination-form .destination-submit{display:flex;align-items:end;height:44px}
.destination-panel{margin-top:20px}.destination-list{display:flex;flex-direction:column}
.destination-row{display:flex;align-items:center;gap:15px;padding:17px 5px;border-bottom:1px solid var(--line)}
.destination-row:last-child{border-bottom:0}.destination-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#192a39;color:#ff7a34;font-size:23px;flex-shrink:0}
.destination-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
.destination-info strong{font-size:14px}.destination-info span{font-size:11px;color:#8ea0b1;direction:ltr;text-align:right;overflow-wrap:anywhere}
.destination-info small{font-size:10px;color:#93a7ba}.destination-actions{display:flex;gap:7px;flex-wrap:wrap}
.security-tip{font-size:11px;color:#a4b2c3;line-height:1.9;margin:24px 0 0}
@media(max-width:770px){.destination-form{grid-template-columns:1fr}.destination-form .key-field{grid-column:auto}.destination-row{flex-wrap:wrap}.destination-actions{width:100%;justify-content:flex-start}}

/* Mobile-friendly upload status; never place media previews above this page. */
.upload-progress{max-width:530px;margin:18px auto 0;text-align:right}
.upload-progress-label{display:flex;justify-content:space-between;gap:12px;color:#a9bed1;margin-bottom:9px;font-size:12px}
.upload-progress-label strong{color:#ff8a46;direction:ltr}
.upload-progress progress{display:block;width:100%;height:11px;border:0;border-radius:10px;overflow:hidden;accent-color:#ff681e;background:#243142}
.upload-progress progress::-webkit-progress-bar{background:#243142;border-radius:10px}
.upload-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#fd7434,#fa4e0e);border-radius:10px}
.upload-progress #upload-cancel{margin-top:13px}
#upload-result{overflow-wrap:anywhere;line-height:1.9}