@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#06080f;--bg-secondary:#0c1019;--bg-elevated:#111622;--bg-surface:#161c2e;--text-primary:#f0f2f8;--text-secondary:#8892a8;--text-tertiary:#5a6580;--accent-1:#804eec;--accent-2:#9b6ff7;--accent-3:#6b3cc9;--accent-glow:#804eec40;--success:#34d399;--success-muted:#34d3991f;--warning:#fbbf24;--warning-muted:#fbbf241f;--danger:#f87171;--danger-muted:#f871711f;--glass-bg:#ffffff06;--glass-bg-hover:#ffffff0a;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f;--font-sans:"Host Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.28s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(60% 50% at 10% 20%,#6366f112,#0000),radial-gradient(50% 60% at 80% 60%,#a78bfa0f,#0000),radial-gradient(40% 40% at 50% 80%,#34d39908,#0000);animation:20s ease-in-out infinite alternate meshShift;position:fixed;inset:0}@keyframes meshShift{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.1)translateY(-20px)}}a{color:inherit;transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:not(.btn):hover{color:var(--accent-2)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:600;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-gradient{color:var(--accent-1)}.text-sm{color:var(--text-secondary);font-size:.875rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 .5px #ffffff08,0 8px 40px -12px #0009}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:transform var(--duration-normal)var(--ease-out),border-color var(--duration-normal)var(--ease-out),box-shadow var(--duration-normal)var(--ease-out);box-shadow:inset 0 0 0 .5px #ffffff08,0 4px 24px -8px #0006}.glass-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:inset 0 0 0 .5px #ffffff0d,0 12px 48px -12px #00000080,0 0 0 1px #6366f10f}.glass-card-static{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:inset 0 0 0 .5px #ffffff08,0 4px 24px -8px #0006}input,select,textarea{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out);background:#00000040;padding:.8rem 1rem;font-family:inherit;font-size:.95rem}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px var(--accent-glow),0 0 20px -4px var(--accent-glow);background:#00000059;outline:none}label{margin-bottom:var(--space-sm);color:var(--text-secondary);letter-spacing:.01em;font-size:.875rem;font-weight:500;display:block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast)var(--ease-spring),box-shadow var(--duration-normal)var(--ease-out),background var(--duration-fast)var(--ease-out);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent-1);color:#fff;box-shadow:0 2px 10px -2px var(--accent-glow);font-weight:600}.btn-primary:hover{background:var(--accent-2);box-shadow:0 4px 18px -3px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff0a}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff14}.btn-success{color:#fff;background:#059669;box-shadow:0 2px 10px -2px #34d39940}.btn-success:hover{background:#10b981;transform:translateY(-1px);box-shadow:0 4px 18px -3px #34d3994d}.btn-danger{color:var(--danger);background:#f871711f;border:1px solid #f8717133}.btn-danger:hover{background:#f8717133;border-color:#f8717159}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.btn-lg{padding:.65rem 1.4rem;font-size:.95rem}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.page-container{width:100%;max-width:72rem;padding:var(--space-xl)var(--space-lg);min-height:100dvh;margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:1fr 1fr 1fr;display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-pending{background:var(--warning-muted);color:var(--warning);border:1px solid #fbbf2433}.badge-pending:before{background:var(--warning)}.badge-approved,.badge-repaid{background:var(--success-muted);color:var(--success);border:1px solid #34d39933}.badge-approved:before,.badge-repaid:before{background:var(--success)}.badge-rejected,.badge-defaulted,.badge-repayment-rejected{background:var(--danger-muted);color:var(--danger);border:1px solid #f8717133}.badge-rejected:before,.badge-defaulted:before,.badge-repayment-rejected:before{background:var(--danger)}.badge-disbursed,.badge-repayment-submitted{color:var(--accent-2);background:#6366f11f;border:1px solid #6366f133}.badge-disbursed:before,.badge-repayment-submitted:before{background:var(--accent-2)}.badge-overdue{color:#fb923c;background:#f973161f;border:1px solid #f9731633}.badge-overdue:before{background:#fb923c}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--duration-normal)var(--ease-out);position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--accent-1);opacity:0;height:2px;transition:opacity var(--duration-normal)var(--ease-out);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--glass-border-hover)}.stat-card:hover:after{opacity:1}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);font-size:.8rem;font-weight:500}.stat-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.nav-header{padding:var(--space-md)max(var(--space-lg),calc((100% - 72rem + 24px)/2));background:var(--bg-primary);-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--glass-border);z-index:100;justify-content:space-between;align-items:center;width:100%;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:var(--space-sm);letter-spacing:-.02em;font-size:1.1rem;font-weight:700;display:flex}.nav-logo-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.nav-links{align-items:center;gap:var(--space-xs);display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-out);padding:.4rem .85rem;font-size:.8rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:var(--text-primary);background:#6366f11a}.alert-error{color:var(--danger);background:var(--danger-muted);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);border:1px solid #f8717133;padding:.75rem 1rem;font-size:.875rem}.alert-info{color:var(--accent-2);border-radius:var(--radius-sm);background:#6366f114;border:1px solid #6366f126;padding:.75rem 1rem;font-size:.875rem}.alert-success{color:var(--success);background:var(--success-muted);border-radius:var(--radius-sm);border:1px solid #34d39933;padding:.75rem 1rem;font-size:.875rem}.alert-warning{color:var(--warning);background:var(--warning-muted);border-radius:var(--radius-sm);border:1px solid #fbbf2433;padding:.75rem 1rem;font-size:.875rem}.divider{border:none;border-top:1px solid var(--glass-border);margin:var(--space-lg)0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px -8px var(--accent-glow)}50%{box-shadow:0 0 30px -4px var(--accent-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeInUp var(--duration-slow)var(--ease-out)forwards}.animate-fade-in-delay-1{opacity:0;animation:fadeInUp var(--duration-slow)var(--ease-out).1s forwards}.animate-fade-in-delay-2{opacity:0;animation:fadeInUp var(--duration-slow)var(--ease-out).2s forwards}.animate-fade-in-delay-3{opacity:0;animation:fadeInUp var(--duration-slow)var(--ease-out).3s forwards}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:768px){h1{font-size:1.5rem}h2{font-size:1.2rem}.glass-card{padding:var(--space-lg)}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}}.skeleton{background:linear-gradient(90deg,var(--glass-bg)0%,#ffffff0f 50%,var(--glass-bg)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:var(--space-3xl)var(--space-xl);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);width:64px;height:64px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}@media (max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.page-container{padding:var(--space-lg)var(--space-md)}.nav-header{padding:var(--space-sm)var(--space-md)}.nav-links{gap:0}.nav-link{padding:.4rem .6rem;font-size:.8rem}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.glass-card,.glass-card-static{padding:var(--space-lg)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.3rem}}@media (max-width:480px){h1{font-size:1.25rem}.page-container{padding:var(--space-md)var(--space-sm)}.nav-header{padding:var(--space-sm);gap:var(--space-sm);flex-wrap:wrap}.nav-logo span{font-size:.95rem}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:.35rem .5rem;font-size:.75rem}.glass-card,.glass-card-static{padding:var(--space-md);border-radius:var(--radius-md)}.grid-2,.grid-cols-1{grid-template-columns:1fr!important}.stat-card{padding:var(--space-sm)var(--space-md)}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}.btn{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:.55rem 1.15rem;font-size:.875rem}.empty-state{padding:var(--space-2xl)var(--space-md)}}