*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f8;color:#18212b;font-family:Tajawal,Tahoma,Arial,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 28px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid #e6e9ed;position:sticky;top:0;z-index:100}.header-inner{height:68px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-weight:950;color:#087d5b;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#087f5b;color:#fff;font-size:20px;box-shadow:0 7px 18px #087f5b22}.main-nav{display:flex;align-items:center;gap:3px;flex:1;overflow:auto}.main-nav a{padding:10px 12px;border-radius:9px;font-size:12px;font-weight:800;color:#5e6875;white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:#eaf7f2;color:#087f5b}.live-dot{color:#e32b43;font-size:9px}.header-live{background:#fff0f2;color:#d9233d;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:900;white-space:nowrap}.header-live span{background:#d9233d;color:#fff;border-radius:12px;padding:2px 6px;margin-right:4px}
.hero{background:linear-gradient(120deg,#087f5b,#075e50);color:#fff}.hero-grid{height:185px;display:flex;align-items:center;justify-content:space-between}.hero-kicker{font-size:9px;letter-spacing:1.6px;opacity:.7;font-weight:900}.hero h1{font-size:34px;margin:8px 0 4px;letter-spacing:-.5px}.hero p{font-size:13px;color:#d5f4ea;margin:0}.hero-orb{font-size:105px;opacity:.1;transform:rotate(-12deg)}
.main-content{margin-top:18px}.day-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.day-tabs a{background:#fff;border:1px solid #e3e7eb;border-radius:12px;padding:12px;text-align:center;box-shadow:0 3px 12px #15253508}.day-tabs b{display:block;font-size:13px}.day-tabs small{display:block;color:#8b95a1;font-size:10px;margin-top:3px}.day-tabs a.active{border-color:#a8dccb;box-shadow:0 5px 18px #087f5b14;color:#087f5b;position:relative}.day-tabs a.active:after{content:"";position:absolute;bottom:-1px;left:22%;right:22%;height:3px;background:#087f5b;border-radius:5px}
.toolbar{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e3e7eb;border-radius:13px;padding:9px;margin-bottom:14px}.search-form{display:flex;align-items:center;gap:5px;background:#f5f7f9;border-radius:9px;padding:3px;min-width:290px}.search-form span{padding:0 8px;color:#8b95a0}.search-form input{border:0;background:transparent;outline:0;width:100%;font:inherit;font-size:11px}.search-form button{border:0;background:#087f5b;color:#fff;border-radius:7px;padding:8px 13px;font:inherit;font-size:10px;font-weight:900}.league-pills{display:flex;gap:5px;overflow:auto;flex:1}.league-pills a{white-space:nowrap;padding:8px 10px;background:#f4f6f8;border-radius:8px;color:#66717d;font-size:10px;font-weight:800}.league-pills a.active{background:#e7f6f0;color:#087f5b}
.ad-wrap{background:#fff;border:1px solid #edf0f2;border-radius:11px;min-height:80px;padding:8px;text-align:center;margin:13px 0}.ad-wrap>span{display:block;color:#a0a8b1;font-size:8px;margin-bottom:4px}
.league-block{margin:16px 0}.league-head{background:#fff;border:1px solid #e1e6ea;border-radius:12px 12px 0 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.league-title{display:flex;align-items:center;gap:9px}.league-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf8f4;border-radius:9px}.league-title strong{display:block;font-size:13px}.league-title small{display:block;color:#8a94a0;font-size:9px;margin-top:3px}.league-head>a{font-size:10px;font-weight:900;color:#087f5b}.match-list{border:1px solid #e1e6ea;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#fff}.match-row{min-height:78px;display:grid;grid-template-columns:105px 1fr 85px 1fr 25px;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #eef1f3;transition:.15s}.match-row:last-child{border-bottom:0}.match-row:hover{background:#fafcfc}.match-row.is-live{background:#fffafb;border-right:3px solid #e22a43}.match-time{text-align:center}.match-time b{display:block;font-size:12px;margin-top:5px}.status-pill{display:inline-block;padding:4px 7px;border-radius:20px;background:#f0f2f4;color:#68727e;font-size:8px;font-weight:900}.status-pill.live{background:#ffedf0;color:#dc243e}.status-pill.finished{background:#e9f8f2;color:#087f5b}.status-pill.postponed{background:#fff6e6;color:#a56c10}.status-pill.cancelled{background:#f1f2f3;color:#777}.side-team{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:900;min-width:0}.side-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-team img{width:38px;height:38px;object-fit:contain}.home{justify-content:flex-start}.away{justify-content:flex-end}.result{display:flex;align-items:center;justify-content:center;gap:8px}.result strong{font-size:21px;min-width:17px;text-align:center}.result i{font-style:normal;color:#9aa2ab;font-weight:900}.result em{font-style:normal;font-size:9px;font-weight:900;color:#8b95a0;background:#f1f3f5;padding:7px;border-radius:7px}.match-arrow{color:#a2aab2;font-size:18px;text-align:left}.empty{background:#fff;border:1px dashed #d8dfe4;border-radius:13px;text-align:center;padding:55px 20px;color:#77828e}.empty div{font-size:40px;opacity:.35}.empty h2{font-size:18px;margin:8px 0}.empty p{font-size:11px}
.footer{margin-top:45px;background:#fff;border-top:1px solid #e3e7eb;padding:30px 0}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer strong{color:#087f5b;font-size:15px}.footer p,.footer a{display:block;color:#77818d;font-size:10px;line-height:1.8}.footer b{display:block;margin-bottom:8px;font-size:11px}
.admin-wrap{width:min(1000px,calc(100% - 24px));margin:30px auto}.admin-nav,.admin-card{background:#fff;border:1px solid #e1e6ea;border-radius:13px;padding:18px;margin-bottom:14px}.admin-nav{display:flex;justify-content:space-between}.admin-card input,.admin-card textarea,.admin-card select{width:100%;border:1px solid #dfe4e8;border-radius:8px;padding:10px;margin:5px 0 12px}.admin-card button{border:0;background:#087f5b;color:#fff;padding:10px 15px;border-radius:8px;font-weight:900}.alert{padding:10px;border-radius:9px;background:#fff0f2;color:#b01d35;font-size:12px;margin-bottom:12px}.alert.ok{background:#ebfaf4;color:#087a58}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#f7f8fa;border:1px solid #eceff2;border-radius:10px;padding:12px;text-align:center;font-size:10px;color:#7a8490}.stat b{display:block;color:#17202b;font-size:14px;margin-top:4px}
@media(max-width:850px){.main-nav a:nth-child(n+4){display:none}.toolbar{display:block}.search-form{min-width:0;margin-bottom:8px}.hero-grid{height:155px}.hero h1{font-size:28px}.match-row{grid-template-columns:75px 1fr 65px 1fr 15px;padding:8px 9px}.side-team{font-size:10px}.side-team img{width:32px;height:32px}.result strong{font-size:18px}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:calc(100% - 16px)}.header-inner{height:59px}.brand span:last-child{display:none}.header-live{padding:8px}.hero-orb{display:none}.day-tabs a{padding:10px 5px}.league-pills{padding-bottom:2px}.match-row{grid-template-columns:58px 1fr 48px 1fr 8px;gap:4px}.side-team{gap:4px;font-size:9px}.side-team img{width:28px;height:28px}.result{gap:4px}.result strong{font-size:16px}.status-pill{font-size:7px;padding:3px 5px}.match-time b{font-size:10px}.match-arrow{display:none}.footer-inner{grid-template-columns:1fr}.league-head{padding:10px}}