@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-tertiary:#1e2942;--bg-glass:#131b2eb3;--border-glass:#ffffff14;--accent-color:#10b981;--accent-glow:#10b98133;--accent-secondary:#06b6d4;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--danger:#ef4444;--danger-glow:#ef444426;--warning:#f59e0b;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-family:"Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-glass);flex-direction:column;justify-content:space-between;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.logo-section{align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.logo-section img{object-fit:contain;height:40px}.logo-text{background:linear-gradient(135deg, var(--text-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{flex-direction:column;flex-grow:1;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:1rem;padding:.85rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-item.active{border-left:3px solid var(--accent-color);box-shadow:inset 10px 0 20px #10b9810d}.nav-item svg{width:20px;height:20px;transition:var(--transition)}.nav-item:hover svg,.nav-item.active svg{color:var(--accent-color);transform:translate(2px)}.main-content{flex-grow:1;padding:2.5rem;overflow-y:auto}.main-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.welcome-section h1{letter-spacing:-.5px;font-size:2rem;font-weight:700}.welcome-section p{color:var(--text-secondary);margin-top:.25rem}.user-profile{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:50px;align-items:center;gap:1rem;padding:.5rem 1rem .5rem .5rem;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-color), var(--accent-secondary));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition);align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle at top right, var(--accent-glow), transparent 60%);opacity:0;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.stat-card:hover{border-color:#10b9814d;transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-icon{background-color:var(--bg-tertiary);border-radius:var(--radius-md);width:54px;height:54px;color:var(--accent-color);z-index:1;justify-content:center;align-items:center;display:flex}.stat-icon.warning{color:var(--warning)}.stat-icon.danger{color:var(--danger)}.stat-info{z-index:1}.stat-info .value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-info .label{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem;font-weight:500}.section-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.section-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.table-container{border-radius:var(--radius-md);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-glass);padding:1rem 1.25rem;font-size:.95rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr{transition:var(--transition)}.custom-table tbody tr:hover{background-color:#ffffff05}.badge{border-radius:50px;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge.success{color:var(--accent-color);background-color:#10b98126}.badge.warning{color:var(--warning);background-color:#f59e0b26}.badge.danger{background-color:var(--danger-glow);color:var(--danger)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-control{background-color:var(--bg-tertiary);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);border-radius:var(--radius-md);transition:var(--transition);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#059669;box-shadow:0 0 15px #10b98166}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background-color:#273554}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626;box-shadow:0 0 15px #ef444466}.auth-wrapper{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 40px #0006}.auth-logo{margin-bottom:2rem;display:inline-block}.auth-logo img{height:55px}.auth-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.auth-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.pin-inputs{justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.pin-input{text-align:center;background-color:var(--bg-tertiary);border:2px solid var(--border-glass);border-radius:var(--radius-md);width:50px;height:55px;color:var(--text-primary);transition:var(--transition);outline:none;font-size:1.5rem;font-weight:700}.pin-input:focus{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.search-bar-container{gap:1rem;margin-bottom:1.5rem;display:flex}.search-input-wrapper{flex-grow:1;position:relative}.search-input-wrapper svg{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input-wrapper input{padding-left:2.75rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#070a12d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text-primary)}.movement-badge-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.movement-badge-btn:hover{border-color:var(--accent-color);color:var(--text-primary)}.dashboard-two-columns{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.sales-grid-container{grid-template-columns:1.6fr 1fr;align-items:start;gap:2rem;display:grid}.mobile-menu-btn,.sales-mobile-tabs{display:none!important}@media (width<=1024px){.sales-grid-container{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transition:var(--transition);z-index:1000;position:fixed;top:0;bottom:0;left:-280px}.sidebar.open{left:0;box-shadow:10px 0 30px #00000080}.app-container{flex-direction:column}.main-content{width:100%;padding:1.5rem}.main-header{flex-direction:column;align-items:flex-start;gap:1rem}.mobile-menu-btn{border-radius:var(--radius-md)!important;padding:.6rem!important;display:inline-flex!important}.sales-mobile-tabs{display:flex!important}.sales-grid-container{grid-template-columns:1fr;gap:0}.mobile-hidden{display:none!important}.catalog-panel,.cart-panel{width:100%}.dashboard-grid,.form-row{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem}.dashboard-two-columns{grid-template-columns:1fr;gap:1.5rem}.mobile-hide{display:none!important}.search-bar-container{flex-direction:column;gap:.75rem}.search-bar-container select{width:100%!important}.main-header{flex-wrap:wrap;gap:1.25rem}.main-header>div{flex-wrap:wrap;width:100%}}body,#root,.app-container{max-width:100vw;overflow-x:hidden}@media print{body *{visibility:hidden}#printable-ticket,#printable-ticket *{visibility:visible}#printable-ticket{width:80mm;max-width:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace;position:absolute;top:0;left:0;color:#000!important;background-color:#fff!important}.ticket-printable-container{color:#000!important;background:#fff!important}.ticket-modal-overlay,.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;position:static!important}.modal-content{box-shadow:none!important;background:0 0!important;border:none!important;max-width:100%!important;padding:0!important;position:static!important}.hide-on-print{display:none!important}}.ticket-printable-container{border:1px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);background-color:#0d1527;padding:1.5rem;font-family:Courier New,Courier,monospace}.sales-scanner-container{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width<=768px){.sales-scanner-container{flex-direction:column;gap:.75rem}.sales-scanner-container>*{width:100%!important}}.scanner-guide-overlay{position:relative;overflow:hidden}.scanner-guide-box{border:3px solid var(--accent-secondary);border-radius:var(--radius-md);pointer-events:none;z-index:10;width:260px;height:160px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2000px #00000080}.scanner-guide-line{background-color:var(--danger);height:2px;box-shadow:0 0 8px var(--danger);animation:2s ease-in-out infinite scan-line-move;position:absolute;top:50%;left:5%;right:5%}@keyframes scan-line-move{0%,to{top:10%}50%{top:90%}}