@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #020617 100%);--bg-panel:#0f172a73;--bg-panel-hover:#1e1b4b99;--border-glass:#ffffff14;--border-glass-glow:#818cf840;--primary:#818cf8;--primary-glow:#818cf866;--secondary:#2dd4bf;--secondary-glow:#2dd4bf66;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#0f172a;--status-pending-bg:#f59e0b26;--status-pending-text:#fbbf24;--status-approved-bg:#10b98126;--status-approved-text:#34d399;--status-rejected-bg:#ef444426;--status-rejected-text:#f87171;--status-completed-bg:#3b82f626;--status-completed-text:#60a5fa;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100%;position:relative;overflow-x:hidden}body{font-family:var(--font-body);background:#090d16;background-image:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:var(--border-glass-glow);background:var(--bg-panel-hover);box-shadow:0 12px 40px #818cf826}.glass-input{width:100%;color:var(--text-main);font-family:var(--font-body);background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background:#0f172ad9}.glass-input::placeholder{color:#64748b}.glass-select{width:100%;color:var(--text-main);font-family:var(--font-body);cursor:pointer;appearance:none;background:#0f172a99 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right 16px center/16px no-repeat;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.glass-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.glass-select option{color:var(--text-main);background:#0f172a}.btn{font-family:var(--font-title);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 14px #4f46e559}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e580}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);box-shadow:0 4px 14px #0d948859}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0d948880}.btn-secondary:active{transform:translateY(0)}.btn-glass{color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1a}.btn-glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #818cf833}50%{box-shadow:0 0 25px #818cf866}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #818cf826;border-top-color:var(--primary);width:60px;height:60px;filter:drop-shadow(0 0 8px var(--primary));border-radius:50%;animation:.8s linear infinite spin}.loading-text{font-family:var(--font-title);color:var(--text-main);letter-spacing:.5px;text-shadow:0 2px 8px #00000080;font-size:1.25rem;font-weight:600}.dashboard-container{min-height:100vh;display:flex}.dashboard-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);background:#0f172a99;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:24px;display:flex}.dashboard-content{flex-grow:1;padding:40px;overflow-y:auto}@media (width<=991px){.dashboard-container{flex-direction:column}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--border-glass);width:100%}.dashboard-content{padding:24px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a4d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.text-gradient{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-indigo{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-teal{background:linear-gradient(135deg,#2dd4bf 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.badge-approved{background:var(--status-approved-bg);color:var(--status-approved-text)}.badge-rejected{background:var(--status-rejected-bg);color:var(--status-rejected-text)}.badge-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.pulse-glow-border{border-color:var(--primary)!important;box-shadow:0 0 15px 0 var(--primary-glow)!important}.landing-header{z-index:100;box-sizing:border-box;justify-content:space-between;align-self:center;align-items:center;width:calc(100% - 32px);margin:16px;padding:16px 24px;display:flex;position:sticky;top:16px}.landing-header-buttons{gap:12px;display:flex}.hero-title{font-size:clamp(1.85rem,7vw,3.5rem)}.hero-subtitle{font-size:clamp(.95rem,2.5vw,1.2rem)}.landing-search-form{border-radius:50px;align-items:center;gap:8px;width:100%;padding:8px;display:flex}.landing-search-input{background:0 0;padding:8px 4px;box-shadow:none!important;border:none!important}.landing-search-btn{border-radius:50px;padding:10px 28px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (width<=768px){.landing-header{flex-direction:column;gap:16px;width:calc(100% - 16px);margin:8px;padding:12px 16px;top:8px}.landing-header-buttons{justify-content:center;width:100%}.landing-header-buttons .btn{text-align:center;flex:1;padding:8px 12px;font-size:.8rem}.landing-search-form{border-radius:20px;flex-direction:column;gap:12px;width:100%;padding:16px}.landing-search-icon{display:none}.landing-search-input{text-align:center;background:#0f172a99;border-radius:10px;width:100%;padding:12px;border:1px solid #ffffff1a!important}.landing-search-input:focus{background:#0f172ad9}.landing-search-btn{border-radius:10px;width:100%}.hero-actions{flex-direction:column;gap:12px;width:100%;padding:0 16px}.hero-actions .btn{width:100%}}