:root{--primary:#f4b400;--accent:#00c853;--bg:#070707;--card:#141414;--card-2:#101010;--line:#292929;--text:#fff;--muted:#aaa}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 50% -20%,#27210f 0,transparent 34%),var(--bg);color:var(--text)}
button,input,select{font:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:20px}.player-wrap{max-width:1440px}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0 8px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:22px}.logo{max-height:54px;max-width:170px}.badge{color:#111;background:var(--primary);padding:5px 9px;border-radius:99px;font-weight:800}
.card{background:var(--card);border:1px solid #242424;border-radius:18px;padding:22px;box-shadow:0 12px 40px #0006}.login{max-width:520px;margin:7vh auto}.input,select{width:100%;padding:13px;border:1px solid #333;border-radius:10px;background:#0d0d0d;color:#fff;margin:6px 0 14px;outline:none}.input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:0;border-radius:10px;background:var(--primary);color:#111;font-weight:800;cursor:pointer}.btn.secondary{background:#242424;color:#fff}.muted{color:var(--muted)}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:12px;border-radius:10px;background:#173d25;margin-bottom:14px}.error{background:#4b1f1f}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.tabs .btn{gap:9px;min-height:52px;border:1px solid transparent;transition:.2s}.tabs .btn.secondary{background:#151515;border-color:#2a2a2a}.tabs .btn.secondary:hover{border-color:#555;background:#1d1d1d}.tab-icon{font-size:12px}.favorite-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#0003;font-size:10px}.favorite-toggle{position:absolute;z-index:3;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff24;border-radius:50%;background:#080808d9;color:#aaa;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0008}.favorite-toggle:hover{color:var(--primary);transform:scale(1.06)}.favorite-toggle.active{background:var(--primary);border-color:var(--primary);color:#111}.favorite-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.favorite-grid{position:relative}
.controls{position:relative;padding:14px;overflow:hidden}.player{display:block;width:100%;aspect-ratio:16/9;max-height:70vh;background:#000;border-radius:13px}.status-line{margin:12px 4px 1px;font-size:13px}
.catalog{margin-top:22px}.catalog-toolbar{position:sticky;top:0;z-index:8;padding:12px 0;background:linear-gradient(var(--bg) 75%,transparent)}.search-box{position:relative}.search-box>span{position:absolute;left:16px;top:18px;color:var(--primary);font-size:25px;line-height:1;transform:rotate(-15deg)}.search-box .input{height:52px;margin:0;padding:0 48px;background:#151515;border-color:#303030}.search-box button{position:absolute;right:10px;top:8px;width:36px;height:36px;border:0;border-radius:8px;background:#292929;color:#fff;font-size:22px;cursor:pointer}
.content-panel{min-width:0}.content-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 16px}.content-heading h2{font-size:25px;margin:3px 0 0}.section-help{margin:7px 0 0;color:var(--muted);font-size:13px}.eyebrow{font-size:10px;color:var(--primary);font-weight:900;letter-spacing:.15em}.result-count{white-space:nowrap;color:#ccc;background:#191919;border:1px solid #2d2d2d;border-radius:99px;padding:7px 11px;font-size:12px}
.accordion{display:flex;flex-direction:column;gap:10px}.accordion-group{overflow:hidden;background:#111;border:1px solid #292929;border-radius:14px;transition:border-color .2s,box-shadow .2s}.accordion-group.open{border-color:#4a4a4a;box-shadow:0 12px 30px #0005}.accordion-toggle{display:grid;grid-template-columns:34px minmax(0,1fr) auto 24px;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 16px;border:0;background:#171717;color:#fff;text-align:left;cursor:pointer}.accordion-toggle:hover{background:#1d1d1d}.accordion-group.open .accordion-toggle{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 14%,#171717),#171717)}.accordion-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--primary);color:#111;font-size:20px;font-weight:900;line-height:1}.accordion-group.open .accordion-icon{font-size:0}.accordion-group.open .accordion-icon:after{content:'−';font-size:22px}.accordion-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-count{min-width:34px;padding:5px 9px;border-radius:99px;background:#292929;color:#ddd;text-align:center;font-size:12px;font-weight:800}.accordion-chevron{font-size:22px;color:#999;transition:transform .2s}.accordion-group.open .accordion-chevron{transform:rotate(180deg);color:var(--primary)}.accordion-body{display:none;padding:14px;background:#0c0c0c;border-top:1px solid #292929}.accordion-group.open .accordion-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.content-row{position:relative;display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:0;border:1px solid #292929;border-radius:12px;background:#151515;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.content-row:hover{transform:translateY(-3px);background:#1b1b1b;border-color:#555;box-shadow:0 10px 22px #0007}.content-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.content-row>img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:0;object-fit:contain;background:linear-gradient(135deg,#202020,#080808)}.type-vod .content-row>img,.type-series .content-row>img{aspect-ratio:2/3;object-fit:cover}.content-row>img.image-empty{visibility:hidden}.row-info{display:flex;flex:1;flex-direction:column;min-width:0;padding:12px}.row-info>strong{display:-webkit-box;min-height:2.6em;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-info>small{display:block;margin-top:5px}.row-action{display:block;margin:0 12px 12px;padding:9px 11px;border-radius:8px;background:#242424;color:var(--primary);text-align:center;font-size:10px;font-weight:900;letter-spacing:.04em}.content-row:hover .row-action{background:var(--primary);color:#111}.row-epg{min-height:75px;margin-top:9px;padding-top:9px}.row-epg .epg-next{display:none}.row-epg .epg-time,.row-epg .epg-progress{max-width:none}.content-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.content-list .content-row>img{aspect-ratio:16/9;object-fit:cover}.empty-state{padding:34px;border:1px dashed #383838;border-radius:14px;color:var(--muted);text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.item{position:relative;background:#151515;border:1px solid #292929;border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.item:hover{transform:translateY(-3px);border-color:#555;box-shadow:0 12px 24px #0007}.item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#202020,#0d0d0d)}.grid[data-type="vod"] .item img,.grid[data-type="series"] .item img{aspect-ratio:2/3}.item .p{padding:12px}.item-sub{display:block;margin-top:7px}.item strong{display:-webkit-box;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.breadcrumb{display:flex;align-items:center;gap:8px;min-height:30px;margin:0 0 8px;flex-wrap:wrap}.breadcrumb:empty{display:none}.link-btn{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer;padding:4px}.series-episode img{aspect-ratio:16/9}
.channel-epg{margin-top:10px;border-top:1px solid #2b2b2b;padding-top:9px;min-height:66px}.epg-loading,.epg-empty{font-size:12px;color:var(--muted)}.epg-line{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.3}.epg-line strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.epg-label{flex:0 0 auto;font-size:9px;font-weight:900;color:#111;background:var(--primary);padding:2px 5px;border-radius:4px}.epg-time{font-size:11px;color:var(--muted);margin:5px 0}.epg-progress{height:4px;background:#363636;border-radius:99px;overflow:hidden}.epg-progress span{display:block;height:100%;background:var(--primary);border-radius:inherit}.epg-next{font-size:10px;color:#bdbdbd;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-next span{color:var(--accent);font-weight:800}
.now-playing{background:#0c0c0c;border:1px solid #292929;border-radius:0 0 14px 14px;padding:14px 16px;margin-top:-14px;padding-top:26px}.now-playing .epg-line{font-size:15px}.now-playing .epg-label{font-size:10px}.now-playing .epg-time{font-size:12px}.now-playing .epg-progress{height:6px}.now-playing .epg-next{font-size:12px;margin-top:9px}
.password-field{position:relative}.password-field .input{padding-right:54px}.password-toggle{position:absolute;top:11px;right:7px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#bbb;cursor:pointer}.password-toggle:hover{background:#242424;color:#fff}.password-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.login-submit{width:100%;margin-top:4px}.login-help{text-align:center;margin:16px 0 0;font-size:13px}.admin-wrap{max-width:1400px}.admin-section{margin-bottom:20px}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-heading h2{margin:0 0 6px}.admin-heading p{margin:0;max-width:760px;line-height:1.5}.dns-list{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.dns-row{display:grid;grid-template-columns:105px minmax(150px,220px) minmax(260px,1fr) 80px 70px;align-items:end;gap:10px;padding:12px;border:1px solid #2b2b2b;border-radius:12px;background:#0d0d0d}.dns-row .input,.dns-add .input{margin-bottom:0}.dns-active{display:flex;align-items:center;justify-content:center;gap:7px;height:46px;border:1px solid #333;border-radius:10px;background:#151515;cursor:pointer}.dns-active input{accent-color:var(--primary);width:18px;height:18px}.dns-delete{height:46px;border:1px solid #602f2f;border-radius:10px;background:#311919;color:#ffb7b7;font-weight:800;cursor:pointer}.dns-delete:hover{background:#4a2020}.dns-add{display:grid;grid-template-columns:minmax(150px,220px) minmax(260px,1fr) 105px auto;align-items:end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #2b2b2b}.dns-add .btn{min-height:46px}
@media(max-width:900px){.accordion-group.open .accordion-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}
@media(max-width:1000px){.dns-row{grid-template-columns:90px 1fr 2fr 78px}.dns-delete{grid-column:4}.dns-add{grid-template-columns:1fr 2fr 90px}.dns-add .btn{grid-column:1/-1}}
@media(max-width:700px){.row{grid-template-columns:1fr}.wrap{padding:12px}.top{align-items:center}.brand h1{font-size:18px}.brand small{display:none}.logo{max-width:120px;max-height:44px}.logout{padding:10px 14px}.tabs{position:sticky;top:0;z-index:10;margin:10px -12px 12px;padding:8px 12px;background:#090909ef;backdrop-filter:blur(10px)}.tabs .btn{min-width:0;min-height:44px;padding:10px 8px}.controls{padding:7px;border-radius:13px}.status-line{padding:0 5px}.catalog{margin-top:14px}.catalog-toolbar{position:static;padding:0 0 15px;background:none}.search-box .input{height:48px}.search-box>span{top:16px}.content-heading{align-items:flex-start;margin-top:0}.content-heading h2{font-size:21px}.section-help{max-width:240px;line-height:1.4}.result-count{margin-top:18px}.accordion-toggle{grid-template-columns:30px minmax(0,1fr) auto 18px;min-height:58px;padding:9px 11px;gap:8px}.accordion-icon{width:28px;height:28px}.accordion-name{font-size:14px}.accordion-body{padding:8px}.accordion-group.open .accordion-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.row-info{padding:9px}.row-info>strong{min-height:2.5em;font-size:12px}.row-action{margin:0 9px 9px;padding:8px;font-size:9px}.row-epg{min-height:70px}.row-epg .epg-time,.row-epg .epg-progress{max-width:100%}.content-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item .p{padding:10px}.item strong{font-size:14px}.channel-epg{min-height:0}.epg-line{font-size:9px}.epg-label{font-size:8px}.epg-next{display:none}.admin-heading{flex-direction:column}.dns-row{grid-template-columns:76px minmax(0,1fr) 72px;padding:10px}.dns-url{grid-column:1/-1;grid-row:2}.dns-active{grid-column:2;grid-row:3}.dns-delete{grid-column:3;grid-row:3}.dns-add{grid-template-columns:1fr 84px}.dns-add .dns-url{grid-column:1/-1;grid-row:auto}.dns-add .btn{grid-column:1/-1}.admin-section{padding:16px}}
@media(max-width:700px){.tabs{gap:5px}.tabs .btn{gap:3px;padding:9px 4px;font-size:11px}.tabs .tab-icon{display:none}.favorite-count{min-width:18px;height:18px;padding:0 4px;font-size:9px}.favorite-toggle{top:6px;right:6px;width:32px;height:32px;font-size:18px}}