*{box-sizing:border-box} :root{--bg:#f1f5f9;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--green2:#166534;--nav:#0f172a;--danger:#b91c1c}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)} button,input,select{font:inherit}
button,.buttonlike{border:0;border-radius:10px;background:var(--green);color:white;padding:.8rem 1rem;font-weight:800;cursor:pointer;text-align:center}
button:hover,.buttonlike:hover{background:var(--green2)} .ghost{background:#334155}.danger{background:var(--danger)}
.appbar{background:var(--nav);color:#fff;padding:1rem clamp(1rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.appbar h1{margin:.15rem 0 0;font-size:clamp(1.2rem,3vw,2rem)} .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;color:#22c55e;margin:0 0 .35rem}
.tabs{display:flex;gap:.35rem;overflow:auto;background:white;border-bottom:1px solid var(--line);padding:.7rem clamp(1rem,4vw,3rem);position:sticky;top:0;z-index:5}
.tabs button{background:transparent;color:var(--muted);white-space:nowrap}.tabs button.active{background:#dcfce7;color:var(--green2)}
main{width:min(1200px,calc(100% - 2rem));margin:1.5rem auto 3rem}.view{display:none}.view.active{display:block}
.hero{background:linear-gradient(135deg,#14532d,#16a34a);color:white;border-radius:18px;padding:clamp(1.4rem,4vw,2.5rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.hero h2{font-size:clamp(1.7rem,4vw,2.8rem);margin:.2rem 0}.hero-number{background:#ffffff22;border-radius:15px;padding:1rem 1.5rem;text-align:center}.hero-number span{display:block;font-size:2.5rem;font-weight:900}
.cards{display:grid;gap:1rem;margin-bottom:1rem}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border-radius:16px;padding:1.2rem;box-shadow:0 8px 25px #0f172a0d;margin-bottom:1rem}.card h2,.card h3{margin-top:0}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pill{background:#dcfce7;color:var(--green2);padding:.45rem .7rem;border-radius:999px;font-size:.82rem;font-weight:800}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:.75rem;border-bottom:1px solid var(--line);text-align:center}th:nth-child(2),td:nth-child(2){text-align:left}th{font-size:.74rem;text-transform:uppercase;color:var(--muted)}
.list{display:grid;gap:.8rem}.fixture{border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;grid-template-columns:135px 1fr 100px auto;gap:1rem;align-items:center}.fixture strong{font-size:1.02rem}.score{font-size:1.25rem;font-weight:900;text-align:right}
.team-card{border-left:5px solid var(--green)}.team-card .actions{margin-top:.8rem}.muted{color:var(--muted)}.small{font-size:.86rem}
.stack{display:grid;gap:.85rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}label{display:grid;gap:.35rem;font-weight:800}input,select{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:10px;background:#fff}
.result-grid{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:.7rem;align-items:end}.actions{display:flex;flex-wrap:wrap;gap:.7rem}
footer{text-align:center;padding:2rem;color:var(--muted)}
@media(max-width:850px){.cards.three,.cards.two{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.fixture{grid-template-columns:1fr}.score{text-align:left}.appbar{align-items:flex-start;flex-direction:column}.split{grid-template-columns:1fr}}
.auth-screen{position:fixed;inset:0;background:#0f172a;z-index:1000;display:grid;place-items:center;padding:1rem}
.auth-screen.hidden{display:none}.auth-card{width:min(430px,100%);background:white;border-radius:18px;padding:1.5rem;box-shadow:0 25px 60px #0006}
.full{width:100%;margin-top:.7rem}.header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.status{font-size:.8rem;font-weight:800;padding:.4rem .65rem;border-radius:999px;background:#475569}.status.online{background:#166534}.status.offline{background:#991b1b}
@media(max-width:850px){.header-actions{width:100%}}

.readonly-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:.8rem 1rem;border-radius:12px;margin-bottom:1rem;font-weight:700}
.role-select{min-width:130px}

:root{--bg:#07111f;--card:#0c1b2b;--ink:#f8fafc;--muted:#94a3b8;--line:#1e3348;--green:#11cbd7;--green2:#0891b2;--nav:#06101d;--danger:#dc2626;--gold:#d8aa3d}
body{background:radial-gradient(circle at top right,#10273b 0,#07111f 42%,#040a12 100%);min-height:100vh}
.appbar{border-bottom:1px solid #d8aa3d55;background:#06101df2;backdrop-filter:blur(12px)}
.brand-lockup{display:flex;align-items:center;gap:.9rem}.header-logo{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 22px #d8aa3d33}.auth-logo{display:block;width:150px;height:150px;object-fit:cover;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--gold)}
.auth-card,.card{background:linear-gradient(145deg,#0d1d2e,#091522);border:1px solid #1d3449;box-shadow:0 18px 45px #0006}.auth-screen{background:radial-gradient(circle at center,#10273b,#050b13 70%)}
.tabs{background:#07111ff0;border-color:#1e3348}.tabs button.active{background:linear-gradient(90deg,#0ea5b7,#19d3d1);color:#001018}.tabs button{color:#cbd5e1}
.hero{background:linear-gradient(135deg,#081522,#102b3d);border:1px solid #d8aa3d77;position:relative;overflow:hidden}.hero:after{content:'🎯';position:absolute;right:2%;bottom:-25%;font-size:10rem;opacity:.08}.hero-number{border:1px solid #d8aa3d88}
.eyebrow{color:#17d5d1}.pill{background:#0b3340;color:#5eead4;border:1px solid #1ca6a5}input,select{background:#071421;border-color:#29425a;color:#f8fafc}th,td{border-color:#1e3348}.team-card{border-left-color:var(--gold)}button,.buttonlike{background:linear-gradient(90deg,#0ea5b7,#1bd6cf);color:#001018}.ghost{background:#13283b;color:white}.status.online{background:#0f766e}.footer-logo{width:42px;height:42px;border-radius:50%;vertical-align:middle;margin-right:.5rem;border:1px solid var(--gold)}footer{color:#94a3b8;border-top:1px solid #1e3348}.readonly-note{background:#0b2437;border-color:#1d6076;color:#bae6fd}.submission{border:1px solid #29425a;border-radius:12px;padding:1rem;display:grid;gap:.6rem}.submission-actions{display:flex;gap:.6rem;flex-wrap:wrap}.approve{background:linear-gradient(90deg,#16a34a,#22c55e);color:white}.reject{background:#991b1b;color:white}
@media(max-width:650px){.header-logo{width:52px;height:52px}.auth-logo{width:120px;height:120px}.appbar h1{font-size:1.05rem}}

.app-version{display:block;font-size:.72rem;margin-top:.35rem;opacity:.65}

.competition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.competition-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:1.1rem;background:linear-gradient(145deg,#111827,#1e293b);color:white;min-height:150px}
.competition-card:after{content:"";position:absolute;width:95px;height:95px;border:12px solid #d6a84b;border-radius:50%;right:-35px;bottom:-40px;opacity:.22}
.competition-card h3{color:white;margin:0 0 .45rem}.competition-card .type{color:#2dd4bf;font-weight:800;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}
.competition-match{border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;grid-template-columns:160px 1fr 95px auto;gap:1rem;align-items:center}
.competition-match .competition-name{font-size:.78rem;font-weight:900;color:var(--green);text-transform:uppercase}
.competition-match .round{font-size:.83rem;color:var(--muted)}
@media(max-width:850px){.competition-grid{grid-template-columns:1fr}.competition-match{grid-template-columns:1fr}}

.link-button{background:transparent!important;color:#2dd4bf!important;text-decoration:underline;padding:.7rem 1rem}.link-button:hover{color:#67e8f9!important}.auth-card button+button{margin-top:.55rem}

.account-help{margin:.8rem 0 0;line-height:1.45}
.account-grid{grid-template-columns:2fr 1fr 1fr auto;margin-bottom:1rem}
@media(max-width:850px){.account-grid{grid-template-columns:1fr}}

.generator-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1.4fr auto;gap:.8rem;align-items:end}
.check-label{display:flex;align-items:center;gap:.55rem;min-height:46px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;font-weight:700}
.check-label input{width:auto}
.schedule-status{margin-top:.9rem;line-height:1.5}
.schedule-status.success{color:#2dd4bf;font-weight:800}
.schedule-status.error{color:#f87171;font-weight:800}
.venue-note{display:block;margin-top:.25rem;font-size:.8rem;color:var(--muted)}
@media(max-width:980px){.generator-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.generator-grid{grid-template-columns:1fr}}

#printFixturesBtn{white-space:nowrap}
@media(max-width:650px){
  #printFixturesBtn{width:auto;align-self:flex-start}
}

.result-grid label .small{margin-top:.4rem;width:auto}

#printAllFixturesBtn{white-space:nowrap;margin-left:.5rem}

.print-all-main{
  display:block;
  width:100%;
  margin-top:14px;
  padding:16px 18px;
  border:0;
  border-radius:16px;
  font-size:16px;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
}

.player-result-editor{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.full-width{grid-column:1/-1}.player-entry-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr auto;gap:.55rem;align-items:end;margin:.6rem 0;padding:.7rem;border:1px solid var(--line);border-radius:12px}.player-breakdown{margin:.35rem 0 1rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:0 0 12px 12px;background:#071421}.player-line{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.6rem;padding:.35rem 0;border-bottom:1px solid #1e334866}.player-line:last-child{border-bottom:0}.fixture-wrap{margin-bottom:.7rem}.fixture-wrap .fixture{margin-bottom:0}.competition-match+.player-breakdown{margin-top:-.25rem}@media(max-width:850px){.player-entry-row,.player-line{grid-template-columns:1fr 1fr}.player-entry-row .pr-remove{grid-column:1/-1}}