:root{--primary:#2459db;--secondary:#fff;--accent:#f5b51b;--sidebar-bg:#06264a;--sidebar-text:#eef6ff;--header-bg:#fff;--header-text:#142033;--page-bg:#f4f6f9;--card-bg:#fff;--success:#2fa84f;--warning:#f2a713;--danger:#e54848;--border:#dfe4ec;--muted:#68758a;--radius:10px;--shadow:0 2px 8px rgba(15,36,65,.05);--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:#172033;background:var(--page-bg);font-size:14px}button,input,select{font:inherit}a{color:var(--primary);text-decoration:none}.app-shell{display:grid;grid-template-columns:184px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:16px 8px;position:sticky;top:0;height:100vh;overflow:auto}.club-brand{display:flex;align-items:center;gap:10px;padding:2px 12px 17px;text-transform:uppercase;letter-spacing:.12em}.club-brand strong{display:block;font-size:14px}.club-brand small{display:block;font-size:8px;margin-top:2px}.brand-mark,.team-shield{width:42px;height:50px;display:grid;place-items:center;background:#0a315e;color:#fff;border:2px solid var(--accent);border-radius:45% 45% 55% 55%;font-size:22px;font-weight:800}.sidebar section{margin:9px 0}.sidebar h2{font-size:10px;color:#f5bf2a;margin:0;padding:4px 10px;text-transform:uppercase;letter-spacing:.08em}.sidebar a{display:block;color:var(--sidebar-text);padding:7px 12px;border-radius:5px;font-size:12px}.sidebar a:hover,.sidebar a.active{background:var(--primary);color:#fff}.workspace{min-width:0}.topbar{height:64px;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:10px 20px;position:sticky;top:0;z-index:10}.topbar select{border:1px solid var(--border);border-radius:6px;padding:8px 28px 8px 10px;background:#fff}.topbar input[type=search]{max-width:420px;min-width:220px;flex:1;margin-left:auto;padding:9px 12px;border:1px solid var(--border);border-radius:6px}.menu-button{border:0;background:none;font-size:20px}.link-button{border:0;background:none;color:var(--primary);cursor:pointer}.user-name{font-weight:600}.page{padding:22px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-heading h1{margin:0;font-size:23px}.page-heading p{margin:4px 0 0;color:var(--muted)}.button{display:inline-block;border:1px solid var(--primary);border-radius:6px;padding:9px 16px;background:var(--primary);color:#fff;font-weight:650;cursor:pointer}.button.secondary{background:#fff;color:var(--primary)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric,.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.metric{padding:18px;display:flex;align-items:center;gap:13px}.metric-icon{width:42px;height:42px;border-radius:50%;background:var(--primary);opacity:.9}.metric-icon.success{background:var(--success)}.metric-icon.warning{background:var(--warning)}.metric-icon.danger{background:var(--danger)}.metric small,.metric p{color:var(--muted);margin:0}.metric strong{display:block;font-size:25px;margin:2px 0}.dashboard-grid{display:grid;grid-template-columns:1.2fr .9fr 1.6fr;gap:14px}.panel{min-width:0}.panel>header{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:10px 16px}.panel h2{font-size:13px;text-transform:uppercase;margin:0}.panel header select{border:1px solid var(--border);padding:5px;border-radius:5px}.fixture-body{display:flex;align-items:center;justify-content:space-evenly;text-align:center;padding:30px 15px}.fixture-body>div{display:grid;justify-items:center;gap:8px}.team-shield.away{border-color:#98a1ae;background:#384353}.fixture footer{text-align:center;color:var(--muted);padding:14px;border-top:1px solid var(--border)}.availability{display:flex;align-items:center;justify-content:center;gap:28px;padding:32px 16px}.donut{width:126px;height:126px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fff 48%,transparent 49%),conic-gradient(var(--success) 0 75%,var(--warning) 75% 82%,var(--danger) 82%)}.donut strong{font-size:27px}.donut small{color:var(--muted)}.availability ul,.activity ul{list-style:none;margin:0;padding:0}.availability li{margin:13px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--primary);margin-right:8px}.dot.available{background:var(--success)}.dot.limited{background:var(--warning)}.dot.unavailable{background:var(--danger)}.chart{height:150px;margin:28px 24px 10px;border-left:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:end;justify-content:space-around;padding:0 8px;background:repeating-linear-gradient(to bottom,transparent 0 36px,#edf0f5 37px)}.chart i{display:block;width:7%;background:var(--primary);border-radius:3px 3px 0 0}.finance-totals{display:flex;gap:20px;padding:12px 22px 20px;color:var(--muted)}.finance-totals strong{display:block;color:#172033;font-size:18px;margin-top:3px}.table-panel{grid-column:span 1}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:13px 16px;border-bottom:1px solid var(--border);white-space:nowrap}th{text-transform:uppercase;font-size:10px;color:#4f5b6d}.status{border:1px solid currentColor;border-radius:4px;padding:3px 6px;font-size:10px;text-transform:uppercase}.status.danger{color:var(--danger)}.activity li{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.activity li span{flex:1}.activity li small{display:block;color:var(--muted);margin-top:3px}.activity time,.activity li>b{color:var(--muted);font-size:11px}.login-page,.error-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06264a,#0e3f77)}.login-card,.error-page main{width:min(420px,calc(100% - 32px));background:#fff;padding:38px;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.login-card .brand-mark{margin-bottom:24px}.login-card h1{margin:0 0 8px}.login-card>p{color:var(--muted);margin-bottom:25px}.login-card label{display:block;font-weight:600;margin:15px 0}.login-card input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--border);border-radius:6px}.login-card .button{width:100%;margin-top:6px}.alert{padding:11px;border-radius:6px}.alert-danger{background:#fff0f0;color:#9e2424}.alert-warning{background:#fff7df;color:#795700}.error-page main{text-align:center}.error-page main>strong{font-size:56px;color:var(--primary)}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.finance{grid-column:span 2}.user-name{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-210px;width:200px;z-index:20;transition:left .2s}.sidebar.open{left:0}.topbar{padding:9px 12px}.topbar select:nth-of-type(2),.topbar input[type=search]{display:none}.page{padding:14px}.metrics,.dashboard-grid{grid-template-columns:1fr}.finance,.table-panel{grid-column:auto}.page-heading h1{font-size:20px}.page-heading .button{display:none}.finance-totals{flex-wrap:wrap}.fixture-body{padding:22px 10px}}
.form-panel{padding:20px}.form-panel>h2{margin:0 0 18px;font-size:16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.form-panel label{display:block;font-weight:650;color:#344055}.form-panel input,.form-panel select,.form-panel textarea,.filter-bar input{display:block;width:100%;margin-top:7px;border:1px solid var(--border);border-radius:6px;padding:10px;background:#fff;color:#172033}.form-panel textarea{min-height:88px;resize:vertical}.form-panel label.full{grid-column:1/-1}.form-panel footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.form-panel .check{display:flex;gap:8px;align-items:center}.form-panel .check input{width:auto;margin:0}.split-layout{display:grid;grid-template-columns:340px 1fr;gap:16px;align-items:start}.filter-bar{display:flex;gap:8px;margin-bottom:14px;max-width:520px}.filter-bar input{margin:0}.player-hero{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:16px}.player-hero h1{margin:3px 0;font-size:25px}.player-hero p,.player-hero small{color:var(--muted);margin:0}.player-hero>.status{margin-left:auto}.avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--sidebar-bg);color:#fff;border:3px solid var(--accent);font-size:22px;font-weight:800}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--border);margin:16px 0}.tabs a{padding:11px 13px;color:#4c5869;white-space:nowrap}.tabs a.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:700}.profile-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:15px}.detail-list dl{display:grid;grid-template-columns:140px 1fr;margin:0}.detail-list dt,.detail-list dd{margin:0;padding:11px 16px;border-bottom:1px solid var(--border)}.detail-list dt{color:var(--muted)}
@media(max-width:900px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.profile-grid{grid-template-columns:1fr}}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-panel label.full{grid-column:auto}.player-hero{align-items:flex-start;flex-wrap:wrap}.player-hero>.status{margin-left:0}.detail-list dl{grid-template-columns:1fr}.detail-list dd{padding-top:0}.split-layout{display:block}.split-layout>.panel{margin-bottom:14px}}
.muted-line{display:block;color:var(--muted);margin-top:3px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.theme-card{padding:16px}.theme-card h2{font-size:16px;margin:14px 0 4px}.theme-card p{color:var(--muted)}.theme-preview{height:110px;border:1px solid var(--border);border-radius:8px;background:#f4f6f9;position:relative;overflow:hidden}.theme-preview i{position:absolute;inset:0 auto 0 0;width:28%;background:var(--preview-sidebar)}.theme-preview b{position:absolute;left:34%;right:6%;top:12%;height:14%;background:#fff;border-bottom:3px solid var(--preview-accent)}.theme-preview span{position:absolute;left:34%;right:6%;top:34%;bottom:10%;border-radius:5px;background:linear-gradient(var(--preview-primary) 0 25%,#fff 25%)}
.role-layout{display:grid;grid-template-columns:250px 1fr;gap:15px;align-items:start}.role-list{padding:8px}.role-list a{display:block;padding:10px 12px;border-radius:5px;color:#344055}.role-list a.active{background:var(--primary);color:#fff}.permission-editor{padding:18px}.permission-editor section{margin-bottom:20px}.permission-editor section h2{font-size:13px;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px}.permission-editor label{display:flex;align-items:flex-start;gap:9px;margin:10px 0}.permission-editor label small{display:block;color:var(--muted);margin-top:2px}.permission-editor footer{border-top:1px solid var(--border);padding-top:16px}
.filter-bar select{border:1px solid var(--border);border-radius:6px;padding:9px;background:#fff}.panel-action{padding:16px}
.secondary-grid{margin-top:15px}.secondary-grid .form-panel{display:grid;gap:10px}.secondary-grid .form-panel h2{margin:0}.secondary-grid .form-panel textarea{min-height:70px}
@media(max-width:700px){.role-layout{grid-template-columns:1fr}}
.squad-editor>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.squad-editor>header h2{margin:0}.squad-editor>header input{padding:7px;border:1px solid var(--border);border-radius:5px}.squad-editor td select,.squad-editor td input[type=text],.squad-editor td input:not([type]){max-width:150px;padding:6px;border:1px solid var(--border);border-radius:4px}.squad-editor>footer{padding:14px}.match-ops{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-top:15px}.event-list{max-height:260px;overflow:auto}.event-list p{margin:0;padding:10px 16px;border-bottom:1px solid var(--border)}.compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-top:1px solid var(--border);border-radius:0;box-shadow:none}.compact-form .button,.compact-form h2{align-self:end}.verify-form{margin-top:12px}.muted{color:var(--muted);font-weight:400}.empty{color:var(--muted)}
@media(max-width:1000px){.match-ops{grid-template-columns:1fr}}@media(max-width:600px){.compact-form{grid-template-columns:1fr}}
.report-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:14px;margin-bottom:14px}.report-filters label{font-weight:650}.report-filters select,.report-filters input{display:block;width:100%;margin-top:6px;padding:8px;border:1px solid var(--border);border-radius:5px;background:#fff}.report-filters .button{align-self:end}@media(max-width:900px){.report-filters{grid-template-columns:repeat(2,1fr)}}
.player-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:15px 0}.player-kpis .metric{padding:13px}.full-span{grid-column:1/-1}@media(max-width:900px){.player-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.player-kpis{grid-template-columns:repeat(2,1fr)}}
.global-search{flex:1;margin-left:auto}.global-search input[type=search]{width:100%;margin:0;max-width:none}.context-pill{border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:#fff;color:#344055;white-space:nowrap}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06264a,#0e3f77);padding:20px}.auth-card{width:min(520px,100%);background:#fff;padding:30px;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.auth-card label{display:block;font-weight:650;margin:12px 0}.auth-card input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:6px}.auth-card pre{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f4f6f9;padding:12px;border-radius:6px}@media(max-width:760px){.context-pill:nth-of-type(2),.global-search{display:none}}
.player-photo{display:block;object-fit:cover}.photo-upload{display:flex;align-items:end;gap:12px;margin:12px 0 0;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.photo-upload label{font-weight:700}.photo-upload input{display:block;margin-top:6px}.photo-upload small{color:var(--muted);padding-bottom:9px}@media(max-width:650px){.photo-upload{align-items:stretch;flex-direction:column}.photo-upload small{padding-bottom:0}}
.player-list-identity{display:flex;align-items:center;gap:10px;color:inherit}.player-list-identity img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--sidebar-bg)}
.planning-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.planning-grid .panel{margin:0}.planning-grid .muted,.form-panel .muted{color:var(--muted);font-size:13px}.planning-grid label{margin-bottom:12px}.confidence-high,.gap-ok{background:#dcfce7;color:#166534}.confidence-medium{background:#fef3c7;color:#92400e}.confidence-low,.gap-danger{background:#fee2e2;color:#991b1b}.inline-target{display:flex;gap:5px;align-items:center}.inline-target input{width:54px;padding:6px;border:1px solid var(--border);border-radius:5px}.inline-target select{padding:6px;border:1px solid var(--border);border-radius:5px}.approval-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff7db;border:1px solid #f2d47a;border-radius:var(--radius);padding:16px;margin-top:16px}@media(max-width:900px){.planning-metrics{grid-template-columns:repeat(2,1fr)}.planning-grid{grid-template-columns:1fr}}@media(max-width:560px){.planning-metrics{grid-template-columns:1fr}.approval-bar{align-items:stretch;flex-direction:column}}
.alert-success{background:#ecfdf3;color:#176b3a}.user-name{color:var(--header-text)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.metric-card small{display:block;color:var(--muted);margin-bottom:7px}.metric-card strong{font-size:22px}.report-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.scorecard-grid div{display:grid;gap:4px;text-align:center;padding:20px 8px;background:#fff}.scorecard-grid strong{font-size:23px}.scorecard-grid small{color:var(--muted)}.positive strong{color:var(--success)}.negative strong{color:var(--danger)}.payroll-command{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:16px}.payroll-summary{display:flex;gap:22px;padding:18px}.payroll-summary div{display:grid;gap:4px}.payroll-summary strong{font-size:22px}.payroll-summary span,.payroll-summary small{color:var(--muted)}.payroll-pipeline{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 8px}.payroll-pipeline div{text-align:center;border-right:1px solid var(--border)}.payroll-pipeline div:last-child{border:0}.payroll-pipeline strong,.payroll-pipeline small{display:block}.payroll-pipeline small{text-transform:capitalize;color:var(--muted);font-size:10px}.quality-list{list-style:none;padding:12px 18px;margin:0}.quality-list li{padding:7px 0}.quality-list strong{display:inline-block;min-width:28px}.profile-account-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin-bottom:16px}.manual-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.manual-nav{position:sticky;top:80px;padding:14px}.manual-nav strong,.manual-nav a{display:block}.manual-nav strong{padding:8px}.manual-nav a{padding:7px 8px;border-radius:5px}.manual-nav a:hover{background:#eef3ff}.manual-content{display:grid;gap:14px}.manual-content section{padding:20px;scroll-margin-top:80px}.manual-content h2{margin-top:0}.manual-content p,.manual-content li{line-height:1.65}.manual-content code{background:#eef1f5;padding:2px 5px;border-radius:4px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.payroll-command{grid-template-columns:1fr}.report-dashboard{grid-template-columns:1fr}}@media(max-width:720px){.metric-grid{grid-template-columns:repeat(2,1fr)}.profile-account-grid,.manual-layout{grid-template-columns:1fr}.manual-nav{position:static}.scorecard-grid{grid-template-columns:repeat(2,1fr)}}