:root{--primary-navy: #0A2342;--primary-navy-light: #133256;--secondary-gold: #C9A84C;--secondary-gold-dark: #B8943E;--accent-blue: #0066CC;--accent-crimson: #C0392B;--bg-slate: #EEF3FA;--bg-hero: #081C35;--card-white: #FFFFFF;--card-glass: rgba(255,255,255,.12);--text-dark: #0F172A;--text-mid: #334155;--text-light: #64748B;--text-muted: #94A3B8;--text-white: #FFFFFF;--pending-color: #D97706;--approved-color: #16A34A;--rejected-color: #DC2626;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .28s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .18s ease;--shadow-xs: 0 1px 3px rgba(0,0,0,.07);--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-md: 0 10px 20px -4px rgba(0,0,0,.1), 0 4px 8px -4px rgba(0,0,0,.06);--shadow-lg: 0 20px 40px -8px rgba(10,35,66,.18), 0 8px 16px -8px rgba(10,35,66,.1);--shadow-gold: 0 0 0 3px rgba(201,168,76,.25);--shadow-navy: 0 0 0 3px rgba(10,35,66,.18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-slate);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-slate)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-py{padding:72px 0}.section-py-sm{padding:48px 0}.text-center{text-align:center}.card{background:var(--card-white);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid #E2E8F0;transition:var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-no-hover:hover{transform:none;box-shadow:var(--shadow-sm)}.card-glass{background:var(--card-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:none;transition:var(--transition-smooth);font-family:var(--font-family);font-size:15px;letter-spacing:.2px;white-space:nowrap}.btn-primary{background:var(--primary-navy);color:#fff;box-shadow:0 4px 14px #0a234240}.btn-primary:hover:not(:disabled){background:var(--primary-navy-light);box-shadow:0 6px 20px #0a234259;transform:translateY(-1px)}.btn-accent{background:var(--secondary-gold);color:var(--primary-navy);box-shadow:0 4px 14px #c9a84c4d}.btn-accent:hover:not(:disabled){background:var(--secondary-gold-dark);box-shadow:0 6px 20px #c9a84c66;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--primary-navy);color:var(--primary-navy)}.btn-outline:hover:not(:disabled){background:var(--primary-navy);color:#fff}.btn-ghost{background:transparent;color:var(--text-light);border:none}.btn-ghost:hover{color:var(--primary-navy);background:#f1f5f9}.btn-danger{background:var(--rejected-color);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:16px 36px;font-size:16px}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;margin-bottom:8px;color:var(--primary-navy);font-size:13.5px;letter-spacing:.2px}.form-input{width:100%;padding:12px 16px;border:2px solid #CBD5E1;border-radius:var(--radius-md);font-family:var(--font-family);font-size:15px;color:var(--text-dark);background:#fff;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-navy);box-shadow:var(--shadow-navy)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:88px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.error-msg{color:var(--rejected-color);font-size:12.5px;margin-top:5px;font-weight:500;display:flex;align-items:center;gap:4px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#d977061f;color:var(--pending-color)}.badge-approved{background:#16a34a1f;color:var(--approved-color)}.badge-rejected{background:#dc26261f;color:var(--rejected-color)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}@media (max-width: 960px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.grid-cols-3{grid-template-columns:1fr}}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 520px){.grid-cols-2{grid-template-columns:1fr}}.loader{border:4px solid #E2E8F0;border-top-color:var(--primary-navy);border-radius:50%;width:40px;height:40px;animation:spin .9s linear infinite;margin:0 auto 16px}.loader-sm{border:3px solid #E2E8F0;border-top-color:var(--primary-navy);border-radius:50%;width:20px;height:20px;animation:spin .9s linear infinite}.loader-lg{border:5px solid #E2E8F0;border-top-color:var(--primary-navy);border-radius:50%;width:52px;height:52px;animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.state-container{text-align:center;padding:64px 24px;color:var(--text-light)}.gold-divider{width:56px;height:3px;background:linear-gradient(90deg,var(--secondary-gold),transparent);border-radius:var(--radius-full);margin:12px auto 0}.section-heading{text-align:center;margin-bottom:48px}.section-heading h2{font-size:32px;color:var(--primary-navy);font-weight:800;letter-spacing:-.5px;line-height:1.2}.section-heading p{color:var(--text-light);font-size:16px;margin-top:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGold{0%,to{box-shadow:0 0 #c9a84c66}50%{box-shadow:0 0 0 10px #c9a84c00}}.animate-fadeInUp{animation:fadeInUp .55s ease both}.animate-fadeIn{animation:fadeIn .4s ease both}.alert-danger{background:#dc26260f;border:1.5px solid rgba(220,38,38,.2);color:var(--rejected-color);border-radius:var(--radius-md);padding:14px 18px;font-size:14px;display:flex;gap:10px;align-items:center}.alert-info{background:#0066cc12;border:1px solid rgba(0,102,204,.2);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;display:flex;gap:8px;color:#0369a1;line-height:1.5}.input-with-button{display:flex;gap:10px}@media (max-width: 520px){.input-with-button{flex-direction:column}}.navbar-mini{background:var(--primary-navy);color:#fff;padding:13px 0;border-bottom:3px solid var(--secondary-gold);position:sticky;top:0;z-index:100}.mini-nav-inner{display:flex;align-items:center;justify-content:space-between}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffd9;transition:var(--transition-fast)}.back-link:hover{color:var(--secondary-gold)}.tab-headers{display:flex;border-bottom:2px solid #E2E8F0;margin-bottom:28px;gap:4px;overflow-x:auto}.tab-btn{flex:1;min-width:120px;padding:12px 8px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:var(--font-family);font-weight:600;font-size:13.5px;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:var(--transition-smooth);white-space:nowrap}.tab-btn:hover{color:var(--primary-navy)}.tab-btn.active{color:var(--primary-navy);border-bottom-color:var(--secondary-gold)}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{padding:15px 20px;border-bottom:1px solid #E9EEF5;font-size:14px}.table th{background:#f8fafc;color:var(--primary-navy);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table tbody tr:hover{background:#f8fafc}.gold-accent-left{border-left:4px solid var(--secondary-gold);padding-left:16px}