@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: #f0f8ff;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e6f2ff;--color-accent-primary: #0085FF;--color-accent-secondary: #fd7e14;--color-accent-tertiary: #003366;--color-brand-green: #16a34a;--color-brand-green-light: #dcfce7;--color-brand-purple: #7e22ce;--color-brand-purple-light: #f3e8ff;--color-text-primary: #003366;--color-text-secondary: #495057;--color-text-muted: #6c757d;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-male: #0085FF;--color-female: #16a34a;--color-gold: #FFD700;--color-silver: #C0C0C0;--color-bronze: #CD7F32;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .15);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .15);--shadow-blue: 0 0 0 3px rgba(0, 133, 255, .1);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:var(--color-bg-secondary);border:1px solid rgba(0,133,255,.15);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#0085ff4d}.nav{background:var(--color-bg-secondary);border-bottom:1px solid rgba(0,133,255,.15);box-shadow:var(--shadow-sm);padding:var(--spacing-lg) var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--color-accent-primary)}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.nav-link{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--color-accent-primary);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-accent-primary);background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-accent-primary)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:inherit}.btn-primary{background:var(--color-accent-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:#0070dd}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-accent-primary);border:1px solid rgba(0,133,255,.3)}.btn-secondary:hover{background:#0085ff1a;border-color:var(--color-accent-primary)}.btn-danger{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444433;border-color:var(--color-error)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:.875rem}.form-input,.form-select{width:100%;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid rgba(0,133,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:var(--shadow-blue)}.form-input::placeholder{color:var(--color-text-muted)}input[type=date]:invalid{color:var(--color-text-muted)}input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.table-container{overflow-x:auto;margin-top:var(--spacing-lg)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--color-bg-tertiary)}.table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.table td{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(0,133,255,.1)}@media(max-width:640px){.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.table th{white-space:nowrap}}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:#0085ff0d}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-male{background:#0085ff26;color:var(--color-male);border:1px solid rgba(0,133,255,.3)}.badge-female{background:#16a34a26;color:var(--color-female);border:1px solid rgba(22,163,74,.3)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl)}.container-wide{max-width:1600px;margin:0 auto;padding:var(--spacing-2xl)}.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.page-subtitle{color:var(--color-text-secondary);font-size:1.125rem}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{font-size:1.5rem;font-weight:600}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.action-icons{display:flex;gap:var(--spacing-sm)}.icon-btn{padding:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:1.125rem}.icon-btn:hover{color:var(--color-accent-primary);background:#6366f11a}.icon-btn.danger:hover{color:var(--color-error);background:#ef44441a}.position-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-weight:700;font-size:.875rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.position-1{background:var(--color-gold);box-shadow:0 2px 8px #ffd70066}.position-2{background:var(--color-silver);box-shadow:0 2px 8px #c0c0c066}.position-3{background:var(--color-bronze);box-shadow:0 2px 8px #cd7f3266}.race-results-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}.admin-form-row{display:flex;gap:.5rem}.runner-form-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr auto;gap:1rem;margin-bottom:1rem}.race-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;margin-bottom:1rem}.result-form-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.container{padding:var(--spacing-lg)}.nav{padding:var(--spacing-md) var(--spacing-lg);flex-direction:column;gap:var(--spacing-md)}.nav-links{flex-wrap:wrap;justify-content:center}.grid-2,.race-results-grid{grid-template-columns:1fr}.admin-form-row{flex-direction:column;gap:var(--spacing-md)}.runner-form-grid,.race-form-grid,.result-form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.page-title{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-container{border-radius:var(--radius-md)}.table{font-size:.875rem}.table th,.table td{padding:var(--spacing-sm)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-card{width:100%;max-width:400px}.login-logo{text-align:center;margin-bottom:var(--spacing-2xl)}.login-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--color-success)}