:root{--primary: #4F46E5;--primary-hover: #4338ca;--bg-color: #F9FAFB;--text-color: #111827;--text-secondary: #6B7280;--border-color: #D1D5DB;--white: #ffffff;--danger: #EF4444;--success-bg: #D1FAE5;--success-text: #065F46;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--radius: .5rem}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.card{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.btn{display:inline-flex;justify-content:center;align-items:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--white);background-color:var(--primary);cursor:pointer;transition:background-color .2s}.btn:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--white);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#f3f4f6}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-color);margin-bottom:.25rem}.input-field{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.875rem;box-sizing:border-box;height:2.5rem}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:16rem;background-color:var(--white);box-shadow:var(--shadow);display:flex;flex-direction:column}.main-content{flex:1;overflow-y:auto;padding:1.5rem}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius);margin:.25rem .5rem}.nav-link:hover,.nav-link.active{background-color:#eef2ff;color:var(--primary)}.nav-icon{margin-right:.75rem;width:1.25rem;height:1.25rem}.auth-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.auth-card{width:100%;max-width:28rem}.auth-title{text-align:center;font-size:1.875rem;font-weight:800;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:640px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-card{display:flex;align-items:center}.stat-icon{padding:.75rem;border-radius:9999px;background-color:#e0e7ff;color:var(--primary);margin-right:1.25rem}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:#f9fafb;font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--text-secondary)}.table td{font-size:.875rem;color:var(--text-color)}.badge{display:inline-flex;border-radius:9999px;background-color:var(--success-bg);color:var(--success-text);font-size:.75rem;font-weight:600;padding:.125rem .625rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.modal-content{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:32rem;padding:1.5rem}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-danger{color:var(--danger)}