mirror of
https://github.com/TheBinaryNinja/tvapp2.git
synced 2026-06-11 19:05:41 -04:00
2 lines
41 KiB
CSS
2 lines
41 KiB
CSS
.twk-panel{position:fixed;right:16px;bottom:16px;z-index:2147483646;width:280px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#faf9f7c7;color:#29261b;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:.5px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 1px #ffffff80 inset,0 12px 40px #0000002e;font:11.5px/1.4 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}.twk-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 14px;cursor:move;-webkit-user-select:none;user-select:none}.twk-hd b{font-size:12px;font-weight:600;letter-spacing:.01em}.twk-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#29261b8c;width:22px;height:22px;border-radius:6px;cursor:default;font-size:13px;line-height:1}.twk-x:hover{background:#0000000f;color:#29261b}.twk-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0}.twk-row{display:flex;flex-direction:column;gap:5px}.twk-lbl{display:flex;justify-content:space-between;align-items:baseline;color:#29261bb8}.twk-lbl>span:first-child{font-weight:500}.twk-sect{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#29261b73;padding:10px 0 0}.twk-sect:first-child{padding-top:0}.twk-seg{position:relative;display:flex;padding:2px;border-radius:8px;background:#0000000f;-webkit-user-select:none;user-select:none}.twk-seg-thumb{position:absolute;top:2px;bottom:2px;border-radius:6px;background:#ffffffe6;box-shadow:0 1px 2px #0000001f;transition:left .15s cubic-bezier(.3,.7,.4,1),width .15s}.twk-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;flex:1;border:0;background:transparent;color:inherit;font:inherit;font-weight:500;min-height:22px;border-radius:6px;cursor:default;padding:4px 6px;line-height:1.2}:root{--bg-0: oklch(.16 .005 240);--bg-1: oklch(.2 .006 240);--bg-2: oklch(.24 .008 240);--bg-3: oklch(.28 .01 240);--hairline: oklch(1 0 0 / .07);--hairline-strong: oklch(1 0 0 / .12);--text-0: oklch(.98 0 0);--text-1: oklch(.78 .01 240);--text-2: oklch(.58 .012 240);--text-3: oklch(.42 .012 240);--accent: oklch(.82 .13 220);--accent-hi: oklch(.88 .13 220);--accent-soft: oklch(.82 .13 220 / .14);--accent-glow: oklch(.82 .13 220 / .35);--good: oklch(.78 .16 150);--warn: oklch(.82 .15 80);--bad: oklch(.7 .18 25);--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--row-h: 44px;--pad-card: 18px;--pad-x: 16px;--gap: 14px;--fs-base: 13.5px;--fs-sm: 12px;--fs-xs: 11px;--fs-h: 22px;--fs-h2: 16px}[data-density=compact]{--row-h: 36px;--pad-card: 14px;--pad-x: 12px;--gap: 10px;--fs-base: 12.5px;--fs-sm: 11.5px;--fs-xs: 10.5px;--fs-h: 19px;--fs-h2: 14.5px}[data-density=spacious]{--row-h: 52px;--pad-card: 22px;--pad-x: 20px;--gap: 18px;--fs-base: 14.5px;--fs-sm: 13px;--fs-xs: 11.5px;--fs-h: 26px;--fs-h2: 18px}[data-theme=light]{--bg-0: oklch(.985 .003 240);--bg-1: oklch(1 0 0);--bg-2: oklch(.965 .004 240);--bg-3: oklch(.94 .005 240);--hairline: oklch(0 0 0 / .08);--hairline-strong: oklch(0 0 0 / .14);--text-0: oklch(.18 .01 240);--text-1: oklch(.32 .012 240);--text-2: oklch(.5 .012 240);--text-3: oklch(.62 .012 240);--accent: oklch(.52 .15 220);--accent-hi: oklch(.44 .16 220);--accent-soft: oklch(.52 .15 220 / .12);--accent-glow: oklch(.52 .15 220 / .22);--good: oklch(.48 .17 150);--warn: oklch(.55 .17 60);--bad: oklch(.52 .2 25)}[data-theme=light] .log-line.log-error .log-msg{color:#b2001b;color:oklch(.48 .2 25)}[data-theme=light] .live-pill{color:#b2001b;color:oklch(.48 .2 25);background:#c217251f;border-color:#c2172566}[data-theme=light] .src-row .src-ico.builtin,[data-theme=light] .sched-ico.builtin{background:var(--bg-3);border-color:#00758e4d;border-color:oklch(.52 .15 220 / .3);box-shadow:inset 0 0 0 1px #00758e26,0 0 18px #00758e2e;box-shadow:inset 0 0 0 1px oklch(.52 .15 220 / .15),0 0 18px oklch(.52 .15 220 / .18)}[data-theme=light] .src-row .src-ico.builtin.epg-builtin,[data-theme=light] .src-ico.builtin.epg-builtin,[data-theme=light] .sched-ico.builtin.epg-builtin{background:var(--bg-3);border-color:#0071314d;border-color:oklch(.48 .17 150 / .3);box-shadow:inset 0 0 0 1px #00713126,0 0 18px #0071312e;box-shadow:inset 0 0 0 1px oklch(.48 .17 150 / .15),0 0 18px oklch(.48 .17 150 / .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:var(--fs-base);color:var(--text-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}button,input,textarea,select{font:inherit;color:inherit}button,input,textarea,select{outline:none}::selection{background:var(--accent-soft);color:var(--text-0)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box;border:2px solid transparent}.app{display:grid;grid-template-columns:224px 1fr;height:100vh;min-width:1100px}.sidebar{background:var(--bg-0);border-right:1px solid var(--hairline);padding:20px 14px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.brand{padding:4px 8px 8px;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--accent);text-shadow:0 0 24px var(--accent-glow);display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.nav-group-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:6px 10px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-s);color:var(--text-1);cursor:default;font-size:var(--fs-base);transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-1);color:var(--text-0)}.nav-item.active{background:var(--accent-soft);color:var(--accent-hi);box-shadow:inset 0 0 0 1px #48d7fe40}.nav-item .ico{width:16px;height:16px;flex:none;opacity:.9}.nav-item .count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-3);background:var(--bg-1);padding:1px 7px;border-radius:999px}.nav-item.active .count{background:#48d7fe33;color:var(--accent-hi)}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-s);background:var(--bg-1);border:1px solid var(--hairline)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#48d7fe,#65a4f4,#6f6de8);flex:none;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11px}.sidebar-foot .name{font-size:12.5px;color:var(--text-0)}.sidebar-foot .plan{font-size:10.5px;color:var(--text-2)}.main{display:flex;flex-direction:column;background:var(--bg-0);overflow:hidden}.topbar{height:56px;flex:none;border-bottom:1px solid var(--hairline);display:flex;align-items:center;padding:0 var(--pad-x);gap:12px}.topbar h1{margin:0;font-size:var(--fs-h);font-weight:600;letter-spacing:-.018em}.topbar .crumb{color:var(--text-2);font-size:var(--fs-sm)}.topbar-spacer{flex:1}.restore-strip{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:14px;row-gap:6px;align-items:center;margin:0 18px 0 22px;animation:fade-in .22s ease-out}.restore-strip-line{grid-column:1;grid-row:1;display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--text-1);white-space:nowrap;overflow:hidden;min-width:0}.restore-strip-line>svg{color:var(--accent-hi);flex:none;filter:drop-shadow(0 0 6px var(--accent-glow))}.restore-strip-action{color:var(--accent-hi);font-weight:600;letter-spacing:.01em;flex:none}.restore-strip-label{color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.restore-strip-bar{grid-column:1;grid-row:2;height:4px;background:var(--hairline-strong);border-radius:999px;position:relative;overflow:hidden}.restore-strip-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hi) 60%,var(--accent) 100%);background-size:200% 100%;box-shadow:0 0 10px var(--accent),0 0 22px var(--accent-glow);transition:width .26s cubic-bezier(.4,.7,.3,1);animation:restore-shimmer 1.6s linear infinite}.restore-strip-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;background:linear-gradient(90deg,transparent,oklch(.98 .05 220 / .85));filter:blur(2px)}@keyframes restore-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.restore-strip-pct{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:12px;font-weight:600;color:var(--accent-hi);letter-spacing:.02em;text-shadow:0 0 12px var(--accent-glow);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:0;width:56px;height:28px;padding:0;border-radius:999px;border:1px solid var(--hairline);background:var(--bg-2);cursor:pointer;transition:background .18s ease,border-color .18s ease}.theme-toggle:hover{border-color:var(--hairline-strong)}.theme-toggle-ico{flex:1;display:grid;place-items:center;color:var(--text-3);z-index:1;pointer-events:none}.theme-toggle-thumb{position:absolute;top:2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--bg-0);color:var(--accent-hi);border:1px solid var(--hairline-strong);box-shadow:0 1px 2px #00000040,0 0 12px var(--accent-glow);transition:left .22s cubic-bezier(.4,.7,.3,1),background .18s ease;z-index:2}.theme-toggle-thumb.is-light{left:2px}.theme-toggle-thumb.is-dark{left:30px}.screen{flex:1;overflow-y:auto;padding:var(--pad-x)}.card{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-m);padding:var(--pad-card)}.card.flush{padding:0}.card-hd{display:flex;align-items:center;gap:10px;padding:14px var(--pad-card);border-bottom:1px solid var(--hairline)}.card-hd h2{margin:0;font-size:var(--fs-h2);font-weight:600;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--radius-s);border:1px solid var(--hairline);background:var(--bg-1);color:var(--text-0);cursor:default;font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--bg-2);border-color:var(--hairline-strong)}.btn:disabled,.btn[disabled]{opacity:.42;cursor:not-allowed;pointer-events:none;filter:saturate(.4);box-shadow:none}.btn .ico{width:14px;height:14px;flex:none}.btn.primary{background:linear-gradient(180deg,#94e5ff,#57daff 50%,#30d3fc,#12cbf5);background:linear-gradient(180deg,color(xyz 0.56 0.706 1.226),color(xyz 0.465 0.594 1.076) 50%,#30d3fc,#12cbf5);color:#001828;color:oklch(.2 .05 240);border:1px solid oklch(.88 .16 220 / .6);box-shadow:0 0 0 1px #bef6 inset,0 0 24px #48d7fe73,0 1px #fff6 inset;box-shadow:0 0 0 1px oklch(.92 .1 220 / .4) inset,0 0 24px #48d7fe73,0 1px #fff6 inset;font-weight:600}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-1)}.btn.ghost:hover{background:var(--bg-1);color:var(--text-0)}.btn.icon{padding:0;width:34px;justify-content:center}.btn.danger{color:var(--bad)}.btn.danger:hover{background:#fa68631a;border-color:#fa68634d}.btn.sm{height:28px;padding:0 10px;font-size:var(--fs-xs)}.btn.sm.icon{width:28px;padding:0}.input{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:var(--radius-s);border:1px solid var(--hairline);background:var(--bg-1);color:var(--text-0);transition:border-color .12s,box-shadow .12s}.input:focus-within{border-color:#48d7fe80;box-shadow:0 0 0 3px var(--accent-soft)}.input input,.input textarea{flex:1;background:transparent;border:0;padding:0;min-width:0}.input input::placeholder,.input textarea::placeholder{color:var(--text-3)}.input .ico{width:14px;height:14px;color:var(--text-2);flex:none}.input.lg{height:38px}textarea.input{height:auto;padding:10px;min-height:80px;resize:vertical}.select{position:relative}.select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:34px;padding:0 28px 0 10px;border-radius:var(--radius-s);border:1px solid var(--hairline);background:var(--bg-1);color:var(--text-0);font-size:var(--fs-sm)}.select:after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.5px solid var(--text-2);border-bottom:1.5px solid var(--text-2);transform:translateY(-70%) rotate(45deg);pointer-events:none}.toggle{width:38px;height:22px;border-radius:999px;background:var(--bg-3);border:1px solid var(--hairline);position:relative;cursor:default;flex:none;transition:background .15s,box-shadow .15s,border-color .15s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#cecece;box-shadow:0 1px 2px #0006;transition:left .15s,background .15s}.toggle.on{background:var(--accent);border-color:#95e5ff;border-color:oklch(.88 .16 220);box-shadow:0 0 20px var(--accent-glow)}.toggle.on:after{left:18px;background:#fff}.cbx{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--hairline-strong);background:var(--bg-1);flex:none;display:grid;place-items:center;cursor:default;transition:background .12s,border-color .12s,box-shadow .12s}.cbx.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.cbx.on:after{content:"";width:5px;height:9px;border-right:2px solid oklch(.2 .05 240);border-bottom:2px solid oklch(.2 .05 240);transform:rotate(45deg) translate(-1px,-1px)}.dot{width:8px;height:8px;border-radius:50%;flex:none;position:relative}.dot.good{background:var(--good);box-shadow:0 0 8px #5fd37f99}.dot.warn{background:var(--warn);box-shadow:0 0 8px #f7b83d99}.dot.bad{background:var(--bad);box-shadow:0 0 8px #fa686399}.dot.idle{background:var(--text-3)}.dot.pulse:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:inherit;opacity:.5;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(2.2);opacity:0}}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:var(--fs-xs);background:var(--bg-2);color:var(--text-1);border:1px solid var(--hairline);white-space:nowrap}.pill.cyan{background:var(--accent-soft);color:var(--accent-hi);border-color:#48d7fe4d}.pill.good{background:#5fd37f24;color:var(--good);border-color:#5fd37f4d}.pill.warn{background:#f7b83d24;color:var(--warn);border-color:#f7b83d4d}.pill.bad{background:#fa686324;color:var(--bad);border-color:#fa68634d}.pill.active{background:var(--accent-soft);color:var(--accent-hi);border-color:#48d7fe73;box-shadow:0 0 10px var(--accent-glow),inset 0 0 0 1px #48d7fe40;text-shadow:0 0 8px var(--accent-glow)}.pill.disabled{background:#f3821d24;color:#ff9b51;color:oklch(.78 .17 55);border-color:#f3821d66}.segmented{display:inline-flex;background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-s);padding:3px;gap:2px}.segmented button{background:transparent;border:0;color:var(--text-2);padding:5px 10px;border-radius:6px;cursor:default;font-size:var(--fs-xs);font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:background .12s,color .12s}.segmented button:hover{color:var(--text-0)}.segmented button.active{background:var(--bg-3);color:var(--accent-hi);box-shadow:inset 0 0 0 1px var(--hairline-strong)}.toolbar{display:flex;align-items:center;gap:10px;padding:12px var(--pad-card);border-bottom:1px solid var(--hairline)}.toolbar .spacer{flex:1}.tbar-sep{display:inline-block;width:1px;height:18px;background:var(--hairline);margin:0 4px;align-self:center;flex:none}.input.input-bad{border-color:#dd503f99;box-shadow:0 0 0 3px #dd503f1f}.custom-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:95;display:inline-flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;background:var(--bg-1);border:1px solid var(--hairline-strong);border-radius:999px;box-shadow:0 12px 36px #00000059,0 0 0 1px #48d7fe40 inset,0 0 32px var(--accent-glow);color:var(--text-0);font-size:var(--fs-sm);animation:custom-toast-in .26s cubic-bezier(.2,.7,.2,1)}.custom-toast>svg{color:var(--accent-hi);flex:none}.custom-toast-x{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:0;background:var(--bg-3);color:var(--text-2);cursor:pointer;margin-left:2px}.custom-toast-x:hover{background:var(--bg-0);color:var(--text-0)}@keyframes custom-toast-in{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-weight:500;font-size:var(--fs-xs);color:var(--text-2);padding:10px var(--pad-card);border-bottom:1px solid var(--hairline);background:var(--bg-1);position:sticky;top:0;letter-spacing:.02em;text-transform:uppercase}.tbl tbody tr{border-bottom:1px solid var(--hairline);transition:background .1s}.tbl tbody tr:hover{background:var(--bg-2)}.tbl tbody tr.selected{background:var(--accent-soft)}.tbl tbody td{padding:10px var(--pad-card);font-size:var(--fs-sm);height:var(--row-h);vertical-align:middle}.ch-logo{width:28px;height:28px;border-radius:6px;background:var(--bg-3);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text-1);letter-spacing:.02em;flex:none;border:1px solid var(--hairline);overflow:hidden}.ch-logo.lg{width:56px;height:56px;font-size:14px;border-radius:10px}.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;padding:var(--pad-card)}.ch-card{background:var(--bg-2);border:1px solid var(--hairline);border-radius:var(--radius-m);padding:14px;display:flex;flex-direction:column;gap:8px;cursor:default;transition:border-color .12s,background .12s,transform .12s;position:relative}.ch-card:hover{border-color:var(--hairline-strong);background:var(--bg-3)}.ch-card.selected{border-color:#48d7fe8c;box-shadow:0 0 0 1px #48d7fe4d,0 0 28px var(--accent-glow)}.ch-card .top{display:flex;align-items:flex-start;gap:10px}.ch-card .name{font-weight:600;font-size:var(--fs-sm);line-height:1.25}.ch-card .meta{color:var(--text-2);font-size:var(--fs-xs)}.ch-card .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.ch-card .cbx-pos{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .12s}.ch-card:hover .cbx-pos,.ch-card.selected .cbx-pos{opacity:1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-bottom:var(--gap)}.stat{padding:var(--pad-card)}.stat .lbl{font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.stat .val{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}.stat .delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);margin-top:6px;color:var(--good)}.stat .delta.bad{color:var(--bad)}.src-row{display:grid;grid-template-columns:40px 1fr auto auto auto auto;align-items:center;gap:14px;padding:14px var(--pad-card);border-bottom:1px solid var(--hairline);transition:background .1s;cursor:default}.src-row:last-child{border-bottom:0}.src-row:hover{background:var(--bg-2)}.src-row .src-ico{width:40px;height:40px;border-radius:10px;background:var(--bg-3);display:grid;place-items:center;color:var(--accent);border:1px solid var(--hairline)}.src-row .src-name{font-weight:600;font-size:var(--fs-base);display:flex;align-items:center;gap:8px}.src-row .src-url{color:var(--text-2);font-size:var(--fs-xs);font-family:JetBrains Mono,ui-monospace,monospace;margin-top:3px}.src-row .stat-mini{font-size:var(--fs-xs);color:var(--text-2);text-align:right;min-width:60px}.src-row .stat-mini b{color:var(--text-0);font-size:var(--fs-base);font-weight:600;display:block}.epg{display:grid;grid-template-rows:36px 1fr;height:100%}.epg-head{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--hairline-strong);position:sticky;top:0;z-index:4;background:var(--bg-1)}.epg-head .head-l{border-right:1px solid var(--hairline);display:flex;align-items:center;padding:0 14px;font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.epg-head .head-r{display:flex;position:relative}.epg-time{flex:none;font-size:var(--fs-xs);color:var(--text-2);padding:0 8px;border-right:1px solid var(--hairline);display:flex;align-items:center}.epg-body{overflow:auto}.epg-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--hairline);min-height:76px}.epg-row .ch{border-right:1px solid var(--hairline);display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--bg-1);position:sticky;left:0;z-index:2}.epg-row .ch .nm{font-size:var(--fs-sm);font-weight:500}.epg-row .ch .num{color:var(--text-3);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.epg-progs{position:relative}.epg-prog{position:absolute;top:8px;bottom:8px;background:var(--bg-2);border:1px solid var(--hairline);border-radius:8px;padding:8px 11px;font-size:var(--fs-xs);overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:default;transition:background .1s,border-color .1s,transform .1s}.epg-prog:hover{background:var(--bg-3);border-color:var(--hairline-strong)}.epg-prog.live{background:var(--accent-soft);border-color:#48d7fe66;color:var(--accent-hi)}.epg-prog .t{font-weight:600;color:var(--text-0);line-height:1.25}.epg-prog.live .t{color:var(--accent-hi)}.epg-prog .sub{color:var(--text-2);font-size:10.5px;line-height:1.35}.now-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 12px var(--accent);z-index:3;pointer-events:none}.now-line:before{content:"";position:absolute;top:-3px;left:-4px;width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.dropzone{border:2px dashed var(--hairline-strong);border-radius:var(--radius-l);padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--bg-1);cursor:default;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone .icon-circle{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.dropzone h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.dropzone p{margin:0;color:var(--text-2);font-size:var(--fs-sm)}.player{background:#000;border:1px solid var(--hairline);border-radius:var(--radius-m);aspect-ratio:16 / 9;position:relative;overflow:hidden}.player .stripes{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#171b1f,#171b1f 12px,#0e1216 12px,#0e1216 24px);opacity:.5}.player .label{position:absolute;left:12px;top:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--text-2);background:#00000080;padding:3px 8px;border-radius:6px;border:1px solid var(--hairline)}.player .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.player .play-btn{width:64px;height:64px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 0 32px var(--accent-glow);color:#001322;color:oklch(.18 .05 240)}.player .controls{position:absolute;bottom:0;left:0;right:0;height:44px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));display:flex;align-items:center;padding:0 14px;gap:10px;color:var(--text-1)}.player .controls .track{flex:1;height:3px;background:var(--hairline-strong);border-radius:999px;position:relative}.player .controls .track:after{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:var(--accent);border-radius:999px;box-shadow:0 0 12px var(--accent)}.section-title{font-size:var(--fs-h2);font-weight:600;margin:0 0 var(--gap);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.map-grid{display:grid;grid-template-columns:1fr 40px 1fr;gap:14px;align-items:stretch}.map-col{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;min-height:480px}.map-col h3{margin:0;font-size:var(--fs-sm);font-weight:600;padding:12px 14px;border-bottom:1px solid var(--hairline);color:var(--text-1);display:flex;align-items:center;gap:8px}.map-list{overflow-y:auto;flex:1}.map-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--hairline);cursor:default;transition:background .1s}.map-item:hover{background:var(--bg-2)}.map-item.selected{background:var(--accent-soft)}.map-item.matched{opacity:.55}.map-item .nm{font-size:var(--fs-sm);font-weight:500;flex:1}.map-item .id{font-size:var(--fs-xs);color:var(--text-2);font-family:JetBrains Mono,ui-monospace,monospace}.map-link{display:grid;place-items:center;color:var(--text-3)}.match-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--hairline);font-size:var(--fs-sm)}.match-row .arr{color:var(--accent)}.act{display:flex;gap:12px;padding:12px var(--pad-card);border-bottom:1px solid var(--hairline);font-size:var(--fs-sm)}.act:last-child{border-bottom:0}.act .when{color:var(--text-3);font-size:var(--fs-xs);margin-top:2px;font-variant-numeric:tabular-nums}.act .ico-w{width:28px;height:28px;border-radius:50%;background:var(--bg-2);border:1px solid var(--hairline);display:grid;place-items:center;color:var(--text-1);flex:none}.act b{font-weight:600}.sync-grid{display:flex;flex-direction:column;margin-top:4px}.sync-row{display:grid;grid-template-columns:28px 1fr 180px 130px 44px;align-items:center;column-gap:14px;padding:12px 0;border-bottom:1px solid var(--hairline);transition:background .1s,opacity .12s}.sync-row.sync-row-last,.sync-row:last-child{border-bottom:0}.sync-row.disabled{opacity:.5}.sync-row-lvl .sched-ico{display:none}.sync-row-lvl .sync-meta{grid-column:1 / span 2}.sync-row-sched:hover{background:var(--bg-2);margin:0 -10px;padding-left:10px;padding-right:10px}.sync-meta{min-width:0}.sync-lbl{font-size:var(--fs-base);font-weight:500;color:var(--text-0)}.sync-hint{font-size:var(--fs-xs);color:var(--text-2);margin-top:3px}.sync-col-sched,.sync-col-cron,.sync-col-toggle{display:flex;align-items:center}.sync-col-toggle,.sync-col-cron{justify-content:flex-end}.sync-section-hd{display:flex;align-items:center;gap:8px;padding:14px 0 10px;font-size:var(--fs-sm);font-weight:600;color:var(--text-1);border-bottom:1px solid var(--hairline);margin-top:4px}.sync-section-hd>.ico:first-child{color:var(--text-1)}.sync-section-hd.collapsible{cursor:default;-webkit-user-select:none;user-select:none}.sync-section-hd.collapsible:hover{color:var(--text-0)}.sync-section-hd .chev{color:var(--text-2);transition:transform .18s ease}.sync-section-hd.collapsible.open .chev{transform:rotate(90deg)}.endpoint-field{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:10px}.endpoint-lbl{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:500;color:var(--text-1)}.endpoint-ico{width:26px;height:26px;border-radius:7px;background:var(--bg-2);border:1px solid var(--hairline);display:grid;place-items:center}.sched-ico{width:28px;height:28px;border-radius:7px;background:var(--bg-3);border:1px solid var(--hairline);display:grid;place-items:center;color:var(--text-1)}.sched-ico.is-epg{color:var(--good)}.sched-ico.builtin{background:linear-gradient(135deg,#012e3a,#102238,#161635);color:var(--accent-hi);border-color:#48d7fe4d}.sched-ico.builtin.epg-builtin{background:linear-gradient(135deg,#023310,#00220b);background:linear-gradient(135deg,#023310,color(xyz 0.005 0.012 0.003));color:var(--good);border-color:#5fd37f59}.cron-chip{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;padding:4px 8px;border-radius:6px;background:var(--bg-1);border:1px solid var(--hairline);color:var(--accent-hi);cursor:default;letter-spacing:.02em;transition:border-color .12s,background .12s;white-space:nowrap}.cron-chip:hover{border-color:var(--accent);background:var(--accent-soft)}.sync-col-sched .select:after{display:none}.sync-col-sched .select select{padding-right:12px;width:100%}.sidebar-foot-stack{margin-top:auto;display:flex;flex-direction:column;gap:8px}.logs-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-s);background:var(--bg-1);border:1px solid var(--hairline);color:var(--text-1);font-size:var(--fs-sm);cursor:default;transition:background .12s,border-color .12s,color .12s}.logs-btn:hover{background:var(--bg-2);border-color:var(--hairline-strong);color:var(--text-0)}.logs-btn-ico{position:relative;width:22px;height:22px;border-radius:6px;background:var(--bg-2);border:1px solid var(--hairline);display:grid;place-items:center;color:var(--text-1)}.logs-btn-ico .dot{position:absolute;top:-1px;right:-1px}.logs-drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;pointer-events:none}.logs-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;animation:fade-in .18s ease-out}.logs-drawer{position:absolute;left:0;right:0;bottom:0;height:46vh;min-height:280px;pointer-events:auto;display:flex;flex-direction:column;border-bottom:0;border-left:0;border-right:0;animation:slidein-bottom .26s cubic-bezier(.2,.7,.2,1)}@keyframes slidein-bottom{0%{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.logs-hd{flex:none;display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hairline);background:linear-gradient(180deg,#0000002e,#0000)}[data-theme=light] .logs-hd{background:linear-gradient(180deg,#fff6,#fff0)}.logs-hd .row{flex:1}.logs-body{flex:1;overflow-y:auto;padding:8px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;line-height:1.55}.log-line{display:grid;grid-template-columns:90px 60px 60px 1fr;gap:12px;padding:3px 16px;color:var(--text-1);border-left:2px solid transparent}.log-line:hover{background:#ffffff06}[data-theme=light] .log-line:hover{background:#00000008}.log-ts{color:var(--text-3)}.log-lvl{font-weight:600;font-size:10.5px;letter-spacing:.04em;padding-top:1px}.log-src{color:var(--text-2)}.log-msg{color:var(--text-1);word-break:break-word}.log-line.log-warn{border-left-color:#f7b83d80;background:#f7b83d0a}.log-line.log-error{border-left-color:#fa686399;background:#fa68630f}.log-line.log-error .log-msg{color:#ffbeb8;color:oklch(.86 .12 25)}.log-line.log-ok{border-left-color:#5fd37f66}.log-line.log-debug{opacity:.7}.hist-row{display:flex;align-items:flex-start;gap:14px;padding:12px var(--pad-card);border-bottom:1px solid var(--hairline)}.hist-row:last-child{border-bottom:0}.hist-row:hover{background:var(--bg-2)}.hist-ico{width:30px;height:30px;border-radius:8px;background:var(--bg-2);border:1px solid var(--hairline);display:grid;place-items:center;flex:none;margin-top:2px}.hm-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;min-height:0}.hm-list{overflow:hidden}.hm-detail{overflow-y:auto;max-height:720px}.qoe-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border-radius:999px;font-size:11.5px;font-weight:600;font-family:JetBrains Mono,ui-monospace,monospace;border:1px solid var(--hairline)}.qoe-pill[data-health=good]{background:#5fd37f24;color:var(--good);border-color:#5fd37f4d}.qoe-pill[data-health=good] .dot{background:var(--good);box-shadow:0 0 6px var(--good)}.qoe-pill[data-health=warn]{background:#f7b83d24;color:var(--warn);border-color:#f7b83d4d}.qoe-pill[data-health=warn] .dot{background:var(--warn);box-shadow:0 0 6px var(--warn)}.qoe-pill[data-health=bad]{background:#fa686324;color:var(--bad);border-color:#fa68634d}.qoe-pill[data-health=bad] .dot{background:var(--bad);box-shadow:0 0 6px var(--bad)}.qoe-pill .dot{width:6px;height:6px;border-radius:50%}.buf-bars{display:flex;align-items:flex-end;gap:3px;height:110px;padding:4px 0}.buf-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.buf-bar{width:100%;border-radius:3px 3px 0 0;min-height:2px}.buf-timeline{position:relative;height:32px;background:var(--bg-2);border-radius:6px;border:1px solid var(--hairline);overflow:hidden}.buf-timeline-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--good);font-size:11px}.buf-event{position:absolute;top:4px;bottom:4px;background:var(--bad);border-radius:3px;box-shadow:0 0 8px #fa686399;cursor:default}.logs-scroll-btn{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:var(--accent);color:#001322;color:oklch(.18 .05 240);border:0;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;cursor:default;box-shadow:0 4px 18px var(--accent-glow),0 0 0 1px #bef6 inset;box-shadow:0 4px 18px var(--accent-glow),0 0 0 1px oklch(.92 .1 220 / .4) inset;display:inline-flex;align-items:center;gap:6px;z-index:5}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;animation:fade-in .2s ease-out}.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:440px;pointer-events:auto;display:flex;flex-direction:column;border-radius:0;border-right:0;border-top:0;border-bottom:0;animation:slidein-right .26s cubic-bezier(.2,.7,.2,1)}.drawer-hd{padding:16px 22px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#00000026,#0000);flex:none}[data-theme=light] .drawer-hd{background:linear-gradient(180deg,#fff6,#fff0)}.drawer-body{padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.glass{background:linear-gradient(180deg,#ffffff0a,#fff0 40%),#141619b8;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid oklch(1 0 0 / .08);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #48d7fe0d,-1px 0 #48d7fe14,0 30px 80px #00000080,0 0 80px #48d7fe1a}[data-theme=light] .glass{background:linear-gradient(180deg,#ffffffb3,#ffffff80 40%),#f3f5f7b3;border-color:#00000014;box-shadow:inset 0 1px #fff9,0 30px 80px #0624372e,0 0 80px #48d7fe1f}.glass-bg{background:#02030473;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%)}[data-theme=light] .glass-bg{background:#7b818652}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0203048c;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);z-index:90;display:grid;place-items:center;animation:fade-in .18s ease-out}[data-theme=light] .modal-bg{background:#7b81865c}.modal{width:560px;background:linear-gradient(180deg,#ffffff0a,#fff0 40%),#141619c7;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid oklch(1 0 0 / .1);border-radius:var(--radius-l);box-shadow:inset 0 1px #ffffff12,0 30px 80px #0000008c,0 0 100px #48d7fe2e;overflow:hidden;animation:modal-in .24s cubic-bezier(.2,.7,.2,1)}[data-theme=light] .modal{background:linear-gradient(180deg,#ffffffbf,#ffffff8c 40%),#f3f5f7b3;border-color:#00000014;box-shadow:inset 0 1px #ffffffb3,0 30px 80px #06243738,0 0 100px #48d7fe33}.modal-hd{padding:18px 22px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,oklch(1 0 0 / .02),transparent)}.modal-hd h2{margin:0;font-size:16px;font-weight:600}.modal-body{padding:22px;display:flex;flex-direction:column;gap:14px}.modal-ft{padding:14px 22px;border-top:1px solid var(--hairline);display:flex;justify-content:flex-end;gap:8px;background:#0000002e}[data-theme=light] .modal-ft{background:#00000008}@keyframes modal-in{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}.field-lbl{font-size:var(--fs-xs);color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-row{display:flex;flex-direction:column}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.empty{padding:60px 20px;text-align:center;color:var(--text-2)}.empty h3{color:var(--text-0);margin:0 0 6px;font-size:16px;font-weight:600}[data-theme=dark] .twk-panel{background:#1c1e24d9!important;color:var(--text-0)!important;border-color:#ffffff14!important;box-shadow:0 12px 40px #00000080,0 0 60px #48d7fe0d!important}[data-theme=dark] .twk-panel *{color:inherit}[data-theme=dark] .twk-lbl{color:var(--text-1)!important}[data-theme=dark] .twk-val{color:var(--text-3)!important}.streams-grid{display:grid;grid-template-columns:380px 1fr;gap:14px;height:100%;min-height:0}.streams-list{display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-m);overflow:hidden;min-height:0}.streams-list .body{overflow-y:auto;flex:1}.stream-item{padding:12px 14px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--hairline);cursor:default;transition:background .1s;border-left:2px solid transparent}.stream-item:hover{background:var(--bg-2)}.stream-item.selected{background:var(--accent-soft);border-left-color:var(--accent)}.stream-item .nm{font-weight:500;font-size:var(--fs-sm);display:flex;align-items:center;gap:8px}.stream-item .meta{font-size:var(--fs-xs);color:var(--text-2);margin-top:3px;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.stream-item .meta .mono{color:var(--text-1)}.stream-item .viewer{text-align:right;font-variant-numeric:tabular-nums}.stream-item .viewer b{font-size:var(--fs-base);font-weight:600;color:var(--text-0);display:block}.stream-item .viewer span{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.stream-detail{background:var(--bg-1);border:1px solid var(--hairline);border-radius:var(--radius-m);overflow-y:auto;min-height:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:12px 14px;background:var(--bg-2);border:1px solid var(--hairline);border-radius:10px}.metric .lbl{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.metric .val{font-size:19px;font-weight:600;letter-spacing:-.01em;margin-top:6px;font-variant-numeric:tabular-nums}.metric .sub{font-size:var(--fs-xs);color:var(--text-3);margin-top:2px}.kv-list{display:grid;grid-template-columns:130px 1fr;row-gap:8px;column-gap:14px;font-size:var(--fs-sm)}.kv-list .k{color:var(--text-2)}.kv-list .v{color:var(--text-0)}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:#fa686326;color:#ff958d;color:oklch(.78 .18 25);border:1px solid oklch(.7 .18 25 / .35);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.live-pill .dot{background:#fa6863;box-shadow:0 0 8px #fa6863}.stream-view-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#02030473;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);animation:fade-in .2s ease-out}[data-theme=light] .stream-view-bg{background:#7b818652}.stream-view{position:absolute;top:0;right:0;bottom:0;width:50vw;min-width:560px;background:linear-gradient(180deg,#ffffff0a,#fff0 40%),#141619bd;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);border-left:1px solid oklch(1 0 0 / .1);box-shadow:inset 1px 0 #ffffff0f,-1px 0 #48d7fe2e,-30px 0 80px #0000008c,-40px 0 120px #48d7fe1f;display:flex;flex-direction:column;animation:slidein-right .26s cubic-bezier(.2,.7,.2,1)}[data-theme=light] .stream-view{background:linear-gradient(180deg,#ffffffbf,#ffffff8c 40%),#f3f5f7b3;border-left-color:#00000014;box-shadow:inset 1px 0 #ffffffb3,-1px 0 #48d7fe38,-30px 0 80px #06243738,-40px 0 120px #48d7fe26}.stream-view-hd{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--hairline);background:linear-gradient(180deg,#00000026,#0000);flex:none}[data-theme=light] .stream-view-hd{background:linear-gradient(180deg,#fff6,#fff0)}.stream-view-body{flex:1;overflow-y:auto;padding:18px 22px 28px;display:flex;flex-direction:column;gap:14px}@keyframes slidein-right{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.player-ctrl{background:transparent;border:0;color:var(--text-1);width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:default;transition:background .12s,color .12s}.player-ctrl:hover{background:#ffffff14;color:#fff}.pill.system{background:linear-gradient(135deg,#48d7fe38,#6f6de838);color:var(--accent-hi);border-color:#48d7fe66;font-weight:600;letter-spacing:.04em}.src-row .src-ico.builtin{background:linear-gradient(135deg,#012e3a,#102238,#161635);color:var(--accent-hi);border-color:#48d7fe4d;box-shadow:inset 0 0 0 1px #48d7fe26,0 0 18px #48d7fe26}.src-row .src-ico.builtin.epg-builtin,.src-ico.builtin.epg-builtin{background:linear-gradient(135deg,#023310,#00220b);background:linear-gradient(135deg,#023310,color(xyz 0.005 0.012 0.003));color:var(--good);border-color:#5fd37f59;box-shadow:inset 0 0 0 1px #5fd37f33,0 0 18px #5fd37f33}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--text-2)}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.divider{height:1px;background:var(--hairline);margin:8px 0}.spacer{flex:1}
|