:root{--navy:#101a37;--navy2:#18264b;--blue:#2563db;--yellow:#ffd84b;--ink:#17233f;--muted:#7d899e;--line:#e7ebf4;--bg:#f4f6fb;--surface:#fff;--green:#20a577;--red:#e76367;--radius:19px;--shadow:0 8px 35px rgba(24,39,75,.047);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{outline:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9ac5ff;outline-offset:2px}a{color:inherit}.app{min-height:100vh}.loading{display:grid;place-items:center;background:var(--navy)}.startup{font-weight:1000;font-size:50px;color:white}.startup span{color:var(--yellow)}.startup small{font-size:11px;display:block;text-align:center;letter-spacing:5px}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:0 0 246px;background:var(--navy);color:#cbd4e7;padding:28px 16px 21px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:12}.brand{display:flex;gap:11px;align-items:center;padding:4px 13px 29px;color:#fff}.brand-icon{width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#ffe582,#f9bb2d);display:grid;place-items:center;color:#172344;font-size:18px;font-weight:950;letter-spacing:-2px;box-shadow:0 6px 20px #fdcd4c30}.brand-icon em{font-style:normal;font-weight:900}.brand b{font-size:19px;letter-spacing:-.8px}.brand span{color:var(--yellow)}.brand small{display:block;color:#8795b8;font-size:9px;letter-spacing:2.3px;margin-top:3px;font-weight:800}.sidebar-label{font-size:10px;font-weight:800;letter-spacing:2px;color:#7886a7;padding:3px 15px 10px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;gap:13px;align-items:center;width:100%;border:0;text-align:left;color:#aab6d2;background:transparent;padding:12px 15px;border-radius:12px;font-weight:650;font-size:13px}.nav button svg{opacity:.8}.nav button:hover{background:#20305a;color:#fff}.nav button.active{color:var(--yellow);background:#233458}.nav button.active svg{opacity:1}.sidebar-spacer{flex:1}.sidebar-foot{border:1px solid #364365;border-radius:16px;padding:16px;background:linear-gradient(145deg,#1a2b51,#13203e)}.sidebar-foot .mono{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--yellow)}.sidebar-foot h4{color:white;margin:9px 0 5px;font-size:14px}.sidebar-foot p{margin:0;color:#a4b0c9;line-height:1.5;font-size:11px}.side-year{margin:15px 2px 0;color:#7584a6;font-size:10px;text-align:center}.main{min-width:0;flex:1;padding:28px clamp(18px,3vw,47px) 44px;max-width:1720px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}.breadcrumb{color:var(--muted);font-size:12px;font-weight:650}.breadcrumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.season-select{appearance:none;border:1px solid var(--line);background:white;padding:10px 35px 10px 14px;border-radius:10px;font-weight:750;font-size:12px;color:var(--ink);max-width:150px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="%237d899e" stroke-width="2.7"><path d="m6 9 6 6 6-6"/></svg>');background-position:right 12px center;background-repeat:no-repeat}.user-circle{width:36px;height:36px;display:grid;place-items:center;color:var(--navy);font-weight:900;background:#ffe9aa;border:2px solid #fff;border-radius:50%;font-size:11px}.menu-toggle{display:none}.btn{border:0;border-radius:11px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;white-space:nowrap;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:#15213f}.btn-primary:hover{background:#ffcf24}.btn-dark{background:var(--navy);color:white}.btn-soft{background:#eff4fc;color:#28416a}.btn-white{background:white;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:#fff0f0;color:#c83c49}.btn-sm{padding:8px 12px;font-size:11px}.btn-icon{padding:10px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:23px}.page-title h1{font-size:27px;letter-spacing:-1.1px;font-weight:900;margin:0 0 5px}.page-title p{font-size:12px;color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;color:#8e9bb0;font-weight:800;letter-spacing:2px;font-size:10px}.hero{border-radius:23px;position:relative;overflow:hidden;min-height:239px;background:linear-gradient(114deg,#10244b 2%,#193d88 70%,#275cc1 100%);color:white;display:flex;align-items:center;padding:29px 36px;box-shadow:0 15px 36px #19365d24;margin-bottom:22px}.hero:before{content:"";position:absolute;right:12%;top:-104px;width:460px;height:460px;border:1px solid #ffffff21;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 95px #ffffff06,0 0 0 145px #ffffff04}.hero:after{content:"27";position:absolute;right:-13px;bottom:-65px;color:#ffffff0c;font-weight:1000;font-size:315px;letter-spacing:-25px;line-height:1}.hero-copy{position:relative;z-index:1;max-width:650px}.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:2.6px;font-weight:800;color:#ffe078;display:flex;align-items:center;gap:10px}.hero-kicker i{width:7px;height:7px;background:var(--yellow);border-radius:50%;display:block;box-shadow:0 0 0 4px #ffd84b25}.hero h2{font-size:clamp(31px,3.1vw,45px);font-weight:950;letter-spacing:-1.5px;margin:14px 0 9px;line-height:1.08}.hero h2 span{color:var(--yellow)}.hero p{font-size:12px;line-height:1.75;color:#c8d8f6;max-width:530px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.hero-stat{position:absolute;right:35px;top:32px;z-index:1;border:1px solid #ffffff2d;background:#ffffff13;border-radius:15px;padding:13px 18px;backdrop-filter:blur(9px);text-align:right}.hero-stat strong{display:block;font-size:25px;letter-spacing:-1px}.hero-stat span{font-size:10px;color:#bed3fa;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.kpi{background:white;border:1px solid #edf0f6;border-radius:18px;padding:20px 21px;min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi .top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.kpi label{font-size:11px;color:#7f8ba1;font-weight:700}.kpi .icon-box{width:37px;height:37px;border-radius:12px;background:#f1f5ff;display:grid;place-items:center;color:var(--blue)}.kpi:nth-child(2) .icon-box{color:#c18b17;background:#fff7de}.kpi:nth-child(3) .icon-box{color:#11a579;background:#e9fbf5}.kpi:nth-child(4) .icon-box{color:#6e55bd;background:#f3efff}.kpi strong{font-size:29px;font-weight:950;letter-spacing:-1px;display:block;line-height:1.1}.kpi footer{color:var(--muted);font-size:10.5px;margin-top:9px}.kpi footer em{font-style:normal;color:var(--green);font-weight:850}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;margin-bottom:21px}.panel{background:white;border:1px solid #edf0f6;border-radius:19px;padding:23px 24px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h3{font-size:15px;font-weight:850;letter-spacing:-.35px;margin:0}.panel-head p{font-size:10.5px;color:var(--muted);margin:5px 0 0}.ghost-link{border:0;background:transparent;color:#2d63ca;font-weight:800;font-size:11px}.chart-area{height:208px;display:flex;flex-direction:column;justify-content:end}.chart-area svg{display:block;width:100%;height:177px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#a5afc3;font-size:9px;margin:9px 3px 0 34px}.small-legend{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#346df5}.form-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;margin-top:14px}.donut{width:160px;height:160px;border-radius:50%;margin:auto;position:relative;background:conic-gradient(var(--green) 0 50%,#ffd462 50% 65%,var(--red) 65% 100%);display:grid;place-items:center}.donut-hole{width:119px;height:119px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole b{font-size:31px;line-height:1}.donut-hole span{font-size:10px;color:var(--muted);margin-top:6px}.stat-breakdown{display:flex;flex-direction:column;gap:12px}.stat-breakdown>div{display:flex;gap:9px;align-items:center;color:#637189;font-size:11px}.stat-breakdown strong{margin-left:auto;color:var(--ink);font-size:13px}.last-list{display:flex;flex-direction:column;gap:0}.last-item{display:grid;grid-template-columns:70px 1fr 72px 40px;gap:7px;align-items:center;padding:12px 0;border-top:1px solid #f0f2f7}.last-item:first-child{border:0}.last-item time{color:#98a3b5;font-size:10px}.opponent{font-weight:800;font-size:11px}.last-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.score{font-size:14px;font-weight:950;text-align:center}.result-chip{font-size:9px;font-weight:900;padding:5px 6px;border-radius:6px;text-align:center}.win{background:#ddf7eb;color:#1c996c}.draw{background:#fff4d8;color:#c48a15}.loss{background:#ffe7e9;color:#df5965}.topscorer-row{display:grid;grid-template-columns:27px minmax(0,1fr) 41px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #f1f3f8}.topscorer-row:last-child{border:0}.rank{color:#a8b3c4;font-size:12px;font-weight:850}.player-name{font-size:12px;font-weight:800}.progress-bg{height:5px;background:#eff3fa;border-radius:4px;margin-top:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#1e5be9,#79a5ff);border-radius:4px}.goals{font-size:16px;font-weight:900;text-align:right}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;flex-wrap:wrap}.tabs{display:inline-flex;background:#e9edf5;padding:4px;border-radius:12px;gap:3px;max-width:100%;overflow:auto}.tab{border:0;border-radius:9px;color:#8190a6;background:transparent;padding:10px 13px;font-weight:800;font-size:11px;white-space:nowrap}.tab.active{background:white;color:#193d85;box-shadow:0 3px 8px #1d2b4720}.search{border:1px solid var(--line);background:white;border-radius:11px;padding:11px 13px;min-width:180px;font-size:12px;color:var(--ink)}.table-wrap{overflow:auto;border-radius:15px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:left}thead{background:#f7f9fd}th{text-transform:uppercase;letter-spacing:.95px;color:#8b98ad;font-size:9px;padding:14px 15px}td{border-top:1px solid #edf0f6;padding:13px 15px;color:#45536c}td b{color:#17233f}tbody tr:hover{background:#fafcff}.action-tiny{border:0;background:#eef3fa;color:#35599d;border-radius:7px;padding:6px;display:inline-grid;place-items:center}.empty{padding:42px 15px;text-align:center;color:var(--muted);font-size:12px}.empty svg{display:block;margin:0 auto 13px;color:#a8b9d1}.empty strong{color:var(--ink);font-size:14px;display:block;margin-bottom:5px}.pill{font-size:10px;font-weight:750;padding:5px 8px;border-radius:6px;background:#f1f5fc;color:#587093}.pill.copa{background:#fff5d7;color:#a77712}.pill.eu{background:#eff1ff;color:#6555b0}.tag{border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}.tag-active{color:#117d5f;background:#e6f8f0}.tag-out{color:#b46c25;background:#fff1dd}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.season-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:17px}.season-card{background:white;border:1px solid var(--line);border-radius:19px;padding:22px}.season-card.current{border-color:#95aeed;box-shadow:0 8px 28px #2563db13}.season-card .year{font-size:27px;letter-spacing:-1px;font-weight:950}.season-card .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.season-card .nums>div{border-radius:10px;background:#f5f7fb;padding:11px 7px;text-align:center}.season-card .nums b{font-size:20px;display:block}.season-card .nums small{font-size:9px;color:var(--muted)}.season-card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.hint{background:#fffaf0;border:1px solid #f8eac2;border-radius:12px;padding:13px 15px;font-size:11px;color:#746744;line-height:1.7}.settings-block{max-width:690px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.settings-row:first-child{border:0}.settings-row h4{margin:0 0 6px;font-size:13px}.settings-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.subtle{font-size:10px;color:#96a1b4}.summary-line{font-size:11px;color:#7a889f;margin:15px 0}.mobile-bottom{display:none}.screen-overlay{display:none}dialog{border:0;border-radius:21px;box-shadow:0 30px 90px #081a3c55;padding:0;width:min(520px,calc(100vw - 28px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#0e1834bb;backdrop-filter:blur(2px)}.modal-head{padding:21px 24px;border-bottom:1px solid #ecf0f6;display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:18px;letter-spacing:-.4px}.modal-close{border:0;background:#f1f4f9;color:var(--muted);width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.modal-body{padding:22px 24px;overflow-y:auto;max-height:calc(90vh - 140px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:10px;color:#75849d;letter-spacing:.4px;font-weight:800}.field input,.field select,.field textarea{border:1px solid #e0e6f0;border-radius:10px;padding:11px 12px;background:#fbfcff;min-width:0;width:100%;font-size:12px;color:#1c2d4c}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6094ef;background:white}.checkline{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.5;color:#596983}.checkline input{accent-color:#1c57c9;width:17px;height:17px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:340px;border-radius:12px;background:#1a2d4f;color:white;font-size:12px;font-weight:700;box-shadow:0 12px 33px #0f274b2f;padding:14px 19px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.toast.on{opacity:1;transform:translateY(0)}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.meta-grid>div{border-radius:11px;background:#f6f8fc;padding:14px}.meta-grid b{display:block;font-size:19px}.meta-grid span{font-size:10px;color:var(--muted)}.big-stat{font-size:27px;font-weight:950}.bar-row{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:12px;margin:13px 0;font-size:11px}.bar-track{background:#edf2fb;border-radius:7px;height:10px;overflow:hidden}.bar-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#235fe0,#77a0f9)}.notice{display:flex;gap:12px;align-items:start;background:#eef5ff;border:1px solid #dbe8fc;padding:14px 17px;border-radius:12px;font-size:11px;line-height:1.7;color:#4a648f}.chipline{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.small-header{color:#8692a6;font-size:10px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;margin:19px 0 10px}.danger-zone{color:#bf4550} 
@media(min-width:1450px){.main{padding-right:60px;padding-left:60px}.sidebar{width:268px;flex-basis:268px}.hero{min-height:257px}}@media(max-width:1150px){.sidebar{width:205px;flex-basis:205px}.sidebar .nav button{font-size:12px;padding:11px}.main{padding:23px 24px}.dashboard-grid{grid-template-columns:1fr}.kpi{padding:17px}.hero-stat{display:none}}@media(max-width:760px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:255px;transform:translateX(-110%);transition:transform .22s;box-shadow:25px 0 80px #101a3740}.sidebar.open{transform:translateX(0)}.screen-overlay.on{display:block;position:fixed;inset:0;background:#0a143d81;z-index:11}.main{padding:19px 16px 100px;width:100%}.topbar{margin-bottom:20px}.menu-toggle{display:inline-flex;border:1px solid var(--line);border-radius:10px;background:white;padding:9px;color:var(--navy)}.breadcrumb{font-size:11px}.top-actions{gap:7px}.season-select{padding:9px 27px 9px 10px;max-width:112px}.user-circle{display:none}.page-title h1{font-size:24px}.page-title p{font-size:11px}.hero{padding:25px 22px;min-height:248px;border-radius:19px}.hero h2{font-size:36px}.hero p{font-size:11px}.hero-actions .btn{padding:10px 12px;font-size:10px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpi{padding:15px;border-radius:15px}.kpi label{font-size:10px}.kpi strong{font-size:25px}.kpi footer{font-size:9px}.kpi .icon-box{height:30px;width:30px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.panel{padding:19px 18px;border-radius:15px}.mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid var(--line);padding:8px 3px max(8px,env(safe-area-inset-bottom));box-shadow:0 -12px 40px #1b2b4612}.mobile-bottom button{border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:4px;color:#8a98ac;font-size:9px;padding:7px 3px;font-weight:800}.mobile-bottom button.active{color:#1c54b2}.last-item{grid-template-columns:51px 1fr 52px 35px}.btn-sm{font-size:10px;padding:8px}.two-columns{grid-template-columns:1fr}.toast{bottom:84px;right:12px;left:12px;max-width:none}.bar-row{grid-template-columns:90px 1fr 35px}.settings-row{align-items:start;flex-direction:column}.form-stats{grid-template-columns:1fr 1fr;gap:4px}.donut{width:135px;height:135px}.donut-hole{width:101px;height:101px}.modal-body{padding:18px}.modal-head{padding:17px 18px}}@media(max-width:370px){.season-select{max-width:100px}.hero h2{font-size:30px}.hero p{font-size:10px}.kpi strong{font-size:23px}.form-grid{gap:9px}.kpi-grid{gap:8px}}
