@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap);:root{--primary:#4f46e5;--primary-glow:#4f46e580;--secondary:#ec4899;--accent:#06b6d4;--bg-app:#f8fafc;--bg-card:#ffffffe6;--bg-glass:#fffc;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-glow:0 0 20px var(--primary-glow);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--glass-border:1px solid #ffffff80}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-app);color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;line-height:1.2;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;background:var(--bg-card);border:1px solid #fff9;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a;color:#fff}.btn-primary:hover{box-shadow:0 6px 12px -1px #4f46e54d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;border-color:var(--text-muted);color:#4f46e5;color:var(--primary)}.btn-ghost{background:#0000;color:#64748b;color:var(--text-secondary)}.btn-ghost:hover{background:#4f46e514;color:#4f46e5;color:var(--primary)}.btn-danger{background:#fee2e2;color:#ef4444}.btn-danger:hover{background:#fecaca;color:#dc2626}.input-field{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease-in-out;width:100%}.input-field:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526;outline:none}.badge{align-items:center;background:#f1f5f9;border-radius:9999px;border-radius:var(--radius-full);color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;line-height:1;padding:.25rem .6rem;text-transform:capitalize}.badge-primary{background:#4f46e51a;color:#4f46e5;color:var(--primary)}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#dc2626}.table-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.modern-table{border-collapse:collapse;white-space:nowrap;width:100%}.modern-table th{background:#f8fafc;color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.modern-table td,.modern-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1rem 1.5rem}.modern-table td{color:#0f172a;color:var(--text-primary);vertical-align:middle}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover td{background:#f8fafc}.sidebar-link{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);display:flex;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-link:hover{background:#f1f5f9;color:#0f172a;color:var(--text-primary);transform:translateX(4px)}.sidebar-link.active{background:linear-gradient(90deg,#4f46e5,#6366f1);background:linear-gradient(90deg,var(--primary) 0,#6366f1 100%);box-shadow:0 4px 12px #4f46e540;color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.ml-2{margin-left:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.pv-2{padding-bottom:.5rem;padding-top:.5rem}.ph-4{padding-left:1rem;padding-right:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.w-full{width:100%}.text-center{text-align:center}.text-danger{color:#ef4444}.text-muted{color:#94a3b8;color:var(--text-muted)}.relative{position:relative}.sidebar-container{background:var(--bg-sidebar);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .1s ease-in-out;z-index:50}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);box-sizing:border-box;display:flex;height:80px;justify-content:space-between;padding:1.5rem}.logo-container{gap:.75rem;overflow:hidden;white-space:nowrap}.logo-container,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,var(--primary),#6366f1);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #4f46e54d;color:#fff;height:2rem;justify-content:center;width:2rem}.brand-name{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.brand-highlight{color:var(--primary)}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.collapse-btn:hover{background:#f1f5f9;color:var(--primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1.5rem 1rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:hover{background:#f8fafc;color:var(--primary)}.nav-item.active{background:linear-gradient(90deg,var(--primary),#6366f1);box-shadow:0 4px 12px #4f46e540;color:#fff}.nav-icon{flex-shrink:0;transition:color .2s}.nav-label{opacity:1;transition:opacity .2s;white-space:nowrap}.sidebar-footer{background:#f8fafc;border-top:1px solid var(--border);padding:1rem}.user-profile{gap:.75rem}.avatar,.user-profile{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,var(--accent),var(--primary));border-radius:50%;box-shadow:var(--shadow-md);color:#fff;flex-shrink:0;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.user-info{flex:1 1;min-width:0;overflow:hidden}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-muted);font-size:.75rem;margin:0}.logout-btn-icon{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .2s}.logout-btn-icon:hover{background:#fee2e2;color:#ef4444}.sidebar-container.collapsed{width:80px}.sidebar-container.collapsed .brand-name,.sidebar-container.collapsed .nav-label,.sidebar-container.collapsed .user-info{display:none;opacity:0}.sidebar-container.collapsed .sidebar-header{justify-content:center;padding:1.5rem 0}.sidebar-container.collapsed .logo-container{display:none}.sidebar-container.collapsed .collapse-btn{width:100%}.sidebar-container.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar-container.collapsed .user-profile{justify-content:center}.sidebar-container.collapsed .logout-btn-icon{display:none}
/*# sourceMappingURL=main.645146ad.css.map*/