*{box-sizing:border-box;margin:0;padding:0}
:root{
 --page:#050707;--top:#111719;--card:#151b1e;--card-2:#192024;--card-3:#20272b;
 --border:#293236;--border-2:#333d43;--text:#f4f7f8;--muted:#a4adb4;--muted-2:#737d85;
 --primary:#827cff;--primary-2:#a29dff;--green:#39b864;--red:#ef5b50;--yellow:#f2c332;--blue:#6b8cff;
 --shadow:0 16px 44px rgba(0,0,0,.38);--radius-xl:18px;--radius-lg:16px;--radius-md:12px;--safe-bottom:env(safe-area-inset-bottom,0px)
}
html{background:var(--page);color-scheme:dark;scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(130,124,255,.1),transparent 28%),var(--page);color:var(--text);font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}img{display:block;max-width:100%}svg{stroke-width:2}
.public-body{background:#080b0d}.site-shell{width:min(100%,700px);min-height:100vh;margin:0 auto;background:var(--page);position:relative;padding-bottom:calc(64px + var(--safe-bottom));box-shadow:0 0 70px rgba(0,0,0,.28)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(17,23,25,.97);backdrop-filter:blur(18px);border-bottom:1px solid #21282d;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.brand-row{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.brand-mark{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800;letter-spacing:-.5px;direction:ltr}.logo-shape{width:27px;height:21px;position:relative;display:block}.logo-shape:before,.logo-shape:after,.logo-shape i{content:"";position:absolute;background:#fff;border-radius:1px}.logo-shape:before{right:0;top:0;width:27px;height:7px}.logo-shape:after{right:0;bottom:0;width:27px;height:7px}.logo-shape i{right:0;top:7px;width:11px;height:7px}
.header-icon,.notification-button{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--card-2);display:grid;place-items:center;position:relative}.header-icon svg,.notification-button svg{width:17px;height:17px}.notification-button b{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--red);display:grid;place-items:center;font-size:9px;color:#fff;border:2px solid var(--top)}.header-center-actions{display:flex;align-items:center;gap:6px;margin-inline-end:auto;margin-inline-start:6px}.premium-mini{height:34px;padding:0 10px;border-radius:10px;background:#f5f5f6;color:#111;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800}.premium-mini svg{width:14px}
.sports-nav{height:65px;display:flex;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.025)}.sports-nav::-webkit-scrollbar,.league-tabs::-webkit-scrollbar{display:none}.sport-item{flex:0 0 92px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d8dcdf;font-size:10px;font-weight:750;position:relative;opacity:.78}.sport-item svg{width:20px;height:20px}.sport-item.active{opacity:1;background:#252d31}.sport-item.active:after{content:"";position:absolute;bottom:0;right:0;left:0;height:3px;background:#f1f1f1}.sport-item:hover{opacity:1}
.league-tabs{height:51px;display:flex;overflow-x:auto;scrollbar-width:none;background:linear-gradient(90deg,rgba(127,124,255,.09),rgba(35,44,48,.25),rgba(84,33,18,.16));border-top:1px solid rgba(255,255,255,.02)}.league-tab{flex:0 0 104px;height:51px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);position:relative;font-size:10px;font-weight:800;white-space:nowrap}.league-tab.active{color:#fff}.league-tab.active:after{content:"";position:absolute;bottom:0;right:14px;left:14px;height:3px;background:var(--primary);border-radius:4px 4px 0 0}.league-tab-icon{width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden}.league-tab-icon img{width:19px;height:19px;object-fit:contain}.league-tab-icon svg{width:14px}
.site-announcement{margin:10px 10px 0;padding:10px 11px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;gap:9px}.site-announcement>svg{width:18px;min-width:18px;color:var(--primary-2)}.site-announcement div{min-width:0;display:flex;flex-direction:column}.site-announcement b{font-size:11px}.site-announcement span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-announcement a{margin-inline-start:auto;color:var(--primary-2);font-size:10px;font-weight:800}.announcement-warning{border-color:rgba(242,195,50,.35)}.announcement-danger{border-color:rgba(239,91,80,.35)}.announcement-premium{border-color:rgba(130,124,255,.45);background:linear-gradient(135deg,rgba(130,124,255,.1),transparent),var(--card)}
.page-content{padding:11px;display:flex;flex-direction:column;gap:11px}.content-card,.filter-card,.responsible-note,.subscription-summary{background:var(--card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.eyebrow{display:inline-flex;align-items:center;gap:5px;color:var(--primary-2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.25px}.eyebrow svg{width:13px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:4px}.section-heading>div{display:flex;flex-direction:column}.section-heading span{font-size:10px;color:var(--muted)}.section-heading h2{font-size:16px;line-height:1.2}.section-heading>a{display:flex;align-items:center;gap:3px;color:var(--primary-2);font-size:10px;font-weight:800}.section-heading>a svg{width:13px}
.matches-list{display:flex;flex-direction:column;gap:8px}.match-card{background:var(--card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.25);transition:.18s ease}.match-card:hover{border-color:rgba(130,124,255,.28);transform:translateY(-1px)}.match-card-link{display:block;padding:11px}.match-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.league-mini{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:10px;font-weight:700}.league-mini img{width:18px;height:18px;object-fit:contain}.league-mini span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-state{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 8px;border-radius:999px;background:var(--card-3);color:var(--muted);font-size:9px;font-weight:900}.state-live{background:rgba(57,184,100,.12);color:#63d98b}.state-finished{color:#c8ced2}.state-postponed,.state-cancelled{background:rgba(239,91,80,.1);color:#ff8e86}.match-card-body{display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;gap:5px}.match-team{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}.match-team img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.42))}.match-team strong{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.match-center{display:flex;flex-direction:column;align-items:center;text-align:center}.match-center time{font-size:18px;font-weight:900;direction:ltr}.match-center small{font-size:9px;color:var(--muted-2)}.match-score{font-size:24px;font-weight:900;direction:ltr;letter-spacing:-1px}.match-score span{color:var(--muted-2);margin:0 3px}.match-prediction{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.match-prediction svg{width:13px}.match-prediction b{color:#fff}.match-prediction em{margin-inline-start:auto;color:var(--primary-2);font-style:normal;font-weight:900}.match-prediction.locked{color:var(--yellow)}
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-title-row>div{display:flex;flex-direction:column}.card-title-row span{font-size:9px;color:var(--muted);text-transform:uppercase}.card-title-row h2{font-size:15px}.card-title-row>svg{width:21px;color:var(--primary-2)}
.primary-button,.secondary-button,.admin-primary{min-height:39px;padding:0 14px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:850;border:1px solid transparent}.primary-button,.admin-primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(130,124,255,.18)}.primary-button:hover,.admin-primary:hover{background:#908aff}.secondary-button{background:var(--card-3);border-color:var(--border)}.primary-button svg,.secondary-button svg,.admin-primary svg{width:15px}.full{width:100%}
input,select,textarea{width:100%;background:#0c1012;border:1px solid var(--border);border-radius:10px;padding:9px 10px;outline:none;font-size:12px;transition:.18s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(130,124,255,.08)}textarea{resize:vertical}label>span{display:block;color:#c7cdd1;font-size:10px;font-weight:750;margin-bottom:5px}label>small{display:block;color:var(--muted-2);font-size:9px;margin-top:4px}.check-label{display:flex!important;align-items:center;gap:8px;min-height:38px}.check-label input{width:16px;height:16px;accent-color:var(--primary)}.check-label span{margin:0}.form-error{padding:10px 12px;border-radius:11px;background:rgba(239,91,80,.1);border:1px solid rgba(239,91,80,.3);color:#ffaaa4;font-size:11px}.empty-state{padding:34px 15px;text-align:center;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius-xl)}.empty-state svg{width:33px;color:var(--muted-2);margin-bottom:7px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px;color:var(--muted);margin-top:3px}.empty-inline{padding:25px 12px;text-align:center;color:var(--muted);font-size:11px}.muted{color:var(--muted)}
.responsible-note{display:flex;align-items:flex-start;gap:9px;padding:11px;background:linear-gradient(135deg,rgba(242,195,50,.04),transparent),var(--card)}.responsible-note>svg{width:18px;min-width:18px;color:var(--yellow)}.responsible-note strong{font-size:11px}.responsible-note p{color:var(--muted);font-size:9px}.page-banner{padding:17px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(130,124,255,.15),rgba(130,124,255,.01)),var(--card);border:1px solid rgba(130,124,255,.18)}.page-banner h1{font-size:21px;margin:3px 0}.page-banner p{color:var(--muted);font-size:11px}
.flash-stack{position:fixed;top:65px;right:50%;transform:translateX(50%);width:min(calc(100% - 20px),680px);z-index:200;display:flex;flex-direction:column;gap:6px}.flash-message{padding:10px 11px;border-radius:11px;background:#172025;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.flash-message button{color:var(--muted)}.flash-message svg{width:14px}.flash-success{border-color:rgba(57,184,100,.35)}.flash-error{border-color:rgba(239,91,80,.35)}.flash-warning{border-color:rgba(242,195,50,.35)}
.search-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.68);backdrop-filter:blur(7px);padding:68px 10px 20px}.search-panel{width:min(100%,650px);margin:auto;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.6)}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-head h2{font-size:15px}.search-head button{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--card-3)}.search-head svg{width:16px}.search-panel form{display:grid;grid-template-columns:1fr auto;gap:8px}.search-input{position:relative}.search-input svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}.search-input input{padding-inline-start:10px;padding-inline-end:34px}.search-hints{display:flex;align-items:center;gap:6px;overflow:auto;margin-top:10px}.search-hints span{font-size:9px;color:var(--muted)}.search-hints a{white-space:nowrap;padding:5px 8px;background:var(--card-3);border-radius:8px;font-size:9px}
.pagination{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.pagination a{width:32px;height:32px;border-radius:9px;background:var(--card);border:1px solid var(--border);display:grid;place-items:center;font-size:10px}.pagination a.active{background:var(--primary);border-color:var(--primary)}
.site-footer{padding:22px 16px 16px;text-align:center;color:var(--muted-2);font-size:9px}.site-footer>div{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:4px}.site-footer b{color:#dfe4e7}.site-footer p{max-width:550px;margin:0 auto 4px}.bottom-nav{position:fixed;right:50%;bottom:0;transform:translateX(50%);width:min(100%,700px);height:calc(60px + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:80;background:rgba(35,43,48,.98);backdrop-filter:blur(18px);border-top:1px solid #30383e;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#b2bac0;font-size:8px;font-weight:750}.bottom-nav svg{width:20px;height:20px}.bottom-nav a.active{color:#fff}.bottom-nav a.active svg{color:var(--primary-2)}
.bottom-nav{grid-template-columns:repeat(var(--nav-count,5),1fr)}