@font-face{font-family:Cairo;src:url('/assets/cairo-arabic.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Cairo;src:url('/assets/cairo-latin.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{--bg:#0b0c12;--surface:#141722;--surface2:#1a1e2b;--stroke:#2c3242;--text:#f6f7fb;--muted:#9fa8b8;--red:#e6223f;--redGlow:rgba(230,34,63,.18)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif;overscroll-behavior:none}
button{font:700 17px Cairo,Arial,sans-serif;cursor:pointer;color:inherit}button[hidden],[hidden]{display:none!important}
button:focus,a:focus{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 9px rgba(229,25,55,.52)!important;position:relative;z-index:2}
.app-shell{height:100vh;min-height:600px;display:flex;direction:rtl;overflow:hidden}
.sidebar{width:258px;flex-shrink:0;border-left:1px solid #283041;background:linear-gradient(180deg,#1b1c27 0,#13151d 52%,#0f1119 100%);padding:30px 20px;display:flex;flex-direction:column;box-shadow:-9px 0 60px rgba(0,0,0,.12)}
.brand{display:flex;align-items:center;gap:13px;margin:2px 2px 56px;direction:ltr}
.brand img{width:65px;height:65px;object-fit:cover;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.brand strong{font:900 22px Cairo;letter-spacing:-.8px;white-space:nowrap}.brand strong span{color:var(--red)}.brand small{font:700 10px Arial;letter-spacing:2px;color:#acb5c8;display:block;margin-top:-5px}
.menu{display:flex;flex-direction:column;gap:13px}.nav{width:100%;height:66px;border-radius:14px;background:transparent;text-align:right;border:1px solid transparent;padding:0 19px;display:flex;align-items:center;gap:16px;color:#abb3c1}.nav-icon{font:900 24px Arial;width:30px;text-align:center}.nav:hover,.nav.active{background:linear-gradient(90deg,#411928,#2a1c2a);color:#fff;border-color:#602839}.nav.active{box-shadow:inset -5px 0 var(--red)}
.side-foot{margin-top:auto;border-top:1px solid var(--stroke);padding:20px 10px 0;display:flex;align-items:center;gap:8px;color:#aab4c1;font-size:11px}.online-dot{display:block;width:8px;height:8px;border-radius:50%;background:#f4aa52}.online-dot.ok{background:#4fd3a0}.edition{margin-right:auto;color:#788297;font:700 10px Arial}
.workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(circle at 72% -6%,#1d2030 0,#0b0c12 35%)}
.topbar{height:122px;padding:24px 48px 12px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.eyebrow{color:#ee526a;letter-spacing:2px;font:800 12px Arial;direction:ltr;text-align:right}.heading h1{font-size:31px;margin:4px 0 0;line-height:1.3}
.top-actions{display:flex;align-items:center;gap:16px}.time{font:800 26px Arial;color:#d9dfe9;direction:ltr}.tool{border:1px solid #3c4457;background:#212636;border-radius:12px;padding:8px 19px;min-height:54px}.tool:hover{background:#303647}
.hero{margin:2px 48px 22px;padding:24px 32px;background:linear-gradient(105deg,#3a1727 0%,#231827 37%,#141926 100%);border:1px solid #513042;border-radius:18px;min-height:123px;display:flex;flex-direction:column;gap:4px;box-shadow:0 15px 50px #0002;flex-shrink:0}
.hero-kicker{font-size:12px;color:#ff6d84;font-weight:800}.hero strong{font-size:29px;font-weight:900}.hero>span{font-size:13px;color:#aeb8c7}
main{overflow-y:auto;min-height:0;flex:1;padding:0 48px 30px;scrollbar-color:#4e5669 transparent;scrollbar-width:thin}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 18px}.section-head h2{margin:0;font-size:22px}.section-head>span{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.match-card{display:flex;flex-direction:column;gap:17px;min-width:0;padding:19px;border:1px solid #343b4b;border-radius:17px;background:linear-gradient(150deg,#1b1e2a,#11141d);min-height:237px}.match-card.live{background:linear-gradient(140deg,#321c29,#151823);border-color:#6b2d40}
.m-meta{display:flex;justify-content:space-between;align-items:center;gap:11px;color:#a9b3c3;font-size:12px;min-height:23px}.m-meta span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-indicator{color:#ff6680;font-weight:900}.live-indicator:before{content:'●';font:800 9px Arial;margin-left:8px}
.teams{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;min-height:88px}.team{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.team img{width:42px;height:42px;object-fit:contain}.team .fallback{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#333b4c;font-weight:900}.team b{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.score{min-width:64px;text-align:center;font:900 22px Arial;white-space:nowrap;direction:rtl;display:flex;align-items:center;justify-content:center;gap:5px}.score small{color:#8d99aa;font-size:12px}
.watch{background:#ba1937;border:none;border-radius:10px;min-height:49px;padding:10px;font-weight:900;margin-top:auto}.watch:hover{background:#e12443}.watch.off{background:#292f3b;color:#abb3c2}.watch.off:focus{background:#3a4151!important}
.empty{text-align:center;border:1px dashed #434858;border-radius:17px;padding:55px 15px;color:#bdc5d2;line-height:2;font-size:18px}.loading{border-style:solid}.error{color:#f8a8b5}.footer{height:56px;display:flex;align-items:center;justify-content:space-between;padding:7px 48px;border-top:1px solid #242a38;color:#808b9f;font-size:11px;flex-shrink:0}
.competitions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.league-card{background:linear-gradient(145deg,#202433,#151824);border:1px solid #343c50;border-radius:15px;padding:22px 12px;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center}.league-card:hover{background:#242b3b}.league-card img{width:57px;height:57px;object-fit:contain}.league-card b{font-size:14px}
.two-tabs{display:flex;gap:12px;margin:0 0 24px}.subtab{padding:10px 26px;border:1px solid #475066;background:#232a38;border-radius:11px}.subtab.active{background:#b41c39;border-color:#ed3551}
.table-list{display:flex;flex-direction:column;gap:7px}.table-line{display:grid;grid-template-columns:48px minmax(240px,1fr) repeat(5,66px);gap:8px;align-items:center;min-height:58px;background:#181d28;border:1px solid #2d3444;border-radius:10px;padding:10px 20px}.table-line.head{background:#292131;color:#cbd1dd;font-size:11px}.table-line img{width:29px;height:29px;object-fit:contain;vertical-align:middle;margin-left:10px}.table-line .teamname{display:flex;align-items:center;gap:8px}.table-line span{font-size:14px}.table-line .points{font-weight:900;color:#ff6c80}.group-label{font-weight:900;color:#f46b81;margin:24px 0 9px}
.channel-card{background:#1b1f2a;padding:22px;border:1px solid #384052;border-radius:16px;min-height:158px;display:flex;flex-direction:column;gap:15px}.channel-name{font-size:17px;font-weight:900}
.player[hidden],.sources-pane[hidden],.player-message[hidden],#retryStream[hidden]{display:none!important}.player{position:fixed;inset:0;background:#030509;z-index:5000;width:100vw;height:100vh;overflow:hidden;outline:0;cursor:none}.player:focus{outline:none}.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05060a}.video-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 35%,transparent 62%,rgba(0,0,0,.77))}
.player-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:34px 45px 36px;pointer-events:none;transition:opacity .22s}.player-top,.player-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:auto}.player-top h2{font-size:29px;margin:6px 0}.red-label{color:#ff486c;font:900 14px Arial}.muted{color:#abb4c3;font-size:13px}.buttons{display:flex;gap:13px;flex-wrap:wrap}.player-button{padding:11px 19px;min-height:52px;border-radius:11px;border:1px solid #536175;background:rgba(25,33,48,.91);font-size:14px}.player-button.primary{background:#c31a3a;border-color:#ee405e}.player-button:hover{background:#3b4357}
.sources-pane{position:absolute;z-index:9;right:26px;top:50%;transform:translateY(-50%);width:min(370px,38vw);max-height:71vh;padding:21px;border-radius:18px;border:1px solid #5b6579;background:rgba(15,19,28,.96);box-shadow:0 18px 75px #0009}.sources-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sources-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:52vh}.server{min-height:55px;text-align:right;padding:12px 18px;background:#252c3a;border:1px solid #3d4659;border-radius:11px}.server.selected{background:#a61834;border-color:#f04c68}
.player-message{position:absolute;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px 36px;min-width:330px;background:rgba(14,18,27,.94);border:1px solid #434d61;border-radius:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:18px;flex-direction:column;white-space:pre-wrap}.spinner{width:43px;height:43px;border:4px solid #565c69;border-top-color:#ed2644;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.player.idle .player-hud,.player.idle .sources-pane,.player.idle .video-tint{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:1200px){.sidebar{width:214px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.competitions{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:16px 30px}.hero{margin:2px 30px 18px}main{padding:0 30px 26px}}
@media(max-width:800px){.sidebar{width:160px;padding:18px 9px}.brand{gap:6px;margin-bottom:32px}.brand img{width:40px;height:40px}.brand strong{font-size:13px}.brand small{font-size:8px}.nav{font-size:13px;padding:0 9px;gap:6px}.nav-icon{font-size:16px}.hero strong{font-size:21px}.hero{padding:18px;min-height:90px}.cards,.competitions{grid-template-columns:1fr}.match-card{min-height:207px}.topbar{height:90px}.heading h1{font-size:23px}.top-actions .time{display:none}.table-line{grid-template-columns:22px minmax(100px,1fr) repeat(5,34px);padding:8px;gap:2px}.table-line span{font-size:10px}}