@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--indigo-50:#eef2ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--teal-500:#14b8a6;--teal-600:#0d9488;--amber-50:#fffbeb;--amber-500:#f59e0b;--rose-50:#fff1f2;--rose-500:#f43f5e;--rose-600:#e11d48;--bg-color:#f0f4f8;--panel-bg:#fffffff2;--panel-border:#0f172a12;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary:var(--blue-600);--primary-hover:var(--blue-700);--primary-glow:#2563eb14;--primary-light:var(--blue-50);--accent:var(--indigo-500);--accent-hover:var(--indigo-600);--accent-glow:#6366f11a;--success:var(--teal-600);--success-bg:#f0fdfa;--success-border:#99f6e4;--success-glow:#14b8a61a;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-glow:#f59e0b1a;--danger:var(--rose-600);--danger-bg:#fff1f2;--danger-border:#fecdd3;--danger-glow:#f43f5e14;--font-sans:"Outfit", sans-serif;--font-mono:"Space Grotesk", monospace;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000a, 0 1px 3px #00000008;--shadow-lg:0 12px 28px #0000000f, 0 4px 10px #00000008;--shadow-xl:0 20px 40px #00000014;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 15% 25%, #2563eb0a 0%, transparent 40%), radial-gradient(circle at 85% 75%, #6366f10a 0%, transparent 40%), radial-gradient(circle at 50% 50%, #fff9 0%, var(--bg-color) 80%);z-index:-1;pointer-events:none;width:140%;height:140%;position:fixed;top:-20%;left:-20%}.container{width:100%;max-width:1440px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:1rem}}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:16px;padding:1.5rem}.glass-panel:hover{box-shadow:var(--shadow-lg), 0 4px 20px #2563eb05;border-color:#0f172a26}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-weight:600}p{color:var(--text-secondary);line-height:1.6}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #2563eb26}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#fff;border:1px solid #0f172a1f;box-shadow:0 1px 2px #00000005}.btn-secondary:hover{background:#f8fafc;border-color:#0f172a33;transform:translateY(-1px)}.btn-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff;transform:translateY(-1px)}.btn-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.btn-success:hover{background:var(--success);color:#fff;transform:translateY(-1px)}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.input,.select{width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff;border:1px solid #0f172a1f;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:1rem}.input:focus,.select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-approved{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-rejected{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.table-container{border:1px solid var(--panel-border);width:100%;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.table th{color:var(--text-secondary);border-bottom:1px solid var(--panel-border);background:#f8fafc;padding:1rem;font-weight:600}.table td{border-bottom:1px solid var(--panel-border);color:var(--text-primary);padding:1rem}.table tr:hover td{background:#f8fafc}.loader{border:3px solid #0f172a14;border-top:3px solid var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#0f172a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a33}