@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Mitr:wght@300;400;500&display=swap";:root{--primary:#059669;--primary-hover:#047857;--primary-light:#d1fae5;--secondary:#2563eb;--secondary-hover:#1d4ed8;--background:#f3f4f6;--surface:#fff;--surface-hover:#f9fafb;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:.5rem;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Mitr,Inter,sans-serif;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input-field{border:1px solid var(--border);border-radius:var(--radius);width:100%;transition:var(--transition);background-color:var(--surface);color:var(--text-main);outline:none;padding:.6rem 1rem;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.login-bg{background:linear-gradient(135deg,#e0f2fe 0%,#bbf7d0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg:before,.login-bg:after{content:"";z-index:0;filter:blur(60px);opacity:.5;border-radius:50%;width:400px;height:400px;position:absolute}.login-bg:before{background:var(--primary);animation:8s infinite alternate float;top:-100px;right:-100px}.login-bg:after{background:var(--secondary);animation:10s infinite alternate float-reverse;bottom:-100px;left:-100px}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(50px)translate(-50px)}}@keyframes float-reverse{0%{transform:translateY(0)}to{transform:translateY(-50px)translate(50px)}}.glass-card{-webkit-backdrop-filter:blur(12px);z-index:1;background:#ffffffd9;border:1px solid #ffffff80;border-radius:1rem;width:90%;max-width:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.card-half{flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex}.brand-section{text-align:center;background:linear-gradient(135deg,#ecfdf5e6 0%,#d1fae5cc 100%);border-right:1px solid #ffffff80;align-items:center}.brand-icon{background:var(--primary);color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #10b9814d}.brand-title{color:#065f46;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.brand-desc{color:#047857;opacity:.8;font-size:.9rem}.login-title{color:var(--text-main);text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:250px;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.navbar{background-color:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.sidebar-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:80px;padding:0 1.5rem;display:flex}.sidebar-brand-icon{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:.75rem;font-size:1.2rem;font-weight:700;display:flex}.sidebar-brand-text{color:var(--text-main);font-size:1.1rem}.sidebar-nav{flex:1;padding:1.5rem 1rem}.nav-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;padding-left:.5rem;font-size:.75rem;font-weight:600}.nav-item{color:var(--text-main);border-radius:var(--radius);transition:var(--transition);align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--primary-light);color:var(--primary-hover)}.nav-icon{color:var(--text-muted);margin-right:1rem;display:flex}.nav-item:hover .nav-icon{color:var(--primary-hover)}.sidebar-footer{border-top:1px solid var(--border);padding:1rem}.logout-btn{color:var(--error);margin-bottom:0}.logout-btn:hover{color:#dc2626;background-color:#fef2f2}.logout-btn:hover .nav-icon{color:#dc2626}.navbar-search{align-items:center;width:300px;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:10px}.navbar-input{border-radius:2rem;padding-left:2.5rem}.navbar-actions{align-items:center;gap:1.5rem;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:relative}.icon-btn:hover{color:var(--primary)}.notification-badge{background-color:var(--error);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.user-profile{cursor:pointer;align-items:center;gap:.75rem;display:flex}.user-avatar{color:var(--text-muted)}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:.9rem;font-weight:500}.user-role{color:var(--text-muted);font-size:.75rem}.content-wrapper{background-color:var(--background);flex:1;padding:2rem;overflow-y:auto}.welcome-title{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.welcome-subtitle{color:var(--text-muted);margin-bottom:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:var(--transition);align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.purchase-icon{color:#3b82f6;background-color:#eff6ff}.inventory-icon{color:#eab308;background-color:#fefce8}.dispense-icon{color:#10b981;background-color:#ecfdf5}.stat-details h3{color:var(--text-muted);margin-bottom:.25rem;font-size:.9rem;font-weight:500}.stat-details p{color:var(--text-main);font-size:1.5rem;font-weight:700}