.create-match{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:900px;margin:0 auto 2rem}.create-match h2{margin-bottom:.5rem;color:#20264a}.create-match .subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-weight:500}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#3a3;border:1px solid #cfc}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.5rem;color:#333}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#20264a;box-shadow:0 0 0 3px #667eea1a}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.btn{padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#20264a;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}.create-match{padding:1.5rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#20264a,#00072e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.login-card{background:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;margin:0 0 .5rem;font-size:2rem;color:#333}.login-card .subtitle{text-align:center;color:#666;margin:0 0 2rem;font-size:.9rem;font-weight:500}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#20264a;background-color:#f5f5ff}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;border-left:4px solid #c33}.login-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#20264a,#00072e);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.login-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-link{display:block;text-align:center;color:#20264a;text-decoration:none;font-size:.9rem;margin-top:1rem;font-weight:500;transition:color .3s ease}.forgot-password-link:hover{color:#00072e;text-decoration:underline}.info-text{text-align:center;margin-top:2rem;font-size:.85rem;color:#666;line-height:1.6}.info-text strong{color:#333}.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#20264a,#00072e);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:40px;max-width:450px;width:100%;animation:slideUp .3s ease-out}.back-button{margin-bottom:20px}.back-button a{color:#20264a;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.back-button a:hover{color:#00072e}.forgot-password-card h1{color:#333;margin:0 0 10px;font-size:28px;text-align:center}.submit-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,#20264a,#00072e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:20px}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#20264a,#00072e);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.reset-password-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:40px;max-width:450px;width:100%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-password-card h1{color:#333;margin:0 0 10px;font-size:28px;text-align:center}.subtitle{color:#666;text-align:center;margin-bottom:30px;line-height:1.5;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus{outline:none;border-color:#20264a;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.hint{display:block;color:#999;font-size:12px;margin-top:4px}.error-message{background-color:#fee;border-left:4px solid #f44;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px;font-size:14px}.submit-button{width:100%;padding:12px 24px;background:linear-gradient(135deg,#20264a,#00072e);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-bottom:20px;text-decoration:none;display:inline-block;text-align:center}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-icon{font-size:48px;text-align:center;margin-bottom:20px;animation:bounce .6s ease-out}.error-icon{font-size:48px;text-align:center;margin-bottom:20px;animation:shake .5s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.loading{text-align:center;color:#20264a;font-weight:600;padding:40px 20px}.redirect-text{color:#999;font-size:13px;text-align:center;margin:15px 0}.help-text{text-align:center;color:#999;font-size:14px;margin:20px 0 0}.help-text a{color:#20264a;text-decoration:none;font-weight:600}.help-text a:hover{text-decoration:underline}.admin-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admin-dashboard h2{margin-bottom:2rem;color:#333;font-size:2rem}.error-banner{background:#fee;color:#c33;padding:1rem;border-radius:4px;margin-bottom:2rem;border-left:4px solid #c33}.tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab-btn{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;color:#666;border-bottom:3px solid transparent;transition:all .3s;font-weight:500}.tab-btn:hover{color:#333;border-bottom-color:#20264a}.tab-btn.active{color:#20264a;border-bottom-color:#20264a}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#20264a,#00072e);color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 15px #667eea4d;text-align:center}.stat-card h3{margin:0 0 1rem;font-size:1rem;opacity:.9}.stat-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.stat-label{margin:0;font-size:.85rem;opacity:.8}.quick-actions{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.quick-actions h3{margin-top:0;margin-bottom:1.5rem}.action-btn{display:inline-block;padding:.75rem 1.5rem;margin-right:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#20264a,#00072e);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn.secondary{background:#f0f0f0;color:#333}.action-btn.secondary:hover{background:#e0e0e0}.action-btn.small{padding:.5rem 1rem;font-size:.9rem;margin-right:0}.action-btn.success{background:#4caf50}.action-btn.success:hover{background:#45a049}.action-btn.danger{background:#f44336}.action-btn.danger:hover{background:#da190b}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background:#f5f5f5;border-bottom:2px solid #ddd}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#333}.admin-table td{padding:1rem;border-bottom:1px solid #eee}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#f9f9f9}.admin-table tbody tr.inactive-row{opacity:.6;background:#fafafa}.modal-wide{width:min(920px,94vw);max-height:88vh;overflow:auto}.assignment-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin-bottom:.75rem}.assignment-filter-grid input,.assignment-filter-grid select{padding:.45rem;border:1px solid #ccd4dd;border-radius:6px}.assignment-candidates{max-height:340px;overflow:auto}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.active{background:#c8e6c9;color:#2e7d32}.status-badge.inactive{background:#fcc;color:#c62828}.observability-embed-card{padding:.5rem}.observability-embed{width:100%;min-height:70vh;border:1px solid #d9dfe8;border-radius:8px;background:#fff}@media (max-width: 768px){.admin-dashboard{padding:1rem}.stats-grid{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.75rem}.action-btn{padding:.6rem 1rem;font-size:.85rem}}.overview-panel{display:grid;gap:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.overview-card{background:#fff;border:1px solid #d9e0ea;border-radius:10px;padding:1rem 1.1rem;box-shadow:0 4px 14px #20264a14}.overview-card.focus{border-color:#d66f2c;background:linear-gradient(180deg,#fff9f2,#fff)}.overview-card h3{margin:0;font-size:.95rem;color:#24315d}.overview-card .value{margin:.6rem 0 .25rem;font-size:2rem;font-weight:800;color:#1a2447}.overview-card .meta{margin:0;color:#5f6d88;font-size:.82rem}.health-panel{background:#fff;border:1px solid #d9e0ea;border-radius:10px;padding:1rem 1.1rem;box-shadow:0 4px 14px #20264a14}.health-panel h3{margin:0 0 .9rem;color:#24315d}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:.9rem}.health-item{border-radius:8px;border:1px solid #d2d8e5;padding:.65rem .75rem;display:flex;justify-content:space-between;align-items:center;background:#f7f9fc}.health-item.ok{border-color:#9dcc9b;background:#f1f9f0}.health-item.warn{border-color:#e6b573;background:#fff8ef}.health-item.unknown{border-color:#bec7dc;background:#f5f7fb}.health-item span{color:#586786;font-size:.85rem}.health-item strong{color:#1f2b52;font-size:.9rem}.health-meta p{margin:.2rem 0;font-size:.85rem;color:#4e5d7d}.import-statistics{display:grid;gap:1rem}.import-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.import-stat-card{background:#fff;border:1px solid #dde3ef;border-radius:10px;padding:.9rem}.import-stat-card.success{background:#f2fbf1;border-color:#a7d8a4}.import-stat-card.warn{background:#fff5ec;border-color:#e6b071}.import-stat-card h4{margin:0;font-size:.9rem;color:#2a3765}.import-stat-value{margin:.45rem 0 0;font-size:1.8rem;font-weight:800;color:#1f2b54}.import-meta-card{background:#fff;border:1px solid #dde3ef;border-radius:10px;padding:.9rem}.import-meta-card h4{margin-top:0;margin-bottom:.6rem;color:#2a3765}.import-meta-card p{margin:.2rem 0;color:#4c5b7a}.profile-container{max-width:600px;margin:2rem auto;padding:1rem;min-height:100vh;background:linear-gradient(135deg,#20264a,#00072e)}.profile-container.loading{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff}.profile-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 10px 30px #0000004d}.profile-card h1{margin-top:0;margin-bottom:2rem;color:#333;font-size:2rem;text-align:center;border-bottom:3px solid #20264a;padding-bottom:1rem}.verification-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.verification-section h2{color:#856404;margin-top:0;margin-bottom:.5rem}.verification-section>p{color:#856404;margin:.5rem 0 1.5rem}.verification-box{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #ffc107}.verification-box:last-child{margin-bottom:0}.verification-box label{display:block;font-weight:700;color:#333;margin-bottom:.5rem;font-size:.95rem}.verification-target{color:#666;margin:.5rem 0 1rem;padding:.5rem;background:#f0f0f0;border-radius:4px;font-family:monospace}.verification-input-group{display:flex;gap:.5rem;margin-bottom:.75rem}.verification-input-group input{flex:1;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1.1rem;letter-spacing:2px;font-weight:700;text-align:center}.verification-input-group input:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.verification-box small{display:block;color:#666;font-size:.85rem}.btn-small{padding:.5rem 1rem!important;font-size:.9rem!important;white-space:nowrap}.profile-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee}.profile-section h2{font-size:1.3rem;color:#333;margin-bottom:1.5rem}.profile-section h3{font-size:1.1rem;color:#555;margin:1.5rem 0 1rem}.profile-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.profile-row:last-child{margin-bottom:0}@media (max-width: 600px){.profile-row{grid-template-columns:1fr;gap:1rem}}.profile-field{display:flex;flex-direction:column}.profile-field label{font-weight:700;color:#666;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-field p{color:#333;margin:0;background:#f8f9fa;border-radius:4px;font-size:1rem;border-left:3px solid #20264a;padding:.75rem .75rem .75rem 1rem}.field-with-status{position:relative}.status-unverified{display:inline-block;background:#f8d7da;color:#721c24;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:700;margin-top:.5rem;border-left:3px solid #dc3545}.edit-form{background:#f8f9fa;padding:1.5rem;border-radius:6px;border:1px solid #e0e0e0}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-group label{font-weight:700;color:#333;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#20264a;box-shadow:0 0 0 3px #20264a1a}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2320264a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-group small{color:#666;font-size:.85rem;margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.button-group{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#20264a,#00072e);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}.alert-success:before{content:"✓";font-weight:700;font-size:1.2rem}.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.alert-error:before{content:"✕";font-weight:700;font-size:1.2rem}.editable-section{position:relative}.editable-section .btn-primary{width:100%;margin-top:1rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;background:#f5f5f5;border-radius:4px;transition:background .2s}.checkbox-label:hover{background:#e8e8e8}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color, #20264a)}.profile-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0}.tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:1rem;color:#666;transition:all .2s}.tab-btn:hover{color:var(--primary-color, #20264a);background:#20264a0d}.tab-btn.active{color:var(--primary-color, #20264a);border-bottom-color:var(--accent-color, #f7be6a);font-weight:600}.availability-list{margin-bottom:2rem}.availability-table{width:100%;border-collapse:collapse;margin-top:1rem}.availability-table th,.availability-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.availability-table th{background:linear-gradient(135deg,#20264a,#3a4070);color:#fff;font-weight:600}.status-available{color:#28a745}.status-request{color:#f7be6a}.status-blocked{color:#dc3545}.btn-danger{background:#dc3545;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer}.btn-danger:hover{background:#c82333}.add-availability{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:2px solid #e0e0e0;border-left:4px solid #20264a}.add-availability h3{margin-top:0;margin-bottom:1rem;color:#20264a}.compensation-table{width:100%;border-collapse:collapse}.compensation-table th,.compensation-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.compensation-table th{background:#f5f5f5;font-weight:600}.status-paid{color:#28a745}.status-pending{color:#ff9800}.settings-card{margin-bottom:2rem;padding:1.25rem 1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.settings-card h3{margin-top:0}.settings-description{margin:0 0 1rem;color:#666;font-size:.95rem;line-height:1.45}.settings-list{border-top:1px solid #e0e0e0}.settings-list-compact{margin-top:.75rem}.settings-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e0e0e0}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-row>div{min-width:0}.settings-toggle-row p{margin:.25rem 0 0;color:#666;font-size:.9rem;line-height:1.4}.settings-field{display:flex;align-items:center;gap:.75rem;padding-top:1rem}.settings-field select{padding:.45rem .6rem;border:1px solid #d0d0d0;border-radius:4px;background:#fff}.settings-group{margin-top:1rem}.required-label{margin-left:.5rem;color:#dc3545;font-size:.9rem}.consent-date{display:block;margin-top:.35rem;color:#888}.privacy-info ul{margin:1rem 0;padding-left:1.5rem}.privacy-info li{margin-bottom:.5rem}.privacy-info h3{margin-top:1.5rem;margin-bottom:.75rem;color:var(--primary-color, #20264a)}.toggle-switch{position:relative;display:inline-block;flex:0 0 auto;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:focus-visible+.toggle-slider{outline:3px solid rgba(32,38,74,.22);outline-offset:2px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-switch-disabled{cursor:not-allowed}.consent-item{transition:background .2s}.consent-item:hover{background:#f0f0f0}@media (max-width: 600px){.settings-card{padding:1rem}.settings-field{align-items:flex-start;flex-direction:column}.settings-field select{width:100%}}.matches-container{padding:2rem;max-width:1400px;margin:0 auto}.matches-container h2{color:#20264a;margin-bottom:1.5rem;font-size:1.8rem;display:flex;align-items:center;gap:.5rem}.matches-container h2:before{content:"🏀"}table tbody tr:nth-child(2n){background:#f8f9fa}table tbody tr:hover{background:#fff3e0;cursor:pointer}.fee-amount{color:#2e7d32;font-weight:600}.fee-not-eligible{color:#b71c1c;font-style:italic;font-size:.85rem}.referees-container{padding:2rem;max-width:1400px;margin:0 auto}.referees-container h2{color:#20264a;margin-bottom:1.5rem;font-size:1.8rem;display:flex;align-items:center;gap:.5rem}.referees-container h2:before{content:"👥"}.status-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-label{font-weight:600;color:#20264a;margin-right:.5rem}.filter-btn{padding:.5rem 1rem;border:2px solid #20264a;background:#fff;color:#20264a;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.filter-btn:hover{background:#f7be6a;border-color:#f7be6a}.filter-btn.active{background:#20264a;color:#fff}.table-container{overflow-x:auto;box-shadow:0 2px 8px #20264a26;border-radius:8px;border:1px solid #e0e0e0}table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}table thead{background:#20264a;color:#fff}table th{padding:1rem;text-align:left;font-weight:600;white-space:nowrap}table td{padding:.75rem 1rem;border-bottom:1px solid #eee;vertical-align:middle}.contact-cell{min-width:240px}.contact-stack{display:flex;flex-direction:column;gap:.35rem}.contact-link{color:#20264a;text-decoration:none;font-weight:500;width:fit-content}.contact-link:hover{color:#3a4070;text-decoration:underline}.contact-empty{color:#6c757d;font-size:.9rem}.vcard-link{display:inline-block;margin-top:.2rem;color:#20264a;text-decoration:none;font-weight:700;font-size:.9rem;width:fit-content}.vcard-link:hover{color:#f7be6a}table tbody tr:hover{background:#f8f9fa}table tbody tr:nth-child(2n){background:#fafafa}table tbody tr:nth-child(2n):hover{background:#f0f0f0}table tbody tr:last-child td{border-bottom:none}.referees-container button,table button{background:#20264a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:background .2s}.referees-container button:hover,table button:hover{background:#3a4070}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#20264a80;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003}.modal h3{color:#20264a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #f7be6a}.modal p{margin:.5rem 0;color:#333}.modal a{color:#20264a;text-decoration:none}.modal a:hover{color:#f7be6a}.modal .close-btn{margin-top:1.5rem;background:#6c757d}.modal .close-btn:hover{background:#5a6268}.status-active{color:#28a745;font-weight:500}.status-inactive{color:#dc3545;font-weight:500}@media (max-width: 768px){.referees-container{padding:1rem}table{font-size:.85rem}table th,table td{padding:.5rem}}.contacts-container{padding:2rem;max-width:1200px;margin:0 auto}.contacts-container h2{color:#20264a;margin-bottom:.5rem;font-size:1.8rem;display:flex;align-items:center;gap:.5rem}.contacts-container h2:before{content:"📞"}.contacts-intro{color:#666;margin-bottom:2rem}.contact-section{margin-bottom:2rem}.contact-section h3{color:#20264a;border-bottom:2px solid #f7be6a;padding-bottom:.5rem;margin-bottom:1rem}.contact-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.contact-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;box-shadow:0 2px 4px #20264a1a;transition:box-shadow .2s ease}.contact-card:hover{box-shadow:0 4px 12px #20264a26}.contact-name{font-weight:600;color:#20264a;font-size:1.1rem;margin-bottom:.25rem}.contact-clubs{color:#666;font-size:.9rem;margin-bottom:.75rem}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-details a{color:#20264a;text-decoration:none;font-size:.9rem}.contact-details a:hover{color:#f7be6a}.contact-address{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem;font-size:.85rem;color:#666}@media (max-width: 600px){.contacts-container{padding:1rem}.contact-cards{grid-template-columns:1fr}}.referee-portal{background:#fff;border-radius:10px;box-shadow:0 8px 24px #00000014;padding:1.25rem}.referee-portal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.referee-portal-top h2{margin:0 0 .35rem}.referee-portal-top p{margin:0;color:#4f5a66}.availability-link{text-decoration:none;background:#0b4e78;color:#fff;border-radius:8px;padding:.55rem .9rem;font-weight:600}.referee-portal-summary{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.referee-portal-summary button{border:1px solid #c9d2db;background:#f4f7fa;color:#25313f;border-radius:999px;padding:.35rem .8rem;cursor:pointer}.referee-portal-summary button.active{background:#0b4e78;color:#fff;border-color:#0b4e78}.referee-portal-table-wrap{overflow-x:auto}.referee-portal-table{width:100%;border-collapse:collapse;min-width:980px}.referee-portal-table th,.referee-portal-table td{border-bottom:1px solid #e8edf2;text-align:left;padding:.7rem .55rem;vertical-align:top}.portal-meta{margin-top:.3rem;color:#678;font-size:.88rem}.deadline-pill{display:inline-block;margin-top:.35rem;border-radius:999px;padding:.18rem .5rem;font-size:.78rem;font-weight:700}.deadline-pill.deadline-normal{background:#e5eef8;color:#1b4d7a}.deadline-pill.deadline-soon{background:#ffeccc;color:#8a4b00}.deadline-pill.deadline-urgent{background:#ffd9cc;color:#8f2f00}.deadline-pill.deadline-expired{background:#ffe2e2;color:#7a2020}.portal-actions{display:flex;gap:.45rem;flex-wrap:wrap}.portal-actions button{border:none;border-radius:7px;padding:.4rem .65rem;cursor:pointer;font-weight:600}.portal-actions .btn-accept{background:#1f8f4f;color:#fff}.portal-actions .btn-decline{background:#b63a3a;color:#fff}.assignment-status{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.85rem;font-weight:700}.assignment-status.status-pending{color:#805000;background:#fff3d3}.assignment-status.status-accepted{color:#0b5a2f;background:#dff7e8}.assignment-status.status-declined{color:#7a2020;background:#ffe2e2}.portal-error{color:#8f2020;background:#ffe8e8;border:1px solid #f3bebe;border-radius:8px;padding:.65rem}.portal-error.inline{margin-top:.5rem}.portal-empty{background:#f4f7fa;color:#4f5a66;border-radius:8px;padding:1rem}@media (max-width: 900px){.referee-portal-top{flex-direction:column}.availability-link{width:100%;text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}header{background:linear-gradient(135deg,#20264a,#00072e);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #00000026;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;min-height:80px}.main-header{position:relative;--role-accent: #8b95c9}.main-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--role-accent);box-shadow:0 1px 10px #0003}.main-header.role-theme-domare{--role-accent: #4f8cff}.main-header.role-theme-matchledare{--role-accent: #21a6a6}.main-header.role-theme-klubbadmin{--role-accent: #37b66a}.main-header.role-theme-distriktsadmin{--role-accent: #f5a623}.main-header.role-theme-admin{--role-accent: #e64b4b}.main-header.role-theme-unknown{--role-accent: #8b95c9}@media (max-width: 768px){header{padding:.75rem 1rem;gap:1rem}nav{gap:.75rem;order:3;width:100%;flex-wrap:wrap}.user-menu{gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.user-role-box{width:100%;justify-content:flex-end}}.header-left{flex:1;min-width:250px}header h1{margin:0;font-size:1.8rem}.header-subtitle{margin:.25rem 0 0;font-size:.85rem;opacity:.9}nav{display:flex;gap:1.5rem}nav a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .3s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}nav a:hover{background:#fff3}.user-menu{display:flex;align-items:center;gap:1rem;white-space:nowrap;flex-wrap:wrap;justify-content:flex-end}.user-role-box{position:relative}.user-role-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1px solid transparent;border-radius:999px;font-weight:700}.user-role-pill.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.user-role-pill.clickable:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.user-role-pill:disabled{opacity:.7}.user-icon{font-size:1rem}.role-menu{position:absolute;right:0;top:calc(100% + .35rem);min-width:180px;display:flex;flex-direction:column;gap:.25rem;padding:.35rem;border-radius:10px;background:#0f173e;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 25px #00000059;z-index:30}.role-menu-item{width:100%;text-align:left;border:1px solid transparent;border-radius:8px;padding:.45rem .6rem;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .15s ease}.role-menu-item:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.role-menu-item:disabled{opacity:.8;cursor:default}.role-menu-item.active{box-shadow:inset 0 0 0 1px #ffffff40}.role-domare,.role-referee,.role-matchledare{background:#2f7dff;color:#fff;border-color:#1f66db}.role-klubbadmin,.role-clubadmin,.role-club-admin,.role-föreningsadmin,.role-foereningsadmin{background:#21a75a;color:#fff;border-color:#158547}.role-distriktsadmin,.role-district-admin{background:#f59e0b;color:#1d1300;border-color:#d48a08}.role-admin,.role-super-admin{background:#d93030;color:#fff;border-color:#b52525}.role-unknown{background:#ffffff1f;color:#fff;border-color:#fff3}.user-menu .btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.5rem 1rem;border-radius:4px;font-weight:500;line-height:1.2;text-decoration:none}.user-menu .btn-primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4)}.user-menu .btn-primary:hover{background:#ffffff4d;color:#fff}.user-menu .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.user-menu .btn-secondary:hover{background:#ffffff26;color:#fff}.user-name{font-weight:500;font-size:.95rem}.logout-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background .3s;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.logout-btn:hover{background:#ffffff4d}main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.card h3{margin-bottom:1rem;color:#20264a}.status-ok{color:green;font-size:1.2rem}.status-error{color:red;font-size:1.2rem}.table-container{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:collapse}thead{background:#20264a;color:#fff}th,td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}tbody tr:hover{background:#f5f5f5}.status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.status.unassigned{background:#ffc107;color:#000}.status.confirmed{background:#28a745;color:#fff}.status.completed{background:#17a2b8;color:#fff}.status.cancelled{background:#dc3545;color:#fff}.referee-status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block;min-width:45px;text-align:center}.referee-status.empty{background:#fff7e6;color:#ff9800;border:2px solid #ff9800}.referee-status.partial{background:#fff3cd;color:#856404;border:2px solid #ffc107}.referee-status.full{background:#d4edda;color:#155724;border:2px solid #28a745}footer{background:#20264a;color:#fff;text-align:center;padding:1.5rem;margin-top:auto}footer a{color:#f7be6a}footer a:hover{color:#fff}ul{list-style-position:inside;line-height:2}:root{--primary: #20264a;--primary-dark: #00072e;--primary-light: #3a4070;--accent: #f7be6a;--accent-dark: #e39420;--background: #f5f5f5;--surface: #ffffff;--text-primary: #212121;--text-secondary: #666666;--border: #e0e0e0;--success: #46b450;--warning: #f7be6a;--error: #dc3545;--info: #2196f3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button{cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500}.btn-primary:hover{background:var(--primary-dark)}