:root{--donkerblauw:#1b2a4a;--middenblauw:#2e5c8a;--lichtblauw:#4a90d9;--oranje:#e88d2a;--groen:#2a9d5e;--rood:#c0392b;--wit:#fff;--lichtgrijs:#f0f2f5;--grijs:#d7dde5;--donkergrijs:#333}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--lichtgrijs);color:var(--donkergrijs);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden;max-width:100%}a{color:var(--middenblauw)}.container{max-width:1000px;margin:0 auto;padding:0 16px 56px}.nav{background:var(--donkerblauw);color:var(--wit)}.nav-inner{max-width:1000px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:20px}.nav-brand{font-weight:700;letter-spacing:.3px}.nav-logo{height:56px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:20px;flex:1 1}.nav a{color:#cfe0f3;text-decoration:none;padding:6px 4px;white-space:nowrap}.nav a.active,.nav a:hover{color:var(--wit)}.nav-spacer{flex:1 1}.nav-hamburger{display:none;margin-left:auto;background:transparent;color:var(--wit);border:1px solid #ffffff55;border-radius:7px;font-size:20px;line-height:1;padding:6px 12px;cursor:pointer}.match-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.card{background:var(--wit);border:1px solid var(--grijs);border-radius:10px;padding:18px 20px;margin:16px 0}.card h2{margin-top:0}.card h2,h1,label{color:var(--donkerblauw)}label{display:block;font-weight:600;margin:12px 0 4px;font-size:13px}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--grijs);border-radius:7px;font-size:14px;font-family:inherit;background:var(--wit)}textarea{resize:vertical}.small{font-size:12px;color:#6b7785;margin-top:3px}.btn,.btn-ghost,.btn-groen,.btn-oranje,.btn-primary,.btn-rood,button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border:none;border-radius:7px;padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;text-decoration:none;box-sizing:border-box;line-height:1.3}.btn-primary{background:var(--middenblauw);color:var(--wit)}.btn-primary:hover{background:var(--donkerblauw)}.btn-oranje{background:var(--oranje);color:var(--wit)}.btn-groen{background:var(--groen);color:var(--wit)}.btn-rood{background:var(--rood);color:var(--wit)}.btn-ghost{background:var(--lichtgrijs);color:var(--donkerblauw);border:1px solid var(--grijs)}button:disabled{opacity:.55;cursor:not-allowed}.match{border-bottom:1px solid var(--lichtgrijs);padding:12px 0}.match:last-child{border-bottom:none}.match-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.match-naam{font-weight:700;color:var(--donkerblauw)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--lichtblauw);color:var(--wit)}.badge-via{background:var(--oranje)}.badge-score{background:var(--middenblauw)}.match-sub{font-size:13px;color:#54606e}.status{font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}.status-requested{background:#fdebd2;color:#9a5a12}.status-intro_done{background:#d6f0e0;color:#1d6e41}.status-declined{background:#f3d9d6;color:#8a2c22}.banner{background:#fdebd2;border:1px solid var(--oranje);color:#8a5413;padding:12px 16px;border-radius:8px;margin:16px 0}.error{color:var(--rood);font-size:13px;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:rgba(27,42,74,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--wit);border-radius:12px;padding:22px;max-width:620px;width:100%;max-height:90vh;overflow-y:auto}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(240,242,245,.7);z-index:100}.spinner{width:46px;height:46px;border:4px solid var(--grijs);border-top-color:var(--middenblauw);border-radius:50%;animation:pyn-spin .8s linear infinite}@keyframes pyn-spin{to{transform:rotate(1turn)}}.help-wrap{position:relative;display:inline-block;vertical-align:middle;margin-left:8px}.help-btn{width:24px;height:24px;border-radius:50%;padding:0;background:var(--lichtblauw);color:var(--wit);font-size:14px;font-weight:700;line-height:1;cursor:pointer;border:none}.help-btn:hover{background:var(--middenblauw)}.help-pop{position:absolute;left:0;top:30px;z-index:70;width:280px;max-width:78vw;background:var(--donkerblauw);color:var(--wit);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:400;line-height:1.45;box-shadow:0 4px 14px rgba(27,42,74,.35)}.scrolltop{position:fixed;right:16px;bottom:16px;z-index:60;width:46px;height:46px;border-radius:50%;background:var(--middenblauw);color:var(--wit);font-size:22px;line-height:1;box-shadow:0 2px 8px rgba(27,42,74,.35);display:flex;align-items:center;justify-content:center;padding:0}.scrolltop:hover{background:var(--donkerblauw)}.auth-wrap{max-width:380px;margin:8vh auto;padding:0 16px}.auth-wrap img{max-width:80%;height:auto}@media (max-width:760px){.nav-inner{flex-wrap:wrap;gap:6px 10px;padding:8px 12px}.nav-logo{height:34px;flex:0 0 auto}.nav-brand{gap:6px!important;flex:1 1 auto;min-width:0}.nav-netwerk{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-hamburger{display:block;flex:0 0 auto}.nav-links{display:none;flex-basis:100%;flex-direction:column;align-items:flex-start;gap:12px;padding:10px 2px 4px}.nav-links.open{display:flex}.nav-spacer{display:none}.nav a{font-size:15px;padding:8px 0}.container{padding:0 12px 96px}h1{font-size:22px}.card{padding:14px}.modal{padding:16px;max-height:92vh}.match-actions .btn-ghost,.match-actions .btn-oranje,.match-actions button{flex:1 1 140px;text-align:center}}