@import "https://fonts.googleapis.com/css2?family=Mulish:wght@400;600;700;800&display=swap";:root{--bg-dark:#131417;--bg-card:#1c1d22;--bg-card-hover:#2a2c33;--text-main:#fff;--text-muted:#9aa0a6;--accent:#e50914;--border:#2c2d33}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Mulish,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.app-container{flex-direction:column;min-height:100vh;display:flex}.top-navbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#131417f2;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:40px;display:flex}.brand{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.brand span{color:var(--accent)}.nav-links{gap:25px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;padding-bottom:5px;font-size:15px;font-weight:600;transition:color .2s}.nav-item:hover{color:var(--text-main)}.nav-item.active{color:var(--text-main);border-bottom-color:var(--accent)}.nav-right{align-items:center;gap:20px;display:flex}.search-bar{background-color:var(--bg-card);border-radius:8px;align-items:center;width:250px;padding:8px 12px;display:flex}.search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-family:Mulish,sans-serif;font-size:14px}.btn-premium{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:700}.btn-login{color:var(--text-main);border:1px solid var(--border);cursor:pointer;background-color:#0000;border-radius:6px;padding:8px 16px;font-weight:600}.content-area{flex:1;padding:30px 40px}.section-title{margin-bottom:20px;font-size:20px;font-weight:700}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.channel-card{background-color:var(--bg-card);cursor:pointer;aspect-ratio:4/3;border-radius:8px;flex-direction:column;padding:16px;transition:transform .2s;display:flex}.channel-card:hover{background-color:var(--bg-card-hover);transform:scale(1.03)}.channel-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:700;overflow:hidden}.channel-country{color:var(--text-muted);margin-bottom:auto;font-size:12px}.channel-logo-container{flex:1;justify-content:center;align-items:center;display:flex}.channel-logo{object-fit:contain;max-width:80px;max-height:80px}.fallback-logo{background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.player-page{gap:30px;height:calc(100vh - 70px);padding:30px 40px;display:flex}.player-left{flex-direction:column;flex:2;display:flex}.player-container{aspect-ratio:16/9;background-color:#000;border-radius:8px;width:100%;margin-bottom:20px;overflow:hidden}.player-metadata{padding:10px 0}.player-title{margin-bottom:5px;font-size:28px;font-weight:800}.player-subtitle{color:var(--text-muted);font-size:14px}.player-right{background-color:var(--bg-card);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.schedule-header{border-bottom:1px solid var(--border);padding:15px 20px;font-size:16px;font-weight:700}.schedule-list{flex:1;padding:10px;overflow-y:auto}.schedule-item{cursor:pointer;border-radius:6px;align-items:center;gap:15px;padding:12px;display:flex}.schedule-item:hover{background-color:var(--bg-card-hover)}.schedule-item.active{border-left:3px solid var(--accent);background-color:#e509141a}.live-badge{background-color:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.navbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#131417f2;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;position:sticky;top:0}.player-layout{gap:24px;height:calc(100vh - 70px);padding:24px 40px;display:flex;overflow:hidden}.player-section{flex-direction:column;flex:2;display:flex;overflow-y:auto}.player-section .player-container{aspect-ratio:16/9;background-color:#000;border-radius:8px;flex-shrink:0;width:100%;overflow:hidden}.schedule-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;min-width:260px;max-width:340px;display:flex;overflow:hidden}.schedule-title{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:8px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.now-playing{border-bottom:1px solid var(--border);background:#e509140f;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.now-playing h4{font-size:16px;font-weight:700}