@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=JetBrains+Mono:wght@400;700&family=Manrope:wght@600;800&display=swap";:root{--primary-color:#004225;--primary-light:#22c55e;--secondary-color:#84cc16;--danger-color:#ff4500;--danger-light:#ffe4e1;--warning-color:gold;--warning-light:#fffacd;--bg-color:#f8faf8;--card-bg:#fffffff2;--text-dark:#004225;--text-light:#555;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #0000001a;--shadow-lg:0 20px 40px #00000026;--border-radius:16px;--transition:all .3s ease}body{background:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid #ffffff4d;margin-bottom:2rem;padding:2rem}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-header{box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem 2rem;display:flex}.logo-container{align-items:center;gap:1rem;display:flex}.logo-img{height:120px;box-shadow:var(--shadow-sm);border-radius:50%}.app-title{color:var(--primary-color);margin:0;font-size:1.8rem;font-weight:800}.btn-massive{cursor:pointer;transition:var(--transition);color:#fff;text-transform:uppercase;letter-spacing:2px;width:100%;box-shadow:var(--shadow-md);border:none;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;font-size:2rem;font-weight:700;display:flex}.btn-massive i{font-size:4rem}.btn-ingreso{background:linear-gradient(135deg, var(--primary-color) 0%, var(--tertiary-color,#22c55e) 100%)}.btn-ingreso:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg, var(--tertiary-color,#22c55e) 0%, var(--primary-color) 100%);transform:scale(1.05)}.btn-salida{background:linear-gradient(135deg, var(--secondary-color) 0%, #a3e635 100%)}.btn-salida:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg, #a3e635 0%, var(--secondary-color) 100%);transform:scale(1.05)}.btn-kardex{background:linear-gradient(135deg,#111 0%,#333 100%);padding:2rem 1rem;font-size:1.5rem}.btn-kardex:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#333 0%,#111 100%);transform:scale(1.05)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;width:100%;max-width:400px}.login-input{box-sizing:border-box;width:100%;transition:var(--transition);border:2px solid #e0e0e0;border-radius:12px;margin-bottom:1rem;padding:1.2rem;font-size:1.2rem}.login-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #2e8b571a}.btn-login{background:var(--primary-color);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:12px;padding:1.2rem;font-size:1.2rem;font-weight:700}.btn-login:hover{background:var(--primary-light);transform:translateY(-2px)}.alerts-container{margin-bottom:2rem}.alert{border-radius:12px;margin-bottom:1rem;padding:1.5rem;font-size:1.1rem;font-weight:700;animation:.5s ease-out slideIn}.alert-danger{background-color:var(--danger-light);color:var(--danger-color);border-left:6px solid var(--danger-color)}.alert-warning{background-color:var(--warning-light);color:#b8860b;border-left:6px solid var(--warning-color)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:block}.form-control{box-sizing:border-box;width:100%;transition:var(--transition);border:2px solid #e0e0e0;border-radius:12px;padding:1rem;font-size:1.1rem}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #2e8b571a}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em}.table-container{box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.kardex-table{border-collapse:collapse;text-align:left;background:#fff;width:100%}.kardex-table th{background:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:1px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600}.kardex-table td{color:var(--text-dark);border-bottom:1px solid #f0f0f0;padding:1rem}.kardex-table tr:hover td{background-color:#f9f9f9}.badge{white-space:nowrap;border-radius:20px;padding:.4rem .8rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:inline-block}.badge-ingreso{color:#155724;background:#d4edda}.badge-salida{color:#721c24;background:#f8d7da}.text-center{text-align:center}.mb-4{margin-bottom:1.5rem}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-2{gap:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-container{padding:1rem}.app-header{text-align:center;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem}.logo-container{flex-direction:column-reverse}.user-info{flex-direction:column;align-items:center;gap:.5rem;display:flex}.user-info span{margin-right:0!important}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.btn-massive{border-radius:20px;padding:1.5rem 1rem;font-size:1.2rem}.btn-massive i{font-size:2.5rem}.btn-kardex{padding:1.5rem 1rem;font-size:1.2rem}.glass-card{padding:1.2rem}.glass-card .flex.justify-between{text-align:center;flex-direction:column;align-items:stretch;gap:1rem}.glass-card h2{margin:0;font-size:1.4rem}form[style*="display: flex"]{flex-direction:column!important;align-items:stretch!important}div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}div[style*="display: flex; gap: 1rem"],div[style*="display: flex; gap: 10px; margin-bottom: 20px"]{flex-direction:column!important}.btn-login{width:100%!important}}@media (width<=480px){.app-title{font-size:1.3rem}.logo-img{height:120px}.kardex-table th,.kardex-table td{padding:.8rem .5rem;font-size:.9rem}}