body{font-size:15px;background:linear-gradient(180deg,#f7f9fd 0,#f1f5fa 100%)}
.sidebar{box-shadow:-8px 0 30px rgba(4,17,39,.12)}.nav{font-size:14px}.nav.active{position:relative;background:linear-gradient(135deg,#1e55ae,#163e80)}.nav.active:before{content:"";position:absolute;inset-block:10px;right:0;width:3px;border-radius:2px;background:#83b5ff}
header{position:sticky;top:0;z-index:8;box-shadow:0 5px 24px rgba(24,52,96,.05)}#menu svg{width:19px;height:19px;fill:currentColor}.page{max-width:1500px;margin:auto}
.match-command{margin-bottom:14px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d9e3f1;border-radius:10px;background:linear-gradient(135deg,#fff,#f1f6ff);box-shadow:var(--shadow)}.match-command h2{margin:0 0 5px;font-size:22px}.match-command>div>p:last-child{margin:0;color:var(--muted);font-size:13px}.quick-stats{display:flex;gap:7px}.quick-stats span{min-width:90px;padding:10px 12px;border:1px solid #d9e3f1;border-radius:7px;background:#fff;color:var(--muted);font-size:11px;text-align:center}.quick-stats b{display:block;color:var(--royal);font-size:20px}
.toolbar{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 6px 20px rgba(21,53,101,.05)}.toolbar input,.toolbar select{font-size:13px}.match-grid{grid-template-columns:1fr;gap:11px}.match-card{border-radius:9px;box-shadow:0 7px 22px rgba(23,63,122,.06);transition:transform .18s,box-shadow .18s}.match-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(23,63,122,.1)}.match-card.hidden-item{opacity:.72;border-style:dashed}.match-top{min-height:43px;padding:9px 14px;align-items:center;color:#596983;font-size:12px}.cup-name{font-weight:800}.state-pill{padding:5px 9px;border-radius:5px;background:#edf2f8;color:#65748c;font-size:11px;font-weight:800}.state-pill.live,.state-pill.halftime{background:#e7f8f0;color:#08774f}.state-pill.soon{background:#fff5dd;color:#986300}.state-pill.finished{background:#eef1f5;color:#697587}
.match-body{min-height:112px;padding:16px 28px;grid-template-columns:minmax(150px,1fr) 120px minmax(150px,1fr)}.team{font-size:15px}.team span{display:block}.team img{width:48px;height:48px}.kickoff b{font-size:22px;color:#183a72}.kickoff small{font-size:12px}.match-meta{padding:9px 14px;display:flex;justify-content:center;gap:24px;border-top:1px solid var(--line);background:#fbfcfe;color:#61708a;font-size:12px}.match-meta span:before{content:"";width:5px;height:5px;margin-left:7px;display:inline-block;border-radius:50%;background:#4e7dcc}.match-bottom{min-height:55px;padding:9px 13px}.badge{padding:5px 8px;font-size:10px}.card-actions{margin-inline-start:auto;display:flex;gap:7px}.match-bottom button{margin:0}.hide-action,.cup-toggle{min-height:40px;padding:0 13px;border:1px solid #f0c9ce;border-radius:6px;background:#fff5f6;color:var(--danger);font-weight:800}.hide-action.restore,.cup-toggle.restore{border-color:#bce2d2;background:#eefaf5;color:var(--green)}
.cup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cup-card{min-height:76px;padding:14px}.cup-placeholder{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;background:#edf3fc;color:var(--royal);font-weight:800}.cup-card b{font-size:14px}.cup-card small{font-size:11px}.cup-toggle{flex:0 0 auto}.panel small,.health small,.metric small,.message,.form label,.modal label,.visibility-row small,.servers-head small{font-size:12px}.eyebrow{font-size:11px}.source small{font-size:10px}.empty-panel{grid-column:1/-1;display:grid;gap:5px;text-align:center;color:var(--muted)}.empty-panel b{color:var(--text)}
@media(min-width:1450px){.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-body{grid-template-columns:1fr 105px 1fr;padding-inline:18px}.match-meta{gap:14px}}
@media(max-width:800px){.match-command{align-items:flex-start;flex-direction:column}.quick-stats{width:100%}.quick-stats span{min-width:0;flex:1}.match-meta{align-items:flex-start;flex-direction:column;gap:5px}.match-bottom{align-items:flex-start;flex-wrap:wrap}.card-actions{width:100%;margin:4px 0 0}.card-actions button{flex:1}.cup-grid{grid-template-columns:1fr}}
#saveMatch:disabled{cursor:wait;opacity:.68}
@media(max-width:480px){.match-command{padding:16px}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr)}.quick-stats span{padding:8px 4px}.match-body{min-height:102px;padding:14px 8px;grid-template-columns:1fr 74px 1fr}.team{font-size:13px}.team img{width:40px;height:40px}.kickoff b{font-size:17px}.match-top{font-size:11px}.toolbar>select,.toolbar>button{flex:1}.card-actions{flex-direction:column}}