@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-accent:#3b82f6;--color-accent-light:#3b82f61a;--color-sky:#38bdf8;--color-bg:#f8fafc;--color-bg-white:#fff;--color-surface:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font-family:var(--font-body)}@media print{.sidebar,.topbar,nav,.btn-refresh,.header-actions,.modal-ftr,.table-footer{display:none!important}body{background:#fff}.modal-card{box-shadow:none;border:none}}*,:before,:after{box-sizing:border-box}.navbar[data-v-74ab7a5f]{z-index:1000;background:#fff;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.nav-container[data-v-74ab7a5f]{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-brand a[data-v-74ab7a5f]{color:#1a202c;white-space:nowrap;align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-icon[data-v-74ab7a5f]{font-size:22px}.nav-menu[data-v-74ab7a5f]{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.nav-menu[data-v-74ab7a5f]::-webkit-scrollbar{display:none}.nav-link[data-v-74ab7a5f]{color:#4a5568;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13.5px;text-decoration:none;transition:all .2s;display:flex}.nav-link[data-v-74ab7a5f]:hover{color:#667eea;background:#f7fafc}.router-link-active[data-v-74ab7a5f]{color:#667eea;background:#edf2f7;font-weight:500}.nav-user[data-v-74ab7a5f]{flex-shrink:0;align-items:center;gap:12px;display:flex}.user-info[data-v-74ab7a5f]{cursor:pointer;background:#f7fafc;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;display:flex}.user-name[data-v-74ab7a5f]{color:#2d3748;font-size:13px;font-weight:500}.user-role-badge[data-v-74ab7a5f]{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.role-admin[data-v-74ab7a5f]{color:#92400e;background:#fef3c7}.role-supervisor[data-v-74ab7a5f]{color:#1e40af;background:#dbeafe}.role-usuario[data-v-74ab7a5f]{color:#166534;background:#dcfce7}.role-cajero[data-v-74ab7a5f]{color:#6b21a8;background:#f3e8ff}.logout-btn[data-v-74ab7a5f]{color:#c53030;cursor:pointer;white-space:nowrap;background:#fed7d7;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.logout-btn[data-v-74ab7a5f]:hover{background:#feb2b2}@media (width<=1024px){.nav-brand .brand-text[data-v-74ab7a5f]{display:none}.nav-link span[data-v-74ab7a5f]:first-child{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{min-height:100vh}button{cursor:pointer;transition:all .3s}button:active{transform:scale(.98)}input,select,textarea{transition:all .3s}input:focus,select:focus,textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 5px #667eea4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-enter-active{animation:.3s fadeIn}