@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#ec4899;--sidebar-width:260px;--glass:#1e293bb3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Outfit,sans-serif;overflow-x:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.app-container{min-height:100vh;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;height:54px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff}.btn-primary:hover{box-shadow:0 10px 20px -10px var(--primary);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid #ffffff0d;border-radius:20px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.input-group input,.input-group select{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:12px;outline:none;width:100%;height:54px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.input-group input:focus,.input-group select:focus{border-color:var(--primary);background:#1e293b;box-shadow:0 0 0 4px #6366f11a}.auth-container{background:radial-gradient(circle at 100% 0,#312e81,#0f172a);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:100%;max-width:400px;padding:2.5rem}.logo{background:linear-gradient(90deg,#818cf8,#ec4899);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:800}.nav-link{color:var(--text-muted);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-main);background:#6366f11a}.nav-link svg{width:20px;height:20px}.role-badge{text-transform:uppercase;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.role-owner{color:#ec4899;background:#ec489933}.role-hub{color:#818cf8;background:#6366f133}.role-salesman{color:#4ade80;background:#22c55e33}