@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--navy:#111a2d;--blue:#2f6be6;--bg:#f5f7fb;--line:#e5e9f1;--muted:#788297}*{box-sizing:border-box}body{background:var(--bg);color:#172034;margin:0;font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;width:242px;padding:24px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 30px;font-size:17px;font-weight:700;display:flex}.brand>span{background:linear-gradient(135deg,#2e75eb,#6d55e7);border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.brand svg{width:20px}.brand small{color:#697792;letter-spacing:1.5px;margin-top:4px;font-size:8px;display:block}nav label{color:#54617b;letter-spacing:1.4px;padding:0 11px 8px;font-size:9px;display:block}nav button{color:#8996ad;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:12px;font-size:12px;font-weight:600;display:flex}nav button svg{width:17px}nav button.active{color:#fff;background:#1d2a42;box-shadow:inset 3px 0 #4c7dff}nav button em{background:#2b3a56;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:9px;font-style:normal}.security{background:#17243b;border:1px solid #273652;border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.security svg{color:#6c92ff;width:18px}.security b,.security small{font-size:9px;display:block}.security small{color:#74819a;margin-top:3px}.admin{border-top:1px solid #28334a;align-items:center;gap:9px;margin-top:16px;padding:17px 3px 0;display:flex}.avatar{background:#34445f;border-radius:8px;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.admin b,.admin small{font-size:9px;display:block}.admin small{color:#71809b;margin-top:3px}.admin>svg{color:#64718a;width:15px;margin-left:auto}.main{width:calc(100% - 242px);margin-left:242px;padding:27px 31px}header{align-items:center;margin-bottom:19px;display:flex}header h1{margin:0 0 4px;font-size:22px}header p{color:var(--muted);margin:0;font-size:11px}header .primary{margin-left:auto}.primary{background:var(--blue);color:#fff;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex;box-shadow:0 5px 13px #2f6be633}.primary svg{width:16px}.notice{color:#896713;background:#fff9e9;border:1px solid #fae7ad;border-radius:10px;align-items:center;gap:10px;margin-bottom:15px;padding:11px 14px;display:flex}.notice svg{width:18px}.notice b,.notice span{font-size:10px}.notice span{color:#9b8143;margin-left:7px}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:11px;padding:15px;display:flex}.stat>i{border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.stat>i svg{width:18px}.stat>i.blue{color:#3470e6;background:#eaf1ff}.stat>i.amber{color:#d99013;background:#fff4dc}.stat>i.purple{color:#7b5bd5;background:#f0ebff}.stat>i.green{color:#1caa62;background:#e8f8ef}.stat small,.stat b,.stat em{display:block}.stat small{color:var(--muted);font-size:9px}.stat b{margin:2px 0;font-size:19px}.stat em{color:#6c7890;font-size:8px;font-style:normal}.clients-layout{grid-template-columns:minmax(650px,1fr) 330px;gap:15px;display:grid}.table-card,.detail,.card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);gap:10px;padding:13px;display:flex}.search{flex:1;position:relative}.search svg{color:#99a2b3;width:15px;position:absolute;top:9px;left:11px}.search input{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;padding:9px 10px 9px 33px;font-size:10px}.select{position:relative}.select select{appearance:none;border:1px solid var(--line);color:#576176;background:#fff;border-radius:8px;padding:9px 30px 9px 11px;font-size:9px}.select svg{pointer-events:none;width:13px;position:absolute;top:10px;right:9px}.table-head,.client-row{grid-template-columns:1.5fr 1.15fr 1fr .75fr .65fr;align-items:center;gap:10px;display:grid}.table-head{color:#8993a5;letter-spacing:.5px;background:#fafbfc;padding:10px 14px;font-size:8px;font-weight:700}.client-row{text-align:left;color:#252e41;background:#fff;border:0;border-top:1px solid #f0f2f6;width:100%;padding:11px 14px}.client-row:hover,.client-row.selected{background:#f4f7ff}.identity{align-items:center;gap:9px;display:flex}.identity>i,.big-avatar{color:#376edb;background:#eaf1ff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:9px;font-style:normal;font-weight:700;display:grid}.client-row b,.client-row small{font-size:9px;display:block}.client-row small{color:var(--muted);margin-top:4px;font-size:8px}.client-row small.danger{color:#dd7a2a}.status{border-radius:12px;padding:4px 8px;font-size:8px;font-weight:700;display:inline-block}.status.active{color:#19945a;background:#e7f7ee}.status.suspended{color:#c77c16;background:#fff1dd}.status.expired{color:#d64848;background:#fee9e9}.detail{min-height:520px}.empty{text-align:center;color:#8791a3;place-content:center;height:100%;min-height:500px;padding:30px;display:grid}.empty svg{width:35px;margin:auto}.empty h3{margin:12px 0 5px;font-size:13px}.empty p{max-width:190px;font-size:9px}.detail-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px;display:flex}.big-avatar{width:39px;height:39px}.detail-head h2{margin:0;font-size:13px}.detail-head p{color:var(--muted);margin:3px 0 0;font-size:9px}.detail-head>button,.data button{color:#8993a5;background:0 0;border:0;margin-left:auto}.detail-head svg,.data svg{width:15px}.detail-body{padding:14px}.quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick button,.actions button{border:1px solid var(--line);color:#4b566c;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:9px;display:flex}.quick svg,.actions svg{width:14px}.detail h4{color:#8993a5;letter-spacing:.8px;margin:18px 0 5px;font-size:8px}.data{border-bottom:1px solid #f0f2f5;align-items:center;min-height:31px;font-size:9px;display:flex}.data span{color:var(--muted)}.data b{text-align:right;max-width:180px;margin-left:auto;font-size:9px}.secret-box{border:1px solid var(--line);background:#f7f9fc;border-radius:8px;gap:9px;padding:10px;display:flex}.secret-box svg{color:#3973e7;width:17px}.secret-box b,.secret-box span{font-size:9px;display:block}.secret-box span{color:var(--muted);word-break:break-all;margin-top:3px;font-size:8px}.device-mini{align-items:center;gap:8px;padding:8px 0;display:flex}.device-mini>svg{color:#5277c5;width:17px}.device-mini b,.device-mini span{font-size:9px;display:block}.device-mini span{color:var(--muted);margin-top:3px;font-size:8px}.no-devices{color:var(--muted);font-size:9px}.actions{gap:7px;margin-top:13px;display:grid}.actions button:first-child{color:#2f66d0;background:#edf3ff;border-color:#dce8ff}.actions button:disabled{opacity:.5}.dashboard-grid{grid-template-columns:1fr 1.35fr;gap:15px;display:grid}.card{padding:17px}.card.wide{max-width:1000px}.card h3{align-items:center;gap:8px;margin:0 0 14px;font-size:12px;display:flex}.card h3 svg{color:#4272d3;width:17px}.attention,.event,.device-row{border-top:1px solid #edf0f4;align-items:center;padding:12px 3px;display:flex}.attention b,.attention span,.event b,.event span,.device-row b,.device-row span{font-size:9px;display:block}.attention span,.event span,.device-row span{color:var(--muted);margin-top:3px;font-size:8px}.attention .status{margin-left:auto}.event>i{background:#4b7be0;border-radius:50%;width:7px;height:7px;margin:0 12px 0 4px}.event time,.device-row time{color:var(--muted);margin-left:auto;font-size:8px}.device-row>svg{color:#5274bd;width:19px;margin-right:10px}.device-row button{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:5px;margin-left:15px;padding:7px 9px;font-size:8px;display:flex}.device-row button svg{width:13px}.settings-card p{color:var(--muted);font-size:10px;line-height:1.7}.backdrop{z-index:50;background:#0d1424bb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(720px,100%);max-height:94vh;padding:24px;position:relative;overflow:auto}.modal-x{background:#f1f3f7;border:0;border-radius:7px;width:30px;height:30px;position:absolute;top:17px;right:17px}.modal-x svg{width:15px}.modal h2{margin:0 0 5px;font-size:19px}.modal>p{color:var(--muted);margin:0 0 18px;font-size:9px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{font-size:9px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:9px;font-size:10px;display:block}.form-grid .full{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.modal-actions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;font-size:10px}.menu,.mobile-close{display:none}@media (width<=1120px){.clients-layout{grid-template-columns:1fr}.detail{display:none}.detail.visible{display:block}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media (width<=720px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}.mobile-close{color:#fff;background:#26334b;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:10px;right:10px}.mobile-close svg{width:15px}.main{width:100%;margin:0;padding:17px 11px}.menu{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.menu svg{width:17px}header .primary{padding:10px;font-size:0}header .primary svg{width:17px}.notice span{margin:3px 0 0;display:block}.table-card{overflow:auto}.table-head,.client-row{min-width:680px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media (width<=440px){.stats{grid-template-columns:1fr}.modal{padding:19px}.main{padding:13px 9px}}.nav-link{color:#8996ad;border-radius:9px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.nav-link svg{width:17px}.landing{color:#fff;background:radial-gradient(circle at 30% 20%,#1c3f7f 0,#0d172c 35%,#070c16 80%);place-items:center;min-height:100vh;padding:24px;display:grid}.landing-card{text-align:center;width:min(680px,100%)}.landing-logo{background:linear-gradient(135deg,#3379f4,#7658e8);border-radius:22px;place-items:center;width:74px;height:74px;margin:0 auto 24px;display:grid;box-shadow:0 18px 50px #3379f455}.landing-logo svg{width:35px}.eyebrow{letter-spacing:2px;font-weight:700;color:#769bff!important;font-size:10px!important}.landing h1{margin:12px 0 20px;font-size:clamp(38px,7vw,68px);line-height:1.02}.landing-card>p:not(.eyebrow){color:#aab5ca;max-width:560px;margin:0 auto;font-size:14px;line-height:1.7}.landing-actions{justify-content:center;gap:12px;margin:32px 0 22px;display:flex}.primary-link,.secondary-link{border-radius:11px;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.primary-link{color:#fff;background:#3374ef}.secondary-link{color:#d8e1f1;background:#18243a;border:1px solid #2b3a54}.primary-link svg,.secondary-link svg{width:17px}.landing small{color:#64728a;font-size:9px}.dns-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.reveal{border:1px solid var(--line);color:#596579;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex}.reveal svg{width:14px}.dns-head,.dns-row{grid-template-columns:1.3fr 1.4fr .55fr .65fr .55fr;align-items:center;gap:14px;display:grid}.dns-head{color:#8993a5;letter-spacing:.5px;background:#fafbfc;padding:10px 16px;font-size:8px;font-weight:700}.dns-row{border-top:1px solid #edf0f5;padding:13px 16px;font-size:9px}.dns-name{align-items:center;gap:10px;display:flex}.dns-name>i{color:#3471e6;background:#eaf1ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.dns-name>i svg{width:17px}.dns-name b,.dns-name small{display:block}.dns-name small{color:var(--muted);margin-top:3px;font-size:8px}.host-value{color:#536078;text-overflow:ellipsis;font-family:Consolas,monospace;overflow:hidden}.toggle{color:#7e8797;background:#f0f2f5;border:0;border-radius:14px;align-items:center;gap:5px;width:max-content;padding:6px 9px;font-size:8px;display:flex}.toggle.on{color:#178f55;background:#e6f7ed}.toggle svg{width:12px}.dns-actions{gap:5px;display:flex}.dns-actions button{border:1px solid var(--line);color:#748095;background:#fff;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.dns-actions button:last-child:hover{color:#d94d4d;background:#fff3f3}.dns-actions svg{width:13px}.dns-empty{color:var(--muted);place-items:center;gap:7px;padding:70px;display:grid}.dns-empty svg{width:33px}.dns-empty b{font-size:11px}.dns-empty span{font-size:9px}.dns-modal>label,.two-fields label{margin:13px 0;font-size:9px;font-weight:700;display:block}.dns-modal input,.dns-modal textarea{border:1px solid var(--line);border-radius:8px;outline:none;width:100%;margin-top:6px;padding:10px;font-size:10px;display:block}.modal-symbol{color:#3470df;background:#eaf1ff;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.modal-symbol svg{width:19px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.switch-label{align-items:center;gap:8px;padding-top:22px;display:flex!important}.switch-label input{width:auto;margin:0}.player-login{color:#fff;background:radial-gradient(circle at 50% 0,#193d78,#0a1324 45%,#070c15);place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111b2dcf;border:1px solid #2b3850;border-radius:23px;width:min(410px,100%);padding:36px;box-shadow:0 30px 90px #0006}.app-logo{background:linear-gradient(135deg,#3478f2,#7759ea);border-radius:17px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 12px 30px #3978ee55}.app-logo svg{fill:#fff;width:25px}.login-card h1{margin:9px 0 6px;font-size:28px}.login-card>p:not(.eyebrow){color:#8d9ab1;margin:0 0 23px;font-size:11px}.login-card label{margin:14px 0;display:block}.login-card label>span{color:#b7c0d0;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.app-input{background:#0d1626;border:1px solid #303e57;border-radius:10px;align-items:center;gap:9px;height:47px;padding:0 12px;display:flex}.app-input:focus-within{border-color:#4d7ce7;box-shadow:0 0 0 3px #3978ee15}.app-input>svg{color:#64738d;width:16px}.app-input input{color:#fff;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.app-input button{color:#697793;background:0 0;border:0}.app-input button svg{width:15px}.login-button{color:#fff;background:linear-gradient(135deg,#3376ec,#6657e1);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:6px;padding:13px;font-size:11px;font-weight:700;display:flex}.login-button svg{width:16px}.login-error{color:#ff9cad;background:#44202b;border-radius:8px;margin-bottom:10px;padding:9px;font-size:9px}.server-ready{color:#7e8ca4;justify-content:center;align-items:center;gap:7px;margin:17px 0;font-size:8px;display:flex}.server-ready i{background:#35c779;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #35c77920}.login-card>a{text-align:center;color:#6f8fd8;font-size:8px;text-decoration:none;display:block}.player-home{color:#fff;background:#080e19;min-height:100vh;padding-bottom:45px}.player-header{background:#0b1321;border-bottom:1px solid #1a2537;align-items:center;height:65px;padding:0 5vw;display:flex}.player-brand{align-items:center;gap:8px;font-weight:700;display:flex}.player-brand svg{color:#4a7fee;fill:#4a7fee;width:27px}.player-header button{color:#a9b4c5;background:#121c2d;border:1px solid #28354a;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 11px;font-size:9px;display:flex}.player-header button svg{width:14px}.hero-player{background:linear-gradient(90deg,#07101f 20%,#0000),radial-gradient(circle at 75% 45%,#24539b,#101f3b 35%,#09111e 65%);align-items:center;min-height:420px;padding:60px 8vw;display:flex}.hero-player span{letter-spacing:1.8px;color:#6f96f1;font-size:9px}.hero-player h1{margin:12px 0;font-size:clamp(36px,6vw,64px);line-height:1.02}.hero-player p{color:#8c99ae;font-size:11px}.hero-player button{color:#111a28;background:#fff;border:0;border-radius:8px;align-items:center;gap:7px;margin-top:20px;padding:11px 16px;font-size:10px;font-weight:700;display:flex}.hero-player button svg{fill:currentColor;width:15px}.content-menu{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:-35px;padding:0 5vw;display:grid}.content-menu button{color:#fff;text-align:left;background:#111a2b;border:1px solid #263249;border-radius:13px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:150px;padding:17px;display:flex}.content-menu button:hover{border-color:#4a74d8;transform:translateY(-2px)}.content-menu svg{color:#5c86e8;width:24px;margin-bottom:17px}.content-menu b,.content-menu span{display:block}.content-menu b{font-size:11px}.content-menu span{color:#728097;margin-top:5px;font-size:8px}@media (width<=850px){.dns-head,.dns-row{grid-template-columns:1.2fr 1fr .6fr .7fr}.dns-head span:nth-child(3),.dns-row>span:nth-child(3){display:none}.content-menu{grid-template-columns:1fr 1fr}}@media (width<=620px){.landing-actions{flex-direction:column}.primary-link,.secondary-link{justify-content:center}.dns-card{overflow:auto}.dns-head,.dns-row{min-width:680px}.dns-stats{grid-template-columns:1fr 1fr}.two-fields{grid-template-columns:1fr}.switch-label{padding-top:0}.login-card{padding:27px 22px}.content-menu{grid-template-columns:1fr 1fr;padding:0 12px}.hero-player{min-height:370px;padding:45px 20px}.player-header{padding:0 16px}}.iptv-shell{color:#fff;background:#080e19;min-height:100vh;display:flex}.iptv-nav{background:#0d1625;border-right:1px solid #1d293b;flex-direction:column;width:190px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.iptv-logo{align-items:center;gap:9px;padding:0 8px 30px;font-size:12px;font-weight:700;display:flex}.iptv-logo>svg{fill:#fff;background:linear-gradient(135deg,#3477ee,#7659e8);border-radius:9px;width:31px;height:31px;padding:8px}.iptv-logo small{color:#65728a;letter-spacing:1.4px;margin-top:3px;font-size:7px;display:block}.iptv-nav nav button{font-size:10px}.iptv-nav nav button span{display:block}.iptv-user{border-top:1px solid #263248;align-items:center;gap:8px;margin-top:auto;padding:17px 5px 10px;display:flex}.iptv-user>i{background:#25344d;border-radius:8px;place-items:center;width:30px;height:30px;font-size:8px;font-style:normal;display:grid}.iptv-user b,.iptv-user small{font-size:8px;display:block}.iptv-user small{color:#66748d;margin-top:3px}.iptv-logout{color:#71809a;background:0 0;border:0;align-items:center;gap:8px;padding:8px 6px;font-size:8px;display:flex}.iptv-logout svg{width:14px}.iptv-main{width:calc(100% - 190px);margin-left:190px;padding:25px 29px}.iptv-top{align-items:center;margin-bottom:19px;display:flex}.iptv-top>div:first-child>span{color:#557dcc;letter-spacing:1.3px;font-size:7px}.iptv-top h1{margin:4px 0;font-size:21px}.iptv-search{margin-left:auto;position:relative}.iptv-search svg{color:#66748b;width:14px;position:absolute;top:9px;left:11px}.iptv-search input{color:#fff;background:#111b2c;border:1px solid #263248;border-radius:9px;outline:none;width:240px;padding:9px 11px 9px 33px;font-size:9px}.iptv-grid{grid-template-columns:minmax(0,1.45fr) 330px;gap:15px;display:grid}.iptv-video-card,.iptv-channels{background:#101a2a;border:1px solid #263248;border-radius:13px;overflow:hidden}.video-stage{aspect-ratio:16/8.8;background:#020408;position:relative}.video-stage video{object-fit:contain;background:#000;width:100%;height:100%}.no-signal{color:#68768d;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.no-signal svg{width:32px;margin-bottom:10px}.no-signal b{font-size:11px}.no-signal span{margin-top:5px;font-size:8px}.live-badge{background:#111a28dd;border:1px solid #303b4c;border-radius:6px;padding:6px 8px;font-size:7px;font-weight:700;position:absolute;top:12px;left:12px}.live-badge i{background:#ef4444;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #ef444425}.program-info{align-items:center;gap:11px;padding:15px 17px;display:flex}.channel-mark{background:linear-gradient(135deg,#2f6de3,#6554dd);border-radius:9px;place-items:center;width:39px;height:39px;font-size:9px;font-weight:700;display:grid}.program-info small{color:#5e82d4;letter-spacing:.8px;font-size:7px}.program-info h2{margin:3px 0;font-size:14px}.program-info p{color:#758298;margin:0;font-size:8px}.program-info>button{color:#8795aa;background:#152033;border:1px solid #2b384d;border-radius:8px;width:35px;height:35px;margin-left:auto;font-size:18px}.program-info>button.fav{color:#ff6584;background:#361c2a}.epg-bar{border-top:1px solid #263248;grid-template-columns:1fr 1fr;display:grid}.epg-bar>div{padding:11px 17px}.epg-bar>div+div{border-left:1px solid #263248}.epg-bar span,.epg-bar b{font-size:7px;display:block}.epg-bar span{color:#68768d;margin-bottom:4px}.epg-bar b{color:#bdc6d5;font-size:8px}.channel-list-head{border-bottom:1px solid #263248;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.channel-list-head b{font-size:10px}.channel-list-head span{color:#68768c;font-size:7px}.iptv-channels>button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #1e2a3c;align-items:center;gap:9px;width:100%;padding:10px 12px;display:flex}.iptv-channels>button:hover,.iptv-channels>button.active{background:#18253a}.iptv-channels>button.active{box-shadow:inset 3px 0 #4f7dea}.iptv-channels>button>i{background:#243653;border-radius:8px;place-items:center;width:33px;height:33px;font-size:8px;font-style:normal;font-weight:700;display:grid}.iptv-channels>button b,.iptv-channels>button small{font-size:9px;display:block}.iptv-channels>button small{color:#68768c;margin-top:3px;font-size:7px}.iptv-channels>button em{color:#48cf82;margin-left:auto;font-size:6px;font-style:normal}.connect-note{color:#7f8da3;background:#17243a;border:1px solid #283852;border-radius:9px;gap:8px;margin:12px;padding:11px;display:flex}.connect-note svg{color:#5782e7;width:17px}.connect-note b,.connect-note span{font-size:8px;display:block}.connect-note span{margin-top:3px;font-size:7px;line-height:1.5}.library-empty{text-align:center;background:#101a2a;border:1px solid #263248;border-radius:13px;place-content:center;min-height:500px;padding:30px;display:grid}.library-empty>svg{color:#5078d4;width:42px;margin:auto}.library-empty h2{margin:13px 0 5px;font-size:18px}.library-empty p{color:#76849a;max-width:340px;font-size:9px;line-height:1.6}.library-empty a{color:#fff;background:#2f6ddd;border-radius:8px;align-items:center;gap:7px;width:max-content;margin:12px auto 0;padding:9px 12px;font-size:9px;text-decoration:none;display:flex}.library-empty a svg{width:14px}@media (width<=980px){.iptv-grid{grid-template-columns:1fr}.iptv-channels{max-height:370px;overflow:auto}}@media (width<=680px){.iptv-nav{z-index:20;border-top:1px solid #263248;border-right:0;flex-direction:row;width:100%;height:64px;padding:6px 10px;position:fixed;inset:auto 0 0}.iptv-logo,.iptv-user,.iptv-logout span,.iptv-nav nav button span{display:none}.iptv-nav nav{justify-content:space-around;width:100%;display:flex}.iptv-nav nav button{width:auto;margin:0;padding:9px 13px;box-shadow:none!important}.iptv-nav nav button svg{width:20px}.iptv-logout{padding:10px}.iptv-logout svg{width:20px}.iptv-main{width:100%;margin:0;padding:17px 11px 85px}.iptv-top{align-items:flex-end}.iptv-search input{width:160px}.video-stage{aspect-ratio:16/10}.program-info{padding:12px}.epg-bar{grid-template-columns:1fr}.epg-bar>div+div{border-top:1px solid #263248;border-left:0}}.catalog-tools{align-items:center;gap:8px;margin-left:auto;display:flex}.catalog-tools select{color:#aeb8c9;background:#111b2c;border:1px solid #263248;border-radius:9px;max-width:180px;padding:9px 28px 9px 10px;font-size:9px}.catalog-grid{grid-template-columns:repeat(6,minmax(110px,1fr));gap:14px;display:grid}.catalog-grid>button{color:#fff;text-align:left;background:0 0;border:0;min-width:0;padding:0}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#1b2a42,#111a2a);border:1px solid #2a3850;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%}.poster>i{color:#526b96;font-size:22px;font-style:normal;font-weight:700}.poster>em{opacity:0;background:#07101f99;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.poster>em svg{fill:#fff;width:32px}.catalog-grid>button:hover .poster>em{opacity:1}.catalog-grid>button>b,.catalog-grid>button>small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.catalog-grid>button>b{margin:8px 2px 3px;font-size:9px}.catalog-grid>button>small{color:#748197;margin:0 2px;font-size:7px}.media-backdrop{z-index:80;background:#03060bdd;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.media-modal,.series-modal{background:#111b2b;border:1px solid #2d3b52;border-radius:15px;width:min(900px,100%);max-height:92vh;position:relative;overflow:auto}.media-modal video{aspect-ratio:16/9;background:#000;border-radius:15px 15px 0 0;width:100%;display:block}.media-modal>div{padding:17px}.media-modal h2,.series-title h2{margin:0;font-size:17px}.media-modal p,.series-title p{color:#8290a5;font-size:9px;line-height:1.6}.media-close{z-index:2;color:#fff;background:#0b1220dd;border:0;border-radius:8px;place-items:center;width:33px;height:33px;display:grid;position:absolute;top:12px;right:12px}.media-close svg{width:16px}.series-modal{padding:24px}.series-title{margin-bottom:18px;padding-right:40px}.series-modal section{border-top:1px solid #29364b;padding-top:13px}.series-modal h3{color:#7998dd;font-size:11px}.series-modal section>button{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #202d40;align-items:center;gap:10px;width:100%;padding:10px 5px;display:flex}.series-modal section>button>svg{color:#6087df;width:18px}.series-modal section>button b,.series-modal section>button small{font-size:9px;display:block}.series-modal section>button small{color:#7d899c;margin-top:3px}@media (width<=1100px){.catalog-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=680px){.iptv-top{display:block}.catalog-tools{margin-top:10px}.catalog-tools select,.iptv-search{flex:1}.iptv-search input{width:100%}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.channel-logo-live{overflow:hidden}.channel-logo-live img{object-fit:contain;background:#f7f8fa;width:100%;height:100%}.featured-admin{margin-top:22px;padding:22px}.featured-admin h2{margin:0 0 6px}.featured-admin p{color:#8fa0b8;margin:0}.featured-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.featured-fields label,.featured-actions label{color:#9aabc1;gap:8px;font-size:13px;display:grid}.featured-fields textarea,.featured-actions input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#0d1727;border:1px solid #2a3a51;border-radius:10px;padding:12px}.featured-actions{align-items:end;gap:14px;margin-top:16px;display:flex}.featured-actions label{width:150px}.featured-actions span{color:#55d899;align-items:center;gap:6px;display:inline-flex}.featured-actions span svg{width:18px}.featured-quick-add{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.featured-quick-add label{color:#66758b;gap:8px;font-size:12px;font-weight:700;display:grid}.featured-quick-add label>span{gap:8px;display:flex}.featured-quick-add input{border:1px solid var(--line);border-radius:9px;flex:1;min-width:0;padding:10px}.featured-quick-add button{color:#fff;background:#17243b;border:0;border-radius:9px;padding:0 14px;font-weight:700}.featured-customization{margin-top:18px}.featured-customization small{color:#66758b}.app-update-fields{border-top:1px solid #26364d;grid-template-columns:140px 160px 1fr;gap:14px;margin-top:20px;padding-top:18px;display:grid}.app-update-fields h3,.app-update-fields .wide{grid-column:1/-1}.app-update-fields label{color:#9aabc1;gap:8px;font-size:13px;display:grid}.app-update-fields input,.app-update-fields textarea{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#0d1727;border:1px solid #2a3a51;border-radius:10px;padding:12px}.artwork-upload{background:#0a1423;border:1px solid #283950;border-radius:12px;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:16px;display:grid}.artwork-upload h3,.artwork-upload p{grid-column:1/-1;margin:0}.artwork-upload p{color:#8292a9;font-size:12px;line-height:1.5}.artwork-upload input{color:#fff;background:#0d1727;border:1px solid #2a3a51;border-radius:9px;min-width:0;padding:11px}.category-logo-upload{background:#0b191a;border-color:#355b50}.slider-manager{background:#0a1422;border:1px solid #30415a;border-radius:14px;margin:18px 0;padding:18px}.slider-manager-head,.slider-editor header{justify-content:space-between;align-items:center;gap:14px;display:flex}.slider-manager-head h3,.slider-manager-head p{margin:0}.slider-manager-head p{color:#8292a9;margin-top:5px;font-size:12px}.slider-editor{background:#0d192a;border:1px solid #25364e;border-radius:11px;margin-top:14px;padding:14px}.slider-editor header button{border:0;border-radius:7px;margin-left:5px;padding:7px 10px}.danger-text{color:#ff7b7b}.slider-editor-grid{grid-template-columns:1fr 1fr 130px 180px;gap:12px;margin-top:12px;display:grid}.slider-editor-grid label{color:#8ea0b9;gap:6px;font-size:12px;display:grid}.slider-editor-grid input,.slider-editor-grid textarea,.slider-editor-grid select{color:#fff;background:#091321;border:1px solid #2a3a51;border-radius:8px;min-width:0;padding:10px}.slider-editor-grid .wide{grid-column:span 2}.slider-editor-grid .check{grid-column:1/-1;align-items:center;display:flex}.save-sliders{margin-top:14px}@media (width<=760px){.featured-fields,.featured-quick-add,.app-update-fields{grid-template-columns:1fr}.app-update-fields h3,.app-update-fields .wide{grid-column:auto}.artwork-upload{grid-template-columns:1fr}.artwork-upload h3{grid-column:auto}}@media (width<=900px){.slider-editor-grid{grid-template-columns:1fr 1fr}.slider-editor-grid .wide{grid-column:1/-1}}@media (width<=600px){.slider-manager-head{flex-direction:column;align-items:flex-start}.slider-editor-grid{grid-template-columns:1fr}.slider-editor-grid .wide{grid-column:auto}}