@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#6366f1;--primary-deep:#4f46e5;--primary-glow:#6366f14d;--secondary:#a855f7;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-dark:#f1f5f9;--bg-card:#fff;--bg-input:#f8fafc;--border:#e2e8f0;--text-main:#0f172a;--text-dim:#64748b;--transition:all .35s cubic-bezier(.4, 0, .2, 1);--radius:14px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;text-decoration:none;list-style:none}body{background:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}.primary-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;border-radius:var(--radius);letter-spacing:.01em;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow), inset 0 1px 1px #ffffff4d, inset 0 -2px 10px #0000001a;text-shadow:0 1px 2px #0000001a;border:none;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;display:flex;position:relative;overflow:hidden}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.primary-btn:hover{box-shadow:0 12px 25px var(--primary-glow), 0 2px 5px #0000001a;filter:brightness(1.05);transform:translateY(-3px)scale(1.03)}.primary-btn:hover:before{left:100%}.primary-btn:active{transform:translateY(0)scale(.97)}.secondary-btn{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:#fff;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 2rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 2px 5px #00000005}.secondary-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.logout-btn{color:var(--danger);cursor:pointer;transition:var(--transition);background:#ef444408;border:1px solid #ef444426;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;display:flex}.logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-2px)scale(1.02);box-shadow:0 10px 25px #ef444459}.logout-btn:active{transform:translateY(0)scale(.98)}.danger-btn{color:var(--danger);cursor:pointer;transition:var(--transition);background:snow;border:1px solid #ef444426;border-radius:12px;justify-content:center;align-items:center;padding:.7rem;display:flex}.danger-btn:hover{background:var(--danger);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 20px #ef44444d}.icon-btn{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background:#fff;border-radius:12px;padding:.7rem}.icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f10d;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.glass-card{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);border-radius:20px;box-shadow:0 4px 20px #00000008}.glass-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 15px 35px #0000000f}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-main);transition:var(--transition);outline:none;padding:.9rem 1.25rem;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--bg-dark);padding:1.5rem;font-size:.8rem;font-weight:800}td{border-bottom:1px solid var(--bg-dark);padding:1.5rem;font-size:.95rem}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{overflow-x:hidden}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.responsive-grid-2-1{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.responsive-flex-row{gap:1.5rem;display:flex}.responsive-header{justify-content:space-between;align-items:center;display:flex}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.sidebar-overlay{z-index:49;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.hamburger-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-main);z-index:101;border-radius:10px;padding:.6rem;display:none}.landing-nav-mobile-toggle{display:none!important}@media (width<=1024px){.responsive-grid-4{grid-template-columns:repeat(2,1fr)}.responsive-grid-2-1{grid-template-columns:1fr}}@media (width<=768px){.hamburger-btn{justify-content:center;align-items:center;display:flex}.sidebar-mobile{transition:transform .3s;transform:translate(-100%)}.sidebar-mobile.open{transform:translate(0)}.main-mobile{margin-left:0!important;padding:1rem!important}.responsive-grid-4{grid-template-columns:1fr 1fr}.responsive-flex-row{flex-direction:column}.responsive-header{flex-direction:column;align-items:flex-start;gap:1rem}.landing-nav-desktop{display:none!important}.landing-nav-mobile-toggle{display:block!important}th,td{padding:.75rem .5rem;font-size:.85rem}.primary-btn,.secondary-btn{padding:.75rem 1.25rem;font-size:.85rem}.glass-card:hover,.primary-btn:hover,.secondary-btn:hover{transform:none}}@media (width<=480px){.responsive-grid-4{grid-template-columns:1fr}th,td{padding:.6rem .4rem;font-size:.8rem}}