@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #1E63FF;--primary-hover: #3575FF;--secondary: #4DA3FF;--bg-main: #ffffff;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #E3EEFF;--accent: #FFD700;--sidebar-width: 280px;--header-height: 70px;--shadow-sm: 0 1px 2px 0 rgba(30, 99, 255, .05);--shadow-md: 0 4px 6px -1px rgba(30, 99, 255, .12), 0 2px 4px -2px rgba(30, 99, 255, .08);--shadow-lg: 0 10px 15px -3px rgba(30, 99, 255, .1), 0 4px 6px -4px rgba(30, 99, 255, .1);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}#root{width:100%}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top right,var(--border),transparent),radial-gradient(circle at bottom left,var(--bg-main),transparent)}.login-card{width:100%;max-width:440px;padding:56px;background:#fff;border:1px solid var(--border);border-radius:32px;box-shadow:0 25px 50px -12px #1e63ff1f}.input-group{margin-bottom:24px}.input-label{display:block;font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:10px}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);position:fixed;height:100vh;left:0;top:0;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.main-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s ease}.main-content{padding:32px;max-width:1400px;margin:0 auto}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 16px;color:var(--text-muted);text-decoration:none;font-size:15px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .23s ease}.nav-item:hover{color:var(--primary);background:var(--bg-main)}.nav-item.active{color:#fff;background:var(--primary);box-shadow:0 4px 12px #1e63ff40}.auth-button{width:100%;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1e63ff26}.input-field{width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:15px;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e63ff1a}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th{background:var(--bg-main);padding:16px 20px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;text-align:left}td{padding:16px 20px;border-top:1px solid var(--border);font-size:14px}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}.main-content{padding:20px}}@media(max-width:640px){.login-card{padding:24px}.stat-card{padding:16px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-fade{animation:slideIn .3s ease-out forwards}