:root{--account-green:#0b5338;--account-green-dark:#062d20;--account-gold:#d0a64e;--account-cream:#f5f0e6;--account-card:#fffdf8;--account-line:#d8caa8;--account-ink:#153126;--account-muted:#68756e;--account-danger:#842d35}
*{box-sizing:border-box}
html{min-height:100%;background:#08291e}
body.account-page{margin:0;min-height:100vh;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:var(--account-ink);background:radial-gradient(circle at 82% 5%,#d2aa5030,transparent 25rem),linear-gradient(145deg,#061b13,#145239);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.account-shell{width:min(540px,100%);margin:clamp(10px,6vh,62px) auto}
.account-shell.account-shell-wide{width:min(920px,100%);margin-top:18px}
.account-top{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fdf9ee}
.account-brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.account-brand img{width:42px;height:42px;object-fit:contain}
.account-brand strong{font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:-.025em}
.account-back{padding:8px 10px;color:#f3dda1;background:#ffffff12;border:1px solid #ffffff26;border-radius:9px;text-decoration:none;font-size:10px;font-weight:900}
.account-card{padding:clamp(20px,5vw,30px);background:var(--account-card);border:1px solid var(--account-gold);border-radius:20px;box-shadow:0 24px 65px #0006}
.account-eyebrow{display:block;margin-bottom:7px;color:#997024;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.account-card h1{margin:0;color:#123b29;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,7vw,40px);line-height:1.03;letter-spacing:-.035em}
.account-card p{margin:10px 0 0;color:var(--account-muted);font-size:12px;line-height:1.55}
.account-form{margin-top:18px}
.account-field{display:block;margin-top:11px;color:#31483d;font-size:11px;font-weight:900}
.account-field input{display:block;width:100%;min-height:47px;margin-top:5px;padding:10px 12px;color:#14271f;background:#fff;border:1px solid #cfc6b6;border-radius:10px;font:inherit;font-size:14px;outline:none}
.account-field input:focus{border-color:#25815d;box-shadow:0 0 0 3px #25815d24}
.account-button{width:100%;min-height:48px;margin-top:16px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,var(--account-green-dark),#177451);border:0;border-radius:11px;font:inherit;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px #0b53382b}
.account-button.secondary{color:#174b37;background:#edf4ef;border:1px solid #d5e1d9;box-shadow:none}
.account-button.danger{color:#7c3037;background:#f8e6e6;border:1px solid #e8c6c8;box-shadow:none}
.account-notice{margin-top:14px;padding:12px 13px;border-radius:11px;font-size:11px;font-weight:850;line-height:1.45}
.account-notice.success{color:#175b38;background:#e3f0e6;border:1px solid #bfd8c6}
.account-notice.error{color:var(--account-danger);background:#f8dfe0;border:1px solid #e6bfc2}
.account-links{display:flex;align-items:center;justify-content:center;gap:7px 16px;flex-wrap:wrap;margin-top:15px}
.account-links a{color:#0b5338;text-decoration:none;font-size:10px;font-weight:900}
.account-divider{height:1px;margin:18px 0;background:#e8deca}
.account-status{display:flex;align-items:center;gap:10px;margin:13px 0 2px;padding:11px 12px;color:#194c37;background:#edf5ef;border:1px solid #cee0d3;border-radius:11px;font-size:11px}
.account-status-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;color:#fff;background:#21805a;border-radius:9px;font-weight:950}
.account-jump{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.account-jump a{padding:7px 9px;color:#17613b;background:#f1f5ef;border:1px solid #d4e0d6;border-radius:8px;text-decoration:none;font-size:9px;font-weight:950}.account-personal-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.account-personal-summary div{padding:12px 10px;background:linear-gradient(145deg,#123d2c,#17613b);border:1px solid #237351;border-radius:12px;color:#fff}.account-personal-summary small{display:block;min-height:25px;color:#dbe9e1;font-size:8px;font-weight:850;line-height:1.35;text-transform:uppercase}.account-personal-summary strong{display:block;margin-top:4px;color:#fff;font-size:21px}.account-dashboard-section{margin-top:22px;scroll-margin-top:12px}.account-section-count{padding:5px 8px;color:#17613b;background:#e7f1e9;border-radius:999px;font-size:8px;font-weight:950}.account-planning-list,.account-result-list,.account-signup-list{display:grid;gap:7px;margin-top:10px}.account-planning-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;color:#183127;background:#fff;border:1px solid #dfd0ad;border-radius:11px;text-decoration:none}.account-planning-row time{color:#9a6f1f;font-size:10px;font-weight:950}.account-planning-row strong,.account-planning-row small{display:block}.account-planning-row strong{font-size:11px}.account-planning-row small{margin-top:3px;color:#727b74;font-size:9px}.account-planning-row>b{color:#17613b;font-size:9px}.account-signup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;background:#fff;border:1px solid #dfd0ad;border-radius:11px}.account-signup-row strong,.account-signup-row small,.account-signup-row span{display:block}.account-signup-row strong{font-size:11px}.account-signup-row small{margin-top:3px;color:#727b74;font-size:9px}.account-signup-row span{margin-top:5px;color:#315a45;font-size:8px;font-weight:850}.account-signup-actions{display:flex;align-items:center;gap:5px}.account-signup-actions form{margin:0}.account-signup-actions a,.account-signup-actions button{min-height:31px;padding:6px 8px;border:1px solid #d4e0d6;border-radius:8px;color:#17613b;background:#edf4ef;text-decoration:none;font:inherit;font-size:8px;font-weight:950;cursor:pointer}.account-signup-actions button{color:#842d35;background:#f8e6e6;border-color:#e8c6c8}.account-signup-actions em{color:#7b837e;font-size:8px}.account-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.account-stat-card{padding:12px;background:#fff;border:1px solid #dfd0ad;border-radius:12px}.account-stat-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.account-stat-card header strong,.account-stat-card header small{display:block}.account-stat-card header strong{font-size:11px}.account-stat-card header small{margin-top:3px;color:#727b74;font-size:8px}.account-stat-card header>b{color:#17613b;font-size:19px}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.account-stat-grid span{padding:7px 5px;background:#f6f2e9;border-radius:8px;text-align:center}.account-stat-grid small,.account-stat-grid strong{display:block}.account-stat-grid small{min-height:20px;color:#7b827e;font-size:7px;text-transform:uppercase}.account-stat-grid strong{margin-top:2px;font-size:10px}.account-result-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;background:#fff;border:1px solid #e2d7c2;border-radius:11px}.account-result-score{display:grid;min-height:36px;place-items:center;color:#7b3439;background:#f5e1e2;border-radius:9px;font-size:10px;font-weight:950}.account-result-score.win{color:#17613b;background:#dff0e4}.account-result-score.draw{color:#785618;background:#f5ebcf}.account-result-row span:nth-child(2) strong,.account-result-row span:nth-child(2) small{display:block}.account-result-row span:nth-child(2) strong{font-size:10px}.account-result-row span:nth-child(2) small{margin-top:3px;color:#747d77;font-size:8px}.account-result-row>b{color:#17613b;font-size:9px;white-space:nowrap}
.account-messages{margin-top:18px}.account-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.account-section-head h2{margin:0;color:#153126;font-size:20px}.account-section-head .account-eyebrow{margin-bottom:3px}.account-section-head form{margin:0}.account-section-head button,.account-message footer button{padding:6px 8px;color:#17613b;background:#edf4ef;border:1px solid #cee0d3;border-radius:8px;font:inherit;font-size:8px;font-weight:950;cursor:pointer}.account-message-list{display:grid;gap:7px;margin-top:9px}.account-message{padding:11px 12px;background:#f7f3eb;border:1px solid #e2d7c2;border-radius:11px}.account-message.unread{background:#edf6f0;border-color:#bcd9c5;box-shadow:inset 3px 0 #25815d}.account-message-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-message-top strong{font-size:11px}.account-message-top span{padding:3px 6px;color:#fff;background:#25815d;border-radius:999px;font-size:7px;font-weight:950;text-transform:uppercase}.account-message p{margin:7px 0!important;color:#4f5d55!important;font-size:10px!important;line-height:1.5!important}.account-message footer{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#7b837e;font-size:8px}.account-message footer form{margin:0}
.account-list{display:grid;gap:7px;margin-top:14px}
.account-item{min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#183127;background:#fff;border:1px solid #dfd0ad;border-radius:11px;text-decoration:none}
.account-item strong{display:block;font-size:12px}
.account-item small{display:block;margin-top:3px;color:#68736d;font-size:9px}
.account-item span:last-child{color:#17613b;font-size:10px;font-weight:950;white-space:nowrap}
.account-empty{margin-top:14px;padding:14px;color:#6b746f;background:#f5f1e8;border:1px dashed #d2c7b4;border-radius:11px;font-size:11px;text-align:center}
.account-footer{margin-top:12px;color:#d7e3dc;font-size:9px;text-align:center}
@media(max-width:700px){.account-personal-summary{grid-template-columns:repeat(2,1fr)}.account-stat-list{grid-template-columns:1fr}.account-planning-row{grid-template-columns:68px minmax(0,1fr)}.account-planning-row>b{display:none}.account-result-row{grid-template-columns:52px minmax(0,1fr)}.account-result-row>b{grid-column:2}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-signup-row{grid-template-columns:1fr}.account-signup-actions{justify-content:flex-start}}
@media(max-width:560px){body.account-page{padding:calc(9px + env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))}.account-shell{margin:4px auto 16px}.account-shell.account-shell-wide{margin-top:4px}.account-top{padding:0 3px}.account-brand img{width:37px;height:37px}.account-brand strong{font-size:19px}.account-card{padding:19px 16px;border-radius:16px}.account-card h1{font-size:31px}.account-field input{min-height:45px}.account-links{gap:8px 14px}}
.account-message.invitation{border-color:#d2aa4c;background:linear-gradient(135deg,#fffdf8,#fff8e7)}
.account-invitation-status{margin:10px 0 8px;padding:8px 10px;border-radius:9px;background:#fff0c8;color:#76510b;font-size:10px;font-weight:900}
.account-invitation-status.aangemeld{background:#e2f1e7;color:#17613b}.account-invitation-status.afgemeld{background:#f1ece4;color:#6c6458}
.account-invitation-actions{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 10px}.account-invitation-actions a,.account-invitation-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border:0;border-radius:9px;background:#0b5338;color:#fff;text-decoration:none;font:inherit;font-size:10px;font-weight:950;cursor:pointer}.account-invitation-actions button{background:#eee5d5;color:#574b38}.account-invitation-actions form{margin:0}
.account-history{margin-top:12px;padding:10px 12px;border:1px solid #dfd0ad;border-radius:11px;background:#f7f3eb}.account-history summary{cursor:pointer;color:#355f44;font-size:10px;font-weight:950}.account-history .account-stat-list{margin-top:10px}