@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #111111;--primary-light: #222222;--accent: #F5C500;--accent-dark: #D4A800;--accent-light: #FFF0A0;--success: #16a34a;--danger: #dc2626;--warning: #F5C500;--bg: #F7F7F5;--surface: #FFFFFF;--surface-dark: #1A1A1A;--border: #E0E0DC;--border-strong: #CCCCCC;--text: #111111;--text-muted: #666666;--text-light: #999999;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 3px 8px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.15);--shadow-yellow: 0 4px 16px rgba(245,197,0,.35);--radius: 10px;--radius-lg: 16px}html,body{font-family:Tajawal,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;font-weight:700}input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}.btn{padding:13px 20px;border-radius:var(--radius);font-size:15px;font-weight:800;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;letter-spacing:.02em}.btn-primary{background:var(--primary);color:var(--accent);border:2px solid var(--primary)}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:var(--primary);border:2px solid var(--accent);box-shadow:var(--shadow-yellow)}.btn-accent:hover{background:var(--accent-dark);box-shadow:none}.btn-outline{background:#fff;color:var(--primary);border:2px solid var(--border-strong)}.btn-outline:hover{border-color:var(--primary);background:#f5f5f5}.btn-danger{background:var(--danger);color:#fff;border:2px solid var(--danger)}.btn-success{background:var(--success);color:#fff;border:2px solid var(--success)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.form-group{margin-bottom:18px}.form-label{display:block;font-size:14px;font-weight:800;margin-bottom:7px;color:var(--text);letter-spacing:.01em}.form-input,.form-select{width:100%;padding:13px 14px;border:2px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .15s,box-shadow .15s;min-height:52px;font-weight:500;color:var(--text)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f5c50033}.card{background:var(--surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border)}.badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em}.badge-draft{background:#ebebeb;color:#555;border:1.5px solid #DDD}.badge-submitted{background:#ebf4ff;color:#1a56db;border:1.5px solid #BDD7FF}.badge-approved{background:var(--accent-light);color:#7a5f00;border:1.5px solid var(--accent)}.badge-rejected{background:#fee2e2;color:#991b1b;border:1.5px solid #FECACA}.badge-warning{background:#fef3c7;color:#92400e;border:1.5px solid #FDE68A}.alert{padding:14px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px;font-weight:600;border-width:1.5px;border-style:solid}.alert-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.alert-success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.alert-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.alert-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}.container{max-width:600px;margin:0 auto;padding:16px}.page-title{font-size:22px;font-weight:900;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:20px}.header{background:var(--primary);color:#fff;padding:14px 16px;position:sticky;top:0;z-index:10;box-shadow:0 3px 0 var(--accent),0 4px 12px #0003}.header-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:17px;font-weight:900;color:#fff;letter-spacing:.01em}.header-subtitle{font-size:11px;color:var(--accent);font-weight:700;margin-top:2px;opacity:.9}.header-back{background:#ffffff1a!important;color:var(--accent)!important;border:1.5px solid rgba(255,255,255,.15)!important;border-radius:8px!important;padding:6px 12px!important;font-size:18px!important;min-height:unset!important;font-weight:900!important}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list{display:flex;flex-direction:column;gap:8px}.list-item{background:#fff;padding:14px 16px;border-radius:var(--radius);border:1.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;transition:border-color .15s}.list-item:active{border-color:var(--accent)}.list-item-info{flex:1}.list-item-title{font-weight:800;font-size:15px}.list-item-meta{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:500}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--primary);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,0,.12) 0%,transparent 70%);pointer-events:none}.login-screen:after{content:"";position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,0,.08) 0%,transparent 70%);pointer-events:none}.login-card{background:#fff;border-radius:20px;padding:36px 28px;width:100%;max-width:400px;box-shadow:0 20px 60px #0006;position:relative;z-index:1;border-top:5px solid var(--accent)}.login-logo{text-align:center;margin-bottom:28px}.login-logo h1{font-size:24px;font-weight:900;color:var(--primary);margin-bottom:6px;line-height:1.2}.login-logo p{font-size:13px;color:var(--text-muted);font-weight:600}.login-event-badge{display:inline-block;background:var(--primary);color:var(--accent);font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:12px;letter-spacing:.05em}.stat-card-accent{background:var(--accent);border-color:var(--accent-dark)}.stat-card-accent .stat-value{color:var(--primary)!important}.stat-card-accent .stat-label{color:#0009!important}.nav-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.nav-card:hover,.nav-card:active{border-color:var(--accent);box-shadow:0 0 0 3px #f5c50026,var(--shadow);transform:translateY(-1px)}.nav-card-icon{width:52px;height:52px;background:var(--primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.nav-card-title{font-size:18px;font-weight:900;color:var(--primary)}.nav-card-subtitle{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:600}.race-header{background:var(--primary);color:#fff;border-radius:var(--radius-lg);padding:20px;text-align:center;border-bottom:4px solid var(--accent)}.race-rank-display{font-size:56px;font-weight:900;color:var(--accent);line-height:1}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-4{gap:16px}.justify-between{justify-content:space-between}.items-center{align-items:center}.w-full{width:100%}@media print{header,.btn,button,.no-print{display:none!important}body{background:#fff!important}.card{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.container{max-width:100%!important;padding:0!important}.print-title{display:block!important}[style*=gridTemplateColumns]{display:table-row!important}}.print-title{display:none}