:root{--color-primary: #1e3a5f;--color-primary-dark: #152a45;--color-accent: #e85d04;--color-accent-hover: #d45103;--color-bg: #f0f4f8;--color-bg-card: #ffffff;--color-text: #1a1a2e;--color-text-muted: #5c6b7a;--color-border: #e2e8f0;--color-success: #0d9488;--color-success-bg: #ccfbf1;--color-error: #b91c1c;--color-error-bg: #fee2e2;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 1rem 3rem;max-width:1200px;margin:0 auto;width:100%}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-top:0;margin-bottom:.75em;font-weight:600;line-height:1.3}h1{font-size:2rem}h2{font-size:1.5rem}.main-content h1,.admin-main h1{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.main-content h1:before,.admin-main h1:before{content:"";display:inline-block;width:1.75rem;height:1.75rem;flex-shrink:0;background:url(/images/volleyball-icon.png) center / contain no-repeat}.page-hero h1,h1.page-title{justify-content:center}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}.site-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:.75rem 1rem;box-shadow:var(--shadow-md)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.02em}.logo:hover{color:#fff;opacity:.9}.main-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-link{color:#ffffffe6;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem}.nav-link:hover{color:#fff;background:#ffffff26}.nav-link--cta{background:var(--color-accent);color:#fff}.nav-link--cta:hover{background:var(--color-accent-hover);color:#fff}.nav-welcome{color:#ffffffe6;font-size:.9rem;padding:0 .5rem}.nav-form{display:inline}.btn-nav{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:.45rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-nav:hover{background:#ffffff26;border-color:#fffc}.page-hero{text-align:center;padding:3rem 1rem;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem}.page-hero h1{margin-bottom:.5rem}.page-hero .subtitle{color:var(--color-text-muted);font-size:1.1rem;margin:0}.page-hero__user{margin-top:1rem;color:var(--color-text-muted);font-size:.95rem}.auth-wrapper{max-width:420px;margin:2rem auto 3rem}.auth-form{padding:2rem;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-form>div{margin-bottom:1.25rem;display:flex;flex-direction:column}.auth-form label{margin-bottom:.4rem;font-weight:500;color:var(--color-text);font-size:.95rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e3a5f26}.auth-form input::placeholder{color:var(--color-text-muted)}.auth-form .checkbox-row{flex-direction:row;align-items:center;gap:.5rem}.auth-form .checkbox-row input{width:auto;margin:0}.auth-form button[type=submit]{width:100%;padding:.85rem 1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;margin-top:.25rem}.auth-form button[type=submit]:hover{opacity:.95}.auth-form button[type=submit]:active{transform:scale(.99)}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95rem}.auth-footer a{font-weight:500}.alert{padding:1rem 1.25rem;margin:0 auto 1.5rem;max-width:520px;border-radius:var(--radius-sm);font-size:.95rem;line-height:1.5}.alert-success{background:var(--color-success-bg);color:#0f766e;border:1px solid #99f6e4}.alert-error{background:var(--color-error-bg);color:#991b1b;border:1px solid #fecaca}.alert ul{margin:.5rem 0 0;padding-left:1.25rem}.alert li{margin:.25rem 0}.site-footer{background:var(--color-primary-dark);color:#fffc;padding:1.25rem 1rem;margin-top:auto;font-size:.9rem}.footer-inner{max-width:1200px;margin:0 auto;text-align:center}.footer-inner p{margin:0}.page-title{text-align:center;margin-bottom:2rem;font-size:1.75rem}.page-hero--coaching .subtitle{max-width:36em;margin-left:auto;margin-right:auto}.coaching-intro{margin-bottom:2.5rem;padding:1.25rem 1.5rem;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95rem;line-height:1.6}.coaching-intro p{margin:0}.feature-grid{display:grid;gap:1.5rem;margin-bottom:2.5rem}.feature-card{position:relative;padding:1.5rem;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#1e3a5f33}.feature-card__icon{font-size:2rem;margin-bottom:.75rem;line-height:1}.feature-card__title{font-size:1.2rem;margin-bottom:.5rem;color:var(--color-primary)}.feature-card__desc{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.55}.feature-card__badge{display:inline-block;margin-top:1rem;padding:.25rem .6rem;background:var(--color-bg);color:var(--color-text-muted);font-size:.8rem;font-weight:500;border-radius:var(--radius-sm)}.feature-card--link{text-decoration:none;color:inherit;display:block}.feature-card--link:hover{border-color:var(--color-primary)}.feature-card__badge--action{background:var(--color-primary);color:#fff}.coaching-cta{padding:1.25rem 1.5rem;background:#1e3a5f0f;border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:.9rem;text-align:center}.coaching-cta p{margin:0}.btn{display:inline-block;padding:.6rem 1.25rem;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.95rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s,background .2s}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.btn--primary:hover{opacity:.95}.btn--secondary{background:var(--color-bg-card);color:var(--color-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:#e2e8f0;color:var(--color-accent)}.btn--danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn--danger:hover{background:var(--color-error-bg)}.btn--sm{padding:.4rem .85rem;font-size:.85rem}.page-hero__actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.form-card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;margin-bottom:1.5rem}.form-card .auth-form{box-shadow:none;padding:0}.form-card h2{margin-top:0;margin-bottom:1rem;font-size:1.2rem}.form-row{display:grid;gap:1rem;margin-bottom:1.25rem}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.form-row{grid-template-columns:repeat(4,1fr)}}.auth-form textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;resize:vertical}.auth-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e3a5f26}.auth-form select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;background:var(--color-bg-card)}.form-error{display:block;color:var(--color-error);font-size:.9rem;margin-top:.25rem}.card-section{margin-top:1.5rem}.card-section h2{font-size:1.25rem;margin-bottom:1rem}.card{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.card--team{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem}.card__body{flex:1;min-width:0}.card__title{font-size:1.15rem;margin:0 0 .35rem}.card__title a{color:var(--color-primary)}.card__title a:hover{color:var(--color-accent)}.card__desc{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.45}.card__meta{margin:.5rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-inline{display:inline}.form-inline button{margin:0}.table-wrap{overflow-x:auto;margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600;color:var(--color-text-muted);font-size:.85rem}.data-table tr:last-child td{border-bottom:none}.cell-actions{white-space:nowrap}.cell-actions .btn,.cell-actions form{display:inline-block;margin-right:.35rem}.empty-state{padding:2rem;text-align:center;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px dashed var(--color-border);color:var(--color-text-muted);margin-bottom:1.5rem}.empty-state p{margin:0 0 1rem}.coaches-list{display:flex;flex-direction:column;gap:.5rem}.coach-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.coach-name{font-weight:500}.coach-badge{font-size:.8rem;padding:.15rem .55rem;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:500}.coach-badge--owner{background:var(--color-accent)}.coach-item .form-inline{margin-left:auto}.coach-search-wrap{position:relative}.coach-search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s,box-shadow .2s}.coach-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e3a5f26}.coach-search-results{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--color-bg-card);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto}.coach-search-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem 1rem;border:none;background:none;font-family:var(--font-sans);font-size:.95rem;cursor:pointer;text-align:left;transition:background .15s}.coach-search-item:hover{background:var(--color-bg)}.coach-search-item__name{font-weight:500;color:var(--color-text)}.coach-search-item__email{color:var(--color-text-muted);font-size:.85rem}.coach-search-empty{padding:.75rem 1rem;color:var(--color-text-muted);font-size:.9rem}.coach-selected{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.6rem .85rem;background:var(--color-success-bg);border:1px solid #99f6e4;border-radius:var(--radius-sm);font-weight:500}.coach-selected span:first-child{flex:1}@media(min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.main-content{padding:2.5rem 1.5rem 4rem}.page-hero{padding:4rem 2rem}.page-hero h1{font-size:2.25rem}}@media(min-width:900px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.training-list{display:flex;flex-direction:column;gap:.75rem}.training-card{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.training-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);color:inherit}.training-card__date{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:.5rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);text-align:center;line-height:1.2}.training-card__day{font-size:1.4rem;font-weight:700}.training-card__month{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.training-card__body{flex:1;min-width:0}.training-card__title{margin:0 0 .25rem;font-size:1.05rem;color:var(--color-text)}.training-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;color:var(--color-text-muted)}.training-card__stats{text-align:right;flex-shrink:0}.training-stat{font-size:.85rem;color:var(--color-text-muted)}.training-stat__number{font-weight:700;font-size:1.1rem;color:var(--color-success)}.training-stat--empty{font-style:italic;font-size:.8rem}.training-type-badge{display:inline-block;padding:.15rem .55rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.training-type-badge--training{background:#1e3a5f1a;color:var(--color-primary)}.training-type-badge--wedstrijd{background:#e85d041a;color:var(--color-accent)}.training-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.training-filters__group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.training-filters__label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.filter-btn{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-btn--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.filter-select{padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.85rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s ease}.filter-select:hover,.filter-select:focus{border-color:var(--color-primary);outline:none}.training-empty-filter{text-align:center;color:var(--color-text-muted);font-style:italic;padding:2rem 1rem}@media(max-width:600px){.training-filters{flex-direction:column;align-items:stretch}.training-filters__group{justify-content:center}}.training-description{padding:1rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.6;white-space:pre-line}.attendance-grid{margin-bottom:1rem}.attendance-header{display:grid;grid-template-columns:1fr repeat(3,80px);gap:.5rem;padding:.5rem .75rem;font-weight:600;font-size:.85rem;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.attendance-options-header{text-align:center}.attendance-row{display:grid;grid-template-columns:1fr repeat(3,80px);gap:.5rem;align-items:center;padding:.65rem .75rem;border-bottom:1px solid var(--color-border);transition:background .15s}.attendance-row:hover{background:#1e3a5f08}.attendance-row:last-child{border-bottom:none}.attendance-player{display:flex;align-items:center;gap:.5rem}.attendance-player__name{font-weight:500}.attendance-player__number{font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg);padding:.1rem .4rem;border-radius:4px}.attendance-option{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.attendance-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.attendance-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border);transition:all .2s;position:relative}.attendance-radio:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s}.attendance-option--present input:checked~.attendance-radio{border-color:var(--color-success)}.attendance-option--present input:checked~.attendance-radio:after{background:var(--color-success);transform:translate(-50%,-50%) scale(1)}.attendance-option--absent input:checked~.attendance-radio{border-color:var(--color-error)}.attendance-option--absent input:checked~.attendance-radio:after{background:var(--color-error);transform:translate(-50%,-50%) scale(1)}.attendance-option--excused input:checked~.attendance-radio{border-color:var(--color-accent)}.attendance-option--excused input:checked~.attendance-radio:after{background:var(--color-accent);transform:translate(-50%,-50%) scale(1)}.attendance-label-mobile{display:none}.form-actions{margin-top:1rem}.evaluation-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.evaluation-item{padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.evaluation-item__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem}.evaluation-player{font-weight:500;display:flex;align-items:center;gap:.5rem}.evaluation-position{font-size:.8rem;font-weight:400;color:var(--color-text-muted);background:var(--color-bg-card);padding:.1rem .45rem;border-radius:4px;border:1px solid var(--color-border)}.star-rating{display:flex;flex-direction:row-reverse;gap:.15rem}.star-rating input{display:none}.star-rating label{font-size:1.5rem;color:var(--color-border);cursor:pointer;transition:color .15s;line-height:1}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:var(--color-accent)}.evaluation-item textarea{width:100%;padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;resize:vertical;background:var(--color-bg-card);transition:border-color .2s,box-shadow .2s}.evaluation-item textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e3a5f26}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.summary-stat{text-align:center;padding:1rem;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.summary-stat__number{display:block;font-size:2rem;font-weight:700;line-height:1.2}.summary-stat__number--present{color:var(--color-success)}.summary-stat__number--absent{color:var(--color-error)}.summary-stat__number--excused{color:var(--color-accent)}.summary-stat__label{font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem;display:block}.form-card--danger{border-color:#b91c1c33}.form-card--danger h2{color:var(--color-error)}.form-card--danger p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem}@media(max-width:639px){.attendance-header{display:none}.attendance-row{grid-template-columns:1fr;gap:.35rem;padding:.75rem}.attendance-option{justify-content:flex-start;gap:.5rem}.attendance-label-mobile{display:inline;font-size:.85rem;color:var(--color-text-muted)}.training-card{flex-wrap:wrap}.training-card__stats{width:100%;text-align:left;padding-top:.5rem;border-top:1px solid var(--color-border)}}.recurring-section{padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.recurring-toggle{display:flex;flex-direction:column;gap:.25rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;font-size:.95rem}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s}.toggle-label input:checked+.toggle-switch{background:var(--color-primary)}.toggle-label input:checked+.toggle-switch:after{transform:translate(20px)}.recurring-hint{margin:0;font-size:.85rem;color:var(--color-text-muted);padding-left:calc(44px + .75rem)}.recurring-options{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.recurring-preview{margin:0;font-size:.95rem;font-weight:500;padding-top:1.75rem}.form-hint{margin:0 0 1rem;font-size:.85rem;color:var(--color-text-muted);line-height:1.45}.match-prep-section{padding:1.25rem;background:#e85d040a;border:1px solid rgba(232,93,4,.2);border-radius:var(--radius-sm);margin-bottom:1.25rem}.match-prep-section__title{font-size:1.1rem;color:var(--color-accent);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(232,93,4,.15)}.match-prep-section>div{margin-bottom:1rem}.match-prep-section>div:last-of-type{margin-bottom:0}.match-prep-section input[type=text],.match-prep-section select,.match-prep-section textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:1rem;background:var(--color-bg-card);transition:border-color .2s,box-shadow .2s}.match-prep-section input:focus,.match-prep-section select:focus,.match-prep-section textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #e85d041f}.match-prep-section textarea{resize:vertical}.match-prep-section label{display:block;margin-bottom:.4rem;font-weight:500;color:var(--color-text);font-size:.95rem}.match-prep-card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(232,93,4,.2);border-left:4px solid var(--color-accent);padding:1.5rem;margin-bottom:1.5rem}.match-prep-card--linked{border-left-color:var(--color-primary);border-color:#1e3a5f33}.match-prep-card__title{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:var(--color-accent)}.match-prep-card--linked .match-prep-card__title{color:var(--color-primary)}.match-prep-card__subtitle{margin:-.5rem 0 1rem;font-size:.9rem;color:var(--color-text-muted)}.match-prep-card__grid{display:grid;gap:1rem}@media(min-width:640px){.match-prep-card__grid{grid-template-columns:repeat(2,1fr)}}.match-prep-detail{display:flex;flex-direction:column;gap:.25rem}.match-prep-detail__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.match-prep-detail__value{font-size:1rem;font-weight:500;color:var(--color-text)}.match-prep-detail__value--opponent{font-size:1.15rem;color:var(--color-accent);font-weight:700}.match-prep-link{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#1e3a5f0f;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;transition:background .2s,border-color .2s}.match-prep-link:hover{background:#1e3a5f1f;border-color:var(--color-primary)}.match-prep-link__date{font-size:.8rem;color:var(--color-text-muted);font-weight:400}.match-prep-notes{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.match-prep-notes__title{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.match-prep-notes__content{padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;line-height:1.65;color:var(--color-text);white-space:pre-line}.linked-matches-list{display:flex;flex-direction:column;gap:.5rem}.linked-match-item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:background .2s,border-color .2s}.linked-match-item:hover{background:#e85d040d;border-color:var(--color-accent);color:var(--color-text)}.linked-match-item__badge{font-size:.75rem;font-weight:600;padding:.15rem .5rem;background:#e85d041a;color:var(--color-accent);border-radius:var(--radius-sm)}.linked-match-item__title{font-weight:600}.linked-match-item__opponent{color:var(--color-accent);font-weight:500}.linked-match-item__date{margin-left:auto;font-size:.85rem;color:var(--color-text-muted)}.training-card__opponent{font-weight:600;color:var(--color-accent)}.match-lineup-list{display:flex;flex-direction:column;gap:.65rem}.match-lineup-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.match-lineup-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);color:inherit}.match-lineup-card__date{display:flex;flex-direction:column;align-items:center;min-width:48px;padding:.45rem .5rem;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);text-align:center;line-height:1.2;flex-shrink:0}.match-lineup-card__day{font-size:1.3rem;font-weight:700}.match-lineup-card__month{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.match-lineup-card__body{flex:1;min-width:0}.match-lineup-card__title{margin:0 0 .2rem;font-size:1.05rem;color:var(--color-text)}.match-lineup-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.match-lineup-card__opponent{font-weight:600;color:var(--color-accent)}.match-lineup-card__sets{display:flex;flex-direction:column;align-items:center;padding:.35rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0}.match-lineup-card__sets-count{font-size:1.2rem;font-weight:700;color:var(--color-success);line-height:1}.match-lineup-card__sets-label{font-size:.7rem;color:var(--color-text-muted);margin-top:.1rem}.match-lineup-card__arrow{font-size:1.2rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s,color .2s}.match-lineup-card:hover .match-lineup-card__arrow{transform:translate(3px);color:var(--color-accent)}@media(max-width:520px){.match-lineup-card{flex-wrap:wrap;gap:.75rem}.match-lineup-card__sets{flex-direction:row;gap:.35rem}.match-lineup-card__arrow{display:none}}.lineup-list{display:flex;flex-direction:column;gap:.75rem}.lineup-card{display:flex;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.lineup-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);color:inherit}.lineup-card__icon{font-size:1.8rem;line-height:1;flex-shrink:0}.lineup-card__body{flex:1;min-width:0}.lineup-card__title{margin:0 0 .25rem;font-size:1.05rem;color:var(--color-text)}.lineup-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.85rem;color:var(--color-text-muted)}.lineup-card__notes{margin:.35rem 0 0;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.lineup-card__arrow{font-size:1.2rem;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.lineup-card:hover .lineup-card__arrow{transform:translate(3px);color:var(--color-primary)}.court-instructions{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.court-bench-layout{display:flex;flex-direction:column;align-items:center;gap:.65rem}.court-bench-layout .court-container{width:100%;max-width:480px;padding:.35rem 0 1rem}.lineup-bench{width:100%;max-width:480px;padding:.45rem .65rem .55rem;background:#1e3a5f0d;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.lineup-bench__title{margin:0 0 .15rem;font-size:.82rem;font-weight:700;color:var(--color-primary)}.lineup-bench__hint{margin:0 0 .35rem;font-size:.72rem;color:var(--color-text-muted);line-height:1.3}.lineup-bench__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem}.lineup-bench__item{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.2rem;padding:.2rem .45rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;font-size:.78rem;line-height:1.25}.lineup-bench__name{font-weight:600;color:var(--color-text)}.lineup-bench__nr{font-size:.7rem;font-weight:600;color:var(--color-text-muted)}.lineup-bench__empty{margin:0;font-size:.72rem;color:var(--color-text-muted);font-style:italic;line-height:1.35}.court-container{display:flex;justify-content:center;padding:1rem 0}.libero-slot{width:100%;max-width:480px;margin:0 auto .5rem;background:#ffc80014;border:2px dashed rgba(255,200,0,.55);border-radius:8px;padding:.65rem 1rem .75rem}.libero-slot__title{font-size:.82rem;font-weight:700;color:#9a7e00;margin:0 0 .15rem;text-transform:uppercase;letter-spacing:.06em}.libero-slot__hint{font-size:.72rem;color:var(--color-text-muted);margin:0 0 .5rem}.libero-slot__row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.libero-slot__select{padding:.35rem .5rem;border-radius:5px;border:1.5px solid #c8a800;background:#fff;color:var(--color-text);font-size:.82rem;max-width:200px}.libero-slot__select--error{border-color:#ef4444}.libero-slot__shirt{font-size:.8rem;font-weight:700;color:#9a7e00}.libero-badge{display:inline-block;background:#c8a800;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;vertical-align:middle}.libero-display{display:flex;align-items:center;gap:.65rem;padding:.5rem 0;flex-wrap:wrap}.libero-display__name{font-weight:600;font-size:1rem}.libero-display__nr{font-size:.82rem;color:var(--color-text-muted)}.court{position:relative;width:100%;max-width:480px;background:#2d7a4a;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.court__net{text-align:center;padding:.5rem;background:#00000040;color:#ffffffe6;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;border-bottom:3px solid rgba(255,255,255,.6)}.court__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:.5rem;padding:1rem}.court__position{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;background:#ffffff1f;border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:.75rem .5rem;transition:background .2s,border-color .2s}.court__position:hover{background:#ffffff2e;border-color:#ffffff80}.court__position--filled{border-style:solid;border-color:#fff6;background:#ffffff26}.court__pos-label{display:inline-block;padding:.1rem .45rem;background:#0000004d;color:#fff;font-size:.7rem;font-weight:700;border-radius:4px;letter-spacing:.03em}.court__pos-name{color:#ffffffb3;font-size:.75rem;text-align:center}.court__select{width:100%;max-width:130px;padding:.4rem .35rem;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-family:var(--font-sans);font-size:.78rem;background:#ffffffeb;color:var(--color-text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.court__select:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #ffffff4d}.court__select--error{border-color:#ef4444;background:#fef2f2;box-shadow:0 0 0 2px #ef44444d}.court__shirt-number{font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);min-height:1.3em;line-height:1.3}.court__role-select{width:100%;max-width:130px;padding:.3rem .25rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-family:var(--font-sans);font-size:.72rem;background:#ffffffd9;color:var(--color-text);cursor:pointer;transition:border-color .2s,box-shadow .2s}.court__role-select:focus{border-color:#fff;outline:none;box-shadow:0 0 0 3px #ffffff4d}.court__player{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.court__player-number{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.court__player-name{font-size:.82rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.2}.court__player-name--empty{color:#ffffff80;font-style:italic}.court__player-position{font-size:.7rem;color:#ffffffb3;background:#0003;padding:.05rem .4rem;border-radius:4px}.court__serve-indicator{text-align:right;padding:.35rem 1rem .5rem;color:#ffffffb3;font-size:.8rem;font-weight:500}.rotation-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.rotation-indicator{font-weight:700;font-size:1rem;color:var(--color-primary);min-width:140px;text-align:center}.rotations-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.rotation-mini{padding:.85rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s,box-shadow .2s}.rotation-mini:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.rotation-mini--active{border-color:var(--color-primary);background:#1e3a5f0f;box-shadow:var(--shadow-sm)}.rotation-mini__title{font-size:.85rem;margin:0 0 .5rem;color:var(--color-primary);text-align:center}.rotation-mini__court{display:flex;flex-direction:column;gap:.25rem}.rotation-mini__row{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.rotation-mini__cell{display:flex;flex-direction:column;align-items:center;padding:.35rem .2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px;text-align:center}.rotation-mini__cell--server{border-color:var(--color-accent);background:#e85d040f}.rotation-mini__number{font-size:.75rem;font-weight:700;color:var(--color-primary);line-height:1}.rotation-mini__name{font-size:.65rem;color:var(--color-text-muted);line-height:1.2;margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(max-width:520px){.court__grid{gap:.35rem;padding:.6rem}.court__select{font-size:.72rem;padding:.3rem .25rem;max-width:110px}.court__role-select{font-size:.68rem;padding:.25rem .2rem;max-width:110px}.court__shirt-number{font-size:.85rem}.court__pos-name{display:none}.court__player-name{font-size:.75rem}.rotation-controls{gap:.5rem}.rotation-indicator{font-size:.9rem;min-width:auto}.rotations-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:380px){.rotations-overview{grid-template-columns:1fr}}.set-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);overflow-x:auto}.set-tab{position:relative;padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;color:var(--color-text-muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s,background .2s;white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.set-tab:hover{color:var(--color-primary);background:#1e3a5f0a}.set-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#1e3a5f0f}.set-tab--filled{color:var(--color-success)}.set-tab--filled.set-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.set-tab__check{display:inline-block;margin-left:.35rem;font-size:.8rem;color:var(--color-success)}.set-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem}.set-panel__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.set-panel__header h2{margin:0}.set-panel__actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.set-copy-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.set-copy-label{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.set-copy-select{padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-sans);font-size:.85rem;background:var(--color-bg-card)}.sets-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.set-overview-card{display:block;padding:.75rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.set-overview-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:inherit}.set-overview-card--active{border-color:var(--color-primary);background:#1e3a5f0f}.set-overview-card__title{font-size:.85rem;margin:0 0 .5rem;color:var(--color-primary);text-align:center}.set-overview-card__notes{margin:.4rem 0 0;font-size:.7rem;color:var(--color-text-muted);line-height:1.3;text-align:center}@media(max-width:520px){.set-tabs{gap:0}.set-tab{padding:.6rem .85rem;font-size:.85rem}.set-panel{padding:1rem}.sets-overview{grid-template-columns:repeat(2,1fr)}}.stats-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stats-table{white-space:nowrap}.stats-table__player-col{min-width:160px}.stats-table__num-col{text-align:center;min-width:70px}.stats-table__player-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.stats-table__num-cell{text-align:center}.stats-player-name{font-weight:600}.stats-player-number{font-size:.8rem;color:var(--color-text-muted);background:var(--color-bg);padding:.1rem .4rem;border-radius:4px}.stats-player-position{font-size:.75rem;color:var(--color-text-muted);background:#1e3a5f14;padding:.1rem .4rem;border-radius:4px;font-weight:500}.stats-num{font-weight:700;font-size:1.05rem}.stats-num--present{color:var(--color-success)}.stats-num--played{color:var(--color-primary)}.stats-num--benched{color:var(--color-text-muted)}.stats-num--absent{color:var(--color-error)}.stats-num--excused{color:var(--color-accent)}.stats-of{font-size:.8rem;color:var(--color-text-muted);font-weight:400}.stats-pct{font-weight:700;font-size:.95rem;padding:.2rem .5rem;border-radius:4px}.stats-pct--good{background:var(--color-success-bg);color:#0f766e}.stats-pct--ok{background:#e85d041a;color:var(--color-accent)}.stats-pct--low{background:var(--color-error-bg);color:var(--color-error)}.stats-rating{display:inline-flex;align-items:center;gap:.35rem}.stats-rating__stars{display:inline-flex;gap:.05rem}.stats-star{font-size:.9rem;color:var(--color-border);line-height:1}.stats-star--filled{color:var(--color-accent)}.stats-rating__value{font-weight:700;font-size:.9rem;color:var(--color-text)}@media(max-width:639px){.stats-summary-row{grid-template-columns:1fr;gap:.75rem}.stats-table__player-cell{min-width:0}}.position-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.position-tag{position:relative;padding:.45rem .9rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.position-tag:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1e3a5f0d}.position-tag--active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.position-tag--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.position-tag--active:before{content:attr(data-pref);position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.position-selected-list{display:flex;flex-direction:column;gap:.4rem}.position-selected-item{display:flex;align-items:center;gap:.65rem;padding:.45rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem}.position-selected-item__pref{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%;flex-shrink:0}.position-selected-item__name{font-weight:500;flex:1}.position-selected-item__remove{background:none;border:none;color:var(--color-error);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.6;transition:opacity .15s}.position-selected-item__remove:hover{opacity:1}.position-badges{display:flex;flex-wrap:wrap;gap:.35rem}.position-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;background:#1e3a5f14;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.position-badge__pref{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;border-radius:50%;flex-shrink:0}.oefeningen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.oefeningen-count{font-size:.9rem;color:var(--color-text-muted)}.oefeningen-search{position:relative;margin-bottom:1rem}.oefeningen-search__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.oefeningen-search__input{width:100%;padding:.65rem 1rem .65rem 2.5rem;border:1.5px solid #d1dbe8;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;background:#fff;transition:border-color .2s;box-sizing:border-box}.oefeningen-search__input:focus{outline:none;border-color:var(--color-primary)}.oefeningen-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.oefeningen-filter-btn{padding:.4rem 1rem;border:1.5px solid #d1dbe8;border-radius:999px;background:#fff;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.oefeningen-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.oefeningen-filter-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.oefeningen-filters--moeilijk{margin-top:-.5rem;align-items:center}.oefeningen-filters__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.oefeningen-moeilijk-btn{padding:.4rem 1rem;border:1.5px solid #d1dbe8;border-radius:999px;background:#fff;font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.oefeningen-moeilijk-btn:hover{border-color:#f59e0b;color:#b45309}.oefeningen-moeilijk-btn--active{background:#f59e0b;border-color:#f59e0b;color:#fff}.oefeningen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.oefeningen-leeg{text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.95rem}.oefening-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .15s}.oefening-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.oefening-card__thumbnail{background:#1a3a2a;height:130px;display:flex;align-items:center;justify-content:center;padding:.5rem;overflow:hidden}.oefening-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border, #e5e7eb)}.oefening-tab{padding:.6rem 1.25rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:.4rem}.oefening-tab:hover{color:var(--color-primary, #1e3a5f)}.oefening-tab--active{color:var(--color-primary, #1e3a5f);border-bottom-color:var(--color-primary, #1e3a5f)}.oefening-tab__count{background:#e5e7eb;color:#374151;border-radius:9999px;padding:.05rem .5rem;font-size:.78rem;font-weight:600}.oefening-tab--active .oefening-tab__count{background:var(--color-primary, #1e3a5f);color:#fff}.oefening-show-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem}.oefening-show-meta__author{font-size:.875rem;color:#6b7280}.oefening-show-meta__badge{padding:.2rem .6rem;border-radius:9999px;font-size:.78rem;font-weight:600}.oefening-show-meta__badge--public{background:#d1fae5;color:#065f46}.oefening-show-meta__badge--private{background:#f3f4f6;color:#374151}.oefening-show-meta__fork{font-size:.82rem;color:#6b7280}.oefening-show-meta__fork a{color:var(--color-primary, #1e3a5f);text-decoration:underline}.oefening-show-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media(max-width:768px){.oefening-show-layout{grid-template-columns:1fr}}.oefening-show-aside{display:flex;flex-direction:column;gap:1.25rem}.oefening-show-desc{color:#374151;line-height:1.6;white-space:pre-wrap}.placed-token--readonly{cursor:default!important;pointer-events:none}body.oefening-readonly .legend-panel__body{opacity:.7}body.oefening-readonly [draggable=true],body.oefening-readonly .court-wrapper{cursor:default}.oefening-share-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-sm, 6px);padding:1rem}.oefening-share-panel__title{font-size:.95rem;font-weight:600;margin:0 0 .75rem;color:#111827}.oefening-share-form{display:flex;gap:.5rem;margin-bottom:1rem}.oefening-share-form .oefening-form__input{flex:1;min-width:0}.oefening-share-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.oefening-share-list__item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem}.oefening-share-list__revoke{border:none;background:none;color:#ef4444;font-size:1.1rem;cursor:pointer;line-height:1;padding:0 .25rem}.oefening-share-panel__empty{font-size:.85rem;color:#9ca3af;margin:0}.court-thumb{width:100%;max-width:200px;aspect-ratio:3/4}.court-thumb__field{width:100%;height:100%;background:#2d6a4f;border:2px solid #fff;border-radius:2px;position:relative}.court-thumb__net{position:absolute;top:50%;left:0;right:0;height:3px;background:#fff;transform:translateY(-50%)}.court-thumb__token{position:absolute;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#fff;transform:translate(-50%,-50%)}.court-thumb__token--a{background:#1e3a5f;border:1.5px solid #fff}.court-thumb__token--b{background:#e85d04;border:1.5px solid #fff}.oefening-card__body{padding:1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.oefening-card__meta{display:flex;align-items:center;justify-content:space-between}.oefening-card__badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.oefening-card__badge--passen{background:#dbeafe;color:#1d4ed8}.oefening-card__badge--aanvallen{background:#fee2e2;color:#b91c1c}.oefening-card__badge--opslaan{background:#fef9c3;color:#854d0e}.oefening-card__badge--rotatie{background:#d1fae5;color:#065f46}.oefening-card__badge--blokken{background:#ede9fe;color:#5b21b6}.oefening-card__badge--warming-up{background:#ffedd5;color:#9a3412}.oefening-card__badge--tactiek{background:#e0f2fe;color:#0369a1}.oefening-card__badge--conditie{background:#fce7f3;color:#9d174d}.oefening-card__badge--vrij-spel{background:#f1f5f9;color:#475569}.oefening-card__moeilijk{font-size:.9rem;color:#f59e0b}.oefening-card__titel{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.oefening-card__desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.oefening-card__link{font-size:.85rem;font-weight:600;color:var(--color-primary);text-decoration:none;margin-top:.25rem}.oefening-card__link:hover{text-decoration:underline}.oefening-create-header{margin-bottom:1.25rem}.oefening-create-header h1{margin:.25rem 0 0}.oefening-create-header__terug{font-size:.85rem;color:var(--color-text-muted);text-decoration:none}.oefening-create-header__terug:hover{color:var(--color-primary)}.oefening-create-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.oefening-create-layout{grid-template-columns:1fr}}.oefening-form{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.oefening-form__group{display:flex;flex-direction:column;gap:.35rem}.oefening-form__group--grow{flex:1}.oefening-form__label{font-size:.85rem;font-weight:600;color:var(--color-text)}.oefening-form__input,.oefening-form__select{padding:.6rem .85rem;border:1.5px solid #d1dbe8;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;background:#fff;transition:border-color .2s}.oefening-form__input:focus,.oefening-form__select:focus{outline:none;border-color:var(--color-primary)}.oefening-form__textarea{padding:.6rem .85rem;border:1.5px solid #d1dbe8;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;resize:vertical;min-height:130px;line-height:1.55;transition:border-color .2s}.oefening-form__textarea:focus{outline:none;border-color:var(--color-primary)}.oefening-moeilijk{display:flex;flex-direction:column;gap:.3rem}.oefening-moeilijk__optie{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.oefening-form__actions{display:flex;gap:.75rem;padding-top:.5rem}.btn-secondary{padding:.6rem 1.25rem;border:1.5px solid #d1dbe8;border-radius:var(--radius-sm);background:#fff;color:var(--color-text-muted);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger-sm{padding:.3rem .75rem;border:1.5px solid #fca5a5;border-radius:var(--radius-sm);background:#fff;color:#b91c1c;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-danger-sm:hover{background:#fee2e2}.court-editor{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.token-palette{display:flex;flex-wrap:wrap;gap:1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);padding:.75rem 1rem}.token-palette__group{display:flex;flex-direction:column;gap:.4rem}.token-palette__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.token-palette__tokens{display:flex;gap:.4rem;flex-wrap:wrap}.token-palette__token{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s;border:2px solid rgba(0,0,0,.15)}.token-palette__token:active{cursor:grabbing;transform:scale(.95)}.token-palette__token:hover{transform:scale(1.1);box-shadow:0 2px 8px #0000002e}.token--team-a{background:#1e3a5f;color:#fff}.token--team-a.token--libero{background:#0ea5e9}.token--team-b{background:#e85d04;color:#fff}.token--team-b.token--libero{background:#f59e0b}.token--ball{background:transparent;border-color:transparent;padding:2px}.token-ball-img{width:30px;height:30px;object-fit:contain;display:block;pointer-events:none}.token--block{font-size:1.2rem;border-color:#00000026}.token--block--a{background:#1e3a5f;color:#fff}.token--block--b{background:#e85d04;color:#fff}.token--arrow{background:#f1f5f9;color:#1e3a5f;font-size:1.1rem;border-color:#d1dbe8}.token-palette__hint{font-size:.78rem;color:var(--color-text-muted);margin:0}.team-label-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.team-color-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;cursor:pointer;flex-shrink:0;border:2px solid rgba(0,0,0,.15);position:relative;transition:transform .1s}.team-color-swatch:hover{transform:scale(1.15)}.team-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.team-name{padding:0 2px}.team-del-btn{margin-left:auto;background:none;border:none;color:var(--color-text-muted);font-size:1rem;cursor:pointer;line-height:1;padding:0 2px;opacity:.5;transition:opacity .15s,color .15s}.team-del-btn:hover{opacity:1;color:#b91c1c}.team-add-btn{margin-top:.4rem;padding:.3rem .75rem;border:1.5px dashed #d1dbe8;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s;display:block}.team-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.court-wrapper{position:relative;background:#1a3a2a;border-radius:var(--radius-sm);padding:2.5rem 2rem;min-height:520px;-webkit-user-select:none;user-select:none}.court-wrapper .court{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:3/4;background:#2d6a4f;border:3px solid #fff;border-radius:2px;display:flex;flex-direction:column}.court__half{flex:1;position:relative}.court__attack-line{position:absolute;left:0;right:0;height:2px;background:#fff}.court__half--top .court__attack-line{bottom:33.3%}.court__half--bottom .court__attack-line{top:33.3%}.court__net{position:relative;height:10px;display:flex;align-items:center;padding:0;background:transparent;border-bottom:none;color:inherit;font-size:inherit;letter-spacing:normal;text-transform:none}.court__net-cord{position:absolute;left:0;right:0;height:4px;background:#fff;z-index:1}.court__net-post{position:absolute;top:-10px;width:6px;height:30px;background:#ccc;border-radius:2px;z-index:2}.court__net-post--left{left:-8px}.court__net-post--right{right:-8px}.placed-token{position:absolute;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;z-index:10;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 6px #00000040;transform:translate(0)}.placed-token:active{cursor:grabbing}.placed-token--team-a{background:#1e3a5f;color:#fff}.placed-token--team-b{background:#e85d04;color:#fff}.placed-token--libero.placed-token--team-a{background:#0ea5e9}.placed-token--libero.placed-token--team-b{background:#f59e0b;color:#fff}.placed-token--ball{background:transparent;border-color:transparent;padding:2px}.placed-token--block{font-size:1.2rem;border-color:#fff6}.placed-token--block.placed-token--team-a{background:#1e3a5f;color:#fff}.placed-token--block.placed-token--team-b{background:#e85d04;color:#fff}.placed-token--arrow{background:#ffffff26;color:#fff;font-size:1.1rem;border-color:#fff6}.placed-token__arrow-inner{display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;transition:transform .15s ease}.placed-token__remove,.placed-token__rotate{display:none;position:absolute;width:18px;height:18px;border-radius:50%;border:none;font-size:.65rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;padding:0;z-index:20}.placed-token__remove{top:-6px;right:-6px;background:#b91c1c;color:#fff}.placed-token__rotate{background:#ffffffd9;color:#1e3a5f;font-size:.8rem}.placed-token__rotate--l{bottom:-6px;left:-6px}.placed-token__rotate--r{bottom:-6px;right:-6px}.placed-token:hover .placed-token__remove,.placed-token:hover .placed-token__rotate{display:flex}.court-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12;overflow:visible}.court-svg.arrow-mode{pointer-events:all;cursor:crosshair}.arrow-hit{pointer-events:stroke}.arrow-handle{pointer-events:all;fill:#fff;stroke:#1e3a5f;stroke-width:2;cursor:grab;display:none}.arrow-handle--ctrl{fill:#f59e0b;stroke:#92400e}.arrow-handles--on .arrow-handle{display:block}.arrow-del{display:none;pointer-events:all}.arrow-del--on{display:block}.token--arrow-active{box-shadow:0 0 0 3px #1e3a5f,0 0 0 5px #1e3a5f40;transform:scale(1.1)}.slide-nav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 0 .25rem;align-items:center}.slide-tab{position:relative;padding:.35rem 1.75rem .35rem .85rem;border:1.5px solid #d1dbe8;border-radius:var(--radius-sm);background:#f8fafc;color:var(--color-text-muted);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.slide-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.slide-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.slide-tab__del{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);font-size:.85rem;line-height:1;opacity:.5;cursor:pointer;padding:0 .1rem}.slide-tab:hover .slide-tab__del,.slide-tab--active .slide-tab__del{opacity:1}.slide-tab--active .slide-tab__del:hover{color:#fca5a5}.slide-add-btn{padding:.35rem .85rem;border:1.5px dashed #d1dbe8;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.slide-add-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.court-editor__legenda{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--color-text-muted);padding-top:.25rem}.court-editor__legenda-item{display:flex;align-items:center;gap:.35rem}.legenda-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legenda-dot--a{background:#1e3a5f}.legenda-dot--b{background:#e85d04}.legenda-dot--libero{background:#0ea5e9}.arrow-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}.arrow-type-btn{display:flex;align-items:center;justify-content:center;padding:5px;border:1.5px solid #d1dbe8;border-radius:6px;background:#f8fafc;color:#1e3a5f;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}.arrow-type-btn:hover{border-color:#1e3a5f;background:#e8f0fa}.arrow-type-btn--selected{border-color:#1e3a5f;background:#dbeafe}.arrow-type-btn--drawing{border-color:#1e3a5f;background:#dbeafe;box-shadow:0 0 0 3px #1e3a5f,0 0 0 5px #1e3a5f40;transform:scale(1.08)}.arrow-icon{width:40px;height:20px;display:block}.arrow-color-row{display:flex;align-items:center;gap:8px;margin-top:4px}.arrow-color-label{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--color-text-muted);cursor:pointer}.arrow-color-label input[type=color]{width:28px;height:22px;border:1.5px solid #d1dbe8;border-radius:4px;cursor:pointer;padding:1px;background:none}.legend-panel{position:fixed;right:0;top:50%;transform:translateY(-50%) translate(calc(100% - 40px));z-index:300;display:flex;align-items:stretch;transition:transform .3s cubic-bezier(.4,0,.2,1);max-height:90vh}.legend-panel.is-open{transform:translateY(-50%) translate(0)}.legend-panel__toggle{width:40px;min-width:40px;background:var(--color-primary);color:#fff;border:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-3px 0 12px #0003;transition:background .2s;padding:0}.legend-panel__toggle:hover{background:var(--color-primary-dark)}.legend-panel__toggle-icon{width:14px;height:22px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.legend-panel.is-open .legend-panel__toggle-icon{transform:rotate(180deg)}.legend-panel__body{width:290px;background:#fff;border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.legend-panel__tabs-bar{display:flex;border-bottom:2px solid var(--color-border);background:#f8fafc;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.legend-panel__tabs-bar::-webkit-scrollbar{display:none}.legend-panel__tab-btn{padding:.55rem .65rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:color .15s,border-color .15s}.legend-panel__tab-btn:hover{color:var(--color-primary)}.legend-panel__tab-btn--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.legend-panel__content{flex:1;overflow-y:auto;padding:.75rem}.legend-panel__tab-pane{display:none}.legend-panel__tab-pane--active{display:block}.legend-panel__section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 .5rem}.legend-panel__hint{font-size:.75rem;color:var(--color-text-muted);margin:.6rem 0 0;line-height:1.4}.palette-item-list{display:flex;flex-direction:column;gap:0}.palette-item{display:flex;align-items:center;gap:.65rem;padding:.4rem 0;border-bottom:1px solid var(--color-border)}.palette-item:last-child{border-bottom:none}.palette-item__info{display:flex;flex-direction:column;font-size:.82rem;line-height:1.3;min-width:0}.palette-item__info strong{color:var(--color-text);font-weight:600}.palette-item__info span{color:var(--color-text-muted);font-size:.75rem;margin-top:.1rem}.palette-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;padding:8px 0 3px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.palette-section-title:first-child{border-top:none;margin-top:0;padding-top:0}.token--symbol{background:#ffffff14;border-color:#ffffff2e;color:#ffffffe6}.token--symbol.token--wide,.token--symbol.token--wider{width:auto!important;height:auto!important;border-radius:6px!important;padding:4px!important;min-height:28px}.placed-token--ghost{background:transparent!important;border:2.5px dashed rgba(255,255,255,.85)!important;box-shadow:none!important}.placed-token--no-bg{background:transparent!important;border:none!important;box-shadow:none!important}.placed-token--shape{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;width:38px!important;height:38px!important;cursor:pointer}.char-editor{position:absolute;inset:0;width:100%;height:100%;background:#0009;color:#fff;border:2px solid #fff;border-radius:3px;text-align:center;font-size:14px;font-weight:700;z-index:30;outline:none;padding:0;cursor:text}.placed-token--korf{background:transparent!important;border:3px solid #f59e0b!important;border-radius:50%!important;width:40px!important;height:26px!important;box-shadow:none!important}.placed-token--speler-bal{background:transparent!important;border:none!important;box-shadow:none!important;width:42px!important;height:34px!important;border-radius:4px!important}.placed-token--rect{border-radius:4px!important;width:56px!important;height:34px!important;background:#4299e1;border-color:#ffffff80!important}.placed-token--rect-wide{border-radius:4px!important;width:80px!important;height:34px!important;background:#4299e1;border-color:#ffffff80!important}.placed-token--complex{border-radius:4px!important;width:64px!important;height:36px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.placed-token--mat{border-radius:3px!important;width:72px!important;height:22px!important;background:#4299e1;border-color:#ffffff80!important}.placed-token--mat-dashed{border-radius:3px!important;width:72px!important;height:22px!important;background:transparent!important;border:2px dashed rgba(255,255,255,.8)!important;box-shadow:none!important}.placed-token--mat-dubbel{border-radius:3px!important;width:90px!important;height:22px!important;background:#4299e1;border-color:#ffffff80!important}.placed-token--mat-dubbel-dashed{border-radius:3px!important;width:90px!important;height:22px!important;background:transparent!important;border:2px dashed rgba(255,255,255,.8)!important;box-shadow:none!important}.arrow-list{display:flex;flex-direction:column;gap:0}.arrow-list__item{display:flex;align-items:center;gap:.65rem;padding:.3rem 0;border-bottom:1px solid var(--color-border)}.arrow-list__item:last-child{border-bottom:none}.arrow-list__item .arrow-type-btn{flex-shrink:0}