:root{--n:#091b32;--g:#26d07c;--bg:#f4f7fb;--line:#dde6ef;--mut:#718096}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:#122238}a{color:#168958}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#1d4e77,var(--n) 55%)}.authbox{width:min(440px,92%);background:#fff;padding:36px;border-radius:20px}.brand{font-size:20px;margin-bottom:28px}label{display:block;font-weight:700;font-size:13px;margin:14px 0}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:6px}button{background:var(--g);border:0;padding:11px 16px;border-radius:9px;font-weight:800}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--n);color:#fff;padding:24px 18px}nav{display:grid;gap:8px}nav a{color:#abc0d4;text-decoration:none;padding:11px}.content{padding:26px;max-width:1350px;margin:auto}header{background:#fff;padding:18px 28px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;padding:20px;border:1px solid var(--line);border-radius:14px}.row,.match{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.row small{display:block;color:var(--mut)}.match{grid-template-columns:1fr 65px 65px auto}.hero{background:linear-gradient(115deg,#0c2746,#15527c);color:#fff;padding:30px;border-radius:20px}.alert{background:#e8fff3;padding:11px;border-radius:9px;margin:12px 0}@media(max-width:800px){.app{grid-template-columns:1fr}aside{display:none}.grid{grid-template-columns:1fr}.match{grid-template-columns:1fr 55px 55px}.match button{grid-column:1/-1}}
.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.color-grid label{background:#f7f9fc;border:1px solid #dde6ef;border-radius:12px;padding:16px}.color-grid input[type=color]{width:100%;height:58px;padding:3px;cursor:pointer}.color-grid code{display:block;margin-top:8px}.brand-preview{display:flex;align-items:center;gap:18px;background:var(--preview-primary);color:#fff;padding:24px;border-radius:16px;margin-bottom:22px}.brand-preview img{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}.brand-preview h2{margin:4px 0 12px}.brand-preview button{background:var(--preview-secondary)}@media(max-width:600px){.color-grid{grid-template-columns:1fr}}
.nav-label{margin:18px 11px 7px;color:#6f879f;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-pool{border-top:1px solid rgba(255,255,255,.07);padding-top:5px}.nav-pool-name{font-weight:700;color:#fff!important}.nav-submenu{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 9px 8px}.nav-submenu a{font-size:11px!important;padding:7px!important;background:rgba(255,255,255,.06);border-radius:7px;text-align:center}.nav-spacer{height:16px}
.access-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.access-row small{display:block;color:var(--mut);margin-top:4px}.access-actions{display:flex;gap:8px}.access-actions form{margin:0}.access-actions button{white-space:nowrap}.danger{background:#c93434!important;color:#fff}.is-deleted{opacity:.48;text-decoration:line-through}@media(max-width:700px){.access-row{grid-template-columns:1fr}.access-actions{flex-wrap:wrap}}
.nav-label{margin:18px 11px 7px;color:#6f879f;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-pool{border-top:1px solid rgba(255,255,255,.07);padding-top:5px}.nav-pool-name{font-weight:700;color:#fff!important}.nav-submenu{display:grid;grid-template-columns:1fr;gap:5px;padding:0 9px 8px}.nav-submenu a{font-size:11px!important;padding:7px!important;background:rgba(255,255,255,.06);border-radius:7px;text-align:center}.nav-spacer{height:16px}
.invite-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.invite-row small{display:block;color:var(--mut);margin-top:4px}.invite-row form{margin:0}.danger{background:#c93434!important;color:#fff}
.nav-label{margin:18px 11px 7px;color:#6f879f;font-size:10px;font-weight:800;letter-spacing:.12em}.nav-pool{border-top:1px solid rgba(255,255,255,.07);padding-top:5px}.nav-pool-name{font-weight:700;color:#fff!important}.nav-submenu{display:grid;grid-template-columns:1fr;gap:5px;padding:0 9px 8px}.nav-submenu a{font-size:11px!important;padding:7px!important;background:rgba(255,255,255,.06);border-radius:7px;text-align:center}.nav-spacer{height:16px}
.profile-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:20px}.profile-summary{text-align:center}.profile-avatar{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 14px;border-radius:50%;background:var(--g,#26d07c);color:#fff;font-size:36px;font-weight:800}.profile-summary h3{margin-bottom:3px}.profile-details{margin:22px 0 0;text-align:left}.profile-details div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line,#dde6ef)}.profile-details dt{font-weight:700}.profile-details dd{margin:0;text-align:right}.error-alert{background:#ffe6e6!important;color:#8b1f1f!important}.card label small{display:block;margin-top:5px;color:var(--mut,#64748b)}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}}
.password-card{max-width:680px}.error-alert{background:#ffe6e6!important;color:#8b1f1f!important}.authbox h1{margin-top:20px}
.share-result{margin-top:20px;padding:18px;border:1px solid var(--line,#dce6ef);border-radius:12px}.share-actions{display:flex;gap:9px;flex-wrap:wrap}.share-qr{display:block;width:min(360px,100%);margin:18px auto 0}.button{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--g,#26d07c);color:#fff;text-decoration:none;font-weight:700}
.role-form{display:flex;gap:7px;align-items:center}.role-form select{min-width:145px}.access-actions{align-items:center;flex-wrap:wrap}
.smtp-choice-grid{grid-template-columns:minmax(360px,1.2fr) minmax(280px,.8fr)}.smtp-option{font-weight:700}.smtp-choice-grid hr{border:0;border-top:1px solid var(--line,#dce6ef);margin:24px 0}@media(max-width:800px){.smtp-choice-grid{grid-template-columns:1fr}}
.score-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0f2f4f,#176b54);color:#fff;margin-bottom:18px}.score-hero h1{margin:4px 0 6px;font-size:clamp(28px,4vw,44px)}.score-hero p{margin:0;color:#d9efe7}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;opacity:.75}.my-score{min-width:170px;text-align:center;padding:18px 24px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.my-score span,.my-score small{display:block}.my-score b{display:block;font-size:42px;line-height:1}.score-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.score-kpis article{background:#fff;border:1px solid var(--line,#dce6ef);border-radius:14px;padding:17px}.score-kpis span,.score-kpis small{display:block;color:var(--mut,#64748b);font-size:13px}.score-kpis b{display:block;font-size:24px;margin-top:5px}.standings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.card-title h3{margin:3px 0}.standings-head,.standing-row{display:grid;grid-template-columns:42px minmax(150px,1fr) 105px 90px;gap:10px;align-items:center}.standings-head{padding:10px 12px;color:var(--mut,#64748b);font-size:12px;font-weight:700}.standing-row{position:relative;padding:13px 12px;border-top:1px solid var(--line,#e5edf3);border-radius:10px}.standing-row.is-me{background:#ecfdf5}.rank{font-weight:800;text-align:center}.player{position:relative;overflow:hidden}.player b,.player em{position:relative;z-index:1}.player em{font-style:normal;font-size:10px;margin-left:7px;padding:3px 6px;border-radius:999px;background:#22c55e;color:#fff}.player i{position:absolute;left:0;bottom:-5px;height:3px;border-radius:99px;background:#22c55e;opacity:.7}.standing-row strong{text-align:right;color:#0f6b45}@media(max-width:1050px){.standings-grid{grid-template-columns:1fr}.score-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.score-hero{align-items:stretch;flex-direction:column}.score-kpis{grid-template-columns:1fr 1fr}.standings-head,.standing-row{grid-template-columns:34px minmax(110px,1fr) 70px}.standings-head span:nth-child(3),.standing-row>span:nth-child(3){display:none}.standing-row strong{font-size:13px}}


/* Wedstrijdbeheer */
.match-admin-grid{grid-template-columns:minmax(280px,.72fr) minmax(460px,1.28fr)}.matches-list-card{min-width:0}.admin-match-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line,#dce6ef)}.admin-match-info small{display:block;margin-top:5px;color:var(--mut,#64748b)}.result-form{display:flex;align-items:center;gap:6px}.result-form input{width:62px;margin:0}.admin-match-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.admin-match-actions form,.result-form{margin:0}.button.secondary{background:#e8eef4;color:#17324d}@media(max-width:900px){.match-admin-grid{grid-template-columns:1fr}.admin-match-row{grid-template-columns:1fr}.admin-match-actions{grid-column:auto;justify-content:flex-start}}