:root{--primary-gradient: linear-gradient(135deg, #028B02 0%, #026B02 100%);--secondary-gradient: linear-gradient(135deg, #02AB02 0%, #028B02 100%);--accent-color: #028B02;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;border:none;outline:none}html{scrollbar-gutter:stable}#app{overflow:visible;width:100%}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;background-image:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;min-height:100vh;padding:0;margin:0;line-height:1.6;position:relative;overflow-x:hidden}@media(max-width:767px){body{background:#fff;background-image:none;background-attachment:scroll}}@media(min-width:768px){body{background-image:linear-gradient(#0006,#0006),url(/achtergrond-sideline-1280.avif);background-attachment:fixed}}@media(min-width:1280px){body{background-image:linear-gradient(#0006,#0006),url(/achtergrond-sideline-1920.avif)}}@media(min-width:1920px){body{background-image:linear-gradient(#0006,#0006),url(/achtergrond-sideline-2560.avif)}}.welcome-container{background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;box-shadow:var(--shadow-xl);padding:2.5rem 2rem;width:100%;max-width:360px;position:relative;overflow:hidden;border:1px solid rgba(2,139,2,.2);margin:1rem auto 0;z-index:10}.welcome-container.training-attendance-container{overflow:visible;display:block}.welcome-container.trainingen-container,.welcome-container.wedstrijden-container,.welcome-container.my-team-container,.welcome-container.training-attendance-container,.welcome-container.wedstrijd-attendance-container,.welcome-container.lineup-container,.welcome-container.dashboard-container,.welcome-container.statistieken-container,.welcome-container.competitie-stand-container,.welcome-container.seizoensinstellingen-container,.welcome-container.switch-teams-container,.welcome-container.whatsapp-container,.welcome-container.wijzig-inlog-container,.welcome-container.add-to-homescreen-container,.welcome-container.contact-container,.welcome-container.sportlink-container{max-width:800px;padding:2rem}.welcome-container.lineup-container{max-width:800px}.logo{text-align:center;margin-bottom:1rem}.logo h1{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.logo img{height:70px;width:auto;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo p{color:var(--text-secondary);font-size:1rem;font-weight:400}.welcome-text{background:linear-gradient(135deg,#028b02,#02ab02,#02cb02 60%,#028b02);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Dancing Script,cursive;font-size:2.6rem;font-weight:700;text-align:center;margin-bottom:2rem;animation:gradientShift 2.5s ease-in-out infinite,textFloat 4s ease-in-out infinite;position:relative;letter-spacing:.5px;text-transform:none;line-height:1.2;text-shadow:0 0 20px rgba(2,139,2,.3);transform:perspective(1000px) rotateX(5deg)}.welcome-text:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#028b02,#02ab02,#02cb02 60%,#028b02);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(2px);opacity:.4;animation:gradientShift 2.5s ease-in-out infinite reverse,textFloat 4s ease-in-out infinite reverse;transform:perspective(1000px) rotateX(5deg)}.welcome-text:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(2,139,2,.1) 0%,transparent 70%);border-radius:20px;animation:pulse 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes textFloat{0%{transform:perspective(1000px) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateX(5deg) translateY(-3px)}to{transform:perspective(1000px) rotateX(5deg) translateY(0)}}@keyframes pulse{0%{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.1;transform:scale(1)}}@media(max-width:480px){body{background:#fff;padding:0}.welcome-container{background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none;padding:1.5rem 1rem;margin:0;border-radius:0;box-shadow:none;min-height:100vh;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;border:none}.welcome-container.trainingen-container,.welcome-container.wedstrijden-container,.welcome-container.my-team-container,.welcome-container.training-attendance-container,.welcome-container.wedstrijd-attendance-container,.welcome-container.lineup-container,.welcome-container.dashboard-container,.welcome-container.statistieken-container,.welcome-container.competitie-stand-container,.welcome-container.seizoensinstellingen-container,.welcome-container.switch-teams-container,.welcome-container.whatsapp-container,.welcome-container.wijzig-inlog-container,.welcome-container.contact-container,.welcome-container.sportlink-container{max-width:100%;padding:1.5rem 1rem;margin:0;border-radius:0;min-height:100vh;justify-content:flex-start}.welcome-container.lineup-container{padding-left:0!important;padding-right:0!important}.logo h1{font-size:1.8rem}.logo img{height:70px}.welcome-title{font-size:1.8rem;margin-bottom:.5rem}.welcome-subtitle{font-size:.9rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input{font-size:.9rem;padding:.7rem}.login-button{font-size:.9rem;padding:.7rem 1.2rem;margin-bottom:1rem}.signup-button{font-size:.8rem;padding:.6rem 1rem}.signup-text{font-size:.8rem;margin-bottom:.8rem}}@media(min-width:481px)and (max-width:768px){body{background:#fff;padding:0}.welcome-container{background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none;padding:2rem 1.5rem;margin:0;border-radius:0;box-shadow:none;min-height:100vh;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;border:none}.welcome-container.trainingen-container,.welcome-container.wedstrijden-container,.welcome-container.my-team-container,.welcome-container.training-attendance-container,.welcome-container.wedstrijd-attendance-container,.welcome-container.lineup-container,.welcome-container.dashboard-container,.welcome-container.statistieken-container,.welcome-container.competitie-stand-container,.welcome-container.seizoensinstellingen-container,.welcome-container.switch-teams-container,.welcome-container.whatsapp-container,.welcome-container.wijzig-inlog-container,.welcome-container.contact-container,.welcome-container.sportlink-container{max-width:95%;padding:2rem 1.5rem;margin:1rem auto;border-radius:24px;box-shadow:var(--shadow-xl);min-height:auto;justify-content:flex-start}.logo h1{font-size:2rem}.logo img{height:80px}.welcome-title{font-size:2.2rem}.welcome-subtitle{font-size:1.1rem}}@media(min-width:769px)and (max-width:1024px){.welcome-container{margin:1rem auto 0;padding:2.5rem 2rem;max-width:400px}.welcome-container.trainingen-container,.welcome-container.wedstrijden-container,.welcome-container.my-team-container,.welcome-container.training-attendance-container,.welcome-container.wedstrijd-attendance-container,.welcome-container.lineup-container,.welcome-container.dashboard-container,.welcome-container.statistieken-container,.welcome-container.competitie-stand-container,.welcome-container.seizoensinstellingen-container,.welcome-container.switch-teams-container,.welcome-container.whatsapp-container,.welcome-container.wijzig-inlog-container,.welcome-container.contact-container,.welcome-container.sportlink-container{max-width:90%;padding:2rem;margin:1rem auto}.welcome-container.lineup-container{max-width:95%}.logo img{height:70px}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.2rem}}@media(min-width:1025px){.welcome-container{margin:1rem auto 0;padding:3rem 2.5rem;max-width:420px}.welcome-container.trainingen-container,.welcome-container.wedstrijden-container,.welcome-container.my-team-container,.welcome-container.training-attendance-container,.welcome-container.wedstrijd-attendance-container,.welcome-container.dashboard-container,.welcome-container.statistieken-container,.welcome-container.competitie-stand-container,.welcome-container.seizoensinstellingen-container,.welcome-container.switch-teams-container,.welcome-container.whatsapp-container,.welcome-container.wijzig-inlog-container,.welcome-container.contact-container,.welcome-container.sportlink-container{max-width:800px;padding:2rem;margin:1rem auto}.welcome-container.lineup-container{max-width:800px}.logo img{height:80px}.welcome-title{font-size:2.8rem}.welcome-subtitle{font-size:1.3rem}}.pull-to-refresh-overlay{position:fixed;inset:0;z-index:99999;background:#ffffffeb;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pull-to-refresh-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem}.pull-to-refresh-spinner{font-size:2.5rem;color:var(--accent-color);animation:pull-to-refresh-spin .8s linear infinite}.pull-to-refresh-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}@keyframes pull-to-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#026602}.contact-container .contact-form{max-width:28rem;margin:0 auto}@media(max-width:768px){.contact-container .contact-form{max-width:100%;width:100%;margin:0}}.contact-container .status-success{color:#065f46;text-align:center;margin-bottom:1rem}.contact-container .team-header .logo{margin-bottom:1rem;margin-top:3rem}@media(max-width:480px){.welcome-container{background:var(--bg-primary);-webkit-backdrop-filter:none;backdrop-filter:none;padding:1rem;margin:0;border-radius:0;box-shadow:none;min-height:100vh;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;border:none}}.ios-memory-safe .pull-to-refresh-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.u-hidden{display:none!important}.u-visibility-hidden{visibility:hidden}.u-visible-block{display:block}.u-visible-flex{display:flex}.u-visible-inline-block{display:inline-block}.u-relative{position:relative}.u-absolute{position:absolute}.u-absolute-center-y{position:absolute;top:50%;transform:translateY(-50%)}.u-right-1{right:1rem}.u-flex-col{flex-direction:column}.u-mt-1{margin-top:1rem}.u-mt-1_5{margin-top:1.5rem}.u-mt-2{margin-top:2rem}.u-mb-1{margin-bottom:1rem}.u-mb-2{margin-bottom:2rem}.u-text-center{text-align:center}.u-block{display:block}.u-mb-half{margin-bottom:.5rem}.u-font-weight-600{font-weight:600}.u-accent-color{color:var(--accent-color)}.u-max-w-300{max-width:300px}.u-mx-auto{margin-left:auto;margin-right:auto}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-flex-between{display:flex;align-items:center;justify-content:space-between}.u-gap-1{gap:1rem}.u-gap-half{gap:.5rem}.u-flex-wrap{flex-wrap:wrap}.u-flex-1{flex:1}.u-min-w-0{min-width:0}.u-overflow-auto{overflow:auto}.u-overflow-hidden{overflow:hidden}.u-text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-cursor-pointer{cursor:pointer}.u-no-shrink{flex-shrink:0}.u-w-100{width:100%}.u-margin-0{margin:0}.u-my-1{margin-top:1rem;margin-bottom:1rem}.u-padding-1{padding:1rem}.u-padding-half{padding:.5rem}.u-padding-modal{padding:1rem 1.5rem}.u-gap-075{gap:.75rem}.u-border-radius-8{border-radius:8px}.u-border-radius-12{border-radius:12px}.u-border{border:1px solid var(--border-color)}.u-bg-primary{background-color:var(--bg-primary)}.u-color-danger{color:var(--danger-color, #dc2626)}.u-color-warning{color:var(--warning-color, #d97706)}.u-color-success{color:var(--success-color, #16a34a)}.status-loading{color:#666}.status-error{color:#dc3545}.status-warning{color:#ffc107}.status-success{color:#28a745}.error-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#f8d7da;color:#721c24;padding:15px 20px;border-radius:5px;border:1px solid #f5c6cb;box-shadow:0 2px 10px #0000001a;z-index:10000;max-width:500px;white-space:pre-line;font-size:14px}.btn-outline-accent{background:#fff;color:var(--accent-color);border:2px solid var(--accent-color)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:1rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}input,textarea,select,button{-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none;font-size:16px}input[type=checkbox],input[type=radio]{-webkit-appearance:checkbox;appearance:checkbox;border-radius:3px;box-shadow:none}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary, #1f2937);-webkit-text-fill-color:var(--text-primary, #1f2937)}.form-input::placeholder{color:var(--text-secondary, #6b7280);opacity:1}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary, #1f2937);-webkit-box-shadow:0 0 0 1000px var(--bg-primary, #fff) inset;box-shadow:0 0 0 1000px var(--bg-primary, #fff) inset;transition:background-color 5000s ease-in-out 0s}.form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #028b021a;transform:translateY(-1px)}.form-input.form-input-invalid{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.form-input.form-input-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354540}.form-password-wrap{position:relative;display:block;width:100%}.form-password-wrap .form-input{padding-right:3rem}.form-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-secondary, #6b7280);padding:.4rem .5rem;cursor:pointer;line-height:1;border-radius:8px;font-size:1rem}.form-password-toggle:hover{color:var(--accent-color);background:#028b0214}.form-password-toggle:focus{outline:none;box-shadow:0 0 0 2px #028b0259}.form-password-toggle:focus:not(:focus-visible){box-shadow:none}.form-password-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;box-shadow:none}select.form-input,.form-input select{padding-right:2.75rem!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23028b02' d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--bg-primary)!important}.modal select.form-input,.modal .form-input select{padding-right:2.75rem!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23028b02' d='M8 11L3 6h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.form-input[type=date]{padding-right:2.5rem;cursor:pointer}.form-input[type=date]::-webkit-calendar-picker-indicator{display:block;cursor:pointer;opacity:.8;width:1.25rem;height:1.25rem;margin-right:.25rem}.form-input[type=date]::-webkit-inner-spin-button,.form-input[type=date]::-webkit-clear-button{display:none}.form-input[type=date]::-moz-calendar-picker-indicator{display:block;cursor:pointer;opacity:.8;width:1.25rem;height:1.25rem}.form-input[type=time],.form-input[type=date]{text-align:left}.modal{display:flex;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center;padding:1rem}.modal-content{background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(2,139,2,.2)}.modal-header h2{margin:0;color:var(--accent-color);font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#028b021a;color:var(--accent-color)}.modal-body{padding:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(2,139,2,.1)}@media(max-width:768px){.modal{padding:.75rem;overflow-x:hidden;box-sizing:border-box}.modal-content{max-width:100%;width:100%;min-width:0;margin:0;overflow-x:hidden}.modal-header,.modal-body{padding:1rem}.modal-body .form-input,.modal-body input,.modal-body select,.modal-body .form-group{min-width:0;max-width:100%;box-sizing:border-box}.modal-actions{flex-direction:column;align-items:center}.modal-actions button{width:60%}}.meldingen-popup{z-index:10050;align-items:flex-start;justify-content:center;padding-top:clamp(1.5rem,12vh,5rem);padding-bottom:1.25rem;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.meldingen-popup__content{max-width:520px;margin-top:0}.meldingen-popup__tekst{line-height:1.55;word-break:break-word}.meldingen-popup__actions{flex-wrap:wrap;padding-bottom:2rem;margin-bottom:0}@media(max-width:768px){.meldingen-popup{padding-top:max(1rem,env(safe-area-inset-top,0px) + 8vh);padding-left:.75rem;padding-right:.75rem}.meldingen-popup__actions{padding-bottom:1.75rem}}.edit-training-modal-overlay{position:fixed;z-index:10050;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;overflow-x:hidden}.edit-training-modal{background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:420px;width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.edit-training-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(2,139,2,.2)}.edit-training-modal-header h3{margin:0;color:var(--accent-color);font-size:1.25rem;font-weight:600}.edit-training-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.edit-training-modal-close:hover{background:#028b021a;color:var(--accent-color)}.edit-training-form{padding:1.5rem;overflow-x:hidden;box-sizing:border-box}.edit-training-form .form-row-inline{display:flex;gap:1rem}.edit-training-form .form-row-inline .form-group{flex:1 1 0;margin-bottom:0}.edit-training-modal-overlay .edit-training-form .form-row-inline .form-group,.edit-training-modal-overlay .edit-training-form .form-row-inline .form-input{width:100%}.add-training-form .form-row-inline{display:flex;gap:1rem}.add-training-form .form-row-inline .form-group{flex:1 1 0;margin-bottom:0}.edit-training-modal-overlay .add-training-form .form-row-inline .form-group,.edit-training-modal-overlay .add-training-form .form-row-inline .form-input{width:100%}.welcome-container .signup-step2-training-row{display:flex;flex-direction:column;gap:.75rem}.welcome-container .signup-step2-training-row .form-group{flex:none;margin-bottom:0;min-width:0}.welcome-container .signup-step2-training-row .form-input{width:100%;min-width:0}.edit-training-form .form-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(2,139,2,.1)}@media(max-width:768px){.edit-training-modal{max-width:95%}.edit-training-form .form-actions{flex-direction:column}.edit-training-form .form-actions button{width:100%}}.delete-training-options{padding:1.5rem}.delete-training-question{margin:0 0 1rem;font-weight:600;color:var(--text-primary)}.delete-option-btn{display:block;width:100%;padding:.875rem 1rem;margin-bottom:.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:2px solid var(--accent-color);background:transparent;color:var(--accent-color);text-align:center}.delete-option-btn:last-child{margin-bottom:0}.delete-option-btn:hover{background:#028b0214}.delete-option-btn.delete-option-day{border-color:#c9302c;color:#c9302c}.delete-option-btn.delete-option-day:hover{background:#c9302c14}.delete-option-btn.delete-option-btn-remove{border-color:#c9302c;color:#c9302c}.delete-option-btn.delete-option-btn-remove:hover{background:#c9302c1f}.delete-option-btn.delete-option-btn-uitstellen{border-color:#e67e22;color:#e67e22}.delete-option-btn.delete-option-btn-uitstellen:hover{background:#e67e221f}.delete-option-with-hint{margin-bottom:.75rem}.delete-option-with-hint:last-child{margin-bottom:0}.delete-option-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.35;padding-left:.25rem}.add-training-form{padding:1.5rem;max-height:75vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.edit-training-modal-overlay .add-training-modal{max-width:480px}.add-training-form .add-training-buttons{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:nowrap}.add-training-form .add-training-mode-btn{flex:1;min-width:140px}.add-training-content{margin-top:0}.add-training-content .form-group{margin-bottom:1rem}.add-training-content .primary-btn{margin-top:.5rem;width:100%;max-width:100%;display:block}.add-training-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.4}@media(max-width:768px){.edit-training-modal-overlay{padding:.5rem}.edit-training-modal-overlay .edit-training-modal,.edit-training-modal-overlay .add-training-modal,.edit-training-modal-overlay .add-wedstrijd-modal{max-width:100%;width:100%;min-width:0}.edit-training-modal-overlay .edit-training-modal-header{padding:1rem}.edit-training-modal-overlay .edit-training-modal-header h3{font-size:1.1rem}.add-training-form,.add-wedstrijd-form,.edit-training-form{padding:1rem}.edit-training-modal-overlay .edit-training-form .form-row-inline,.edit-training-modal-overlay .add-training-form .form-row-inline{flex-direction:column;gap:.75rem}.add-training-form .add-training-buttons{flex-direction:row;margin-bottom:1rem}.add-training-form .add-training-mode-btn{flex:1;min-width:0;padding:.75rem 1rem;font-size:.95rem}.edit-training-modal-overlay .form-input,.edit-training-modal-overlay input,.edit-training-modal-overlay select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.5rem .65rem;font-size:16px;border-radius:10px;line-height:1.35;height:auto;text-align:left}.edit-training-modal-overlay .form-input[type=date],.edit-training-modal-overlay .form-input[type=time]{padding:.5rem 2rem .5rem .65rem;min-height:44px;text-align:left;max-width:100%}.edit-training-modal-overlay .form-input[type=date]::-webkit-calendar-picker-indicator{width:1rem;height:1rem;margin-right:.125rem;margin-left:0}.edit-training-modal-overlay .form-group{min-width:0;max-width:100%;width:100%;box-sizing:border-box;margin:0 auto .75rem}.edit-training-modal-overlay .add-training-form,.edit-training-modal-overlay .add-wedstrijd-form{overflow-x:hidden;width:100%}.edit-training-modal-overlay .add-wedstrijd-form .form-actions .primary-btn{display:block;width:100%;max-width:100%;margin-top:.5rem}.edit-training-modal-overlay .form-label{font-size:.9rem;margin-bottom:.25rem}}.add-wedstrijd-form{padding:1.5rem;max-height:75vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.edit-wedstrijd-nav.training-buttons{margin-bottom:1rem;padding:0 1.5rem}.edit-wedstrijd-nav .training-filter-btn{flex:1}@media(max-width:768px){.edit-wedstrijd-nav.training-buttons .training-filter-btn{flex:none!important}}.edit-wedstrijd-panel{display:none;padding:0 1.5rem 1.5rem}.edit-wedstrijd-panel.active{display:block}.edit-training-modal-overlay .add-wedstrijd-modal{max-width:480px}.add-wedstrijd-form .form-actions{margin-top:1.25rem}.edit-aanwezigheid-modal .add-wedstrijd-form{padding-top:0}.edit-aanwezigheid-modal .edit-aanwezigheid-sticky-hint{position:sticky;top:0;z-index:3;margin:0 -1.5rem .75rem;padding:1rem 1.5rem;background:#fff;color:var(--text-secondary, #6b7280);font-size:.9rem;line-height:1.45;border-bottom:1px solid rgba(2,139,2,.15);box-shadow:0 4px 12px #0000000f}@media(max-width:768px){.edit-training-modal-overlay .edit-aanwezigheid-modal .add-wedstrijd-form{padding-top:0}.edit-aanwezigheid-modal .edit-aanwezigheid-sticky-hint{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.edit-training-modal-overlay .edit-stat-modal--doelpunten .add-wedstrijd-form,.edit-training-modal-overlay .edit-stat-modal--assists .add-wedstrijd-form,.edit-training-modal-overlay .edit-stat-modal--bonuspunten .add-wedstrijd-form,.edit-training-modal-overlay .edit-stat-modal--gelekaarten .add-wedstrijd-form,.edit-training-modal-overlay .edit-stat-modal--rodekaarten .add-wedstrijd-form{padding-top:0}.edit-stat-modal--doelpunten .edit-stat-sticky-hint,.edit-stat-modal--assists .edit-stat-sticky-hint,.edit-stat-modal--bonuspunten .edit-stat-sticky-hint,.edit-stat-modal--gelekaarten .edit-stat-sticky-hint,.edit-stat-modal--rodekaarten .edit-stat-sticky-hint{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}.edit-stat-modal--doelpunten .add-wedstrijd-form,.edit-stat-modal--assists .add-wedstrijd-form,.edit-stat-modal--bonuspunten .add-wedstrijd-form,.edit-stat-modal--gelekaarten .add-wedstrijd-form,.edit-stat-modal--rodekaarten .add-wedstrijd-form{padding-top:0}.edit-stat-modal--doelpunten .edit-stat-sticky-hint,.edit-stat-modal--assists .edit-stat-sticky-hint,.edit-stat-modal--bonuspunten .edit-stat-sticky-hint,.edit-stat-modal--gelekaarten .edit-stat-sticky-hint,.edit-stat-modal--rodekaarten .edit-stat-sticky-hint{position:sticky;top:0;z-index:3;margin:0 -1.5rem .75rem;padding:1rem 1.5rem;background:#fff;color:var(--text-secondary, #6b7280);font-size:.9rem;line-height:1.45;border-bottom:1px solid rgba(2,139,2,.15);box-shadow:0 4px 12px #0000000f}.login-button{width:100%;background:linear-gradient(135deg,#028b02,#00a000,#028b02);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #028b024d}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #028b0266;background:linear-gradient(135deg,#00a000,#028b02,#00a000)}.login-button:active{transform:translateY(0)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:before{left:100%}.signup-section{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.signup-text{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.5}.signup-button{background:linear-gradient(135deg,transparent 0%,rgba(2,139,2,.1) 100%);color:var(--accent-color);border:2px solid var(--accent-color);padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 2px 10px #028b0233}.signup-button:hover{background:linear-gradient(135deg,#028b02,#00a000,#028b02);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #028b024d}.signup-button:active{transform:translateY(0)}.step-header{text-align:center;margin-bottom:2rem}.step-header h2{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.step-header p{color:var(--accent-color);font-size:.875rem;line-height:1.5}.step-header-intro{display:flex;align-items:center;justify-content:flex-start;gap:1.25rem;flex-wrap:nowrap;text-align:left}.step-header-num-wrap{width:72px;height:72px;border-radius:50%;border:2px solid var(--accent-color);background:var(--accent-color);box-shadow:0 1px 4px #028b024d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;flex-shrink:0;padding:.25rem 0}.step-header-num{color:#fff;font-size:2rem;font-weight:700;line-height:1}.step-header-num-label{font-size:.6rem;font-weight:600;color:#fff;text-transform:lowercase;line-height:1}.step-header-intro .step-header-intro-text{margin:0;color:var(--text-secondary)!important;font-size:.95rem!important;line-height:1.5;min-width:0}.step-header-training{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:nowrap;text-align:left}.step-header-training .member-avatar{width:72px;height:72px;font-size:2rem}.step-header-training .step-header-training-text{margin:0;color:var(--text-secondary)!important;font-size:.95rem!important;line-height:1.5;min-width:0}.step-header-opponent{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:nowrap;text-align:left}.step-header-opponent .member-avatar{width:72px;height:72px;font-size:2rem}.step-header-opponent .step-header-opponent-text{margin:0;color:var(--text-secondary)!important;font-size:.95rem!important;line-height:1.5;min-width:0}#step1Form .form-label,#step2Form .form-label,#step3Form .form-label{margin-bottom:0}.step-buttons{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem;margin-top:2rem}.step-buttons .step-back-arrow{flex:0 0 auto;width:2.75rem;height:2.75rem;padding:0;font-size:.9rem;margin-bottom:0;margin-right:auto;display:inline-flex;align-items:center;justify-content:center;background:#fff!important;color:var(--accent-color)!important;border:2px solid var(--accent-color)!important;box-shadow:none}.step-buttons .step-back-arrow:hover{background:var(--accent-color)!important;color:#fff!important}.step-buttons .step-next-arrow{flex:0 0 auto;margin-left:auto;padding:.75rem 1.25rem;font-size:.9rem;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.step-buttons .step-next-arrow i{font-size:inherit}.step-buttons .primary-btn:not(.step-next-arrow):not(.step-back-arrow),.step-buttons .secondary-btn{flex:1;min-width:0}.step-buttons .secondary-btn{padding:.75rem 1.25rem;font-size:.9rem}.step-buttons .primary-btn:not(.step-next-arrow):not(.step-back-arrow){padding:.75rem 1.25rem;font-size:.9rem}.signup-intro-callout{background:linear-gradient(135deg,#028b0224,#028b0212);border:1px solid rgba(2,139,2,.26);border-radius:14px;padding:1rem}.signup-intro-callout h2{margin:0 0 .55rem;color:var(--accent-color);font-size:1.05rem;display:flex;align-items:center;gap:.45rem}.signup-intro-callout p{margin:0 0 .85rem;color:var(--text-secondary);font-size:.92rem;line-height:1.45}.signup-intro-steps{display:flex;flex-direction:column;gap:.65rem}.signup-intro-step{display:flex;align-items:center;gap:.6rem}.signup-intro-icon{width:50px;height:50px;flex:0 0 50px;border-radius:999px;background:var(--accent-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-top:.05rem}.signup-intro-number{font-weight:700;font-size:1.4rem;line-height:1;color:#fff!important}.signup-intro-icon-success{background:#fff;color:var(--accent-color);border:2px solid var(--accent-color);font-size:1.35rem}.signup-intro-step div span{color:var(--text-secondary);font-size:.85rem;line-height:1.35}.player-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem}.player-count-btn{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);padding:.75rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.player-count-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.player-count-btn.selected{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.radio-group{display:flex;gap:1rem;margin-top:.5rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary);font-size:.875rem}.radio-option input[type=radio]{accent-color:var(--accent-color)}.dashboard-container{max-width:800px;padding:2rem;margin:1rem auto 0;position:relative;z-index:10;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2)}@media(min-width:481px)and (max-width:768px){.dashboard-container{max-width:800px;width:auto;padding:2rem;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);margin:1rem auto 0;min-height:auto}.dashboard-container .team-header{position:relative}.dashboard-container .team-header .logo{margin-top:4.5rem;margin-bottom:1rem}.menu-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;justify-content:center;align-items:center;justify-items:center}.menu-item{padding:1.5rem 1rem!important;border-radius:16px;background:linear-gradient(135deg,#028b021a,#028b020d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(2,139,2,.3);margin:0;transition:all .3s ease;box-shadow:0 8px 32px #028b021a}.menu-item:hover{transform:translateY(-3px);box-shadow:0 12px 40px #028b024d;border:1px solid rgba(2,139,2,.4);background:linear-gradient(135deg,#028b0233,#028b021a);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.menu-item:hover .menu-icon{color:var(--accent-color);filter:drop-shadow(0 0 8px rgba(2,139,2,.6))}.menu-item:hover h3{color:var(--accent-color);text-shadow:0 0 10px rgba(2,139,2,.5)}.menu-icon{font-size:2.2rem!important;margin-bottom:.6rem!important;color:var(--accent-color)}.menu-item h3{font-size:1rem!important;margin-bottom:0!important;color:var(--accent-color)}.mobile-header,.mobile-logo,.dashboard-footer{display:none}}@media(min-width:769px){.dashboard-container{max-width:800px;width:auto;padding:2rem 4rem;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);margin:1rem auto 0;min-height:auto;position:relative}.mobile-header,.mobile-logo{display:none}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-title{font-size:2.5rem;margin-bottom:1rem}.dashboard-container .team-title{font-size:2.8rem}.dashboard-container .team-subtitle{font-size:1.2rem}.dashboard-container .team-header .logo img,.team-header .logo img{height:70px}.menu-grid{grid-template-columns:repeat(6,1fr);gap:3.5rem;max-width:1400px;margin:0 auto;justify-content:center;align-items:center;justify-items:center}.menu-item{padding:2rem 1.5rem!important;border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(2,139,2,.2);margin:0;transition:all .3s ease;box-shadow:0 4px 15px #028b021a}.menu-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #028b0233;border:1px solid rgba(2,139,2,.4);background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.menu-item:hover .menu-icon{color:var(--accent-color);filter:drop-shadow(0 0 12px rgba(2,139,2,.8))}.menu-item:hover h3{color:var(--accent-color);text-shadow:0 0 15px rgba(2,139,2,.6)}.menu-icon{font-size:2.5rem!important;margin-bottom:.75rem!important;color:var(--accent-color)}.menu-item h3{font-size:1.2rem!important;margin-bottom:0!important;color:var(--accent-color)}.dashboard-footer{display:none}}@media(max-width:480px){.dashboard-container{max-width:800px;width:auto;padding:2rem 1rem;border-radius:0 0 24px 24px}.mobile-header{top:.5rem;left:.5rem;right:.5rem}.dashboard-container .team-title{font-size:2rem}.dashboard-container .team-subtitle{font-size:1rem}.dashboard-container .team-header{position:relative}.dashboard-container .team-header .logo{margin-top:4.5rem;margin-bottom:1rem}.dashboard-container .team-header .logo img,.team-header .logo img{height:50px}.mobile-logo img{height:35px}.menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important;justify-content:center!important;align-items:center!important;justify-items:center!important;margin:0 auto!important}.menu-item{padding:1.5rem .8rem!important;border-radius:16px!important;background:linear-gradient(135deg,#028b021a,#028b020d)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(2,139,2,.3)!important;box-shadow:0 8px 32px #028b021a!important}.menu-icon{font-size:2rem!important;margin-bottom:.5rem!important}.menu-item h3{font-size:.9rem!important}.hamburger-menu{padding:.6rem .8rem;font-size:.8rem}.hamburger-menu .hamburger-lines span{width:18px;height:2px}.hamburger-menu-overlay{padding:0}.hamburger-menu-content{width:85%;min-width:85%;max-width:85%;height:100vh;border-radius:0 16px 16px 0;padding:1.5rem}.menu-option{padding:.5rem 1.2rem;font-size:1.1rem;font-weight:600}}@media(min-width:481px)and (max-width:768px){.desktop-header{display:none}.mobile-header{position:fixed;top:1rem;left:1rem;right:1rem;z-index:999;display:flex;align-items:center;justify-content:center}.hamburger-menu{position:absolute;left:0}.mobile-logo img{height:40px;width:auto}.dashboard-footer{display:none}}.step-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:var(--shadow-xl);padding:2.5rem 2rem;width:100%;max-width:500px;margin:2rem auto;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);z-index:10}@media(max-width:480px){.step-container{border-radius:0 0 24px 24px}}@media(max-width:480px){.step-container{padding:1.5rem 1rem;margin:.5rem;max-width:calc(100% - 1rem)}.step-header h2{font-size:1.8rem}.step-header p{font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-input{font-size:16px;padding:.7rem}.radio-group{gap:.8rem}.radio-option{padding:.8rem}.radio-option input[type=radio]+label{font-size:.9rem}.button-group{gap:.8rem}.next-button,.skip-button{font-size:.9rem;padding:.7rem 1.2rem}}@media(min-width:481px)and (max-width:768px){.step-container{padding:2rem 1.5rem;margin:1rem;max-width:calc(100% - 2rem)}.step-header h2{font-size:2.2rem}.step-header p{font-size:1.1rem}}@media(min-width:769px)and (max-width:1024px){.step-container{margin:2rem auto;padding:2.5rem 2rem;max-width:500px}.step-header h2{font-size:2.5rem}.step-header p{font-size:1.2rem}}@media(min-width:1025px){.step-container{margin:3rem auto;padding:3rem 2.5rem;max-width:550px}.step-header h2{font-size:2.8rem}.step-header p{font-size:1.3rem}}@media(max-width:768px){.menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;max-width:none!important;margin:0 auto!important;justify-content:center!important;align-items:center!important;justify-items:center!important}.menu-item{padding:2rem 1rem!important;background:linear-gradient(135deg,#028b021a,#028b020d)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(2,139,2,.3)!important;border-radius:16px!important;transition:all .3s ease!important;box-shadow:0 8px 32px #028b021a!important}.menu-icon{font-size:2.5rem!important;margin-bottom:.75rem!important;color:var(--accent-color)!important}.menu-item h3{font-size:1.1rem!important;margin-bottom:0!important;color:var(--accent-color)!important}.desktop-header{display:none}.mobile-header{position:fixed;top:1rem;left:1rem;right:1rem;z-index:999;display:flex;align-items:center;justify-content:center}.hamburger-menu{position:absolute;left:0}.mobile-logo img{height:40px;width:auto}.dashboard-footer{display:none}}.hamburger-menu{background:#fff;border:2px solid var(--accent-color);border-radius:12px;cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;color:var(--accent-color);font-weight:600;font-size:.9rem}.hamburger-menu .hamburger-lines{display:flex;flex-direction:column;gap:3px}.hamburger-menu span:not(.menu-text){width:20px;height:2px;background:var(--accent-color);border-radius:2px;transition:all .3s ease}.hamburger-menu .menu-text{font-size:.9rem;font-weight:600;color:var(--accent-color)}@media(hover:hover){.hamburger-menu:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #028b024d}.hamburger-menu:hover .hamburger-lines span{background:#fff}.hamburger-menu:hover .menu-text{color:#fff}}.dashboard-container .team-header{text-align:center;margin-bottom:2rem}.dashboard-container .team-header .logo{margin-bottom:1rem}.dashboard-container .team-header .logo img{height:60px;width:auto}.dashboard-container .team-title{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(2,139,2,.1)}.dashboard-container .team-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;font-weight:500}.dashboard-item{background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #028b021a}@media(hover:hover){.dashboard-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266;background:#fff}}.dashboard-item .member-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.dashboard-item .member-info{flex:1}.dashboard-item .member-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.dashboard-item .member-position{font-size:.9rem;color:var(--text-secondary);margin:0}.dashboard-item .member-actions{display:flex;gap:.5rem}.dashboard-item .action-btn{width:35px;height:35px;background:#028b021a;border:1px solid rgba(2,139,2,.2);border-radius:8px;color:var(--accent-color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media(hover:hover){.dashboard-item .action-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}}.dashboard-header .logo img{height:70px;width:auto;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));display:block;margin-left:auto;margin-right:auto}.dashboard-title{color:var(--accent-color);font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:0}.dashboard-menu{margin-bottom:2rem;width:100%;display:flex;justify-content:center;align-items:center}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-content:center;align-items:center;margin:0 auto;max-width:100%}.menu-item{background:linear-gradient(135deg,#028b021a,#028b020d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(2,139,2,.3);border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;position:relative;transition:all .3s ease;box-shadow:0 8px 32px #028b021a;width:100%;height:100%}.menu-item:hover{transform:translateY(-4px);box-shadow:0 16px 50px #028b0266;border:1px solid rgba(2,139,2,.4);background:linear-gradient(135deg,#028b0233,#028b021a);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.menu-item:hover .menu-icon{color:var(--accent-color);filter:drop-shadow(0 0 12px rgba(2,139,2,.8))}.menu-item:hover h3{color:var(--accent-color);text-shadow:0 0 15px rgba(2,139,2,.6)}.menu-item:active{transform:translateY(-2px);background:var(--accent-color)}.menu-icon{font-size:2.5rem;margin-bottom:.5rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center;width:100%;text-align:center;position:relative}.menu-icon i{font-size:inherit;color:inherit}.menu-item:hover .menu-icon{transform:none;filter:none}.menu-item h3{color:var(--accent-color);font-size:1.2rem;font-weight:700;margin:0;text-align:center;width:100%;display:flex;align-items:center;justify-content:center}.menu-item:hover h3{transform:none;text-shadow:none}.menu-item p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.3}.dashboard-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color)}.hamburger-menu-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:flex-start;z-index:1000;animation:fadeIn .2s ease}.hamburger-menu-content{background:var(--bg-primary);border-radius:0 16px 16px 0;padding:1.5rem;width:70%;height:100vh;min-width:70%;max-width:70%;box-shadow:var(--shadow-xl);animation:slideInLeft .3s ease;overflow-y:auto}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.menu-header h3{color:var(--accent-color);font-size:1.25rem;font-weight:600;margin:0}.close-menu{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s ease}@media(hover:hover){.close-menu:hover{color:var(--text-primary)}}.menu-items{display:flex;flex-direction:column;gap:.5rem}.menu-option{display:flex;align-items:center;gap:.75rem;background:none;border:none;border-bottom:1px solid rgba(2,139,2,.2);padding:.5rem 1.2rem;border-radius:0;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:inherit;font-size:1.1rem;font-weight:600;color:var(--accent-color)}@media(hover:hover){.menu-option:hover{background:#028b021a;color:var(--accent-color);transform:translate(4px)}}.menu-option:last-child{border-bottom:none}.menu-option .menu-icon{font-size:1.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.my-team-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}@media(max-width:480px){.my-team-container{border-radius:0 0 24px 24px;padding:1.5rem 1rem;margin:0}}@media(min-width:481px)and (max-width:768px){.my-team-container{padding:2rem 1.5rem;max-width:90%}}.trainingen-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}@media(max-width:480px){.trainingen-container{border-radius:0 0 24px 24px;padding:1.5rem 1rem;margin:0}}@media(min-width:481px)and (max-width:768px){.trainingen-container{padding:2rem 1.5rem;max-width:90%}}.training-load-more-wrap{margin-top:1.25rem;display:flex;justify-content:center}.training-load-more-wrap[hidden]{display:none!important}.wedstrijden-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}@media(max-width:480px){.wedstrijden-container{border-radius:0 0 24px 24px;padding:1.5rem 1rem;margin:0}}@media(min-width:481px)and (max-width:768px){.wedstrijden-container{padding:2rem 1.5rem;max-width:90%}}.training-attendance-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}.training-attendance-sticky-head{position:static;width:100%;box-sizing:border-box;margin:0 0 1rem;padding:0 0 .75rem;background:var(--bg-primary);border-bottom:1px solid rgba(2,139,2,.12);box-shadow:none}.training-attendance-sticky-head .training-info{margin-bottom:1rem}.training-attendance-sticky-head .attendance-section-main-title{margin-bottom:0;padding-top:.25rem}.training-attendance-sticky-head .training-official-info.training-official-hint--sticky{margin-top:.5rem}@media(max-width:480px){.training-attendance-sticky-head{margin:0 0 .65rem;padding:0 0 .5rem}}.training-past-modal-overlay{position:fixed;inset:0;z-index:9900;display:flex;align-items:center;justify-content:center;padding:max(.35rem,env(safe-area-inset-top,0px)) .5rem max(.35rem,env(safe-area-inset-bottom,0px));box-sizing:border-box}.training-past-modal-backdrop{position:absolute;inset:0;background:#0f172a80;cursor:pointer}.training-past-modal-panel{position:relative;z-index:1;width:100%;max-width:min(520px,100%);height:min(90vh,720px);max-height:min(90vh,720px);min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;background:#fff;border-radius:16px;box-shadow:0 16px 40px #00000029;border:1px solid rgba(2,139,2,.15);overflow:hidden;outline:none}.training-past-modal-topbar{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .65rem;min-height:0;background:linear-gradient(135deg,#028b0212,#028b0205);border-bottom:1px solid rgba(2,139,2,.1)}.training-past-modal-topbar-title{margin:0;font-size:1rem;font-weight:600;color:var(--accent-color);line-height:1.25}.training-past-modal-close-btn{flex-shrink:0;width:2.15rem;height:2.15rem;border:none;border-radius:10px;background:#028b021f;color:var(--accent-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.training-past-modal-close-btn:hover{background:#028b0233}.training-past-modal-fixed-head{grid-row:2;min-height:0;max-height:min(38vh,280px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.35rem .75rem .45rem;background:#fff;border-bottom:1px solid rgba(2,139,2,.12)}.training-past-modal-fixed-head .training-official-info.training-official-hint--sticky{margin-top:.35rem}.training-past-modal-fixed-head .attendance-section-main-title{padding-top:.1rem;margin-bottom:0;font-size:1.2rem}.training-past-modal-scroll-list{grid-row:3;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.4rem .75rem .65rem;overscroll-behavior:contain;touch-action:pan-y}.training-past-modal-attendance{margin-top:0;margin-bottom:0;padding-top:0}.training-past-modal-fixed-head .training-info--past-popup{margin-bottom:.45rem;padding:.65rem .85rem;border-radius:12px}.training-past-modal-fixed-head .training-info--past-popup .training-details p{margin-bottom:.25rem;font-size:.92rem}.training-past-modal-fixed-head .training-info--past-popup .training-details p:last-child{margin-bottom:0}@media(max-width:480px){.training-past-modal-panel{height:min(94vh,720px);max-height:min(94vh,720px);border-radius:14px}.training-past-modal-fixed-head{padding:.3rem .65rem .4rem;max-height:min(36vh,260px)}.training-past-modal-scroll-list{padding:.35rem .65rem .55rem}.training-past-modal-fixed-head .training-info--past-popup{padding:.55rem .7rem}}.wedstrijd-attendance-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:var(--bg-primary);border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}@media(max-width:480px){.training-attendance-container,.wedstrijd-attendance-container{border-radius:0;padding:1.5rem 1rem;margin:0;max-width:100%}}@media(min-width:481px)and (max-width:768px){.training-attendance-container,.wedstrijd-attendance-container{padding:2rem 1.5rem;max-width:95%}}@media(min-width:769px)and (max-width:1024px){.training-attendance-container,.wedstrijd-attendance-container,.statistieken-container{max-width:90%;padding:2rem}}.training-info{background:linear-gradient(135deg,#028b021a,#028b020d);border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem}.training-attendance-nee-reset-row{display:flex;flex-direction:column;align-items:center;gap:.5rem}.training-details h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.training-details p{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.training-details p strong{color:var(--accent-color)}.wedstrijd-info{background:linear-gradient(135deg,#028b021a,#028b020d);border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:2rem 1.5rem;margin-bottom:2rem}.wedstrijd-details h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.wedstrijd-details p{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.wedstrijd-details p strong{color:var(--accent-color)}.wedstrijd-info-aside{align-items:center;z-index:2}.wedstrijd-info-aside .member-actions{flex-direction:column;align-items:center}.wedstrijd-info-aside__rule,.training-info-aside__rule{align-self:stretch;margin-top:.15rem;border-top:1px solid rgba(2,139,2,.22)}.training-info .member-actions{flex-direction:column;align-items:center}.wedstrijd-locatie-actions{display:flex;flex-direction:column;align-items:center;gap:.65rem}.wedstrijd-locatie-actions--below-captain{margin-top:.15rem;padding-top:.5rem;border-top:1px solid rgba(2,139,2,.22)}.wedstrijd-locatie-maps,.wedstrijd-locatie-phone{text-decoration:none}.attendance-section{margin-bottom:2rem}.attendance-section-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.attendance-section-header .training-official-hint,.attendance-section-header .training-official-info{flex:1 1 100%}.attendance-section-header .secondary-btn{margin-left:auto}.attendance-section-header--wedstrijd-attendance{flex-direction:column;align-items:stretch;gap:.75rem}.attendance-section-header--wedstrijd-attendance .secondary-btn{margin-left:0}.attendance-section-header__reset-wrap{display:flex;justify-content:center;width:100%}@media(max-width:768px){.attendance-section-header{flex-direction:column;align-items:stretch;gap:.75rem}}.statistieken-section,.statistieken-overzicht-section{margin-bottom:2rem}.overzicht-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.overzicht-section-header .section-title{margin:0;font-size:1.125rem}.uitslag-bewerken-form-wrap{margin-top:1.25rem;padding:1.25rem;background:#ffffffe6;border-radius:12px;border:1px solid rgba(2,139,2,.2)}.uitslag-bewerken-form .form-row-inline{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.uitslag-bewerken-form .form-row-inline .form-group{flex:1;min-width:140px}.uitslag-bewerken-form .form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.overzicht-container{background:#ffffffe6;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #028b021a;border:1px solid rgba(2,139,2,.2)}.overzicht-item{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0;border-bottom:1px solid rgba(2,139,2,.1)}.overzicht-item--with-action{align-items:flex-start}.overzicht-item--with-action .action-btn{margin-left:0;order:2;align-self:flex-start}.overzicht-item--with-action .overzicht-label{order:1;flex:1}.overzicht-item--with-action .overzicht-waarden{order:3;flex-basis:100%}.overzicht-item--stat-add{border-bottom:none;padding-top:.5rem;padding-bottom:0}.link-btn{background:none;border:none;color:var(--accent-color);font-size:.95rem;cursor:pointer;padding:.25rem 0;display:inline-flex;align-items:center;gap:.35rem}.link-btn:hover{text-decoration:underline}.aanwezigheid-toevoegen-list{display:flex;flex-direction:column;gap:.5rem}.aanwezigheid-toevoegen-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 0;color:var(--text-primary)}.aanwezigheid-toevoegen-item input[type=checkbox]{width:1.125rem;height:1.125rem;flex-shrink:0}.aanwezigheid-toevoegen-item--with-positie{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.aanwezigheid-toevoegen-item--with-positie .aanwezigheid-toevoegen-check{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.aanwezigheid-toevoegen-item--with-positie .aanwezigheid-toevoegen-check span{color:#000}.aanwezigheid-toevoegen-item--with-positie select.form-input--positie{min-width:10rem;flex-shrink:0}.stat-edit-list{display:flex;flex-direction:column;gap:.5rem}.stat-edit-row{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 0;color:var(--text-primary)}.stat-edit-row input[type=checkbox]{width:1.125rem;height:1.125rem;flex-shrink:0}.stat-edit-name{flex:1}.stat-edit-row.stat-edit-row--number{cursor:default}.stat-edit-row .stat-edit-number{width:4.5rem;min-width:4.5rem;-moz-appearance:textfield;appearance:textfield}.stat-edit-row .stat-edit-number::-webkit-outer-spin-button,.stat-edit-row .stat-edit-number::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.overzicht-item:last-child{border-bottom:none}.overzicht-label{font-weight:600;color:var(--accent-color);font-size:1.1rem;min-width:140px;flex-shrink:0}.overzicht-waarden{color:var(--text-primary);font-size:1rem;flex:1;line-height:1.6}@media(max-width:768px){.overzicht-container{padding:1.25rem}.overzicht-item{flex-direction:column;gap:.375rem;padding:.625rem 0}.overzicht-label{min-width:auto;font-size:1.05rem}.overzicht-waarden{font-size:.95rem}.overzicht-item--with-action{position:relative}.overzicht-item--with-action .action-btn{order:2;align-self:flex-end;margin-left:auto;position:absolute;top:.25rem;right:0}}@media(max-width:480px){.overzicht-container{padding:1rem}.overzicht-item{padding:.5rem 0}.overzicht-label,.overzicht-waarden{font-size:.9rem}}.statistieken-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.statistiek-card{background:#ffffffe6;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.25rem;box-shadow:0 4px 15px #028b021a;transition:all .3s ease}.statistiek-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266}.statistiek-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(2,139,2,.1)}.rugnummer{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-color);color:#fff;border-radius:50%;font-size:.9rem;font-weight:600;flex-shrink:0}.statistiek-card-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.statistiek-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.statistiek-stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-value-mobile{font-size:1.1rem;font-weight:600;color:var(--accent-color)}@media(max-width:1024px){.statistieken-cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.statistiek-card-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.statistieken-cards-container{grid-template-columns:1fr;gap:1rem}.statistiek-card{padding:1rem}.statistiek-card-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:480px){.statistiek-card{padding:.875rem}.statistiek-card-header{margin-bottom:.875rem;padding-bottom:.625rem}.statistiek-card-name{font-size:1rem}.statistiek-card-stats{grid-template-columns:1fr;gap:.625rem}.statistiek-stat-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(2,139,2,.1)}.statistiek-stat-item:last-child{border-bottom:none}.stat-label{font-size:.9rem}.stat-value-mobile{font-size:1rem}}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.player-attendance-card{background:#ffffffe6;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 15px #028b021a}.player-info{display:flex;align-items:center;gap:1rem;flex:1}.player-details{flex:1}.player-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.player-position{font-size:.9rem;color:var(--text-secondary);margin:0}.attendance-control{display:flex;align-items:center}.training-official-hint{color:var(--text-secondary);font-size:.875rem;max-width:36rem}.training-official-info{display:flex;align-items:center;gap:.65rem;max-width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(2,139,2,.28);background:linear-gradient(135deg,#028b021a,#028b020a);box-shadow:0 2px 8px #028b020f}.training-official-info__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:2.15rem;line-height:1}.training-official-info__text{font-size:1rem;line-height:1.45;color:var(--text-secondary, #6b7280)}.attendance-radio-group{display:flex;gap:1rem;align-items:center}.attendance-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.attendance-radio input[type=radio]{display:none}.radio-mark{width:20px;height:20px;border:2px solid var(--accent-color);border-radius:50%;position:relative;background:#fff}.attendance-radio input[type=radio]:checked+.radio-mark{background:var(--accent-color);border-color:var(--accent-color)}.attendance-radio input[type=radio]:checked+.radio-mark:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.radio-label{font-size:.9rem;font-weight:500;color:var(--accent-color)}.attendance-radio input[type=radio]:checked+.radio-mark+.radio-label{color:#00a000;font-weight:600}.lineup-container{max-width:800px;padding:2rem;margin:1rem auto 0;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}@media(max-width:480px){.lineup-container{border-radius:0 0 24px 24px;padding:1.5rem 0;margin:0}}.puntentelling-container{max-width:900px;padding:2rem;margin:1rem auto 0;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}.puntentelling-content{margin-top:1.5rem}.puntentelling-cards{margin:1rem 0;font-size:1rem}.puntentelling-cards-header{display:grid;grid-template-columns:120px repeat(6,1fr);gap:.5rem;padding:.75rem;font-weight:600;color:var(--accent-color);background:#028b020f;border-bottom:1px solid rgba(2,139,2,.15);align-items:center}.puntentelling-cards-header .puntentelling-card-header-cell{text-align:left}.puntentelling-card{display:grid;grid-template-columns:120px repeat(6,1fr);gap:.5rem;padding:.75rem;align-items:center;border-bottom:1px solid rgba(2,139,2,.15)}.puntentelling-card-linie{font-weight:600;min-width:0}.puntentelling-card-fields{display:contents}.puntentelling-card-field{display:flex;flex-direction:column;min-width:0}.puntentelling-card-field label{display:none}.puntentelling-cards .puntentelling-input{width:100%;max-width:5rem;padding:.5rem;text-align:center}@media(max-width:768px){.puntentelling-cards-header{display:none}.puntentelling-card{display:block;padding:1rem;margin-bottom:1rem;border:1px solid rgba(2,139,2,.2);border-radius:12px;background:#028b0208}.puntentelling-card-linie{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(2,139,2,.15)}.puntentelling-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}.puntentelling-card-field{display:flex;flex-direction:column;gap:.25rem}.puntentelling-card-field label{display:block;font-size:.875rem;font-weight:500;color:var(--accent-color)}.puntentelling-cards .puntentelling-input{max-width:none;min-height:44px}}.teampotjes-container{max-width:1000px;padding:2rem;margin:1rem auto 0;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid rgba(2,139,2,.2);width:100%}.teampotjes-tabs{margin:2rem 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.teampotjes-overzicht{display:flex;flex-direction:column;gap:2rem}.teampotjes-section,.taken-section{margin-bottom:2rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--accent-color);margin-bottom:1rem;text-align:left}.teampotje-card,.taak-card{background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.teampotje-card:hover,.taak-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266}.teampotje-detail-view{margin-top:1.5rem}.teampotje-detail-view .back-button{margin-bottom:1.5rem}.teampotje-detail-info{margin-bottom:2rem}.teampotje-detail-info .teampotje-delete-btn{position:absolute;top:1rem;right:1rem;color:#c9302c;background:#c9302c1a;border-color:#c9302c4d}.teampotje-detail-info .teampotje-delete-btn:hover{background:#c9302c;color:#fff;border-color:#c9302c}.teampotje-detail-teamleden{margin-top:1.5rem}.teampotje-teamleden-lijst{list-style:none;padding:0;margin:0;background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:12px;overflow:hidden}.teampotje-teamlid-item{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.875rem 1rem;border-bottom:1px solid rgba(2,139,2,.1)}.teampotje-teamlid-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.teampotje-teamlid-item:last-child{border-bottom:none}.teamlid-naam{font-weight:600;color:var(--text-primary)}.teampotje-teamlid-rechts{display:flex;align-items:center;gap:.75rem}.teamlid-positie{font-size:.9rem;color:var(--text-secondary, #666)}.teamlid-bedrag{font-weight:600;color:var(--accent-color, #2d7d46);min-width:4rem;text-align:right}.teamlid-aantal-groen{font-weight:600;color:var(--accent-color, #028b02);min-width:4rem;text-align:right}.teampotje-opslaan-wrap{margin-top:1.25rem;display:flex;justify-content:flex-start}.teampotje-opslaan-wrap .teampotje-opslaan-btn{padding:.75rem 1.5rem;font-size:.95rem}.teampotje-bewerken-btn{flex-shrink:0}.teampotje-add-betaling-btn{flex-shrink:0;min-width:2.75rem;padding:0 .4rem}.teampotje-add-betaling-icons{display:inline-flex;align-items:center;gap:.15rem;font-size:.85rem}.teampotje-betaling-log{list-style:none;margin:0;padding:.35rem 0 0 .25rem;border-top:1px dashed rgba(2,139,2,.15);width:100%;box-sizing:border-box}.teampotje-betaling-li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem 0;font-size:.85rem;color:var(--text-secondary, #555)}.teampotje-betaling-meta{flex:1;min-width:0}.teampotje-betaling-delete-btn{flex-shrink:0;width:30px;height:30px}.teampotje-popup-totaal-readonly{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary, #333)}.teampotje-betaling-empty{margin:.75rem 0 0;font-size:.9rem;color:var(--text-secondary, #666)}.teampotje-betaling-log--in-modal{border-top:none;padding-top:0;margin-top:.75rem}.teampotje-teamlid-rechts .teampotje-aantal-input{width:4rem;padding:.35rem .5rem;border-radius:8px;border:1px solid rgba(2,139,2,.3);font-weight:600;text-align:right}.teampotjes-toevoegen{margin-top:2rem}.teampotjes-type-keuze{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.teampotjes-type-opt{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid var(--accent-color);border-radius:12px;background:#fff;color:var(--accent-color);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.teampotjes-type-opt:hover{background:#028b0214}.teampotjes-type-opt.active{background:var(--accent-color);color:#fff}.teampotjes-type-opt i{font-size:1.1rem}.teampotjes-add-form .form-label.form-label-green,.teampotjes-add-form .add-form .form-label.form-label-green{color:var(--accent-color, #2d7d46)!important;font-weight:600}.form-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.form-group-toggle .form-label{margin-bottom:0;font-weight:600}.toggle-slider{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-slider input{position:absolute;opacity:0;width:0;height:0}.toggle-slider-knob{position:relative;width:56px;height:28px;background:#ccc;border-radius:28px;transition:background .25s ease,box-shadow .2s ease;flex-shrink:0}.toggle-slider-knob:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .25s ease}.toggle-slider input:checked~.toggle-slider-knob{background:var(--accent-color, #2d7d46);box-shadow:0 0 0 2px #2d7d464d}.toggle-slider input:checked~.toggle-slider-knob:after{transform:translate(28px)}.toggle-slider-ja,.toggle-slider-nee{font-size:.9rem;font-weight:600}.toggle-slider input:not(:checked)~.toggle-slider-nee{color:#333}.toggle-slider input:not(:checked)~.toggle-slider-ja{color:#999}.toggle-slider input:checked~.toggle-slider-ja{color:var(--accent-color, #2d7d46)}.toggle-slider input:checked~.toggle-slider-nee{color:#999}.add-form-container{max-width:600px;margin:0 auto;background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:2rem}.add-form{display:flex;flex-direction:column;gap:1.5rem}.add-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.add-form .form-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.add-form .form-input{padding:.75rem;border:2px solid rgba(2,139,2,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.add-form .form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #028b021a}.form-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.form-actions .primary-btn,.form-actions .secondary-btn{flex:1;min-width:0}@media(max-width:768px){.teampotjes-container,.add-form-container{padding:1.5rem}}@media(max-width:480px){.teampotjes-container{border-radius:0 0 24px 24px;padding:1.5rem 1rem;margin:0}.add-form-container{padding:1rem}}@media(min-width:481px)and (max-width:768px){.lineup-container{padding:2rem 1.5rem;max-width:90%}}.formation-info{text-align:center;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#028b021a,#028b020d);border:1px solid rgba(2,139,2,.2);border-radius:16px}.formation-info h3{color:var(--accent-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.formation-info p{color:var(--text-secondary);margin:0}.lineup-share-capture-wrap{margin-bottom:0;display:flex;flex-direction:column;align-items:center;width:100%}.lineup-field-drag-wrap{display:flex;flex-direction:column;align-items:center;width:100%}.lineup-drag-workspace{position:relative;width:min(100%,800px);max-width:100%;margin-left:auto;margin-right:auto;flex-shrink:0;overflow:visible;aspect-ratio:760 / 700;min-height:0}.lineup-drag-surface{position:absolute;inset:0;display:flex;flex-direction:column;z-index:0;pointer-events:none}.lineup-container:not(.lineup-view-only) .lineup-drag-workspace{touch-action:pan-y}.lineup-drag-workspace .football-field{position:relative;z-index:0;width:100%;flex:0 0 68.571429%;min-height:0;max-width:none;margin:0;box-sizing:border-box;border-radius:8px 8px 0 0;border-bottom:none}.lineup-bench-zone{position:relative;z-index:0;flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:0;border:3px solid white;border-top:none;border-radius:0 0 8px 8px;background:transparent;box-sizing:border-box;pointer-events:none}.lineup-bench-title{margin:0;position:relative;flex:0 0 28px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;color:var(--accent-color, #028b02);line-height:1.4;z-index:1;pointer-events:none}.lineup-drag-workspace .lineup-ad-board-left{left:26.8%;bottom:99.5%;margin-bottom:2px}.lineup-drag-workspace .lineup-ad-board-right{right:26.8%;bottom:99.5%;margin-bottom:2px}@media(max-width:600px){.lineup-container .team-header #homeToDashboard{margin-right:5px}.lineup-container .team-header #backToDashboard{margin-left:5px}.lineup-field-drag-wrap{width:100%;max-width:100%;padding:0;box-sizing:border-box}.lineup-workspace-hint{font-size:.78rem;padding:0 .35rem;max-width:100%}}.lineup-player-chip{position:absolute;transform:translate(-50%,-50%);width:66px;min-height:86px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:transparent!important;background-image:none!important;border:none;box-shadow:none;z-index:15}.lineup-player-chip--dragging{cursor:grabbing;opacity:.92;filter:none}.lineup-workspace-hint{font-size:.85rem;color:#ffffffe0;max-width:min(100%,760px);margin-left:auto;margin-right:auto;line-height:1.35}.lineup-player-chip-inner{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent!important;background-image:none!important;border:none}.lineup-player-chip-shirt{position:relative;width:46px;height:46px;flex-shrink:0;background:transparent!important;background-image:none!important}.lineup-player-chip-shirt:before{content:none;display:none}.lineup-player-chip-shirt:after{content:none;display:none}.lineup-player-chip-img{display:block;width:46px;height:46px;max-width:none;object-fit:contain;background:transparent!important;background-image:none!important;vertical-align:middle;mix-blend-mode:normal;position:relative;z-index:1;pointer-events:none}.lineup-chip-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);pointer-events:none;line-height:1}.lineup-player-chip-name{font-size:11px;font-weight:600;color:#028b02;background-color:#fff;padding:2px 6px;border-radius:0;text-align:center;line-height:1.15;width:fit-content;margin:0 auto;max-width:112px;white-space:normal;overflow:visible;text-overflow:clip}.lineup-view-only .player-on-field,.lineup-view-only .name-item,.lineup-view-only .lineup-player-chip{cursor:default;touch-action:auto}.lineup-share-capture-title{text-align:center;font-size:1.1rem;font-weight:700;color:var(--accent-color, #028b02);margin:0 0 .5rem}.field-container{margin-top:.5rem;padding-top:2rem;display:flex;justify-content:center;align-items:center}.lineup-players-below{display:flex;flex-direction:column;gap:1.25rem;align-items:center;width:100%;max-width:800px;margin:1rem auto}.lineup-players-below-inner{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:fit-content}.lineup-stafleden{width:100%;padding:0;margin-top:1.25rem;background:transparent;border:none;box-shadow:none;border-radius:0}.lineup-stafleden-text{margin:0;color:var(--accent-color, #028b02);font-size:.95rem;line-height:1.4}.lineup-spelers-grid{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;justify-content:center}.lineup-wissel-icon{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;color:var(--accent-color, #028b02);align-self:flex-start;margin-top:1.1rem}.lineup-wissel-icon i{font-size:1.3rem}.lineup-players-below .lineup-section-basis,.lineup-players-below .lineup-section-wissels{margin-bottom:0;min-width:0}.lineup-players-below .section-title{color:var(--accent-color, #028b02);font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:left}.lineup-players-below .substitutes-grid{margin-bottom:0}.lineup-players-below .name-item.substitute-player{background:linear-gradient(180deg,#fffffffa,#f4fbf4f5);border:1px solid rgba(17,92,20,.25);padding:.38rem .5rem .38rem .4rem;box-shadow:0 2px 7px #0a480d26,inset 0 1px #ffffffe6;border-radius:999px;display:grid;align-items:center;gap:.65rem;cursor:move}@media(hover:hover){.lineup-players-below .name-item.substitute-player:hover,.lineup-players-below .name-item.basis-name-item:hover{background:#028b021a;transform:translate(4px)}.player-on-field:hover{transform:scale(1.1);z-index:10}}.lineup-players-below .name-item.substitute-player.selected,.lineup-players-below .name-item.basis-name-item.selected{background:#028b0233;border:2px solid var(--accent-color);font-weight:600}.lineup-players-below .name-item.substitute-player,.lineup-players-below .name-item.basis-name-item{cursor:pointer;touch-action:manipulation}.lineup-players-below .name-item.substitute-player.selected,.lineup-players-below .name-item.basis-name-item.selected{background:#028b0224;border:1px solid rgba(2,139,2,.7);box-shadow:0 0 0 1px #fffc,0 6px 18px #028b0240}.lineup-formation-field .player-on-field{cursor:pointer;touch-action:manipulation}.football-field{position:relative;width:600px;height:400px;background:url(/pitch.png) center / cover no-repeat;border:none;border-radius:8px;overflow:visible}@media(max-width:768px){.lineup-player-chip,.lineup-player-chip-inner{pointer-events:none}.lineup-player-chip-shirt{pointer-events:auto}.lineup-player-chip-name{pointer-events:none}.lineup-drag-workspace{aspect-ratio:760 / 900}.lineup-drag-workspace .football-field{background-image:url(/lineup-pitch.png);background-size:124% auto;background-position:center bottom;background-repeat:no-repeat}.lineup-drag-workspace .lineup-ad-board-left{left:18.5%;bottom:99.2%;margin-bottom:2px}.lineup-drag-workspace .lineup-ad-board-right{right:18.5%;bottom:99.2%;margin-bottom:2px}.lineup-player-chip{width:60px;min-height:80px}.lineup-player-chip-shirt,.lineup-player-chip-img{width:42px;height:42px}.lineup-chip-badge{font-size:12px}.lineup-player-chip-name{font-size:10px;max-width:96px}}.lineup-ad-board{position:absolute;z-index:10;padding:4px;min-width:80px;background:#fff;border:1px solid #e4e3e3;pointer-events:none;display:flex;align-items:center;justify-content:center}.lineup-ad-board .lineup-ad-board-logo{display:block;height:18px;width:auto;max-width:100%;object-fit:contain}.lineup-ad-board-left{left:162px;bottom:392px}.lineup-ad-board-right{right:162px;bottom:392px}.lineup-stafleden-text strong{color:var(--accent-color, #028b02);font-weight:700}.lineup-stafleden-names{color:var(--text-primary, #1f2937)}.player-on-field .player-jersey-shirt{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding-top:40px}.player-on-field .player-jersey-shirt:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:#d40000;border:1px solid #ffffff}.football-field[data-shirt-color=shirt-blauw] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#0069d9}.football-field[data-shirt-color=shirt-groen] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#028b02}.football-field[data-shirt-color=shirt-rood] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#d40000}.football-field[data-shirt-color=shirt-geel] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#f1c40f}.football-field[data-shirt-color=shirt-oranje] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#e67e22}.football-field[data-shirt-color=shirt-paars] .player-on-field:not(.gk) .player-jersey-shirt:before{background:#8e44ad}.football-field[data-keeper-color=shirt-rood] .player-on-field.gk .player-jersey-shirt:before{background:#d40000}.football-field[data-keeper-color=shirt-blauw] .player-on-field.gk .player-jersey-shirt:before{background:#0069d9}.football-field[data-keeper-color=shirt-groen] .player-on-field.gk .player-jersey-shirt:before{background:#028b02}.football-field[data-keeper-color=shirt-geel] .player-on-field.gk .player-jersey-shirt:before{background:#f1c40f}.football-field[data-keeper-color=shirt-oranje] .player-on-field.gk .player-jersey-shirt:before{background:#e67e22}.football-field[data-keeper-color=shirt-paars] .player-on-field.gk .player-jersey-shirt:before{background:#8e44ad}.player-on-field .player-jersey-shirt .player-jersey-number-pos-wrap{position:absolute;top:20px;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.1;pointer-events:none}.player-on-field .player-jersey-shirt .player-jersey-number-pos-wrap:has(.player-jersey-position:only-child){position:static;transform:none}.player-on-field .player-jersey-shirt .player-jersey-number{font-size:20px;font-weight:700;color:#fff}.player-on-field .player-jersey-shirt .player-jersey-position{position:absolute;left:50%;top:20px;transform:translate(-50%,-50%);font-size:14px;font-weight:900;color:#fff;letter-spacing:.02em}.player-on-field .player-jersey-shirt .player-jersey-name{margin:10px auto 0;font-size:11px;font-weight:600;color:#028b02;background-color:#fff;padding:2px 6px;border-radius:0;text-align:center;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:fit-content;max-width:120px}.player-on-field{position:absolute;cursor:move;transition:all .3s ease;width:40px;overflow:visible}.player-on-field.dragging{opacity:.5;transform:rotate(5deg)}.player-on-field.drag-over{background:#ffffff4d;border-radius:8px}.player-on-field.selected{z-index:5}.player-on-field.selected .player-jersey-shirt{box-shadow:none;border-radius:10px;position:relative}.player-on-field.selected .player-jersey-shirt:after{content:"";position:absolute;inset:-6px;border-radius:14px;background:var(--lineup-selected-color, var(--accent-color));opacity:.28;filter:blur(8px);z-index:-1;pointer-events:none}.football-field[data-shirt-color=shirt-blauw] .player-on-field.selected:not(.gk){--lineup-selected-color: #0069d9}.football-field[data-shirt-color=shirt-groen] .player-on-field.selected:not(.gk){--lineup-selected-color: #028b02}.football-field[data-shirt-color=shirt-rood] .player-on-field.selected:not(.gk){--lineup-selected-color: #d40000}.football-field[data-shirt-color=shirt-geel] .player-on-field.selected:not(.gk){--lineup-selected-color: #f1c40f}.football-field[data-shirt-color=shirt-oranje] .player-on-field.selected:not(.gk){--lineup-selected-color: #e67e22}.football-field[data-shirt-color=shirt-paars] .player-on-field.selected:not(.gk){--lineup-selected-color: #8e44ad}.football-field[data-keeper-color=shirt-blauw] .player-on-field.selected.gk{--lineup-selected-color: #0069d9}.football-field[data-keeper-color=shirt-groen] .player-on-field.selected.gk{--lineup-selected-color: #028b02}.football-field[data-keeper-color=shirt-rood] .player-on-field.selected.gk{--lineup-selected-color: #d40000}.football-field[data-keeper-color=shirt-geel] .player-on-field.selected.gk{--lineup-selected-color: #f1c40f}.football-field[data-keeper-color=shirt-oranje] .player-on-field.selected.gk{--lineup-selected-color: #e67e22}.football-field[data-keeper-color=shirt-paars] .player-on-field.selected.gk{--lineup-selected-color: #8e44ad}.gk{bottom:18%;left:46%}.rb{bottom:35%;right:18%}.cb1{bottom:32%;right:37%}.cb2{bottom:32%;left:37%}.lb{bottom:35%;left:18%}.cdm1{bottom:58%;left:24%}.cdm2{bottom:58%;left:26%}.cam1{bottom:58%;left:46%}.cam2{bottom:58%;left:22%}.st1{bottom:79%;right:46%}.st2{bottom:78%;left:62%}.cb3{bottom:22%;left:50%}.cm1{bottom:56%;right:31%}.cm2{bottom:58%;left:47%}.cm3,.lm{bottom:56%;left:31%}.football-field[data-formation="442-normaal"] .lm{bottom:58%;left:24%}.rm{bottom:58%;right:24%}.lw{bottom:77%;left:65%}.rw{bottom:77%;right:65%}.football-field[data-formation="442-normaal"] .cm1{bottom:58%;right:39%}.football-field[data-formation="442-normaal"] .cm2{bottom:58%;left:39%}.football-field[data-formation="442-normaal"] .st1{bottom:80%;right:53%}.football-field[data-formation="442-normaal"] .st2{bottom:80%;left:53%}.football-field[data-formation="442-ruit"] .cam1{bottom:68%;left:46%}.football-field[data-formation="442-ruit"] .cm2{bottom:48%;left:46%}.football-field[data-formation="442-ruit"] .st1{bottom:80%;right:57%}.football-field[data-formation="442-ruit"] .st2{bottom:80%;left:57%}.football-field[data-formation="442-ruit"] .cm1{bottom:56%;right:31%}.football-field[data-formation="442-ruit"] .cdm1{bottom:56%;left:31%}.football-field[data-formation="451-normaal"] .lm{bottom:60%;left:22%}.football-field[data-formation="451-normaal"] .cm1{bottom:52%;left:35%}.football-field[data-formation="451-normaal"] .cm2{bottom:49%;left:46%}.football-field[data-formation="451-normaal"] .cm3{bottom:52%;left:58%}.football-field[data-formation="451-normaal"] .rm{bottom:60%;left:70%;right:auto}.football-field[data-formation="451-normaal"] .st1{bottom:73%;left:46%}.football-field[data-formation="6-212"] .six_d1{bottom:38%;left:28%}.football-field[data-formation="6-212"] .six_d2{bottom:38%;left:64%}.football-field[data-formation="6-212"] .six_dm{bottom:52%;left:46%}.football-field[data-formation="6-212"] .six_f1{bottom:72%;left:32%}.football-field[data-formation="6-212"] .six_f2{bottom:72%;left:60%}.football-field[data-formation="6-131"] .six_cb{bottom:38%;left:46%}.football-field[data-formation="6-131"] .six_ml{bottom:54%;left:26%}.football-field[data-formation="6-131"] .six_mc{bottom:56%;left:46%}.football-field[data-formation="6-131"] .six_mr{bottom:54%;left:66%}.football-field[data-formation="6-131"] .six_st{bottom:76%;left:46%}.football-field[data-formation="7-33"] .seven_b1{bottom:40%;left:26%}.football-field[data-formation="7-33"] .seven_b2{bottom:40%;left:46%}.football-field[data-formation="7-33"] .seven_b3{bottom:40%;left:66%}.football-field[data-formation="7-33"] .seven_f1{bottom:72%;left:28%}.football-field[data-formation="7-33"] .seven_f2{bottom:72%;left:46%}.football-field[data-formation="7-33"] .seven_f3{bottom:72%;left:64%}.football-field[data-formation="7-212"] .seven_lb{bottom:38%;left:26%}.football-field[data-formation="7-212"] .seven_rb{bottom:38%;left:66%}.football-field[data-formation="7-212"] .seven_cm{bottom:54%;left:46%}.football-field[data-formation="7-212"] .seven_wl{bottom:68%;left:30%}.football-field[data-formation="7-212"] .seven_wr{bottom:68%;left:62%}.football-field[data-formation="7-212"] .seven_st{bottom:80%;left:46%}.football-field[data-formation="8-331"] .acht_b1{bottom:38%;left:26%}.football-field[data-formation="8-331"] .acht_b2{bottom:38%;left:46%}.football-field[data-formation="8-331"] .acht_b3{bottom:38%;left:66%}.football-field[data-formation="8-331"] .acht_m1{bottom:54%;left:28%}.football-field[data-formation="8-331"] .acht_m2{bottom:56%;left:46%}.football-field[data-formation="8-331"] .acht_m3{bottom:54%;left:64%}.football-field[data-formation="8-331"] .acht_st{bottom:78%;left:46%}.football-field[data-formation="8-322"] .acht2_b1{bottom:38%;left:26%}.football-field[data-formation="8-322"] .acht2_b2{bottom:38%;left:46%}.football-field[data-formation="8-322"] .acht2_b3{bottom:38%;left:66%}.football-field[data-formation="8-322"] .acht2_ml{bottom:56%;left:36%}.football-field[data-formation="8-322"] .acht2_mr{bottom:56%;left:56%}.football-field[data-formation="8-322"] .acht2_al{bottom:74%;left:34%}.football-field[data-formation="8-322"] .acht2_ar{bottom:74%;left:58%}.lineup-settings-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.lineup-settings-row-below-field{margin-bottom:1rem;justify-content:center}.lineup-settings-row .add-training-btn,.lineup-settings-row .secondary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:12px;min-height:44px;width:auto;flex:0 0 auto;white-space:nowrap}@media(max-width:480px){.lineup-settings-row{flex-wrap:nowrap;gap:.5rem}.lineup-settings-row .add-training-btn,.lineup-settings-row .secondary-btn{padding:.6rem 1rem;font-size:.85rem;min-height:40px}}.lineup-share-modal .lineup-share-options{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.lineup-share-modal .lineup-share-option{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;border-radius:12px;border:2px solid var(--accent-color, #028b02);background:#fff;color:var(--text-primary, #333);cursor:pointer;transition:background .2s,border-color .2s,color .2s}.lineup-share-modal .lineup-share-option:hover{background:var(--bg-secondary, #f9fafb)}.lineup-share-modal .lineup-share-option .lineup-share-icon{font-size:1.5rem;flex-shrink:0;display:inline-block}.lineup-share-modal .lineup-share-option#lineupShareInstagram .lineup-share-icon{color:#e4405f}.lineup-share-modal .lineup-share-option#lineupShareX .lineup-share-icon{color:#000}.lineup-share-modal .lineup-share-option#lineupShareInstagram:hover{border-color:#e4405f;color:#e4405f}.lineup-share-modal .lineup-share-option#lineupShareInstagram:hover .lineup-share-icon{color:#e4405f}.lineup-share-modal .lineup-share-option#lineupShareX:hover{border-color:#000;color:#000}.lineup-share-modal .lineup-share-option#lineupShareX:hover .lineup-share-icon{color:#000}.lineup-share-preview-modal{max-width:95vw;max-height:90vh;display:flex;flex-direction:column}.lineup-share-preview-body{padding:1rem 1.5rem;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:.75rem}.lineup-share-preview-hint{margin:0;font-size:.9rem;color:var(--text-secondary, #6b7280)}.lineup-share-preview-img{max-width:100%;height:auto;display:block;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a}.lineup-share-preview-actions{flex-wrap:wrap;justify-content:center}.lineup-formation-wrap{margin-bottom:1rem;max-width:260px}.lineup-formation-label{display:block;font-weight:600;color:var(--text-primary, #333);margin-bottom:.35rem}.lineup-formation-label-green{color:var(--accent-color, #028b02)}.lineup-shirt-wrap{margin-top:.5rem;margin-bottom:1.75rem;max-width:260px}.lineup-shirt-select{cursor:pointer;max-width:100%}.lineup-shirt-label{display:block;font-weight:600;margin-bottom:.35rem;color:var(--text-primary, #333);margin-bottom:.5rem}.lineup-shirt-label.lineup-formation-label-green{color:var(--accent-color, #028b02)}.lineup-shirt-display-radios{margin:.75rem 0 0;padding:.75rem 0 0;border:none;max-width:260px}.lineup-radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-primary, #333);margin-bottom:.35rem;-webkit-user-select:none;user-select:none}.lineup-radio-option input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--accent-color, #028b02);cursor:pointer;flex-shrink:0}.lineup-shirt-pills{display:flex;gap:.5rem;flex-wrap:wrap}.lineup-shirt-pill{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;font-weight:600;color:var(--text-primary, #333);background:#fff;border:2px solid rgba(2,139,2,.35);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}@media(hover:hover){.lineup-shirt-pill:hover{background:#028b020f;border-color:#028b0280}}.lineup-shirt-pill:focus{outline:none;border-color:var(--primary-green, #028b02);box-shadow:0 0 0 3px #028b0233}.lineup-shirt-pill.selected{background:#028b021f;border-color:var(--primary-green, #028b02);color:var(--primary-green, #028b02)}.lineup-shirt-pill-img{width:32px;height:auto;object-fit:contain;pointer-events:none}.lineup-shirt-pill-label{pointer-events:none}.lineup-formation-desc{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary, #555);line-height:1.4}.lineup-swap-wrap{margin-bottom:1rem;max-width:600px}.lineup-swap-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.lineup-swap-select{flex:1;min-width:140px}.lineup-swap-sep{font-size:1.2rem;color:var(--text-secondary, #555)}.player-jersey{width:40px;height:50px;border:2px solid #333;border-radius:8px 8px 4px 4px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 5px;transition:all .3s ease;box-shadow:none}.player-jersey.outfield{width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #ddd;margin:0 auto 5px}.player-jersey.outfield:before,.player-jersey.outfield:after{display:none}.player-jersey.outfield .player-jersey-name{font-size:10px;font-weight:600;color:#028b02;background-color:#fff;text-align:center;line-height:1.15;padding:2px 6px;border-radius:0;display:block;width:fit-content;margin:0 auto;overflow:hidden;text-overflow:ellipsis;max-height:2.3em}.player-jersey.goalkeeper{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f60,#e65c00);border:2px solid #cc4d00;margin:0 auto 5px}.player-jersey.goalkeeper:before,.player-jersey.goalkeeper:after{display:none}.player-jersey:before{content:"";position:absolute;top:8px;left:50%;width:12px;height:8px;background:#333;border-radius:2px}.player-jersey:after{content:"";position:absolute;bottom:4px;left:50%;width:20px;height:2px;background:#333;border-radius:1px}.player-number{font-size:14px;font-weight:700;color:#333;z-index:2}.player-jersey.goalkeeper .player-jersey-name{font-size:10px;font-weight:600;color:#028b02;background-color:#fff;border-radius:0;line-height:1.15;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:2px 6px;width:fit-content;margin:0 auto}.player-name{font-size:16px;font-weight:600;color:#333;max-width:70px;line-height:1.2}.substitutes-section{margin-bottom:2rem}.substitutes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.substitute-player{background:#ffffffe6;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:move}.substitute-player:hover{transform:translateY(-2px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266}.substitute-player.dragging{opacity:.5;transform:rotate(5deg)}.substitute-player .player-jersey{width:35px;height:45px;margin:0;border-radius:6px 6px 3px 3px}.substitute-player .player-jersey.outfield,.substitute-player .player-jersey.goalkeeper{width:40px;height:40px;border-radius:50%}.substitute-player .player-jersey.outfield .player-jersey-name{font-size:8px;padding:1px 2px;max-height:2.2em}.substitute-player .player-jersey:before{width:10px;height:6px;top:6px}.substitute-player .player-jersey:after{width:16px;height:1.5px;bottom:3px}.substitute-player .player-info{flex:1}.substitute-player .player-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;max-width:none}.substitute-player .player-position{font-size:.8rem;color:var(--text-secondary);margin:0}@media(max-width:768px){.football-field{max-width:500px;height:350px}.lineup-ad-board{padding:3px 10px}.lineup-ad-board .lineup-ad-board-logo{height:20px}.lineup-ad-board-left{left:80px}.lineup-ad-board-right{right:80px}.player-jersey{width:35px;height:45px;border-radius:6px 6px 3px 3px}.player-jersey.outfield,.player-jersey.goalkeeper{width:60px;height:60px;border-radius:50%}.player-jersey.outfield .player-jersey-name{font-size:9px}.player-jersey:before{width:10px;height:6px;top:6px}.player-jersey:after{width:16px;height:1.5px;bottom:3px}.player-number{font-size:12px}.player-name{font-size:9px;max-width:50px}.substitutes-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:480px){.football-field{height:394px}.lineup-ad-board{padding:4px}.lineup-ad-board .lineup-ad-board-logo{height:18px}.lineup-ad-board-left{left:118px;bottom:380px}.lineup-ad-board-right{right:118px;bottom:380px}.player-jersey{width:30px;height:40px;border-radius:5px 5px 2px 2px}.player-jersey.outfield,.player-jersey.goalkeeper{width:55px;height:55px;border-radius:50%}.player-jersey.outfield .player-jersey-name{font-size:8px}.player-jersey:before{width:8px;height:5px;top:5px}.player-jersey:after{width:14px;height:1px;bottom:2px}.player-number{font-size:10px}.player-name{font-size:8px;max-width:45px}.substitutes-grid{grid-template-columns:1fr}}.player-names-desktop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:flex-start;max-width:640px;margin:0 auto}.player-names-mobile{display:none;background:#fffffff5;border-radius:18px 18px 0 0;padding:1.25rem 1.25rem 2.5rem;box-shadow:0 -4px 18px #0000002e;position:sticky;bottom:0;z-index:20}.player-names-desktop h4,.player-names-mobile h4{display:flex;align-items:center;justify-content:space-between;color:var(--accent-color);font-size:1.05rem;font-weight:700;margin-bottom:.75rem}.player-names-desktop h4:after,.player-names-mobile h4:after{content:"";flex:1;margin-left:.5rem;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(2,139,2,.3),transparent)}.lineup-section-basis,.lineup-section-wissels{background:#fffffff2;border-radius:18px;padding:1.1rem 1.1rem 1.2rem;box-shadow:none;border:none}.lineup-section-wissels{background:#fffffff2}.lineup-players-below .lineup-section-basis .section-title,.lineup-players-below .lineup-section-wissels .section-title{color:var(--accent-color, #028b02);font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:center}.names-list{display:flex;flex-direction:column;gap:.38rem}.name-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;padding:.38rem .5rem .38rem .4rem;border-radius:999px;border:1px solid rgba(17,92,20,.25);background:linear-gradient(180deg,#fffffffa,#f4fbf4f5);box-shadow:0 2px 7px #0a480d26,inset 0 1px #ffffffe6;transition:all .18s ease;cursor:pointer}.name-item:hover{transform:translate(3px) scale(1.01);box-shadow:0 8px 16px #028b0233,inset 0 1px #fffffff2}.name-item .player-number{width:31px;min-width:31px;height:31px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:.95rem;line-height:1;background:var(--accent-color, #028b02);border:1px solid rgba(2,139,2,.45);box-shadow:0 2px 6px #028b0238}.name-item .player-name-with-position{flex:1;display:inline-flex;align-items:baseline;justify-content:space-between;min-width:0}.name-item .player-name-text{font-weight:800;color:#1d5721;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-item .player-position-inline{font-size:.9rem;color:var(--text-secondary, #666);font-weight:400;margin-left:.35rem}.name-item .player-position-text{font-size:.8rem;color:var(--text-secondary);font-style:italic}@media(max-width:768px){.field-container{flex-direction:column;align-items:center;gap:1rem}.player-names-desktop{display:none}.player-names-mobile{display:block;width:100%;max-width:500px}.names-list{display:flex;grid-template-columns:none;gap:.38rem}.name-item{text-align:left;gap:.55rem;padding:.38rem .48rem .38rem .4rem}.name-item .player-number{min-width:auto}.name-item .player-name-text{font-size:.85rem;white-space:normal;overflow:visible;text-overflow:clip}.name-item .player-position-text{font-size:.75rem}}@media(max-width:480px){.lineup-spelers-grid{flex-direction:row;gap:.5rem;align-items:flex-start}.lineup-wissel-icon{margin-top:.8rem;transform:none}.lineup-section-basis,.lineup-section-wissels{width:calc((100% - 1.5rem)/2);min-width:0;padding:.8rem .5rem .9rem}.lineup-section-basis .name-item,.lineup-section-wissels .name-item{padding:.32rem .38rem .32rem .32rem;gap:.45rem}.lineup-section-basis .name-item .player-name-text,.lineup-section-wissels .name-item .player-name-text{font-size:.78rem;line-height:1.15}}.training-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}@media(min-width:769px){.training-buttons{flex-direction:row;align-items:center;justify-content:center}}.my-team-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width:768px){.training-buttons,.my-team-buttons{display:grid!important;grid-template-columns:max-content;justify-content:center;justify-items:stretch;gap:1rem;width:100%;max-width:100%;padding-inline:.75rem;box-sizing:border-box;flex-direction:unset!important;align-items:stretch!important;flex-wrap:nowrap!important}.training-buttons .training-filter-btn,.training-buttons .add-training-btn,.my-team-buttons .training-filter-btn{width:100%!important;min-width:0;max-width:100%;justify-content:center;white-space:nowrap;box-sizing:border-box}.lineup-settings-row-below-field{display:flex!important;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:.5rem;width:100%;max-width:100%;padding-inline:.5rem;box-sizing:border-box}.lineup-settings-row-below-field .add-training-btn,.lineup-settings-row-below-field .secondary-btn{flex:1 1 0;min-width:0;width:auto!important;max-width:none;justify-content:center;white-space:nowrap;box-sizing:border-box;padding:.55rem .35rem;font-size:.8rem;gap:.35rem}.lineup-settings-row-below-field .add-training-btn i,.lineup-settings-row-below-field .secondary-btn i{flex-shrink:0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.stat-card{background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;position:relative}.stats-grid .stat-card{min-height:140px;display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:.9rem}.stats-grid .stat-card .member-name{font-size:1rem;text-align:left}.stats-grid .stat-card .stat-row{font-size:.85rem}.stats-grid .stat-card .stat-percentage{font-size:1rem}.team-stats .stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.team-stats-wedstrijdtype{grid-template-columns:repeat(auto-fit,minmax(152px,1fr))}.stat-card-wedstrijdtype{padding:1.25rem .75rem}.stat-card-wedstrijdtype .stat-number{font-size:1.75rem;margin-bottom:.35rem}.stat-card-wedstrijdtype .stat-label-wedstrijdtype-type{font-size:.9rem;color:var(--text-secondary);font-weight:500;line-height:1.25;margin-bottom:.65rem}.stat-wedstrijdtype-lines{display:flex;flex-direction:column;gap:.35rem;width:100%;margin-top:0}.stat-wedstrijdtype-detail{font-size:.78rem;color:var(--text-secondary);line-height:1.35;margin-top:0}.wedstrijd-stats-view-switch{flex-wrap:wrap;justify-content:center;gap:.5rem}.stat-wedstrijd-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;flex-shrink:0}.stat-wedstrijd-positie{display:flex;align-items:center;justify-content:center;min-height:50px}.stat-trophy-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0003}.stat-trophy-circle-gold{background:linear-gradient(145deg,#e6c200,#d4af37,#b8960c);color:#fff}.stat-trophy-circle-silver{background:linear-gradient(145deg,#e8e8e8,silver,#a0a0a0);color:#fff}.stat-trophy-circle-bronze{background:linear-gradient(145deg,#cd7f32,#b87333,#8b4513);color:#fff}.stat-trophy{font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.stat-wedstrijd-rank-num{width:50px;height:50px;border-radius:50%;border:2px solid var(--accent-color);background:#fff;color:var(--accent-color);font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #028b0226}.stat-rank{width:50px;height:50px;border-radius:50%;background:var(--accent-color);color:#fff;font-size:1.3rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #028b024d;flex-shrink:0}.stat-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;flex:1}.stat-info-content{flex:1;display:flex;flex-direction:column;height:100%;min-width:0}.stat-row{display:flex;justify-content:space-between;align-items:center;min-height:1.5rem}.stat-row-highlight{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(2,139,2,.2)}.stat-percentage{color:var(--accent-color);font-size:1.2rem}.stat-goals{color:var(--accent-color)}.stat-yellow{color:#ffc107}.stat-red{color:#dc3545}.stat-clean-sheets{color:var(--accent-color)}.stat-mow{color:#ffc107}.section-title{margin-bottom:1rem;color:var(--accent-color);font-size:1.3rem}.ranking-section{margin-bottom:2rem}.ranking-list{display:flex;flex-direction:column;gap:1rem}.ranking-item{display:flex;align-items:center;gap:1rem;padding:1.5rem}.ranking-position{font-size:1.5rem;font-weight:700;color:var(--accent-color);min-width:40px;text-align:center}.ranking-points{font-size:1.5rem;font-weight:700;color:var(--accent-color);min-width:60px;text-align:right}.ranking-stats{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.ranking-item{flex-direction:column;text-align:center}.ranking-position{min-width:auto}.ranking-points{min-width:auto;text-align:center}.ranking-stats{justify-content:center}}.training-filter-btn{background:#fff;border:2px solid var(--accent-color);border-radius:12px;color:var(--accent-color);padding:.75rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}@media(hover:hover){.training-filter-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #028b024d}}.training-filter-btn.active{background:var(--accent-color);color:#fff}.training-card{background:#fffffff2;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #028b021a}@media(hover:hover){.training-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266;background:#fff}}.wedstrijd-card.no-click{cursor:default!important;pointer-events:none;opacity:.7}.wedstrijd-card.no-click:hover{transform:none!important;box-shadow:var(--shadow-md)!important}.wedstrijd-card.gespeeld{opacity:.9;cursor:pointer}@media(hover:hover){.wedstrijd-card.gespeeld:hover{opacity:1}}.uitslag-container{margin:.75rem 0;padding:.75rem;background:linear-gradient(135deg,#028b021a,#028b020d);border-radius:8px;border:1px solid rgba(2,139,2,.2);text-align:center}.uitslag-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem}.uitslag-score{font-size:1.5rem;font-weight:700;color:var(--accent-color);letter-spacing:2px;margin:0}.gespeeld-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.5rem}.team-header{position:relative;text-align:center;padding-top:3.25rem}.puntentelling-container .team-header{margin-bottom:0;padding-top:1rem}.dashboard-container .team-header{padding-top:0}.team-header .logo{margin-bottom:1rem}.home-button{position:absolute;right:0;top:0;background:none;border:2px solid var(--accent-color);color:var(--accent-color);padding:.5rem .75rem;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}@media(hover:hover){.home-button:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}}.team-header .logo img{height:60px;width:auto}.team-header .back-button{position:absolute;left:0;top:0}.back-button{background:none;border:2px solid var(--accent-color);color:var(--accent-color);padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}@media(hover:hover){.back-button:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}}.team-title{font-size:2.5rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.puntentelling-container .team-title{margin-bottom:0}.lineup-container .lineup-vs-opponent{font-size:.98rem;color:var(--text-secondary, #6b7280);margin:.9rem 0 0;font-weight:600}.lineup-container .lineup-wedstrijd-kop-heading{margin:.35rem 0 0;text-align:center}.lineup-container .lineup-wedstrijd-kop-title{margin:0;color:var(--accent-color, #028b02);font-size:1.5rem;font-weight:700}.lineup-container .lineup-wedstrijd-kop-meta,.lineup-container .lineup-wedstrijd-kop-date{margin:.2rem 0 0;color:var(--text-secondary, #6b7280);font-size:.95rem;font-weight:600}.lineup-container .lineup-team-name{margin:.1rem 0 0;color:var(--accent-color);font-size:1rem;font-weight:600}.lineup-history-select-wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0 auto 1rem;width:min(100%,1080px);align-items:stretch;box-sizing:border-box}.lineup-container .lineup-history-select-wrap .training-filter-btn{width:100%;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;min-height:44px;white-space:nowrap;box-sizing:border-box}@media(max-width:480px){.lineup-container .lineup-history-select-wrap .training-filter-btn{padding:.6rem 1rem;font-size:.85rem;min-height:40px}}@media(max-width:768px){.lineup-container .lineup-history-select-wrap .training-filter-btn{padding:.55rem .35rem;font-size:.8rem;gap:.35rem}.lineup-history-select-wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:.75rem;padding-right:.75rem;box-sizing:border-box}}.lineup-kies-wedstrijd-btn .fas,.lineup-kies-opstelling-btn .fas,.lineup-instellingen-btn .fas{flex-shrink:0;font-size:1em}.lineup-instellingen-wrap{display:inline-flex;flex-direction:column;align-items:stretch;position:relative;width:100%}.lineup-container .lineup-history-select-wrap .lineup-instellingen-select{appearance:none;-webkit-appearance:none;padding-left:2rem;padding-right:.5rem;cursor:pointer}.lineup-instellingen-select-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.95em;opacity:.9;color:var(--accent-color)}.lineup-container .lineup-history-select-wrap .lineup-instellingen-select.lineup-instellingen-select-chosen:focus,.lineup-container .lineup-history-select-wrap .lineup-instellingen-select.lineup-instellingen-select-chosen:focus-visible{outline:none;box-shadow:none}.lineup-instellingen-current{font-size:.78em;font-weight:700;opacity:.9}@media(min-width:769px){.lineup-history-select-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.lineup-instellingen-current-mobile{display:none}.lineup-instellingen-current:before{content:" - "}}@media(max-width:768px){.lineup-history-select-wrap{margin-bottom:1.6rem}.lineup-instellingen-current-mobile{display:none;position:absolute;top:calc(100% + .15rem);left:50%;transform:translate(-50%);width:max-content;max-width:100%;margin-top:0;font-size:.72em;line-height:1.1;text-align:center;opacity:.95;pointer-events:none;white-space:nowrap}}.lineup-formatie-kies-modal-body{max-height:min(70vh,520px);overflow-y:auto}.lineup-instelling-wij-spelen{margin:0 0 .65rem;font-size:1rem;font-weight:600}.lineup-formatie-kies-fieldset{border:none;margin:0;padding:0;min-width:0}.lineup-formatie-kies-option{align-items:flex-start;margin-bottom:.75rem}.lineup-formatie-kies-option:last-of-type{margin-bottom:0}.lineup-formatie-kies-label{font-size:1rem;color:var(--text-primary, #1f2937);line-height:1.35}.lineup-formatie-kies-option input:checked+.lineup-formatie-kies-label{font-weight:700;color:var(--accent-color, #028b02)}.lineup-formatie-kies-actions{margin-top:.5rem;padding-top:1rem!important;border-top:1px solid var(--border-color, #e5e7eb)}.lineup-wedstrijd-kies-modal-body{max-height:min(65vh,420px);overflow-y:auto}.lineup-wedstrijd-kies-actions{margin-top:.5rem;padding-top:1rem!important;border-top:1px solid var(--border-color, #e5e7eb)}.lineup-wedstrijd-kies-fieldset{border:none;margin:0;padding:0;min-width:0}.lineup-wedstrijd-kies-option{align-items:flex-start;margin-bottom:.75rem}.lineup-wedstrijd-kies-option:last-of-type{margin-bottom:0}.lineup-wedstrijd-kies-label{font-size:1rem;color:var(--text-primary, #1f2937);line-height:1.35}.lineup-wedstrijd-kies-option input:checked+.lineup-wedstrijd-kies-label{font-weight:700;color:var(--accent-color, #028b02)}.lineup-wedstrijd-kies-empty{margin:0;color:var(--text-secondary, #6b7280);text-align:center}.team-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:0}.team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#028b021a,#028b020d);border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}@media(hover:hover){.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266}}.stat-number{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.section-title{font-size:1.8rem;font-weight:600;color:var(--accent-color);margin-bottom:1.5rem;text-align:center}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.member-card{background:#ffffffe6;border:1px solid rgba(2,139,2,.2);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 4px 15px #028b021a}.sideline-reclame-card{padding:.75rem;overflow:hidden}.sideline-reclame-card--player{align-items:center}.sideline-reclame-link{display:block;width:100%;text-decoration:none}.sideline-reclame-image{display:block;width:100%;height:auto;border-radius:12px;object-fit:cover}@media(hover:hover){.member-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #028b0233;border-color:#028b0266}}.switch-team-card.clickable-team-card{cursor:pointer}.switch-team-card.clickable-team-card:hover{border-color:#028b0280}.switch-team-card .action-btn-delete{color:#c0392b;background:transparent;border-color:#c0392b4d}.switch-team-card .action-btn-delete:hover{color:#fff;background:#c0392b;border-color:#c0392b}.switch-list-section{display:flex;flex-direction:column;gap:1rem}.switch-teams-section-heading{font-size:1.1rem;font-weight:600;font-style:italic;color:var(--text-secondary, #6b7280);text-align:left;margin:0}.switch-teams-logged-in-subtitle{margin-bottom:2.5rem}.switch-teams-current-team-name{color:var(--accent-color);font-weight:700}.switch-teams-current-role{color:var(--text-secondary, #6b7280);font-weight:600}.switch-team-role-label{font-size:.85rem;font-weight:600;color:var(--accent-color);margin-top:.25rem}.switch-teams-login-form .form-group label{color:var(--accent-color);font-weight:600}.switch-teams-login-form .form-input{color:var(--accent-color);border-color:#028b0266}.switch-teams-login-form .form-input::placeholder{color:#028b0299}.switch-teams-login-form .form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #028b0233}.whatsapp-container{color:var(--text-primary, #1f2937)}.whatsapp-content{margin-top:1.5rem;color:var(--text-primary, #1f2937)}.whatsapp-intro{margin-bottom:1.5rem;color:var(--text-primary, #1f2937)}.whatsapp-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.whatsapp-option-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-primary);font-size:1rem;font-family:inherit;text-align:left;cursor:pointer;transition:all .2s ease;color:var(--text-primary, #1f2937);-webkit-tap-highlight-color:transparent}@media(hover:hover){.whatsapp-option-btn:hover{border-color:var(--accent-color);background:#028b020d}}.whatsapp-option-btn:focus{outline:none;border-color:var(--border-color);background:var(--bg-primary)}.whatsapp-option-btn:focus-visible{border-color:var(--accent-color);background:#028b020d}.whatsapp-option-btn i{font-size:1.5rem;color:var(--accent-color)}@media(max-width:600px){.whatsapp-options{grid-template-columns:1fr}}.whatsapp-event-info{margin-bottom:1rem;color:var(--text-primary, #1f2937)}.whatsapp-message-label{display:block;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.wijzig-inlog-content{margin-top:1.5rem}.wijzig-inlog-tabs{margin-bottom:1.5rem}.wijzig-inlog-current-teamnaam{font-weight:700;color:var(--accent-color, #2d7d46)}.form-input-placeholder-error::placeholder{color:#c9302c;opacity:1}.form-input-placeholder-error::-webkit-input-placeholder{color:#c9302c;opacity:1}.form-input-placeholder-error::-moz-placeholder{color:#c9302c;opacity:1}.wijzig-inlog-section{margin-bottom:2.5rem}.wijzig-inlog-section .section-title{margin-bottom:1rem}.wijzig-inlog-section .wijzig-inlog-submit-feedback{min-height:3.25rem;margin:0}.wijzig-inlog-section .wijzig-inlog-submit-feedback .form-success{margin-top:0;margin-bottom:.35rem}.wijzig-inlog-section .wijzig-inlog-submit-error{color:#dc2626;text-align:left;padding-top:.15rem;padding-bottom:.15rem;margin:0;font-weight:600}@media(max-width:768px){.wijzig-inlog-current-email-line{text-align:center}}.form-success{color:var(--accent-color);margin-bottom:1rem;font-weight:500}.whatsapp-textarea{min-height:120px;resize:vertical}.whatsapp-actions{margin-top:1.5rem}.whatsapp-actions .primary-btn{display:inline-flex;align-items:center;gap:.5rem}.whatsapp-loading{text-align:center;padding:2rem;color:var(--text-primary, #1f2937)}.whatsapp-container .team-title,.whatsapp-container .back-button,.whatsapp-container .home-button{color:var(--accent-color)}.member-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.member-info{flex:1}.member-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.member-name .member-number-inline{color:var(--accent-color);font-weight:600}.member-name .member-captain-inline{color:var(--accent-color);margin-left:.5rem}.member-captain-icon{width:60px;height:auto;display:block;margin-top:.25rem}.member-position{font-size:.9rem;color:var(--text-secondary);margin:0}.stats-grid .stat-card .member-position{text-align:left}.member-number{font-size:.9rem;color:var(--accent-color);font-weight:600;margin:.25rem 0 0}.member-email{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0;display:flex;align-items:center;gap:.5rem}.member-email i{color:var(--accent-color);width:16px;text-align:center}.member-birthdate{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0;display:flex;align-items:center;gap:.5rem}.member-birthdate i{color:var(--accent-color);width:16px;text-align:center}.member-phone{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0;display:flex;align-items:center;gap:.5rem}.member-phone i{color:var(--accent-color);width:16px;text-align:center}.member-favclub{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0;display:flex;align-items:center;gap:.5rem}.member-favclub i{color:var(--accent-color);width:16px;text-align:center}.member-captain{font-size:.9rem;color:var(--accent-color);font-weight:700;margin:.25rem 0 0}.member-actions{display:flex;gap:.5rem}.members-grid .member-card{position:relative}.members-grid .member-actions{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.5rem}.members-grid .member-info{width:100%}.dashboard-item .member-card,.dashboard-item .member-actions{position:static}.dashboard-item .member-info{padding-right:0}.action-btn{width:35px;height:35px;background:#028b021a;border:1px solid rgba(2,139,2,.2);border-radius:8px;color:var(--accent-color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn.action-btn--danger{background:#dc35451f;border-color:#dc354559;color:#dc3545}@media(hover:hover){.action-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.action-btn.action-btn--danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}}.team-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.lineup-actions{display:flex;justify-content:center;margin-top:1.5rem;margin-bottom:1rem}.primary-btn,.secondary-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;text-align:center}.primary-btn{background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);color:#fff;box-shadow:0 4px 15px #028b024d}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2);transform:none;box-shadow:none}@media(hover:hover){.primary-btn:hover:disabled,.secondary-btn:hover:disabled{transform:none;box-shadow:none}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #028b0266}}.primary-btn.primary-btn-outline{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);box-shadow:none}@media(hover:hover){.primary-btn.primary-btn-outline:hover{background:#028b0214;box-shadow:none}}.secondary-btn{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.forgot-password-container .forgot-resetlink-btn{width:100%;max-width:100%}.forgot-password-container .team-header{margin-bottom:1.25rem}.forgot-password-container .team-header .logo{margin-bottom:1rem;margin-top:3rem}.forgot-password-info-callout{background:linear-gradient(135deg,#028b021f,#028b020f);border:1px solid rgba(2,139,2,.25);border-radius:14px;padding:.9rem 1rem}.forgot-password-info-callout p{margin:0;color:var(--text-primary);line-height:1.45;display:flex;align-items:flex-start;gap:.55rem}.forgot-password-info-callout i{color:var(--accent-color);margin-top:.15rem}.forgot-password-container .form-error{color:#dc2626;text-align:center;margin:.5rem 0 0;font-weight:600}.warning-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px #dc35454d;text-align:center}.warning-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}.danger-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px #dc35454d;text-align:center}.danger-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}.success-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);color:#fff;box-shadow:0 4px 15px #028b024d;text-align:center}.success-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #028b0266}.orange-btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff;box-shadow:0 4px 15px #e67e224d;text-align:center}.orange-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e67e2266}@media(hover:hover){.secondary-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}}@media(max-width:480px){.dashboard-container{max-width:800px;width:auto;padding:2rem 1.5rem}.menu-grid{grid-template-columns:1fr;gap:.75rem;justify-content:center;align-items:center;justify-items:center;margin:0 auto;max-width:300px}.menu-item{padding:1.25rem 1rem}.dashboard-title{font-size:1.5rem}}.add-to-homescreen-content{margin-top:1rem}.add-to-homescreen-intro{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;text-align:center}.add-to-homescreen-block{background:var(--bg-secondary);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;border:1px solid var(--border-color)}.add-to-homescreen-block h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem}.add-to-homescreen-block h3 i{font-size:1.25rem}.add-to-homescreen-steps{margin:0 0 .75rem 1.25rem;padding:0}.add-to-homescreen-steps li{margin-bottom:.5rem;line-height:1.4}.add-to-homescreen-note{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0 0}.add-to-homescreen-android-prompt{margin-top:1rem;text-align:center}.add-to-homescreen-android-prompt .primary-btn{margin-top:.5rem}.sportlink-content{padding:1rem 0}.sportlink-block{background:linear-gradient(135deg,#028b0214,#028b020a);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;border:1px solid rgba(2,139,2,.2)}.sportlink-block .sportlink-intro{margin-bottom:0}.sportlink-steps-block{background:var(--bg-secondary);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;border:1px solid var(--border-color)}.sportlink-steps-block h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--accent-color);display:flex;align-items:center;gap:.5rem}.sportlink-steps-block h3 i{font-size:1.25rem}.sportlink-steps{margin:0 0 .75rem 1.25rem;padding:0}.sportlink-steps li{margin-bottom:.5rem;line-height:1.4}.sportlink-steps-note{font-size:.9rem;color:var(--text-secondary);margin:.5rem 0 0}.sportlink-intro{font-size:1rem;line-height:1.4;color:var(--text-primary);margin-bottom:1rem;text-align:center}.sportlink-clientid-group label,.sportlink-teams-group label,.website-koppeling-group label{color:var(--accent-color);font-weight:700}.sportlink-clientid-group{max-width:280px;margin-left:auto;margin-right:auto}.sportlink-error{color:var(--danger-color, #dc3545);margin-top:.75rem;font-size:.9rem}.sportlink-input-with-button{display:flex;gap:.5rem;align-items:flex-end}.sportlink-input-with-button .form-input{flex:1}.sportlink-haal-op-btn{padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none;background:linear-gradient(135deg,var(--accent-color) 0%,#00A000 100%);color:#fff;box-shadow:0 4px 15px #028b024d;min-width:48px;height:48px}@media(hover:hover){.sportlink-haal-op-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #028b0266}}.sportlink-haal-op-btn:disabled{opacity:.6;cursor:not-allowed}.sportlink-teams-group{margin-top:1rem;max-width:280px;margin-left:auto;margin-right:auto}.sportlink-teams-group select option[data-gekoppeld=true]{font-weight:600;color:var(--accent-color)}.sportlink-koppel-btn{margin-top:1rem;width:auto;max-width:280px;margin-left:auto;margin-right:auto;display:block}.website-koppeling-group,.website-koppeling-group .form-input{max-width:100%}.website-koppeling-save{display:block;margin-left:auto;margin-right:auto}@media(max-width:480px){.player-name{font-size:16px;max-width:45px}}.form-hint{font-size:.85rem;color:var(--text-secondary, #6b7280);margin:.35rem 0 0;line-height:1.4}.competitie-stand-content{margin-top:1rem}.competitie-stand-section-title{font-size:1.15rem;font-weight:700;color:var(--accent-color);margin:0 0 .75rem;padding-bottom:.35rem;border-bottom:2px solid rgba(2,139,2,.2)}.competitie-stand-actions .primary-btn{width:auto}.competitie-stand-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.5rem}.competitie-stand-table{width:100%;border-collapse:collapse;font-size:.88rem}.competitie-stand-table th,.competitie-stand-table td{padding:.5rem .35rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.08)}.competitie-stand-table th.competitie-stand-num,.competitie-stand-table td.competitie-stand-num{text-align:right}.competitie-stand-table thead th{font-weight:600;color:var(--accent-color)}.competitie-stand-poule-title{font-size:1.1rem;margin:0 0 .25rem}.competitie-stand-meta{font-size:.85rem;color:var(--text-secondary);margin:0 0 .5rem}.competitie-stand-footnotes{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary)}.competitie-stand-footnotes p{margin:.25rem 0}.competitie-stand-fn-marker{font-weight:700;color:var(--accent-color);margin-right:.25rem}.hint-text{font-size:.9rem;color:var(--text-secondary)}.ios-memory-safe .menu-item,.ios-memory-safe .menu-item:hover{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}