@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Barlow:wght@600;700;800;900&display=swap');
:root{
  --bg:#eef2f6;
  --panel:#ffffff;
  --panel2:#ffffff;
  --line:#dce5ec;
  --muted:#6d7f93;
  --text:#12253d;
  --green:#24c06f;
  --green2:#159b55;
  --yellow:#e7b431;
  --accent:#ff2744;
  --accent-dark:#d91935;
  --navy:#091c36;
  --navy-2:#0f2c4f;
  --shadow:0 12px 34px rgba(12,25,42,.08);
}
html,body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg)}
body{background:linear-gradient(180deg,#eff3f7 0,#eef2f6 100%)}
.content{max-width:1520px;padding:22px clamp(14px,2.6vw,32px) 56px}
#app .notice.demo{background:#fef6f7;border:1px solid #ffd7dd;color:#7d2b37;border-radius:14px;padding:16px 18px;box-shadow:none}
.page-heading h1,.panel-head h3,.fe-home-title h1,.fe-story-copy h2,.fe-section-title h2,.fe-round-widget h3{font-family:'Barlow',sans-serif;letter-spacing:-.03em;color:#12253d}
.sidebar,.fe-utility{display:none!important}
.main{margin-left:0;width:100%}
.fe-header{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#08192f 0%,#0d2342 52%,#08192f 100%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(8,20,39,.18)}
.fe-header-inner{min-height:88px;gap:24px}
.fe-wordmark{gap:14px}
.fe-wordmark img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.24))}
.fe-wordmark strong{font:900 22px/1 'Barlow',sans-serif;letter-spacing:.01em;color:#fff}
.fe-wordmark small{font:900 20px/1 'Barlow',sans-serif;letter-spacing:0;color:#ff2a47;margin-top:1px}
.fe-main-nav{justify-content:flex-start;gap:6px;flex-wrap:wrap}
.fe-main-nav button{display:flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 14px;font-size:14px;color:#dbe5f2;font-weight:700;border-bottom:0;min-height:46px}
.fe-main-nav button.active,.fe-main-nav button:hover{background:#ff2744;color:#fff;border-bottom:0;box-shadow:0 8px 18px rgba(255,39,68,.25)}
.fe-menu-toggle{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:12px}
.fe-competition-bar{background:#fff;border-bottom:1px solid #dfe7ee}
.fe-competition-inner{min-height:58px;gap:18px}
.fe-nav-caption{color:#7c8d9f;font-size:11px}
.fe-competition-tabs button{padding:18px 14px 16px;font-size:14px;color:#4f6378;font-weight:700;border-bottom:3px solid transparent}
.fe-competition-tabs button:hover,.fe-competition-tabs button.selected{color:#12253d;background:transparent;border-bottom-color:#ff2744}
.fe-competition-separator{border-left:1px solid #dbe5ec;margin:14px 4px}
.fe-score-ribbon{background:#fff;border-bottom:1px solid #dbe4ec}
.fe-ribbon-inner{min-height:94px;gap:10px}
.fe-ribbon-label{border-right:1px solid #e5edf2;min-width:150px;padding-right:18px}
.fe-ribbon-label strong{font:900 22px 'Barlow',sans-serif;color:#12253d}
.fe-ribbon-label span{font-size:13px;color:#6d7f93}
.fe-score-track{gap:12px;padding:14px 0;overflow-x:auto}
.fe-score-card{flex:0 0 176px;min-width:176px;max-width:none;border:1px solid #e4ebf1;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(16,35,60,.05);padding:16px 14px;color:#10243d}
.fe-score-card:hover{background:#fff;border-color:#cedae4;transform:translateY(-1px)}
.fe-score-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.fe-score-teams span{font:800 13px 'Inter',sans-serif}
.fe-score-teams b{background:#f4f7fa;color:#10243d;border-radius:8px;padding:7px 10px;font:900 13px 'Barlow',sans-serif}
.fe-score-card small{font-size:11px;color:#72859a;letter-spacing:0;margin-top:10px}
.fe-ribbon-more{color:#ff2744;font-size:12px;font-weight:800;padding:10px 0 10px 8px}
.fe-home-title{display:none}
.fe-home-lead{grid-template-columns:1fr;gap:18px;margin-top:18px;margin-bottom:24px}
.fe-feature-story{min-height:146px;padding:26px 28px;border:1px solid #dfe6ed;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 35%,rgba(255,255,255,.45) 60%,rgba(9,28,54,.1) 100%), url('./brand-hero.webp') center/cover no-repeat;box-shadow:var(--shadow)}
.fe-feature-story:after{display:none}
.fe-story-copy{max-width:none}
.fe-story-label{display:none}
.fe-story-copy h2{font:900 clamp(24px,3vw,42px)/1 'Barlow',sans-serif;color:#10243d;margin:0 0 8px}
.fe-story-copy em{color:#ff2744}
.fe-story-copy p{font-size:14px;line-height:1.55;color:#55697d;max-width:620px;margin:0}
.fe-story-actions,.fe-story-news,.fe-story-crest{display:none}
.fe-round-widget{display:none}
.panel,.stat,.fe-round-widget,.match-card,.country-card,.promo-league,.offer-card,.auction-card,.control{background:#fff;border:1px solid #dfe7ee;box-shadow:var(--shadow)}
.panel{border-radius:18px;overflow:hidden;margin-bottom:18px}
.panel-head{padding:18px 20px;border-bottom:1px solid #e8eef3}
.panel-head h3{font-size:18px;color:#12253d}
.panel-head .link,.fe-text-link{color:#ff2744;font-size:12px;font-weight:800}
.panel-body{padding:18px 20px}
.table th{background:#f5f8fb;color:#708296;font-size:11px;border-bottom:1px solid #e6edf2;padding:13px 12px}
.table td{color:#2b4158;border-bottom:1px solid #eef3f7;padding:12px}
.table tbody tr:hover{background:#f8fbfd}
.table .team-cell,.player-link{color:#11253d}
.rank{background:#edf2f6;color:#4f6378;border-radius:8px}
.rank.top{background:#1dc96b;color:#fff}
.rank.relegation{background:#ffc9d0;color:#a21830}
.club-icon{box-shadow:none;border:1px solid rgba(0,0,0,.04)}
.btn{border-radius:12px;font-weight:800}
.btn-primary{background:#ff2744;color:#fff;box-shadow:0 8px 20px rgba(255,39,68,.22)}
.btn-primary:hover{background:#f11f3c;filter:none}
.btn-outline{background:#fff;border:1px solid #d9e4ec;color:#17304d}
.btn-outline:hover{background:#f7fafc;border-color:#cad7e1}
.btn-ghost{background:#f5f8fb;border:1px solid #dce6ee;color:#587086}
.control,.field textarea,.field input[type="text"],.field input[type="number"],.field input[type="email"],.field input[type="password"],.field select{background:#fff;border:1px solid #d8e2ea;color:#12253d;border-radius:12px}
.notice,.modal-info{background:#f5f9fc;border:1px solid #d8e6ef;color:#516579}
.list-match{border-bottom:1px solid #edf2f7;padding:14px 0}
.match-card,.offer-card,.auction-card{border-radius:16px;padding:16px}
.match-card:hover,.offer-card:hover,.auction-card:hover,.country-card:hover,.promo-league:hover{transform:translateY(-1px);border-color:#d3dde6;background:#fff}
.status-confirmed{background:#eaf8ef;color:#0f8a42}
.status-pending{background:#fff6dd;color:#9d7600}
.status-contested{background:#fff0f3;color:#b22740}
.status-scheduled{background:#eff5fb;color:#587086}
.text-green{color:#139950!important}
.text-pink{color:#ff2744!important}
.player-avatar{background:linear-gradient(145deg,#102643,#244c73);color:#fff}
.player-ovr{background:#ff2744;color:#fff}
.player-facts>div,.attribute-group,.attribute-overall,.player-attributes,.result-editor,.evidence-item{background:#fff;border-color:#dde6ee;color:#22374c;box-shadow:none}
.attribute-note{background:#f4f8fb;border-left-color:#ff2744;color:#5d7183}
.attribute-overall>span,.attribute-label,.tiny-muted{color:#708296}
.attribute-track{background:#edf2f6}
.modal-shell{background:rgba(7,18,34,.55)}
.modal{background:#fff;color:#12253d;border:1px solid #dce5ec;box-shadow:0 20px 56px rgba(10,25,42,.18)}
.modal-head{border-bottom:1px solid #e8eef4}
.modal-head h3{color:#12253d}
.empty{background:#f8fbfd;border:1px dashed #d8e2ea;color:#71859a}
.fe-footer{background:#08192f;border-top:0;padding:42px 0 52px;margin-top:36px}
.fe-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:28px}
.fe-footer-brand img{width:60px;height:60px;object-fit:contain}
.fe-footer-brand strong{font:900 19px 'Barlow',sans-serif;color:#fff}
.fe-footer h4{font-size:11px;color:#ff4a62;letter-spacing:.12em}
.fe-footer button:hover{color:#fff}
.fe-footer p,.fe-footer small,.fe-footer button{color:#b8c6d4}
.promo-league-strip{gap:12px;margin-bottom:26px}
.promo-league{padding:14px 15px;border-radius:15px;background:#fff;color:#12253d}
.promo-league .flg{font-size:24px}
.promo-league b{font-size:14px}.promo-league small{color:#71859a;font-size:11px}
.brand-tag{background:#fff4f6;color:#c7233e;border:1px solid #ffd7df}
.demo-note{background:#f7fbff;border:1px solid #dbe8f0;color:#607588}
@media (max-width: 1100px){
  .fe-main-nav{display:none}
  .fe-menu-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
  .fe-main-nav.open{display:flex;position:absolute;top:88px;left:12px;right:12px;background:#091c36;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;box-shadow:0 18px 40px rgba(3,12,24,.35)}
  .fe-header-inner{position:relative}
}
@media (max-width: 760px){
  .fe-header-inner{min-height:78px}
  .fe-wordmark img{width:46px;height:46px}
  .fe-wordmark strong{font-size:18px}
  .fe-wordmark small{font-size:17px}
  .fe-feature-story{padding:22px 18px;min-height:126px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.95)), url('./brand-hero.webp') center/cover no-repeat}
  .fe-story-copy h2{font-size:20px;line-height:1.1}
  .fe-story-copy p{font-size:13px}
  .fe-ribbon-label{min-width:110px}
  .fe-ribbon-label strong{font-size:17px}
  .content{padding:14px 12px 40px}
  .panel-head,.panel-body{padding:16px}
  .fe-footer-grid{grid-template-columns:1fr;gap:20px}
  .fe-competition-tabs button{font-size:13px;padding:14px 12px}
}