*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#050816;color:#f9fafb}.dark body{background-color:#050816;color:#f9fafb}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 2rem}.site-header{position:sticky;top:0;z-index:20;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.3)}.site-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem}.site-logo{display:inline-flex;align-items:center;gap:.5rem;color:#e5e7eb;text-decoration:none}.site-logo-mark{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#22c55e,#0f172a);font-weight:700}.site-logo-text{font-weight:600;letter-spacing:.02em}.site-nav{display:flex;gap:.75rem;margin-left:1.5rem}.site-nav a{color:#9ca3af;text-decoration:none;padding:.35rem .75rem;border-radius:999px;font-size:.9rem}.site-nav a.active{color:#e5e7eb;background:linear-gradient(to right,#22c55e,#0ea5e9)}.site-search{margin-left:auto;position:relative;flex:1;max-width:320px}.site-search input{width:100%;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb}.site-search-dropdown{position:absolute;top:110%;left:0;right:0;background:#020617;border-radius:.75rem;border:1px solid rgba(148,163,184,.5);padding:.25rem;max-height:320px;overflow:auto}.site-search-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border:none;background:transparent;color:#e5e7eb;text-align:left;cursor:pointer}.site-search-item:hover{background:#1e40afb3}.site-search-item-logo{width:20px;height:20px;object-fit:contain}.site-search-item-name{flex:1;font-size:.85rem}.site-search-item-type{font-size:.75rem;color:#9ca3af;text-transform:capitalize}.theme-toggle{margin-left:.75rem;padding:.3rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5e7eb;cursor:pointer}.page h1{margin-top:0}.error{color:#f87171}.competition-selector{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.25rem}.competition-pill{padding:.5rem;border-radius:.75rem;background:#020617;border:1px solid rgba(148,163,184,.5);box-shadow:0 4px 8px #0f172a66;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.competition-pill img{width:3rem;height:3rem;object-fit:contain}.competition-pill:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0f172a99}.competition-pill-active{background:radial-gradient(circle at 20% 0%,#22c55e,#0ea5e9);border-color:transparent}.tabs{display:inline-flex;border-radius:999px;padding:.15rem;background:#0f172ab3;border:1px solid rgba(148,163,184,.6);margin-bottom:1.25rem}.tab{border:none;background:transparent;color:#9ca3af;padding:.35rem .9rem;border-radius:999px;font-size:.85rem;cursor:pointer}.tab-active{background:linear-gradient(to right,#22c55e,#0ea5e9);color:#0b1020}.table-responsive{width:100%;overflow-x:auto}.competition-table{width:100%;border-collapse:collapse;font-size:.85rem}.competition-table thead{background:#0f172ae6}.competition-table th,.competition-table td{padding:.5rem .4rem;border-bottom:1px solid rgba(148,163,184,.4);text-align:center}.competition-table th:first-child,.competition-table td:first-child{text-align:left}.team-cell{display:flex;align-items:center;gap:.4rem}.team-cell img{width:20px;height:20px;object-fit:contain}.competition-header-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.75rem;background:#0f172acc;border:1px solid rgba(148,163,184,.4);margin-bottom:1rem}.competition-emblem{width:64px;height:64px;object-fit:contain}.scorers-list{display:flex;flex-direction:column;gap:.5rem}.scorer-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-radius:.75rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.4)}.scorer-left{display:flex;align-items:center;gap:.75rem}.scorer-rank{font-weight:700;color:#9ca3af}.scorer-name{font-weight:600}.scorer-team{font-size:.8rem;color:#9ca3af}.scorer-right{display:flex;align-items:center;gap:.5rem}.scorer-goals{min-width:2.5rem;text-align:center;border-radius:999px;padding:.25rem .75rem;background:#3b82f6;color:#fff;font-weight:700}.scorer-assists{font-size:.8rem;color:#9ca3af}.scorer-assists span{font-size:.75rem}.matches-list{display:flex;flex-direction:column;gap:.75rem}.match-row{display:flex;align-items:stretch;gap:.75rem;padding:.75rem .9rem;border-radius:.75rem;background:#0f172ae6;border:1px solid rgba(148,163,184,.4)}.match-date{min-width:110px;font-size:.8rem;color:#9ca3af}.match-competition{font-weight:600;color:#e5e7eb;margin-bottom:.25rem}.match-teams{flex:1;display:flex;align-items:center;gap:.75rem}.team-side{flex:1;display:flex;align-items:center}.team-side.home{justify-content:flex-end}.team-side.away{justify-content:flex-start}.match-score{min-width:90px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.badge-live{padding:.12rem .5rem;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:600}.score-placeholder{color:#4b5563}.home-hero{margin-bottom:1.5rem}.home-hero h1{font-size:1.5rem;margin-bottom:.35rem}.home-hero p{color:#9ca3af;font-size:.95rem}@media (max-width: 768px){.site-header-inner{flex-wrap:wrap}.site-nav{margin-left:0;order:3}.site-search{order:2;flex-basis:100%}}
