:root{--color-primary-yellow:#fab900;--color-primary-red:#e40134;--color-primary-dark-blue:#0b2a3c;--color-accent-blue:#006da5;--color-accent-gray:#6e6d6d;--color-bg-primary:var(--color-primary-dark-blue);--color-bg-secondary:#0e3a52;--color-bg-tertiary:#134a68;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-muted:var(--color-accent-gray);--color-link:var(--color-accent-blue);--color-link-hover:#4dc3ff;--color-error:var(--color-primary-red);--color-error-bg:#e3013426;--color-error-bg-hover:#e3013433;--color-error-border:#e301344d;--color-error-border-hover:#e3013480;--color-error-focus:#e301344d;--color-error-hover:#c7012d;--color-warning:var(--color-primary-yellow);--color-warning-bg:#fab90026;--color-warning-border:#fab9004d;--color-warning-focus:#fab90033;--color-info:var(--color-accent-blue);--color-info-bg:#006da51a;--color-info-border:#006da54d;--color-success:#4ade80;--color-success-bg:#4ade801a;--color-success-border:#4ade804d;--color-status-concluded-bg:#6e6d6d33;--color-status-upcoming-bg:#006da533;--color-overlay-light:#ffffff1a;--color-overlay-medium:#ffffff26;--color-overlay-strong:#fff3;--color-overlay-stronger:#ffffff40;--color-overlay-strongest:#ffffff4d;--color-modal-overlay:#0b2a3cd9;--color-modal-overlay-dark:#000000b3;--color-border-overlay-light:#fff3;--color-border-overlay-medium:#ffffff4d;--color-border-overlay-strong:#fff6;--color-focus-overlay:#fff6;--border-color:#ffffff1a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #fab9004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family-primary:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;--font-family-monospace:"Monaco","Menlo","Ubuntu Mono","Courier New","Consolas",monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:900;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--transition-fast:150ms ease-out;--transition-normal:300ms ease-out;--focus-ring:0 0 0 3px #fab900b3;--focus-ring-color:var(--color-primary-yellow);--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-md);line-height:1.5;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}h1,h2,h3{font-weight:var(--font-weight-black)}p{color:var(--color-text-secondary)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}code{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-family-monospace);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm)}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::selection{background-color:var(--color-primary-yellow);color:var(--color-primary-dark-blue)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-blue)}.error-boundary{align-items:center;background-color:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-xl)}.error-boundary-content{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--space-2xl);text-align:center}.error-boundary-content h1{color:var(--color-error);font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.error-boundary-content p{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--space-xl)}.error-details{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:var(--space-xl);padding:var(--space-md);text-align:left}.error-details summary{color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.error-details summary:hover{color:var(--color-text-primary)}.error-details pre{word-wrap:break-word;background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-error);font-family:var(--font-family-monospace);font-size:var(--font-size-sm);margin-top:var(--space-sm);overflow-x:auto;padding:var(--space-md);white-space:pre-wrap}.error-actions{display:flex;gap:var(--space-md);justify-content:center}.error-actions button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.retry-button{box-shadow:var(--shadow-sm)}.home-button{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary)}.home-button:hover{background-color:var(--color-bg-primary);border-color:var(--color-border-overlay-light)}.home-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.error-boundary{padding:var(--space-md)}.error-boundary-content{padding:var(--space-lg)}.error-boundary-content h1{font-size:var(--font-size-2xl)}.error-actions{flex-direction:column}.error-actions button{width:100%}}@media (max-width:480px){.error-boundary-content{padding:var(--space-md)}.error-boundary-content h1{font-size:var(--font-size-xl)}.error-boundary-content p{font-size:var(--font-size-md)}.error-details pre{font-size:var(--font-size-xs);padding:var(--space-sm)}}@media (max-width:320px){.error-boundary{padding:var(--space-sm)}.error-boundary-content h1{font-size:var(--font-size-lg)}.error-actions button{font-size:var(--font-size-sm);min-height:40px;padding:var(--space-sm) var(--space-md)}}@media (prefers-reduced-motion:reduce){.home-button,.retry-button{transition:none}.retry-button:hover{transform:none}}.login-page{align-items:center;background-color:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.login-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:400px;padding:var(--space-xl);width:100%}.login-container h1{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group input[aria-invalid=true]{box-shadow:0 0 0 1px var(--color-error)}.form-group input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--color-error-focus)}.login-button{align-items:center;background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-primary-dark-blue);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.login-button:hover:not(:disabled){background:var(--color-warning);box-shadow:var(--shadow-glow);transform:scale(1.02)}.login-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.signup-link{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);margin-top:var(--space-md);text-align:center}.signup-link a{color:var(--color-link);font-weight:var(--font-weight-regular);text-decoration:none;transition:color var(--transition-fast)}.signup-link a:hover{color:var(--color-link-hover);text-decoration:underline}.signup-link a:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){.form-group input,.login-button,.signup-link a{transition:none}.login-button:hover:not(:disabled){transform:none}}.first-login-page{align-items:center;background-color:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.first-login-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:500px;padding:var(--space-xl);width:100%}.first-login-container h1{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.first-login-container h1,.first-login-description{font-family:var(--font-family-primary);text-align:center}.first-login-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-xl)}.first-login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group input:focus{box-shadow:0 0 0 3px var(--color-warning-focus)}@media (prefers-reduced-motion:reduce){.change-password-button,.form-group input{transition:none}.change-password-button:hover:not(:disabled){transform:none}}@media (max-width:768px){.first-login-container{padding:var(--space-lg)}.first-login-container h1{font-size:var(--font-size-xl)}}.license-indicator{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.status-label{font-weight:600;text-transform:capitalize}.expiration-date{font-size:var(--font-size-xs);opacity:.8}.license-valid{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.license-valid .status-dot{background-color:var(--color-success);box-shadow:0 0 6px var(--color-success-border)}.license-expiring{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.license-expiring .status-dot{background-color:var(--color-warning);box-shadow:0 0 6px var(--color-warning-border)}.license-expired{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.license-expired .status-dot{background-color:var(--color-error);box-shadow:0 0 6px var(--color-error-border)}.modal-overlay{background-color:var(--color-modal-overlay)}.modal-content h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0}.modal-content p{font-size:var(--font-size-md);line-height:1.5}.modal-content p strong{color:var(--color-text-primary)}.warning-text{color:var(--color-error)!important;font-weight:var(--font-weight-regular)}.modal-actions{margin-top:var(--space-xl)}.modal-actions button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-md);transition:all var(--transition-fast)}.modal-actions .cancel-button{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary)}.modal-actions .cancel-button:hover:not(:disabled){background-color:var(--color-bg-primary);border-color:var(--color-border-overlay-light)}.modal-actions .cancel-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.modal-actions .delete-button:hover:not(:disabled){background-color:var(--color-error-hover)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.modal-content{margin:var(--space-md);padding:var(--space-lg)}.modal-actions{flex-direction:column}}@media (max-width:320px){.modal-content{margin:var(--space-sm);padding:var(--space-md)}.modal-content h2{font-size:var(--font-size-lg)}.modal-actions button,.modal-content p{font-size:var(--font-size-sm)}.modal-actions button{min-height:44px}}@media (prefers-reduced-motion:reduce){.modal-actions button{transition:none}.modal-actions .delete-button:hover:not(:disabled){transform:none}}.card-list{gap:var(--space-md);width:100%}.card,.card-list{display:flex;flex-direction:column}.card{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--space-sm);padding:var(--space-md);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card:focus-within{box-shadow:var(--focus-ring)}.card-row{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-xs) 0}.card-row:last-of-type{border-bottom:none}.card-label{color:var(--color-text-secondary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;min-width:100px;text-transform:uppercase}.card-value{color:var(--color-text-primary);font-size:var(--font-size-md);text-align:right;word-break:break-word}.card-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md)}.card-actions a,.card-actions button{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:500;justify-content:center;min-height:44px;min-width:100px;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-fast)}.card-actions .edit-button,.card-actions .view-button{background-color:var(--color-accent-blue);border:none;color:var(--color-text-primary)}.card-actions .edit-button:hover,.card-actions .view-button:hover{background-color:var(--color-link-hover);box-shadow:var(--shadow-glow)}.card-actions .edit-button:focus-visible,.card-actions .view-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.card-actions .delete-button{background-color:var(--color-error);border:none;color:var(--color-text-primary)}.card-actions .delete-button:hover:not(:disabled){background-color:#e53935}.card-actions .delete-button:focus-visible{box-shadow:0 0 0 3px #f4433680;outline:none}.card-actions .delete-button:disabled{cursor:not-allowed;opacity:.5}.card-actions .history-button{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary)}.card-actions .history-button:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary-yellow)}.card-actions .history-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.card .report-status{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-xs) var(--space-sm)}.card .report-status.has-report{background-color:#2ecc7133;color:#2ecc71}.card .report-status.no-report{background-color:#95a5a633;color:var(--color-text-secondary)}@media (max-width:768px){.card-list{gap:var(--space-sm)}.card{padding:var(--space-md)}.card-row{align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.card-label{min-width:auto}.card-value{text-align:left;width:100%}.card-actions{flex-direction:column}.card-actions a,.card-actions button{min-height:48px;width:100%}}@media (max-width:480px){.card{border-radius:var(--radius-sm);padding:var(--space-sm)}.card-label{font-size:var(--font-size-xs)}.card-value{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion:reduce){.card,.card-actions a,.card-actions button{transition:none}.card:hover{box-shadow:var(--shadow-sm)}}.referee-list{overflow-x:auto;width:100%}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.referee-table,.table-container{background:var(--color-bg-secondary)}.referee-table{border-collapse:collapse;width:100%}.referee-table thead{background-color:var(--color-bg-tertiary)}.referee-table th{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.referee-table td,.referee-table th{border-bottom:1px solid var(--border-color);font-family:var(--font-family-primary);padding:var(--space-md) var(--space-lg)}.referee-table td{color:var(--color-text-primary);font-size:var(--font-size-md)}.referee-table tbody tr:hover,.referee-table tbody tr:nth-child(2n){background-color:var(--color-overlay-light)}.referee-table tbody tr.clickable-row{cursor:pointer}.referee-table tbody tr.clickable-row:hover{background-color:var(--color-overlay-medium)}.referee-table tbody tr:last-child td{border-bottom:none}.grade-cell{font-weight:600;text-align:center}.loading,.no-referees{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-lg);padding:var(--space-2xl);text-align:center}.error-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.error-text,.retry-button{font-family:var(--font-family-primary)}.retry-button{align-items:center;display:inline-flex;font-size:var(--font-size-md);justify-content:center;min-width:44px}.retry-button:hover{transform:scale(1.02)}.retry-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.action-buttons .delete-button,.action-buttons .edit-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.action-buttons .edit-button{background:var(--color-primary-yellow);color:var(--color-primary-dark-blue)}.action-buttons .edit-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow);transform:scale(1.02)}.action-buttons .edit-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.action-buttons .delete-button{background-color:var(--color-error);color:var(--color-text-primary)}.action-buttons .delete-button:hover{background-color:var(--color-error-hover);transform:scale(1.02)}.action-buttons .delete-button:focus-visible{box-shadow:0 0 0 3px var(--color-error-focus);outline:none}@media (min-width:1024px){.referee-table td,.referee-table th{padding:var(--space-md) var(--space-xl)}}@media (max-width:768px){.referee-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.referee-table{min-width:600px}.referee-table td,.referee-table th{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}}@media (max-width:480px){.referee-table{min-width:500px}.referee-table td,.referee-table th{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.action-buttons{flex-direction:column;gap:var(--space-sm)}.action-buttons .delete-button,.action-buttons .edit-button{font-size:var(--font-size-xs);min-height:44px;min-width:44px;padding:var(--space-xs) var(--space-sm)}}@media (max-width:320px){.table-container{border-radius:var(--radius-sm)}.referee-table{min-width:450px}}@media (prefers-reduced-motion:reduce){.action-buttons .delete-button,.action-buttons .edit-button,.retry-button{transition:none}.action-buttons .delete-button:hover,.action-buttons .edit-button:hover,.retry-button:hover{transform:none}}.card.clickable-card{cursor:pointer}.card.clickable-card:hover{background-color:var(--color-overlay-light);box-shadow:var(--shadow-md)}.card.clickable-card:focus{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.referee-list{overflow-x:visible}.card-actions .delete-button,.card-actions .edit-button,.card-actions .history-button{min-height:48px;min-width:48px}.loading{padding:var(--space-xl)}.error-container{padding:var(--space-lg)}.retry-button{min-height:48px;width:100%}.no-referees{padding:var(--space-xl)}}@media (max-width:480px){.card-actions{flex-direction:column}.card-actions .delete-button,.card-actions .edit-button,.card-actions .history-button{width:100%}}.no-swedish-badge{cursor:help;font-size:var(--font-size-sm);margin-left:var(--space-xs)}.referee-filter{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md)}.filter-group,.referee-filter{align-items:center;display:flex}.filter-group{gap:var(--space-sm)}.referee-filter label{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.referee-filter select{-webkit-appearance:none;appearance:none;background:var(--color-bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23b0b0c0' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-md);min-height:44px;min-width:200px;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);transition:all var(--transition-fast)}.referee-filter select:focus{border-color:var(--color-primary-yellow);box-shadow:0 0 0 3px var(--color-warning-focus);outline:none}.referee-filter select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.clear-filter-button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;justify-content:center;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.clear-filter-button:hover{background-color:var(--color-bg-primary);border-color:var(--color-border-overlay-light)}.clear-filter-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (max-width:768px){.filter-group,.referee-filter{align-items:stretch;flex-direction:column}.referee-filter select{min-width:0;min-width:auto;width:100%}.clear-filter-button{width:100%}}@media (max-width:480px){.referee-filter,.referee-filter select{padding:var(--space-sm)}.clear-filter-button,.referee-filter select{font-size:var(--font-size-sm)}}@media (max-width:320px){.referee-filter label{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.clear-filter-button,.referee-filter select{transition:none}}.referee-form-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:var(--space-xl)}.referee-form-container h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.referee-form{display:flex;flex-direction:column;gap:var(--space-md)}.referee-form .form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.referee-form label{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.referee-form input,.referee-form select{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-md);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.referee-form input::placeholder{color:var(--color-text-muted)}.referee-form input:focus,.referee-form select:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.referee-form input:disabled,.referee-form select:disabled{background-color:var(--color-bg-primary);cursor:not-allowed;opacity:.6}.referee-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23b0b0c0' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;padding-right:var(--space-xl)}.referee-form select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.referee-form .error{color:var(--color-error);font-family:var(--font-family-primary);font-size:var(--font-size-sm)}.referee-form input.input-error,.referee-form select.input-error{border-color:var(--color-error)}.referee-form input.input-error:focus,.referee-form select.input-error:focus{box-shadow:0 0 0 3px var(--color-error-focus)}.cancel-button,.submit-button{min-width:44px}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-yellow) 0,var(--color-accent-blue) 100%)}.location-autocomplete{position:relative}.location-autocomplete input{box-sizing:border-box;width:100%}.location-suggestions{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;box-shadow:var(--shadow-md);left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.location-suggestion{color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);padding:var(--space-md);transition:background-color var(--transition-fast)}.location-suggestion.selected,.location-suggestion:hover{background-color:var(--color-warning-focus)}@media (min-width:1024px){.referee-form-container{max-width:700px;padding:var(--space-2xl)}}@media (max-width:768px){.referee-form-container{margin:0 var(--space-sm);padding:var(--space-md)}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}@media (max-width:480px){.referee-form-container{border-radius:var(--radius-md);margin:0;padding:var(--space-sm)}.referee-form-container h2{font-size:var(--font-size-xl)}.referee-form input,.referee-form select{padding:var(--space-sm)}.cancel-button,.referee-form input,.referee-form select,.submit-button{font-size:var(--font-size-sm);min-height:44px}}@media (max-width:320px){.referee-form-container h2{font-size:var(--font-size-lg)}.referee-form label{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion:reduce){.cancel-button,.location-suggestion,.referee-form input,.referee-form select,.submit-button{transition:none}.submit-button:hover:not(:disabled){transform:none}}.checkbox-label{font-weight:400}.checkbox-label input[type=checkbox]{min-height:20px;min-width:20px;width:auto}.checkbox-label span{font-size:var(--font-size-md)}.user-management-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;padding:var(--space-xl)}.user-management-container h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-lg)}.user-management-container h2,.user-management-container h3{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}.user-management-container h3{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.user-list-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl)}.user-table{border-collapse:collapse;margin-top:var(--space-md);width:100%}.user-table td,.user-table th{border-bottom:1px solid var(--border-color);font-family:var(--font-family-primary);padding:var(--space-md);text-align:left}.user-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.user-table td{color:var(--color-text-primary)}.user-table tr:hover td{background-color:var(--color-overlay-light)}.role-badge{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.role-badge.role-admin{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-primary-red)}.role-badge.role-viewer{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-accent-blue)}.role-badge.role-head_referee{background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-primary-yellow)}.delete-user-button{align-items:center;background-color:var(--color-error-bg);border:1px solid var(--color-error-focus);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.delete-user-button:hover:not(:disabled){background-color:var(--color-error-bg-hover);border-color:var(--color-error-border-hover)}.delete-user-button:focus-visible{box-shadow:0 0 0 3px var(--color-error-focus);outline:none}.delete-user-button:disabled{cursor:not-allowed;opacity:.5}.current-user-label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.empty-message,.loading-message{color:var(--color-text-secondary);font-family:var(--font-family-primary);padding:var(--space-lg);text-align:center}.create-user-section{margin-top:var(--space-md)}.user-form{gap:var(--space-md)}.user-form,.user-form .form-group{display:flex;flex-direction:column}.user-form .form-group{gap:var(--space-sm)}.user-form label{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.user-form input,.user-form select{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-md);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.user-form input::placeholder{color:var(--color-text-muted)}.user-form input:focus,.user-form select:focus{border-color:var(--color-primary-yellow);box-shadow:0 0 0 3px var(--color-warning-focus);outline:none}.user-form input:disabled,.user-form select:disabled{background-color:var(--color-bg-primary);cursor:not-allowed;opacity:.6}.user-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23b0b0c0' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right var(--space-md) center;background-repeat:no-repeat;padding-right:var(--space-xl)}.user-form select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.user-form .error{color:var(--color-error);font-family:var(--font-family-primary);font-size:var(--font-size-sm)}.success-message{border:1px solid var(--color-success-border);color:var(--color-success);margin-bottom:var(--space-md)}.error-message{border:1px solid var(--color-error-focus);margin-bottom:var(--space-md)}.password-info{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-sm);margin-top:var(--space-sm);padding:var(--space-md)}.password-info p{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);margin:0}.cancel-button,.submit-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-md);transition:all var(--transition-fast)}.cancel-button:hover:not(:disabled){background-color:var(--color-bg-primary);border-color:var(--color-border-overlay-light)}.submit-button:hover:not(:disabled){background:var(--color-primary-yellow);transform:scale(1.02)}.submit-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--color-modal-overlay-dark);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-xl);width:90%}.modal-content.password-modal{max-width:500px}.modal-content h3{color:var(--color-text-primary);margin-bottom:var(--space-md);margin-top:0}.modal-content h3,.modal-content p{font-family:var(--font-family-primary)}.modal-content p{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.modal-content .warning-text{color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.modal-content .password-warning{color:var(--color-primary-yellow);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.modal-content .password-instructions{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);margin-top:var(--space-md)}.password-display{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-md)}.generated-password{color:var(--color-primary-yellow);flex:1 1;font-family:var(--font-family-monospace);font-size:var(--font-size-lg);-webkit-user-select:all;user-select:all;word-break:break-all}.copy-button{align-items:center;border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);white-space:nowrap}.copy-button,.copy-button:hover{background-color:var(--color-primary-yellow)}.copy-button:hover{transform:scale(1.02)}.copy-button:focus-visible{box-shadow:0 0 0 3px var(--color-warning-focus);outline:none}.copy-button:active{transform:scale(.98)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.modal-actions .cancel-button,.modal-actions .delete-button{flex:none;padding:var(--space-sm) var(--space-md)}.modal-actions .delete-button{align-items:center;background-color:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;transition:all var(--transition-fast)}.modal-actions .delete-button:hover:not(:disabled){background-color:var(--color-primary-red);transform:scale(1.02)}.modal-actions .delete-button:focus-visible{box-shadow:0 0 0 3px var(--color-error-focus);outline:none}.modal-actions .delete-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (min-width:1024px){.user-management-container{max-width:900px;padding:var(--space-2xl)}}@media (max-width:768px){.user-management-container{margin:0 var(--space-sm);padding:var(--space-md)}.user-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.form-actions,.modal-actions{flex-direction:column}.modal-actions .cancel-button,.modal-actions .delete-button{width:100%}}@media (max-width:480px){.user-management-container{margin:0;padding:var(--space-sm)}.user-management-container h2{font-size:var(--font-size-xl)}.user-management-container h3{font-size:var(--font-size-md)}.user-form input,.user-form select,.user-table td,.user-table th{font-size:var(--font-size-sm);padding:var(--space-sm)}.modal-content{padding:var(--space-md)}}@media (max-width:320px){.user-management-container h2{font-size:var(--font-size-lg)}.role-badge{font-size:var(--font-size-xs);padding:2px var(--space-xs)}.delete-user-button{font-size:var(--font-size-xs);min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){.cancel-button,.delete-user-button,.modal-actions .delete-button,.submit-button,.user-form input,.user-form select{transition:none}.modal-actions .delete-button:hover:not(:disabled),.submit-button:hover:not(:disabled){transform:none}}.import-referees-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;padding:var(--space-xl)}.import-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.import-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.close-button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-sm);transition:all var(--transition-fast)}.close-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.import-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.import-upload-section{display:flex;flex-direction:column;gap:var(--space-lg)}.import-dropzone{background:var(--color-bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:var(--space-2xl);text-align:center;transition:all var(--transition-fast)}.import-dropzone.dragging,.import-dropzone:hover{background:var(--color-warning-bg);border-color:var(--color-primary-yellow)}.import-dropzone:focus-visible{box-shadow:var(--focus-ring);outline:none}.dropzone-icon{font-size:3rem;margin-bottom:var(--space-md)}.dropzone-text{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.dropzone-hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.file-input-hidden{display:none}.template-download-section{border-top:1px solid var(--border-color);padding-top:var(--space-md);text-align:center}.template-text{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.template-buttons{display:flex;gap:var(--space-md);justify-content:center}.template-button{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.template-button:hover{background:var(--color-bg-primary);border-color:var(--color-primary-yellow)}.import-preview-section{display:flex;flex-direction:column;gap:var(--space-lg)}.preview-summary{display:flex;gap:var(--space-md);justify-content:center}.summary-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;flex-direction:column;min-width:100px;padding:var(--space-md) var(--space-lg)}.summary-count{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.summary-item.valid .summary-count{color:var(--color-success)}.summary-item.invalid .summary-count{color:var(--color-error)}.summary-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.invalid-rows-section{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);padding:var(--space-md)}.invalid-rows-section h4{color:var(--color-error);font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.invalid-rows-table-container{overflow-x:auto}.invalid-rows-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.invalid-rows-table td,.invalid-rows-table th{border-bottom:1px solid var(--border-color);padding:var(--space-sm);text-align:left}.invalid-rows-table th{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.invalid-rows-table td{color:var(--color-text-primary)}.more-errors-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-sm);text-align:center}.valid-rows-preview h4{color:var(--color-text-primary);font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.preview-table-container{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow-x:auto;padding:var(--space-sm)}.preview-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.preview-table td,.preview-table th{border-bottom:1px solid var(--border-color);padding:var(--space-sm);text-align:left}.preview-table th{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.preview-table td{color:var(--color-text-primary)}.more-rows-text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-sm);text-align:center}.preview-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}.cancel-button{font-weight:var(--font-weight-regular)}.cancel-button:hover{background:var(--color-bg-primary)}.import-button{background:var(--color-primary-yellow);border:none;color:var(--color-primary-dark-blue);font-weight:var(--font-weight-bold)}.import-button:hover:not(:disabled){background:var(--color-warning);filter:brightness(1.1);transform:scale(1.02)}.import-button:disabled{cursor:not-allowed;opacity:.5}.import-progress-section{padding:var(--space-2xl);text-align:center}.progress-icon{font-size:3rem;margin-bottom:var(--space-md)}.import-progress-section h3{color:var(--color-text-primary);margin-bottom:var(--space-lg)}.progress-bar-container{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-md);overflow:hidden}.progress-bar{background:var(--color-primary-yellow);height:100%;transition:width var(--transition-normal)}.progress-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.import-complete-section{padding:var(--space-xl);text-align:center}.complete-icon{font-size:3rem;margin-bottom:var(--space-md)}.import-complete-section h3{color:var(--color-text-primary);margin-bottom:var(--space-lg)}.results-summary{display:flex;gap:var(--space-lg);justify-content:center;margin-bottom:var(--space-lg)}.result-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;flex-direction:column;padding:var(--space-md) var(--space-lg)}.result-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.result-item.success .result-count{color:var(--color-success)}.result-item.failed .result-count{color:var(--color-error)}.result-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.download-report-button{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.download-report-button:hover{background:var(--color-bg-primary);border-color:var(--color-primary-yellow)}.complete-actions{display:flex;gap:var(--space-md);justify-content:center}.import-more-button{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.import-more-button:hover{background:var(--color-bg-primary)}.done-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.done-button:hover{background:var(--color-warning);filter:brightness(1.1);transform:scale(1.02)}@media (max-width:768px){.import-referees-container{margin:0 var(--space-sm);padding:var(--space-md)}.preview-summary{align-items:center;flex-direction:column}.summary-item{max-width:200px;width:100%}.complete-actions,.preview-actions{flex-direction:column}.cancel-button,.done-button,.import-button,.import-more-button{width:100%}.results-summary{align-items:center;flex-direction:column}.result-item{max-width:200px;width:100%}}@media (max-width:480px){.import-dropzone{padding:var(--space-lg)}.dropzone-icon{font-size:2rem}.dropzone-text{font-size:var(--font-size-md)}}@media (prefers-reduced-motion:reduce){.cancel-button,.done-button,.download-report-button,.import-button,.import-dropzone,.import-more-button,.progress-bar,.template-button{transition:none}.done-button:hover,.import-button:hover:not(:disabled){transform:none}}.event-list{padding:var(--space-lg)}.event-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.event-list-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);margin:0}.create-event-button,.create-first-button{background:linear-gradient(135deg,var(--color-primary-yellow) 0,var(--color-accent-blue) 100%);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:500;min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.create-event-button:hover,.create-first-button:hover{background:linear-gradient(135deg,var(--color-primary-yellow) 20%,var(--color-accent-blue) 100%);box-shadow:var(--shadow-glow)}.event-table{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.event-table td,.event-table th{border-bottom:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);text-align:left}.event-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.event-table td{color:var(--color-text-primary);font-size:var(--font-size-md)}.event-table tbody tr:hover{background-color:var(--color-overlay-light)}.event-table tbody tr:last-child td{border-bottom:none}.report-status{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-xs) var(--space-sm)}.report-status.has-report{background-color:var(--color-success-bg);color:var(--color-success)}.report-status.no-report{background-color:var(--color-overlay-light);color:var(--color-text-secondary)}.delete-button,.view-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.view-button{background:linear-gradient(135deg,var(--color-primary-yellow) 0,var(--color-accent-blue) 100%);color:var(--color-text-primary)}.view-button:hover{background:linear-gradient(135deg,var(--color-primary-yellow) 20%,var(--color-accent-blue) 100%)}.delete-button:hover:not(:disabled){background-color:var(--color-error-hover)}.delete-button:disabled{cursor:not-allowed;opacity:.5}.no-events p{color:var(--color-text-secondary)}.event-filters,.no-events p{margin-bottom:var(--space-lg)}.event-filters{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-md)}.event-filters label{font-weight:500}.event-filters label,.event-filters select{color:var(--color-text-primary);font-size:var(--font-size-md)}.event-filters select{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.event-filters select:hover{border-color:var(--color-primary-yellow)}.event-filters select:focus{outline:2px solid var(--color-primary-yellow);outline-offset:2px}@media (max-width:768px){.event-list{padding:var(--space-md)}.event-list-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.event-list-header h2{text-align:center}.create-event-button{min-height:48px;width:100%}.cancel-button,.confirm-delete-button,.delete-button,.pagination-button,.view-button{min-height:48px;min-width:48px}.pagination{flex-direction:column;gap:var(--space-sm)}.pagination-button{width:100%}.delete-modal{margin:var(--space-md);max-width:calc(100% - var(--space-lg))}.delete-modal-actions{flex-direction:column-reverse;gap:var(--space-sm)}.delete-modal-actions button{min-height:48px;width:100%}.event-filters{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.event-filters label{text-align:center}.event-filters select{min-height:48px;width:100%}}@media (max-width:480px){.event-list{padding:var(--space-sm)}.event-list-header h2{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){.cancel-button,.confirm-delete-button,.create-event-button,.create-first-button,.delete-button,.pagination-button,.view-button{transition:none}}.event-form-container{margin:0 auto;max-width:800px;padding:var(--space-lg)}.event-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.event-form-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);margin:0}.event-form{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{color:var(--color-text-primary);display:block;font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.form-group input{background-color:var(--color-bg-tertiary);min-height:44px;transition:border-color var(--transition-fast)}.form-group input::placeholder{color:var(--color-text-secondary)}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.validation-errors{background-color:var(--color-error-bg)}.validation-errors h4{font-size:var(--font-size-md);margin:0 0 var(--space-sm) 0}.field-error,.validation-errors h4,.validation-errors ul{color:var(--color-error)}.field-error{display:block;font-size:var(--font-size-sm);margin-top:var(--space-xs)}.form-group input[aria-invalid=true]{border-color:var(--color-error)}.form-group input[aria-invalid=true]:focus{border-color:var(--color-error);outline:2px solid var(--color-error-focus);outline-offset:1px}.form-actions{margin-top:var(--space-xl);padding-top:var(--space-lg)}.cancel-button:hover{background-color:var(--color-bg-secondary)}.submit-button{background:linear-gradient(135deg,var(--color-primary-yellow) 0,var(--color-accent-blue) 100%);color:var(--color-text-primary);font-weight:var(--font-weight-regular);transition:all var(--transition-fast)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-blue) 0,var(--color-primary-yellow) 100%);box-shadow:var(--shadow-glow)}@media (prefers-reduced-motion:reduce){.back-button,.cancel-button,.form-group input,.submit-button{transition:none}}.event-view{margin:0 auto;max-width:900px;padding:var(--space-lg)}.event-view-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.event-view-header h1{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-2xl);margin:0}.edit-event-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.edit-event-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow);opacity:.9}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.back-button{background:#0000;color:var(--color-text-secondary)}.back-button:hover{color:var(--color-text-primary)}.event-details{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-xl)}.detail-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.detail-grid{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label{letter-spacing:.05em;text-transform:uppercase}.detail-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.report-section{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-xl)}.report-section h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-lg) 0}.no-report p,.report-exists p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.report-actions{display:flex;gap:var(--space-md)}.create-report-button,.view-report-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.create-report-button:hover,.view-report-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow);opacity:.9}.delete-report-button{background-color:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.delete-report-button:hover{background-color:var(--color-error-hover)}.error-message{margin-bottom:var(--space-lg)}@media (prefers-reduced-motion:reduce){.back-button,.cancel-button,.confirm-delete-button,.create-report-button,.delete-report-button,.edit-event-button,.view-report-button{transition:none}}.report-list{padding:var(--space-lg)}.report-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.report-list-header h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);margin:0}.create-first-button,.create-report-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.create-first-button:hover,.create-report-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow);opacity:.9}.report-table{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.report-table td,.report-table th{border-bottom:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);text-align:left}.report-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.report-table td{color:var(--color-text-primary);font-size:var(--font-size-md)}.report-table tbody tr:hover{background-color:var(--color-overlay-light)}.report-table tbody tr:last-child td{border-bottom:none}.action-buttons{display:flex;gap:var(--space-sm)}.download-button,.view-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.view-button{background:var(--color-primary-yellow);color:var(--color-primary-dark-blue)}.view-button:hover{background:var(--color-warning);opacity:.9}.download-button{background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);color:var(--color-text-primary)}.download-button:hover{background-color:var(--color-bg-secondary)}.no-reports{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2xl);text-align:center}.no-reports p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);padding:var(--space-md)}.pagination-button{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.pagination-button:hover:not(:disabled){background-color:var(--color-bg-secondary);border-color:var(--color-primary-yellow)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-md)}.retry-button{padding:var(--space-sm) var(--space-md)}.retry-button:hover{opacity:.9}.delete-button{background-color:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.delete-button:hover{background-color:var(--color-error-hover)}.delete-modal-overlay{align-items:center;background-color:var(--color-modal-overlay-dark);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:400px;padding:var(--space-xl);width:90%}.delete-modal h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-md) 0}.delete-modal p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.delete-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.cancel-button{background-color:var(--color-bg-tertiary);padding:var(--space-sm) var(--space-md)}.cancel-button:hover:not(:disabled){background-color:var(--color-bg-secondary)}.confirm-delete-button{background-color:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.confirm-delete-button:hover:not(:disabled){background-color:var(--color-error-hover)}.cancel-button:disabled,.confirm-delete-button:disabled{cursor:not-allowed;opacity:.5}.report-filter-tabs{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-sm)}.report-filter-tabs,.report-search{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.report-search{flex-direction:column}.report-search label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.report-search .search-input{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md);min-height:44px;padding:var(--space-md);transition:border-color var(--transition-fast)}.report-search .search-input:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.report-search .search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.filter-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{border-bottom-color:var(--color-primary-yellow);color:var(--color-primary-yellow)}.status-badge{display:inline-block;font-weight:var(--font-weight-regular)}.status-badge.status-draft{background:var(--color-warning-bg);color:var(--color-primary-yellow)}.status-badge.status-published{background:var(--color-success-bg);color:var(--color-success)}.draft-row{background:var(--color-overlay-light)}.edit-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.edit-button:hover{background:var(--color-warning);opacity:.9}@media (prefers-reduced-motion:reduce){.cancel-button,.confirm-delete-button,.create-first-button,.create-report-button,.delete-button,.download-button,.edit-button,.filter-tab,.pagination-button,.retry-button,.view-button{transition:none}}.referee-search-input{position:relative;width:100%}.referee-search-input input{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-md);width:100%}.referee-search-input input:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.referee-search-input input:disabled{background-color:var(--color-bg-primary);cursor:not-allowed;opacity:.6}.search-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.referee-suggestions{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;box-shadow:var(--shadow-md);left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.referee-search-input.dropdown-above .referee-suggestions{border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-top:1px solid var(--border-color);bottom:100%;top:auto}.referee-suggestion{align-items:center;border-bottom:1px solid var(--border-color);color:var(--color-text-primary);cursor:pointer;display:flex;min-height:44px;padding:var(--space-md)}.referee-suggestion:last-child{border-bottom:none}.referee-suggestion.selected,.referee-suggestion:hover{background-color:var(--color-bg-tertiary);outline:2px solid var(--color-primary-yellow);outline-offset:-2px}.referee-suggestion:focus-visible{outline:2px solid var(--color-primary-yellow);outline-offset:-2px}@media (max-width:767px){.referee-search-input.mobile .referee-suggestions{left:var(--space-md);max-height:200px;position:fixed;right:var(--space-md);width:auto}.referee-search-input.mobile:not(.dropdown-above) .referee-suggestions{margin-top:2px;top:auto}.referee-search-input.mobile.dropdown-above .referee-suggestions{bottom:auto;margin-bottom:2px}.referee-suggestion{font-size:var(--font-size-md);min-height:48px;padding:var(--space-md) var(--space-lg)}.referee-search-input input{font-size:16px;min-height:44px}}.referee-suggestions::-webkit-scrollbar{width:8px}.referee-suggestions::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:4px}.referee-suggestions::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:4px}.referee-suggestions::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.report-form-container{margin:0 auto;max-width:900px;padding:var(--space-lg)}.report-form-container h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-lg)}.event-info-banner{background:var(--color-bg-tertiary);border:1px solid var(--color-primary-yellow);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-lg)}.event-info-banner h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-sm) 0}.event-info-details{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;gap:var(--space-lg)}.event-info-details span{color:var(--color-text-primary)}.event-info-details strong{color:var(--color-text-secondary)}.report-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.form-section h3{border-bottom:1px solid var(--border-color);color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm)}.form-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.form-row:last-child{margin-bottom:0}.form-group{flex:1 1}.form-group.grade-input{flex:0 0 120px}.form-group label{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group textarea{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);padding:var(--space-md)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-bg-primary);cursor:not-allowed;opacity:.6}.form-group textarea{min-height:80px;resize:vertical}.form-group .error{color:var(--color-error)}.char-count,.form-group .error{font-size:var(--font-size-xs);margin-top:var(--space-xs)}.char-count{color:var(--color-text-muted);text-align:right}.dynamic-field{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dynamic-field input{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-md);padding:var(--space-md)}.dynamic-field input:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.remove-button{background:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);min-height:44px;padding:var(--space-sm) var(--space-md)}.remove-button:hover{opacity:.9}.remove-button:disabled{cursor:not-allowed;opacity:.5}.form-section>.add-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-top:var(--space-sm);min-height:44px;padding:var(--space-sm) var(--space-md)}.form-section>.add-button:hover{background:var(--color-warning);opacity:.9}.form-section>.add-button:disabled{cursor:not-allowed;opacity:.5}.form-group input[type=file]{background:var(--color-bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:var(--space-sm)}.uploading{color:var(--color-primary-yellow)}.uploaded-file-info,.uploading{font-size:var(--font-size-sm);margin-top:var(--space-xs)}.uploaded-file-info{color:var(--color-text-secondary)}.image-preview{margin-top:var(--space-md);max-width:300px}.image-preview img{border-radius:var(--radius-sm);width:100%}.evaluation-card,.image-preview img{border:1px solid var(--border-color)}.evaluation-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.evaluation-header{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-bold);justify-content:space-between;margin-bottom:var(--space-md)}.checklist{display:flex;flex-direction:column;gap:var(--space-md)}.checklist-item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--space-sm)}.checklist-item input[type=checkbox]{accent-color:var(--color-primary-yellow);cursor:pointer;height:18px;width:18px}.checklist-item span{color:var(--color-text-primary)}.error-message{background:var(--color-error-bg)}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:var(--space-md)}.cancel-button{background:var(--color-bg-tertiary)}.cancel-button:hover{background:var(--color-bg-secondary)}.submit-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-height:44px;padding:var(--space-md) var(--space-lg)}.submit-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow);opacity:.9}.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.form-row{flex-direction:column}.form-group.grade-input{flex:1 1}}.validation-errors{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-text-primary);margin-bottom:var(--space-lg);padding:var(--space-md)}.validation-errors strong{color:var(--color-error);display:block;margin-bottom:var(--space-sm)}.validation-errors ul{margin:0;padding-left:var(--space-lg)}.validation-errors li{color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.draft-status-banner{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-primary-yellow);border-radius:var(--radius-sm);display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md)}.draft-badge{background:var(--color-primary-yellow);border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.draft-badge,.last-saved{font-size:var(--font-size-sm)}.last-saved{color:var(--color-text-secondary)}.auto-saving{animation:pulse 1s infinite;color:var(--color-primary-yellow);font-size:var(--font-size-sm)}.unsaved-changes{color:var(--color-warning);font-size:var(--font-size-sm)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.draft-button{background:var(--color-bg-tertiary);border:1px solid var(--color-primary-yellow);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);min-height:44px;padding:var(--space-md) var(--space-lg)}.draft-button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-yellow)}.draft-button:disabled{cursor:not-allowed;opacity:.5}.dynamic-field input[aria-invalid=true],.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error)}.dynamic-field input[aria-invalid=true]:focus,.form-group input[aria-invalid=true]:focus,.form-group select[aria-invalid=true]:focus,.form-group textarea[aria-invalid=true]:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-focus)}.form-group select{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-md);padding:var(--space-md)}.form-group select:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.form-group select:disabled{background-color:var(--color-bg-primary);cursor:not-allowed;opacity:.6}.validation-errors:focus{outline:2px solid var(--color-error);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auto-saving{animation:none}}.checkbox-group{margin-top:var(--space-sm)}.checkbox-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--space-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary-yellow);cursor:pointer;height:18px;width:18px}.no-swedish-indicator{font-size:var(--font-size-lg);margin-left:var(--space-xs)}.arrived-late-duration{margin-top:var(--space-sm)}.report-view{padding:var(--space-lg)}.report-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.report-view-actions{align-items:center;display:flex;gap:var(--space-sm)}.back-button{background:var(--color-bg-tertiary);padding:var(--space-md) var(--space-lg)}.back-button:hover{background:var(--color-bg-secondary)}.download-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-height:44px;padding:var(--space-md) var(--space-lg)}.download-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow)}.report-view .delete-button{background-color:var(--color-error);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);min-height:44px;padding:var(--space-md) var(--space-lg)}.report-view .delete-button:hover{background-color:var(--color-error-hover)}.report-content{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.report-details{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.report-details h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin:0 0 var(--space-md) 0}.report-meta{border-bottom:1px solid var(--border-color);color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-md);padding-bottom:var(--space-md)}.report-meta,.report-section{margin-bottom:var(--space-lg)}.report-section h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.report-section p{line-height:1.6;white-space:pre-wrap}.report-section p,.report-section ul{color:var(--color-text-secondary);margin:0}.report-section ul{padding-left:var(--space-lg)}.report-section li{margin-bottom:var(--space-xs)}.evaluation-item{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md);padding:var(--space-md)}.evaluation-item:last-child{margin-bottom:0}.evaluation-item .evaluation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.evaluation-item .evaluation-header strong{color:var(--color-text-primary)}.evaluation-item .grade{background:var(--color-primary-yellow);border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-sm)}.evaluation-item p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.checklist-display{list-style:none;margin:0;padding:0}.checklist-display li{border-bottom:1px solid var(--border-color);font-size:var(--font-size-md);padding:var(--space-sm) 0}.checklist-display li:last-child{border-bottom:none}.checklist-display li.checked{color:var(--color-success)}.checklist-display li.unchecked{color:var(--color-error)}.pdf-viewer{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg)}.pdf-viewer h3{color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0}.pdf-viewer iframe{border:1px solid var(--border-color);border-radius:var(--radius-sm);height:800px;width:100%}.error-text{margin-bottom:var(--space-md)}.retry-button{font-weight:var(--font-weight-bold);margin-right:var(--space-sm);padding:var(--space-md) var(--space-lg)}@media (max-width:1024px){.report-content{grid-template-columns:1fr}.pdf-viewer iframe{height:500px}}.no-swedish-badge{font-size:var(--font-size-md);margin-left:var(--space-sm);vertical-align:middle}.medical-notes-download-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-top:var(--space-sm);min-height:44px;padding:var(--space-md) var(--space-lg)}.medical-notes-download-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow)}.medical-notes-download-button:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}.referee-history-container{margin:0 auto;max-width:900px}.referee-history-header{margin-bottom:var(--space-xl)}.referee-history-header .back-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.referee-history-header .back-button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-yellow)}.referee-info h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-md) 0}.referee-stats{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:600;margin-right:var(--space-lg)}.grade-excellent{color:var(--color-success)!important}.grade-good{color:var(--color-accent-blue)!important}.grade-average{color:var(--color-warning)!important}.grade-neutral{color:var(--color-accent-gray)!important}.grade-poor{color:var(--color-error)!important}.no-events{border-radius:var(--radius-md);color:var(--color-text-secondary);padding:var(--space-2xl);text-align:center}.event-card,.no-events{background:var(--color-bg-secondary);border:1px solid var(--border-color)}.event-card{border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.event-card.expanded,.event-card:hover{border-color:var(--color-primary-yellow)}.event-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-lg);-webkit-user-select:none;user-select:none}.event-card-header:hover{background:var(--color-bg-tertiary)}.event-main-info{flex:1 1}.event-name{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-xs) 0}.event-meta{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-md)}.event-location:before{content:"📍 "}.event-grade-container{align-items:center;display:flex;gap:var(--space-md)}.event-grade{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xl);font-weight:700;padding:var(--space-xs) var(--space-md)}.late-badge{align-items:center;background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-xs);padding:2px var(--space-sm);white-space:nowrap}.late-badge,.late-duration-text{color:var(--color-warning)}.expand-icon{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-card-details{animation:slideDown .2s ease-out;background:var(--color-bg-tertiary);border-top:1px solid var(--border-color);padding:var(--space-lg);padding-top:0}.detail-row{display:flex;padding:var(--space-sm) 0}.detail-row:first-child{padding-top:var(--space-lg)}.detail-label{color:var(--color-text-secondary);flex-shrink:0;min-width:120px}.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-value{color:var(--color-text-primary)}.detail-row.impressions{flex-direction:column;gap:var(--space-xs)}.impressions-text{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);line-height:1.6;margin:0;padding:var(--space-md);white-space:pre-wrap}.retry-button{font-weight:500;margin-right:var(--space-md)}@media (max-width:768px){.event-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.event-grade-container{justify-content:space-between;width:100%}.referee-stats{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.stat-value{margin-right:0}.detail-row{flex-direction:column;gap:var(--space-xs)}.detail-label{min-width:auto}}@media (prefers-reduced-motion:reduce){.event-card-details{animation:none}.event-card,.referee-history-header .back-button,.retry-button{transition:none}}.password-change-settings{margin:0 auto;max-width:800px;padding:var(--space-xl)}.password-change-header{align-items:center;display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.password-change-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.back-button,.password-change-header h1{color:var(--color-text-primary);font-family:var(--font-family-primary)}.back-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-md);min-height:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-yellow)}.back-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.password-change-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.password-change-description{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-md);line-height:1.5;margin-bottom:var(--space-xl)}.password-change-form{gap:var(--space-md)}.form-group,.password-change-form{display:flex;flex-direction:column}.form-group{gap:var(--space-sm)}.form-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.form-group input,.form-group label{font-family:var(--font-family-primary)}.form-group input{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{border-color:var(--color-primary-yellow);box-shadow:var(--focus-ring);outline:none}.form-group input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.password-strength{font-weight:var(--font-weight-regular);margin-top:var(--space-xs)}.password-requirements,.password-strength{font-family:var(--font-family-primary);font-size:var(--font-size-sm)}.password-requirements{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:var(--space-md)}.password-requirements p{font-weight:var(--font-weight-regular);margin:0 0 var(--space-sm) 0}.password-requirements ul{list-style-type:disc;margin:0;padding-left:var(--space-lg)}.password-requirements li{line-height:1.5;margin-bottom:var(--space-xs)}.error-message{border:1px solid var(--color-error);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--space-md)}.error-message:focus{outline:2px solid var(--color-error);outline-offset:2px}.success-message{background-color:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--space-md)}.success-message:focus{outline:2px solid var(--color-success);outline-offset:2px}.form-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.change-password-button{align-items:center;background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-primary-dark-blue);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.change-password-button:hover:not(:disabled){background:var(--color-warning);box-shadow:var(--shadow-glow);transform:scale(1.02)}.change-password-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.change-password-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;flex:1 1;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.cancel-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-primary-yellow)}.cancel-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.cancel-button:disabled{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.back-button,.cancel-button,.change-password-button,.form-group input{transition:none}.change-password-button:hover:not(:disabled){transform:none}}@media (max-width:768px){.password-change-settings{padding:var(--space-md)}.password-change-container{padding:var(--space-lg)}.password-change-header h1{font-size:var(--font-size-xl)}.form-actions{flex-direction:column}.cancel-button,.change-password-button{width:100%}}.head-referee-overview{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.overview-header{margin-bottom:var(--space-xl)}.overview-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm) 0}.overview-description{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.no-head-referees{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2xl);text-align:center}.no-head-referees p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.no-head-referees .hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.stats-table-container{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:visible}.stats-table{border-collapse:collapse;table-layout:auto;width:100%}.stats-table th{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-md) var(--space-lg);text-align:left;text-transform:uppercase}.stats-table th:nth-child(2),.stats-table th:nth-child(3),.stats-table th:nth-child(4){text-align:center}.stats-table th:last-child{text-align:center;width:80px}.referee-row{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.referee-row:hover{background-color:var(--color-overlay-light)}.referee-row td{color:var(--color-text-primary);font-size:var(--font-size-md);padding:var(--space-md) var(--space-lg)}.referee-name{font-weight:var(--font-weight-bold)}.stat-cell{font-weight:var(--font-weight-regular);text-align:center}.stat-cell.completed{color:var(--color-success)}.stat-cell.upcoming{color:var(--color-accent-blue)}.expand-cell{text-align:center}.expand-button{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);min-height:44px;min-width:44px;padding:var(--space-xs) var(--space-sm);transition:all var(--transition-fast)}.expand-button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-yellow);color:var(--color-text-primary)}.expanded-row{background:var(--color-bg-tertiary);border-bottom:1px solid var(--border-color)}.expanded-row td{padding:0}.event-details{animation:slideDown .2s ease-out;padding:var(--space-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-events-message{color:var(--color-text-secondary);font-style:italic;margin:0}.events-list{gap:var(--space-md)}.event-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--space-md);transition:border-color var(--transition-fast)}.event-item:hover{border-color:var(--color-primary-yellow)}.event-info{display:flex;flex-direction:column;gap:var(--space-xs)}.event-name{font-size:var(--font-size-md)}.event-date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.event-date:before{content:"📅 "}.event-status{align-items:center;display:flex;gap:var(--space-sm)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.status-badge.concluded{background-color:var(--color-status-concluded-bg);color:var(--color-accent-gray)}.status-badge.upcoming{background-color:var(--color-status-upcoming-bg);color:var(--color-accent-blue)}.report-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm)}.report-badge.submitted{background-color:var(--color-success-bg);color:var(--color-success)}.report-badge.pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.loading{color:var(--color-text-secondary)}.error-container,.loading{padding:var(--space-2xl);text-align:center}.error-text{color:var(--color-error);margin-bottom:var(--space-lg)}.retry-button{background:var(--color-primary-yellow);border:none;border-radius:var(--radius-sm);color:var(--color-primary-dark-blue);cursor:pointer;font-weight:var(--font-weight-regular);min-height:44px;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.retry-button:hover{background:var(--color-warning);box-shadow:var(--shadow-glow)}@media (max-width:768px){.head-referee-overview{padding:var(--space-md)}.stats-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-table{min-width:600px}.event-item{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.event-status{flex-wrap:wrap;width:100%}.expand-button{min-height:48px;min-width:48px}}@media (max-width:480px){.overview-header h2{font-size:var(--font-size-xl)}.stats-table{font-size:var(--font-size-sm)}.stats-table td,.stats-table th{padding:var(--space-sm) var(--space-md)}}@media (prefers-reduced-motion:reduce){.event-details{animation:none}.event-item,.expand-button,.referee-row,.retry-button{transition:none}}.rolling-calendar{margin:0 auto;max-width:1200px;padding:2rem}.rolling-calendar h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin-bottom:.5rem}.calendar-description{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:.95rem;margin-bottom:2rem}.empty-message,.error-message,.loading-message{font-family:var(--font-family-primary);font-size:1.1rem;padding:2rem;text-align:center}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error)}.empty-message{color:var(--color-text-secondary)}.month-section{margin-bottom:3rem}.year-transition{align-items:center;display:flex;gap:1rem;margin:3rem 0 2rem}.year-divider{border:none;border-top:2px solid var(--color-border-overlay-light);flex:1 1;margin:0}.year-label{padding:0 1rem}.month-header,.year-label{color:var(--color-accent-blue);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.month-header{border-bottom:2px solid var(--color-info-border);margin-bottom:1.5rem;padding-bottom:.5rem}.events-list{display:flex;flex-direction:column;gap:1rem}.calendar-event-card{background-color:var(--color-overlay-light);border:1px solid var(--color-border-overlay-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;padding:1.25rem;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.calendar-event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-date{color:var(--color-accent-blue);flex-shrink:0;font-family:var(--font-family-primary);font-size:.95rem;font-weight:var(--font-weight-bold);min-width:140px}.event-details{flex:1 1}.event-name{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:1.1rem;font-weight:var(--font-weight-bold);margin:0 0 .75rem}.event-head-referee,.event-location{color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:.95rem;margin:.5rem 0}.event-label{color:var(--color-text-muted);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold)}@media (max-width:768px){.rolling-calendar{padding:1rem}.rolling-calendar h2{font-size:var(--font-size-2xl)}.calendar-event-card{flex-direction:column;gap:.75rem}.event-date{border-bottom:1px solid var(--color-border-overlay-light);min-width:auto;padding-bottom:.5rem}.month-header,.year-label{font-size:var(--font-size-xl)}}@media (prefers-reduced-motion:reduce){.calendar-event-card{transition:none}.calendar-event-card:hover{transform:none}}.sbjjf-fines-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.sbjjf-fines-page h2{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);line-height:1.3;margin-bottom:var(--space-xl);margin-top:0}.compliance-section{background:var(--color-bg-secondary);border-left:4px solid;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:var(--space-xl);transition:box-shadow var(--transition-normal)}.compliance-section:hover{box-shadow:var(--shadow-md)}.compliance-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);line-height:1.3;margin-top:0}.compliance-section h3,.section-description{color:var(--color-text-primary);font-family:var(--font-family-primary);margin-bottom:var(--space-md)}.section-description{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.6}.compliance-section ul{list-style-type:disc;margin:0;padding-left:var(--space-xl)}.compliance-section li{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.6;margin-bottom:var(--space-sm)}.compliance-section li:last-child{margin-bottom:0}.level-1-blue{border-left-color:var(--color-accent-blue)}.level-2-yellow{border-left-color:var(--color-primary-yellow)}.level-3-red{border-left-color:var(--color-primary-red)}@media (max-width:1023px){.sbjjf-fines-page{padding:var(--space-lg)}.sbjjf-fines-page h2{font-size:var(--font-size-xl)}.compliance-section{padding:var(--space-lg)}.compliance-section h3{font-size:var(--font-size-lg)}}@media (max-width:767px){.sbjjf-fines-page{padding:var(--space-md)}.sbjjf-fines-page h2{font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.compliance-section{margin-bottom:var(--space-md);padding:var(--space-md)}.compliance-section h3{font-size:var(--font-size-lg)}.compliance-section ul{padding-left:var(--space-lg)}}@media (max-width:479px){.sbjjf-fines-page{padding:var(--space-sm)}.sbjjf-fines-page h2{font-size:var(--font-size-md);margin-bottom:var(--space-md)}.compliance-section{border-left-width:3px;padding:var(--space-sm)}.compliance-section h3{font-size:var(--font-size-md);margin-bottom:var(--space-sm)}.section-description{margin-bottom:var(--space-sm)}.compliance-section li,.section-description{font-size:var(--font-size-sm)}.compliance-section ul{padding-left:var(--space-md)}}@media (prefers-reduced-motion:reduce){.compliance-section{transition:none}}.skip-link{align-items:center;background:var(--color-primary-yellow);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-primary-dark-blue);display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;left:var(--space-md);min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:-100%;transition:top var(--transition-fast),box-shadow var(--transition-fast);z-index:9999}.skip-link:focus,.skip-link:focus-visible{box-shadow:var(--focus-ring),var(--shadow-lg);outline:none;top:var(--space-md)}.skip-link:hover{background:var(--color-warning);box-shadow:var(--shadow-glow),var(--shadow-lg)}.skip-link:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}.skip-link:active{transform:none}}.dashboard{background-color:var(--color-bg-primary);min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-dark-blue) 0,var(--color-bg-secondary) 100%);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.dashboard-header h1{color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.header-title{cursor:pointer;transition:opacity var(--transition-fast)}.header-title:hover{opacity:.8}.header-actions,.header-nav{align-items:center;display:flex}.header-actions{gap:var(--space-lg)}.user-role{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-overlay-medium);border-radius:var(--radius-full);font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.user-role,.user-role strong{color:var(--color-text-primary)}.user-role strong{font-weight:var(--font-weight-bold);text-transform:capitalize}.logout-button{background-color:var(--color-overlay-light);border:1px solid var(--color-border-overlay-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.logout-button:hover{background-color:var(--color-overlay-strong);border-color:var(--color-border-overlay-medium);transform:scale(1.02)}.logout-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-overlay);outline:none}.user-management-button{background-color:var(--color-overlay-strong);border:1px solid var(--color-border-overlay-medium);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.user-management-button:hover{background-color:var(--color-overlay-strongest);border-color:var(--color-border-overlay-strong);transform:scale(1.02)}.user-management-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-overlay);outline:none}.nav-button{background-color:var(--color-overlay-light);border:1px solid var(--color-border-overlay-light);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.nav-button:hover{background-color:var(--color-overlay-strong);border-color:var(--color-border-overlay-medium);transform:scale(1.02)}.nav-button:focus-visible{box-shadow:0 0 0 3px var(--color-focus-overlay);outline:none}.nav-button.active{background-color:var(--color-overlay-stronger);border-color:var(--color-border-overlay-strong);font-weight:var(--font-weight-bold)}.dashboard-content{background-color:var(--color-bg-primary);margin:0 auto;max-width:1400px;padding:var(--space-xl)}.controls-section{justify-content:space-between;margin-bottom:var(--space-md)}.admin-actions,.controls-section{align-items:center;display:flex;gap:var(--space-md)}.import-button{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.import-button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-yellow);transform:scale(1.02)}.import-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.add-button{align-items:center;background:linear-gradient(135deg,var(--color-primary-yellow) 0,var(--color-accent-blue) 100%);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center;min-height:44px;min-width:44px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap}.add-button:hover{background:linear-gradient(135deg,var(--color-primary-yellow) 20%,var(--color-accent-blue) 80%);box-shadow:var(--shadow-glow);transform:scale(1.02)}.add-button:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (min-width:1024px){.dashboard-content{padding:var(--space-2xl)}}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column;gap:var(--space-md);padding:var(--space-md);text-align:center}.dashboard-header h1{font-size:var(--font-size-xl)}.header-actions{flex-direction:column;gap:var(--space-sm);width:100%}.user-role{order:-1;text-align:center}.logout-button,.user-management-button{justify-content:center;width:100%}.dashboard-content{padding:var(--space-md)}.controls-section{align-items:stretch;flex-direction:column}.admin-actions{flex-direction:column;width:100%}.add-button,.import-button{width:100%}}@media (max-width:480px){.dashboard-header{padding:var(--space-sm)}.dashboard-header h1{font-size:var(--font-size-lg)}.dashboard-content{padding:var(--space-sm)}.user-role{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}}@media (max-width:320px){.dashboard-header h1{font-size:var(--font-size-md)}.add-button,.logout-button,.user-management-button{font-size:var(--font-size-sm);padding:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.add-button,.import-button,.logout-button,.user-management-button{transition:none}.add-button:hover,.import-button:hover,.logout-button:hover,.user-management-button:hover{transform:none}}.App{background-color:var(--color-bg-primary);min-height:100vh}.App,.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary-yellow)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:var(--shadow-glow)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.9a90816e.css.map*/