@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink: #cdd6f4;--ink-soft: #bac2de;--sun: #1e1e2e;--accent: #f5c2e7;--accent-glow: rgba(245, 194, 231, .15);--mint: #94e2d5;--mint-glow: rgba(148, 226, 213, .12);--slate: #a6adc8;--muted: #6c7086;--shadow: rgba(0, 0, 0, .35);--panel: rgba(30, 30, 46, .6);--panel-solid: #1e1e2e;--panel-soft: rgba(49, 50, 68, .5);--panel-hover: rgba(49, 50, 68, .75);--border: rgba(205, 214, 244, .08);--border-focus: rgba(245, 194, 231, .3);--surface: rgba(17, 17, 27, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Manrope", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--ink);background:#11111b;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(245,194,231,.04) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 80% 80%,rgba(148,226,213,.03) 0%,transparent 60%),radial-gradient(ellipse 100% 100% at 50% 0%,#1e1e2e,#181825 40%,#11111b);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.top-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(1.25rem,4vw,3rem);height:64px;border-bottom:1px solid var(--border);background:#11111bbf;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.brand{font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink);transition:color .2s}.brand:hover{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:.375rem}.nav-link{font-weight:600;font-size:.85rem;padding:.4rem .9rem;border-radius:var(--radius-full);color:var(--slate);transition:color .2s,background .2s}.nav-link:hover,.nav-link[data-status=active]{color:var(--ink);background:#cdd6f414}.nav-link-accent{font-weight:600;font-size:.85rem;padding:.4rem .9rem;border-radius:var(--radius-full);color:#11111b;background:var(--accent);transition:transform .2s var(--ease-spring),box-shadow .2s}.nav-link-accent:hover{transform:scale(1.04);box-shadow:0 0 20px var(--accent-glow)}.main{flex:1;padding:clamp(1.25rem,4vw,2.5rem);max-width:1400px;width:100%;margin:0 auto}.title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.02em}.subtitle{color:var(--slate);font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.6;max-width:540px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2.5rem);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);animation:fadeIn .5s var(--ease-out)}.landing{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px - clamp(2.5rem,8vw,5rem));border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.landing-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(2rem,6vw,5rem);width:100%}.landing-copy{display:grid;gap:1rem}.landing-copy .title{font-size:clamp(2.25rem,5.5vw,4rem);letter-spacing:-.03em;line-height:1.05}.landing-copy .subtitle{font-size:clamp(1rem,1.8vw,1.15rem);max-width:480px}.landing-actions{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.landing-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.landing-divider:before,.landing-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ghost-group{display:flex;gap:.5rem;justify-content:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;padding:.75rem 1.5rem;background:var(--accent);color:#11111b;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .25s;white-space:nowrap}.cta:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px var(--accent-glow),0 0 0 1px var(--accent)}.cta:active:not(:disabled){transform:scale(.98)}.cta:disabled{opacity:.5;cursor:not-allowed}.cta-mint{background:var(--mint)}.cta-mint:hover:not(:disabled){box-shadow:0 8px 24px var(--mint-glow),0 0 0 1px var(--mint)}.ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);padding:.55rem 1.1rem;color:var(--ink-soft);font-weight:600;font-size:.85rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap}.ghost:hover{border-color:#cdd6f433;color:var(--ink);background:#cdd6f40a}.form{display:grid;gap:1.25rem;margin:1.5rem 0}.field{display:grid;gap:.4rem}.field>span{font-size:.8rem;font-weight:600;color:var(--slate);text-transform:uppercase;letter-spacing:.06em}.field input,.field-input{padding:.7rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s,box-shadow .2s;outline:none}.field input:focus,.field-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.field input::placeholder,.field-input::placeholder{color:var(--muted)}.section-header{display:grid;gap:.5rem;margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1rem}.tile{display:block;position:relative;background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;color:var(--ink);overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s,border-color .3s}.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--mint));opacity:0;transition:opacity .3s}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--shadow);border-color:#cdd6f41f}.tile:hover:before{opacity:1}.tile-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin-bottom:.3rem}.tile-sub{color:var(--muted);font-size:.82rem}.player-shell{display:grid;gap:.75rem;margin-bottom:1.5rem}.player-shell video{width:100%;max-height:65vh;border-radius:var(--radius-lg);background:#000;border:1px solid var(--border)}.player-actions{display:flex;gap:.5rem}.channel-list{display:grid;gap:.75rem}.channel-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);background:var(--panel-soft);border:1px solid var(--border);transition:background .2s,border-color .25s,box-shadow .25s}.channel-card:hover{background:var(--panel-hover);border-color:#cdd6f41f}.channel-card[data-active=true]{border-color:var(--accent);background:#f5c2e70d;box-shadow:0 0 24px #f5c2e70f}.channel-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.channel-card-name{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.channel-card-epg{display:grid;gap:.5rem}.epg-now,.epg-next{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.epg-now .epg-title{color:var(--ink);font-weight:500}.epg-next .epg-title{color:var(--slate)}.epg-empty .epg-title{color:var(--muted);font-style:italic}.epg-badge{display:inline-flex;padding:.15rem .45rem;border-radius:var(--radius-full);background:var(--accent);color:#11111b;font-size:.65rem;font-weight:700;letter-spacing:.05em;flex-shrink:0}.epg-badge-next{background:var(--panel-hover);color:var(--slate)}.epg-time{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.epg-progress-row{display:flex;align-items:center;gap:.75rem}.now-progress{flex:1;height:6px;border-radius:3px;background:#cdd6f414;overflow:hidden}.now-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--mint));transition:width 1s linear}.epg-progress-pct{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--slate);min-width:2.5rem;text-align:right}.epg-upcoming{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.82rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.epg-upcoming::-webkit-scrollbar{display:none}.epg-upcoming-list{display:flex;align-items:center;gap:0;min-width:0}.epg-upcoming-item{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.epg-upcoming-dot{color:var(--muted);margin:0 .5rem;font-size:.9rem}.epg-upcoming-title{color:var(--slate);font-weight:500}.epg-upcoming-item.epg-empty .epg-upcoming-title{color:var(--muted);font-style:italic}.cta-sm{padding:.55rem 1.1rem;font-size:.82rem;flex-shrink:0}.category-pill{display:inline-flex;padding:.3rem .75rem;border-radius:var(--radius-full);background:var(--mint-glow);color:var(--mint);font-weight:600;font-size:.78rem}.info-card{background:var(--mint-glow);border:1px solid rgba(148,226,213,.1);padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.88rem}.info-card strong{color:var(--mint);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.info-card p{margin-top:.35rem;color:var(--slate);line-height:1.5}.status{font-weight:600;font-size:.88rem;color:var(--accent);margin:.75rem 0}.admin{display:grid;gap:1.5rem}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);padding-bottom:0}.admin-tab{padding:.6rem 1.1rem;font-family:var(--font-body);font-weight:600;font-size:.85rem;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.admin-tab:hover{color:var(--ink-soft)}.admin-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.admin-section{display:grid;gap:1.25rem}.admin-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1)}.admin-panel-title{font-family:var(--font-display);font-weight:700;font-size:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.admin-panel-body{display:grid;gap:.25rem;font-size:.9rem}.admin-panel-detail{color:var(--muted);font-size:.82rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.stat-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.stat-value{font-family:var(--font-display);font-weight:800;font-size:1.75rem;letter-spacing:-.02em;color:var(--ink);line-height:1.2}.stat-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.35rem}.admin-table{display:grid;gap:0}.admin-table-head{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:1rem;padding:.6rem 1rem;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.admin-table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:1rem;align-items:center;padding:.75rem 1rem;font-size:.85rem;border-bottom:1px solid rgba(205,214,244,.04);transition:background .15s}.admin-table-row:hover{background:#cdd6f408}.admin-table-primary{font-weight:600;color:var(--ink)}.admin-table-empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.88rem}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.status-active{background:var(--mint);box-shadow:0 0 8px var(--mint-glow)}.status-disabled{background:var(--muted)}.field-row{display:flex;gap:.75rem}.field-row .field{flex:1}.ghost-sm{padding:.3rem .65rem;font-size:.78rem}.source-list{display:grid;gap:.5rem}.source-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:#11111b4d;transition:background .15s}.source-card:hover{background:#11111b80}.source-card-name{font-weight:600;font-size:.88rem}.source-card-url{color:var(--muted);font-size:.78rem;word-break:break-all}.admin-empty{padding:2rem 0;text-align:center;color:var(--muted);font-size:.88rem}.admin-actions-row{display:flex;gap:1.25rem}.cta-danger{background:#f38ba8}.cta-danger:hover:not(:disabled){box-shadow:0 8px 24px #f38ba826,0 0 0 1px #f38ba8}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px - clamp(2.5rem,8vw,5rem))}.auth-card{width:100%;max-width:420px}.auth-card .title{font-size:clamp(1.5rem,3vw,2rem)}.auth-card .form{margin:1.75rem 0}.maintenance-card{text-align:center;max-width:480px}.maintenance-card .title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.75rem}.maintenance-card .subtitle{margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.fade-in{animation:fadeIn .5s var(--ease-out) both}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cdd6f41a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#cdd6f433}@media (max-width: 1024px){.landing-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.landing-copy .subtitle{margin:0 auto}.landing-actions{min-width:unset;width:100%;max-width:280px}.ghost-group{justify-content:center}}@media (max-width: 768px){.top-bar{height:56px}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table-head,.admin-table-row{grid-template-columns:1.5fr 1fr auto}.admin-table-head>:nth-child(3),.admin-table-head>:nth-child(4),.admin-table-row>:nth-child(3),.admin-table-row>:nth-child(4){display:none}.admin-actions-row{flex-direction:column}.field-row{flex-direction:column;gap:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.player-shell video{max-height:45vh}.channel-card-header{flex-direction:column;align-items:stretch;gap:0}.channel-card-header .cta-sm{width:100%;margin-top:.75rem}.epg-upcoming{flex-wrap:wrap}}@media (max-width: 480px){.nav-links{gap:.25rem}.nav-link,.nav-link-accent{padding:.35rem .65rem;font-size:.78rem}.panel{border-radius:var(--radius-lg);padding:1.25rem}.ghost-group{flex-direction:column;width:100%}.ghost-group .ghost{width:100%}}