:root{--blue-dark:#1a5276;--blue-mid:#2874a6;--blue-light:#d6eaf8;--blue-pale:#ebf5fb;--accent:#e67e22;--accent-hover:#ca6f1e;--success:#1e8449;--success-bg:#eafaf1;--warning:#d4ac0d;--warning-bg:#fef9e7;--danger:#c0392b;--danger-bg:#fdedec;--gray:#7f8c8d;--gray-light:#f2f3f4;--gray-border:#e8ecee;--text:#1c2833;--text-muted:#5d6d7e;--white:#fff;--font:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"SF Mono","Menlo",monospace;--radius:10px;--radius-lg:16px;--shadow:0 2px 16px rgba(26,82,118,.1);--shadow-lg:0 8px 28px rgba(26,82,118,.15);--nav-h:64px;--max-w:1140px;--ease:cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--gray-light);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;min-height:100vh}a{color:var(--blue-mid);text-decoration:none;transition:color .2s var(--ease)}a:hover{color:var(--blue-dark)}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:var(--max-w);padding:0 24px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.4;padding:10px 24px;text-decoration:none;transition:all .2s var(--ease)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue-dark);color:var(--white)}.btn-primary:hover{background:var(--blue-mid);color:var(--white)}.btn-accent{background:var(--accent);color:var(--white)}.btn-accent:hover{background:var(--accent-hover);color:var(--white)}.btn-outline{background:transparent;border:1.5px solid var(--blue-dark);color:var(--blue-dark)}.btn-outline:hover{background:var(--blue-dark);color:var(--white)}.btn-white{background:var(--white);border:1.5px solid var(--gray-border);color:var(--blue-dark)}.btn-white:hover{background:var(--blue-pale);border-color:var(--blue-mid)}.btn-sm{border-radius:6px;font-size:12px;padding:6px 14px}.btn-lg{border-radius:10px;font-size:16px;padding:14px 32px}.btn-block{width:100%}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;white-space:nowrap}.badge:before{border-radius:50%;content:"";height:6px;width:6px}.badge-upcoming{background:var(--success-bg);color:var(--success)}.badge-upcoming:before{background:var(--success)}.badge-ongoing{background:var(--blue-pale);color:var(--blue-mid)}.badge-ongoing:before{background:var(--blue-mid)}.badge-ended{background:var(--gray-light);color:var(--gray)}.badge-ended:before{background:var(--gray)}.badge-full{background:var(--danger-bg);color:var(--danger)}.badge-full:before{background:var(--danger)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-pending:before{background:var(--warning)}.form-group{margin-bottom:20px}.form-group label{color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group label .req{color:var(--danger);margin-left:2px}.form-control{background:var(--white);border:1.5px solid #d5d8dc;border-radius:7px;color:var(--text);font-family:var(--font);font-size:14px;padding:10px 14px;transition:border-color .2s var(--ease);width:100%}.form-control:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #2874a61a;outline:none}.form-control::-moz-placeholder{color:#aab7b8}.form-control::placeholder{color:#aab7b8}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:11px;margin-top:4px}.form-error{color:var(--danger)}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-body{padding:20px}.section{padding:40px 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:var(--blue-dark);font-size:22px;font-weight:700}.section-subtitle{color:var(--text-muted);font-size:14px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:32px}.page-btn{background:var(--white);border:1.5px solid var(--gray-border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:13px;padding:8px 14px;transition:all .2s var(--ease)}.page-btn:hover{border-color:var(--blue-mid);color:var(--blue-dark)}.page-btn.active{background:var(--blue-dark);border-color:var(--blue-dark);color:var(--white)}.steps{gap:0;margin-bottom:32px}.step,.step-circle,.steps{align-items:center;display:flex}.step-circle{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .3s var(--ease);width:36px}.step.done .step-circle{background:var(--success);color:var(--white)}.step.active .step-circle{background:var(--blue-dark);color:var(--white)}.step.inactive .step-circle{background:#e8ecee;color:var(--gray)}.step-label{color:var(--text-muted);font-size:12px;font-weight:500;margin-left:8px}.step.active .step-label{color:var(--blue-dark);font-weight:600}.step-line{background:#e8ecee;flex:1;height:2px;margin:0 12px;min-width:20px}.step.done .step-line,.step.done+.step-line{background:var(--success)}.progress-bar{background:#ecf0f1;border-radius:10px;height:8px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .5s var(--ease)}.progress-fill.green{background:var(--success)}.progress-fill.blue{background:var(--blue-mid)}.upload-area{border:2px dashed #d5d8dc;border-radius:8px;cursor:pointer;padding:32px;text-align:center;transition:all .2s var(--ease)}.upload-area:hover{background:var(--blue-pale);border-color:var(--blue-mid)}.upload-icon{font-size:36px;margin-bottom:10px}.upload-text{color:var(--text-muted);font-size:13px}.upload-text strong{color:var(--blue-mid)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s var(--ease)}.animate-fade-in-up{animation:fadeInUp .5s var(--ease)}.skeleton{animation:pulse 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px}