:root{--bg-base:#000;--bg-elevated:#0d0d0d;--bg-elevated-2:#161616;--bg-elevated-3:#202020;--brand:#ff3b30;--brand-dark:#b8271f;--brand-light:#ff6259;--brand-glow:#ff3b3026;--brand-bg:#ff3b3024;--brand-border:#ff3b3066;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff61;--hairline:#ffffff1a;--hairline-subtle:#ffffff0f;--transition-standard:.22s ease-out;--transition-standard-slow:.32s ease-out;--font-family:"Inter", -apple-system, sans-serif;--bg:var(--bg-base);--surface:var(--bg-elevated);--surface-hover:var(--bg-elevated-3);--surface-sunken:var(--bg-base);--surface-elevated:var(--bg-elevated-2);--border:var(--hairline);--border-subtle:var(--hairline-subtle);--text:var(--text-secondary);--text-h:var(--text-primary);--text-muted:var(--text-secondary);--text-faint:var(--text-tertiary);--accent:var(--brand);--accent-hover:var(--brand-light);--accent-bg:var(--brand-bg);--accent-border:var(--brand-border);--focus-ring:var(--brand);--focus-glow:var(--brand-glow);--success:#4ade80;--success-bg:#4ade8024;--warning:#fbbf24;--warning-bg:#fbbf2424;--info:#38bdf8;--info-bg:#38bdf824;--danger:#f43f5e;--danger-hover:#fb7185;--danger-bg:#f43f5e24;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 14px #0006;--shadow-lg:0 20px 48px #0000008c;--shadow-glow:inset 0 1px 0 #ffffff0d, 0 24px 56px #0000008c, 0 0 48px var(--brand-glow);--shadow-card:inset 0 1px 0 #ffffff0a, 0 8px 24px #00000061;--transition:var(--transition-standard);--transition-slow:var(--transition-standard-slow);--sans:var(--font-family);font:16px/1.55 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.02em;color:var(--text-h);font-weight:700}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.1rem}p{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);transition:background-color var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);min-height:40px;padding:0 1rem;font-weight:500}button:hover,button:focus-visible{background:var(--surface-hover);border-color:var(--accent-border)}button:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-dark));border-color:var(--brand);color:#fff;font-weight:600}.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(135deg, var(--brand-light), var(--brand));border-color:var(--brand-light);box-shadow:0 6px 20px var(--brand-glow)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn-danger:hover,.btn-danger:focus-visible{background:var(--danger-hover);border-color:var(--danger-hover)}a{color:var(--accent);transition:color var(--transition)}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb, var(--focus-ring) 25%, transparent)}.centered-screen{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;min-height:100vh;padding:var(--space-4);flex-direction:column;display:flex}.centered-screen button,.centered-screen a{align-items:center;min-height:60px;padding:0 1.5rem;display:inline-flex}.spinner{vertical-align:-.15em;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.65s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-fade-in var(--transition-slow) both}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}.spinner{animation-duration:1.2s}}.empty-state{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-full);background:var(--surface-hover);width:56px;height:56px;color:var(--text-faint);justify-content:center;align-items:center;display:inline-flex}.empty-state__title{color:var(--text-h);font-weight:600}.panel-loading,.panel-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.panel-loading{color:var(--text-muted)}.panel-error{color:var(--danger);background:var(--danger-bg);align-items:center;gap:var(--space-3);display:flex}.panel-error button{min-height:32px;padding:0 .75rem;font-size:.85rem}.panel-form{gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;max-width:640px;display:flex}.panel-form__row{gap:var(--space-4);flex-wrap:wrap;display:flex}.panel-form__row label{gap:var(--space-1);color:var(--text-muted);flex-direction:column;flex:1;min-width:160px;font-size:.85rem;font-weight:500;display:flex}.panel-form__row input:not([type=radio]):not([type=checkbox]),.panel-form__row select,.panel-form__row textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:40px;color:var(--text-h);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);padding:0 .7rem}.panel-form__row input:focus-visible,.panel-form__row select:focus-visible,.panel-form__row textarea:focus-visible{border-color:var(--accent)}.panel-form__error{color:var(--danger);font-size:.85rem}.panel-form button[type=submit]{align-self:flex-start;min-height:40px;padding:0 1.25rem}.panel-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);font-size:.9rem;overflow:hidden}.panel-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-sunken);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.panel-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.panel-table tr:last-child td{border-bottom:none}.panel-table tbody tr:nth-child(2n) td{background:var(--surface-sunken)}.panel-table tbody tr:hover td{background:var(--surface-hover)}.panel-table__truncate{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.panel-table button{min-height:32px;padding:0 .75rem;font-size:.85rem}.panel-table button+button{margin-left:var(--space-2)}.stat-grid{gap:var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.pending-list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pending-list__item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--surface);box-shadow:var(--shadow-card);max-width:640px}.pending-list__header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.pending-list__date{color:var(--text-muted);font-size:.8rem}.pending-approve__packages{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.pending-approve__package{align-items:center;gap:.35rem;font-size:.85rem;display:flex}.status-page{min-height:100vh;padding:var(--space-4);background:radial-gradient(circle at 20% 15%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), radial-gradient(circle at 80% 85%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), var(--bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.status-page__card{z-index:1;align-items:center;gap:var(--space-3);text-align:center;width:100%;max-width:380px;padding:var(--space-8) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-glow);flex-direction:column;display:flex;position:relative}.status-page__icon{border-radius:var(--radius-full);background:var(--accent-bg);width:56px;height:56px;color:var(--accent);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:inline-flex}.status-page__icon--danger{background:var(--danger-bg);color:var(--danger)}.status-page__card p{color:var(--text-muted)}.status-page__widget{margin-top:var(--space-3);justify-content:center;align-items:center;min-height:44px;display:flex}.status-page__card p.status-page__error{color:var(--danger);font-size:.9rem}.cine-surface{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-family);position:relative}.cine-glow{background:radial-gradient(circle, var(--brand-glow), transparent 70%);filter:blur(40px);pointer-events:none;border-radius:50%;width:60vw;max-width:900px;height:60vw;max-height:900px;position:absolute}.cine-hero-blur{z-index:0;filter:blur(40px)brightness(.45)saturate(1.2);opacity:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity .48s ease-out;position:absolute;inset:-15%}.cine-hero-blur--active{opacity:.6}.cine-grain:after{content:"";z-index:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cine-hero-blur{transition:none}}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.site-header{z-index:20;align-items:center;gap:var(--space-5);height:72px;padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.site-header__brand-group{align-items:center;gap:var(--space-3);display:flex}.site-header__brand{letter-spacing:-.01em;color:var(--text-h);white-space:nowrap;align-items:center;gap:.55rem;font-size:1.3rem;font-weight:800;text-decoration:none;display:inline-flex}.site-header__brand:hover{color:var(--text-h)}.site-header__menu-btn{min-width:auto;min-height:auto;color:var(--text-h);background:0 0;border:none;padding:.4rem;display:none}.site-header__menu-btn:hover,.site-header__menu-btn:focus-visible{background:var(--surface-hover)}.site-header__search{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-sunken);width:100%;max-width:420px;min-height:44px;color:var(--text-faint);transition:border-color var(--transition);justify-self:center;align-items:center;gap:.5rem;padding:0 .9rem;display:flex}.site-header__search:focus-within{border-color:var(--accent-border);color:var(--text-muted)}.site-header__search input{min-width:0;color:var(--text-h);font:inherit;background:0 0;border:none;outline:none;flex:1}.site-header__search input::placeholder{color:var(--text-faint)}.site-header__user{align-items:center;gap:var(--space-3);white-space:nowrap;justify-self:end;display:flex}.site-header__bell{width:40px;height:40px;color:var(--text-muted);transition:background-color var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.site-header__bell:hover,.site-header__bell:focus-visible{background:var(--surface-hover);color:var(--text-h)}.site-header__bell-badge{border-radius:var(--radius-full);background:var(--danger);color:#fff;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:3px;right:3px}.site-header__avatar{background:var(--accent-bg);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.site-header__role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent);padding:.25rem .6rem;font-size:.75rem;font-weight:600}.site-header__name{color:var(--text-muted);font-size:.9rem}.site-header__user button{align-items:center;gap:.4rem;min-height:40px;padding:0 1rem;display:inline-flex}@media (width<=768px){.site-header{height:auto;min-height:64px;padding:var(--space-3) var(--space-4);row-gap:var(--space-2);grid-template-columns:auto auto;grid-template-areas:"brand user"}.site-header__brand-group{grid-area:brand}.site-header__menu-btn{justify-content:center;align-items:center;display:inline-flex}.site-header__user{grid-area:user}.site-header__search{order:3;grid-column:1/-1;max-width:none}.site-header__name{display:none}}.sidebar{width:240px;height:calc(100vh - 72px);padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;position:sticky;top:72px;overflow-y:auto}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:background-color var(--transition), color var(--transition);font-weight:500;text-decoration:none;display:flex}.sidebar__link svg{flex-shrink:0}.sidebar__link:hover,.sidebar__link:focus-visible{background:var(--surface-hover);color:var(--text-h)}.sidebar__link--active{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff}.sidebar__backdrop{display:none}@media (width<=768px){.sidebar{z-index:40;width:260px;height:100vh;transition:transform var(--transition-slow);box-shadow:var(--shadow-lg);position:fixed;inset:64px 0 0;transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}.sidebar__backdrop.sidebar__backdrop--visible{z-index:35;background:#0009;display:block;position:fixed;inset:0}}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell__glow{z-index:0;opacity:.35;width:50vw;height:50vw;top:-160px;left:50%;transform:translate(-50%)}.app-shell__body{z-index:1;flex:1;align-items:flex-start;display:flex;position:relative}.app-shell__content{min-width:0;padding:var(--space-5);flex:1;width:100%;max-width:1200px;margin:0 auto}@media (width<=768px){.app-shell__content{padding:var(--space-4)}}.stat-card{min-width:160px;min-height:100px;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:inherit;transition:box-shadow var(--transition), transform var(--transition), border-color var(--transition);flex-direction:column;gap:.35rem;text-decoration:none;display:flex}.stat-card--link:hover,.stat-card--link:focus-visible{box-shadow:var(--shadow-glow);border-color:var(--accent-border);transform:translateY(-3px)}.stat-card__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.4rem;display:inline-flex}.stat-card__icon--accent{background:var(--accent-bg);color:var(--accent)}.stat-card__icon--success{background:var(--success-bg);color:var(--success)}.stat-card__icon--warning{background:var(--warning-bg);color:var(--warning)}.stat-card__icon--info{background:var(--info-bg);color:var(--info)}.stat-card__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:800}.stat-card__label{color:var(--text-muted);font-size:.85rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-hover) 25%, var(--surface-elevated) 37%, var(--surface-hover) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}.skeleton--circle{border-radius:var(--radius-full)}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--surface-hover);animation:none}}.skeleton-row td{padding-top:var(--space-3);padding-bottom:var(--space-3)}.getting-started{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--accent-bg), transparent 70%);box-shadow:var(--shadow-sm);display:flex}.getting-started__icon{color:var(--accent);flex-shrink:0;margin-top:2px}.getting-started__body{flex:1;min-width:0}.getting-started__body strong{margin-bottom:var(--space-3);color:var(--text-h);display:block}.getting-started__body ol{color:var(--text-muted);flex-direction:column;gap:.5rem;margin:0;padding-left:1.2rem;font-size:.9rem;display:flex}.getting-started__dismiss{width:32px;min-width:auto;height:32px;min-height:auto;color:var(--text-faint);background:0 0;border:none;flex-shrink:0;padding:0}.getting-started__dismiss:hover,.getting-started__dismiss:focus-visible{background:var(--surface-hover);color:var(--text-h)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-header__text h2{margin:0 0 var(--space-2)}.page-header__subtitle{max-width:60ch;color:var(--text-muted);margin:0;font-size:.95rem}.page-header__actions{gap:var(--space-3);flex-shrink:0;display:flex}@media (width<=640px){.page-header{flex-direction:column}}.confirm-dialog__backdrop{z-index:1100;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:confirm-dialog-fade var(--transition) both;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes confirm-dialog-fade{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:100%;max-width:420px;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:confirm-dialog-in var(--transition-slow) both}@keyframes confirm-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.confirm-dialog__backdrop,.confirm-dialog{animation:none}}.confirm-dialog h3{margin:0 0 var(--space-2)}.confirm-dialog p{color:var(--text-muted);line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.pagination{color:var(--text-muted);align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.pagination button{align-items:center;gap:.25rem;min-height:36px;padding:0 .75rem;display:inline-flex}.channel-picker__search{position:relative}.channel-picker__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.channel-picker input[type=text]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:40px;color:var(--text-h);font:inherit;transition:border-color var(--transition);padding:0 .6rem 0 2.1rem}.channel-picker input[type=text]:focus-visible{border-color:var(--accent)}.channel-picker__count{color:var(--text-muted);margin:.5rem 0;font-size:.8rem}.channel-picker__list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.channel-picker__list li{border-bottom:1px solid var(--border-subtle);padding:.4rem .6rem}.channel-picker__list li:last-child{border-bottom:none}.channel-picker__list label{cursor:pointer;align-items:center;gap:.5rem;min-height:32px;display:flex}.channel-picker__group{color:var(--text-muted);font-size:.8rem}.channel-picker__hint{color:var(--text-muted);font-size:.85rem}.channel-card{flex:none;width:208px;position:relative}.channel-card__link{border-radius:var(--radius-lg);background:var(--bg-elevated);width:208px;height:208px;transition:transform var(--transition-standard), box-shadow var(--transition-standard);border:none;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.channel-card__link:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 14px 32px #0009}.channel-card__link:focus-visible{box-shadow:0 0 0 2px var(--bg-base), 0 0 0 5px var(--brand), 0 16px 40px 4px var(--brand-glow);z-index:3;transform:scale(1.08)}.channel-card__art{padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.channel-card__logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.channel-card__logo--placeholder{width:100%;height:100%;color:var(--text-secondary);background:var(--bg-elevated-2);justify-content:center;align-items:center;display:flex}.channel-card__name-overlay{padding:var(--space-4) var(--space-2) var(--space-2);background:linear-gradient(#0000 10%,#000 100%);align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.channel-card__name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.channel-card__favorite{z-index:2;border-radius:var(--radius-full);color:#fbbf24;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-width:40px;min-height:40px;transition:background-color var(--transition-standard), transform var(--transition-standard);background:#0000008c;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.channel-card__favorite:hover,.channel-card__favorite:focus-visible{background:#000c;transform:scale(1.1)}@media (width<=480px){.channel-card,.channel-card__link{width:156px;height:156px}}.channel-row{z-index:1;margin-bottom:var(--space-8);position:relative}.channel-row__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 var(--space-4);padding:0 var(--space-1);font-size:1.25rem;font-weight:700}.channel-row__viewport{position:relative}.channel-row__track{gap:var(--space-3);scroll-snap-type:x proximity;scroll-padding-left:var(--space-1);padding:var(--space-2) var(--space-1) var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.channel-row__track::-webkit-scrollbar{display:none}.channel-row__track>*{scroll-snap-align:start}.channel-row__nav{top:0;bottom:var(--space-3);background:linear-gradient(to right, var(--bg-base) 15%, transparent);width:48px;min-height:0;color:var(--text-primary);opacity:0;transition:opacity var(--transition-standard);z-index:2;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.channel-row__nav--right{background:linear-gradient(to left, var(--bg-base) 15%, transparent);right:0}.channel-row__nav--left{left:0}.channel-row__viewport:hover .channel-row__nav,.channel-row__viewport:focus-within .channel-row__nav{opacity:1}@media (hover:none){.channel-row__nav{display:none}}.player-controls{color:var(--text-primary);opacity:1;transition:opacity var(--transition-standard);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.player-controls--hidden{opacity:0;pointer-events:none;cursor:none}.player-controls__top{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(#000000bf,#0000);display:flex}.player-controls__icon-btn{width:44px;height:44px;color:var(--text-primary);transition:background-color var(--transition-standard);background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.player-controls__icon-btn:hover,.player-controls__icon-btn:focus-visible{background:#fff3}.player-controls__logo{object-fit:contain;background:var(--text-primary);border-radius:var(--radius-sm);width:32px;height:32px;padding:2px}.player-controls__name{font-size:1.05rem;font-weight:600}.player-controls__live{border-radius:var(--radius-full);background:var(--brand-bg);color:var(--brand-light);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.4rem;margin-left:auto;padding:.3rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.player-controls__live-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:1.6s infinite player-live-pulse}@keyframes player-live-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.player-controls__center-btn{width:68px;height:68px;color:var(--text-primary);transition:background-color var(--transition-standard), transform var(--transition-standard);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-controls__center-btn:hover,.player-controls__center-btn:focus-visible{background:var(--brand);transform:translate(-50%,-50%)scale(1.06)}.player-controls__side-btn{width:52px;height:52px;color:var(--text-primary);transition:background-color var(--transition-standard), transform var(--transition-standard);background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.player-controls__side-btn:hover,.player-controls__side-btn:focus-visible{background:#000000b3;transform:translateY(-50%)scale(1.06)}.player-controls__side-btn--prev{left:var(--space-4)}.player-controls__side-btn--next{right:var(--space-4)}.player-controls__bottom{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:linear-gradient(#0000,#000c);display:flex}.player-controls__spacer{flex:1}@media (width<=640px){.player-controls__name{display:none}.player-controls__side-btn{width:44px;height:44px}.player-controls__center-btn{width:56px;height:56px}.player-controls__top,.player-controls__bottom{padding:var(--space-3) var(--space-4)}}.channel-player{background:var(--bg-base);width:100%;height:100%;position:relative;overflow:hidden}.channel-player__video{object-fit:contain;background:var(--bg-base);width:100%;height:100%}.channel-player__loading{color:var(--text-primary);background:var(--bg-base);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-error{width:100%;height:100%;padding:var(--space-6);background:var(--bg-base);color:var(--danger);flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;display:flex;position:relative}.player-error h2,.player-error p{z-index:1;color:var(--text-primary);position:relative}.player-error__actions{gap:var(--space-3);display:flex}.player-error button{align-items:center;gap:.5rem;min-height:60px;padding:0 1.5rem;display:inline-flex}.watch-page{z-index:50;background:var(--bg-base);position:fixed;inset:0}.page-transition:has(>.watch-page){animation:none}.channel-grid-page{padding:var(--space-6) var(--space-5) var(--space-8);border-radius:var(--radius-lg);position:relative;overflow:hidden}.channel-grid-page__glow{z-index:0;top:-220px;left:50%;transform:translate(-50%)}.channel-grid-page__banner,.channel-grid-page__categories,.channel-grid-page__rows,.channel-grid-page .empty-state{z-index:1;position:relative}.channel-grid-page__banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-weight:500}.channel-grid-page__banner--error{background:var(--danger-bg);color:var(--danger)}.channel-grid-page__banner--warning{background:var(--warning-bg);color:var(--warning)}.channel-grid-page__categories{gap:var(--space-2);padding-bottom:var(--space-2);margin:0 0 var(--space-6);scrollbar-width:none;display:flex;overflow-x:auto}.channel-grid-page__categories::-webkit-scrollbar{display:none}.channel-grid-page__category{border-radius:var(--radius-full);background:var(--bg-elevated);min-height:44px;color:var(--text-secondary);transition:background-color var(--transition-standard), border-color var(--transition-standard), color var(--transition-standard);border:1px solid #ffffff1f;flex-shrink:0;padding:0 1.2rem;font-size:.9rem;font-weight:600}.channel-grid-page__category:hover,.channel-grid-page__category:focus-visible{background:var(--bg-elevated-2);color:var(--text-primary)}.channel-grid-page__category--active{background:linear-gradient(135deg, var(--brand), var(--brand-dark));border-color:var(--brand);color:#fff}.channel-grid-page__category--active:hover{background:linear-gradient(135deg, var(--brand), var(--brand-dark))}@keyframes cine-row-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channel-grid-page__rows{animation:.36s ease-out both cine-row-fade}@media (prefers-reduced-motion:reduce){.channel-grid-page__rows{animation:none}}.login-hero{background:var(--bg-base)}.login-hero__top{min-height:100vh;padding:var(--space-6) var(--space-5);align-items:center;display:flex;position:relative;overflow:hidden}.login-hero__backdrop{z-index:0;position:absolute;inset:0}.login-hero__tile-grid{gap:var(--space-3);filter:blur(.5px);opacity:.5;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:-12%;transform:rotate(-4deg)scale(1.15)}.login-hero__tile{aspect-ratio:2/3;border-radius:var(--radius-md);background:var(--bg-elevated-2);color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.login-hero__tile:nth-child(5n+1){background:linear-gradient(160deg, color-mix(in srgb, var(--brand) 55%, var(--bg-elevated-2)), var(--bg-elevated-2))}.login-hero__tile:nth-child(5n+2){background:linear-gradient(160deg, color-mix(in srgb, var(--info) 45%, var(--bg-elevated-2)), var(--bg-elevated-2))}.login-hero__tile:nth-child(5n+4){background:linear-gradient(160deg, color-mix(in srgb, var(--success) 40%, var(--bg-elevated-2)), var(--bg-elevated-2))}.login-hero__tile:nth-child(5n){background:linear-gradient(160deg, color-mix(in srgb, var(--brand-dark) 55%, var(--bg-elevated-2)), var(--bg-elevated-2))}.login-hero__scrim{z-index:1;background:linear-gradient(100deg, var(--bg-base) 18%, color-mix(in srgb, var(--bg-base) 60%, transparent) 55%, color-mix(in srgb, var(--bg-base) 30%, transparent) 100%), linear-gradient(to top, var(--bg-base), transparent 45%), linear-gradient(to bottom, var(--bg-base), transparent 30%);position:absolute;inset:0}.login-hero__glow{z-index:1;top:50%;right:8%;transform:translateY(-50%)}.login-hero__content{z-index:2;gap:var(--space-8);grid-template-columns:1.15fr .85fr;align-items:center;width:100%;max-width:1180px;margin:0 auto;display:grid;position:relative}@keyframes login-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-hero__marketing{animation:.7s cubic-bezier(.4,0,.2,1) both login-fade-up}.login-hero__card{animation:.7s cubic-bezier(.4,0,.2,1) .15s both login-fade-up}@media (prefers-reduced-motion:reduce){.login-hero__marketing,.login-hero__card{animation:none}}.login-hero__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);color:var(--text-primary);font-size:1.4rem;font-weight:800;display:flex}.login-hero__eyebrow{margin-bottom:var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.login-hero__marketing h1{margin:0 0 var(--space-5);letter-spacing:-.02em;color:var(--text-primary);font-size:2.75rem;font-weight:800;line-height:1.15}.login-hero__marketing p{max-width:480px;margin:0 0 var(--space-6);color:var(--text-secondary);font-size:1.05rem}.login-hero__badges{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.login-hero__badges li{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid #ffffff1f;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.login-hero__devices{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.login-hero__devices-label{color:var(--text-secondary);font-size:.85rem}.login-hero__devices ul{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.login-hero__devices li{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.login-hero__card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:inset 0 1px 0 #ffffff0d, 0 24px 56px #0009, 0 0 56px var(--brand-glow);border:1px solid #ffffff14}.login-hero__card h2{margin:0 0 var(--space-3);color:var(--text-primary)}.login-hero__card>p{margin:0 0 var(--space-6);color:var(--text-secondary)}.login-hero__widget{justify-content:center;align-items:center;min-height:44px;display:flex}.login-hero__error{margin:var(--space-4) 0 0;color:var(--danger);text-align:center;font-size:.9rem}.login-features{z-index:1;padding:var(--space-8) var(--space-5);border-top:1px solid #ffffff14;position:relative}.login-features__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;display:grid}.login-features__item{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);transition:transform var(--transition-standard), box-shadow var(--transition-standard);border:1px solid #ffffff14;box-shadow:0 8px 24px #0006}.login-features__item:hover{transform:translateY(-2px);box-shadow:0 14px 32px #00000080}.login-features__icon{width:40px;height:40px;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;justify-content:center;align-items:center;display:inline-flex}.login-features__item h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:1rem}.login-features__item p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.login-footer{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);color:var(--text-secondary);font-size:.85rem;display:flex}@media (width<=900px){.login-hero__content{text-align:center;grid-template-columns:1fr;max-width:480px}.login-hero__brand,.login-hero__badges,.login-hero__devices,.login-hero__devices ul{justify-content:center}.login-hero__marketing p{max-width:none;margin-left:auto;margin-right:auto}.login-hero__marketing h1{font-size:2.1rem}.login-hero__glow{right:50%;transform:translate(50%,-50%)}}@media (width<=800px){.login-features__grid{grid-template-columns:1fr}}@media (width<=520px){.login-hero__top{padding:var(--space-5) var(--space-4)}.login-hero__tile-grid{opacity:.35;grid-template-columns:repeat(4,1fr)}.login-hero__card{padding:var(--space-5)}}.status-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--ok{background:var(--success-bg);color:var(--success)}.status-badge--warning{background:var(--warning-bg);color:var(--warning)}.status-badge--error{background:var(--danger-bg);color:var(--danger)}.status-badge--neutral{background:var(--surface-hover);color:var(--text-muted)}.assignments-panel{background:var(--surface);border-radius:8px;padding:.75rem 1rem}.assignments-panel__hint{color:var(--text-muted);font-size:.85rem}.assignments-panel__list{flex-direction:column;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.assignments-panel__list li{align-items:center;gap:.6rem;display:flex}.assignments-panel__list button{min-height:28px;padding:0 .6rem;font-size:.8rem}.assignments-panel__add{gap:.5rem;display:flex}.assignments-panel__add select{border:1px solid var(--border);background:var(--bg);min-height:36px;color:var(--text-h);border-radius:6px;padding:0 .5rem}.toast-viewport{right:var(--space-4);bottom:var(--space-4);z-index:1000;gap:var(--space-2);max-width:min(360px, calc(100vw - var(--space-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--surface-elevated);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-h);animation:toast-in var(--transition-slow) both;font-size:.9rem;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast__icon{flex-shrink:0;margin-top:.15rem}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--danger)}.toast--warning .toast__icon{color:var(--warning)}.toast--info .toast__icon{color:var(--accent)}.toast__message{flex:1;line-height:1.4}.toast__action{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:auto;color:var(--accent);border-radius:var(--radius-sm);flex-shrink:0;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.toast__action:hover,.toast__action:focus-visible{background:var(--accent);color:#17131f}.toast__close{min-height:auto;color:var(--text-faint);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:.15rem}.toast__close:hover,.toast__close:focus-visible{color:var(--text-h);background:var(--surface-hover)}@media (width<=640px){.toast-viewport{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);max-width:none}}