:root{--hue:220;--primary:hsl(var(--hue), 85%, 55%);--primary-hover:hsl(var(--hue), 85%, 45%);--primary-light:hsl(var(--hue), 85%, 95%);--success:#1fad66;--warning:#f2a60d;--danger:#e8304f;--bg-main:hsl(var(--hue), 20%, 98%);--bg-surface:#fff;--text-main:hsl(var(--hue), 30%, 15%);--text-muted:hsl(var(--hue), 15%, 45%);--border:hsl(var(--hue), 20%, 85%);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #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;--font-family:"Inter", system-ui, -apple-system, sans-serif}:root[data-theme=dark]{--bg-main:hsl(var(--hue), 30%, 8%);--bg-surface:hsl(var(--hue), 25%, 12%);--text-main:hsl(var(--hue), 10%, 95%);--text-muted:hsl(var(--hue), 10%, 65%);--border:hsl(var(--hue), 20%, 20%);--shadow-md:0 4px 6px -1px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:1200px;padding:var(--space-md);margin:0 auto}.card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-family:var(--font-family);border:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px rgba(var(--primary), .3)}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-main);font-family:var(--font-family);transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s ease-in-out forwards fadeInSoft}@media (width<=768px){.table-responsive{border:none!important}.table thead{display:none}.table,.table tr,.table td{width:100%;display:block}.table tbody{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%;display:grid}.table tr{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.table td{border:none;border-bottom:1px solid var(--border);padding:var(--space-sm) 0;text-align:right;padding-left:50%;position:relative}.table td:last-child{border-bottom:0}.table td:before{content:attr(data-label);left:var(--space-sm);white-space:nowrap;text-align:left;width:45%;color:var(--text-muted);padding-right:10px;font-weight:600;position:absolute}.table td>div{flex-direction:column;align-items:flex-end;display:flex}.action-buttons{justify-content:flex-end}}.cart-qty-btn{background:var(--surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.cart-qty-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary)}.cart-qty-btn:disabled{opacity:.5;cursor:not-allowed}.layout{width:100%;height:100vh;display:flex;overflow-x:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:260px;transition:transform .3s;display:flex}.sidebar-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border)}.sidebar-header h2{color:var(--primary);margin-bottom:var(--space-xs);font-size:1.25rem}.role-badge{border-radius:var(--radius-full);background-color:var(--primary-light);color:var(--primary-hover);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.sidebar-nav{padding:var(--space-md) 0;gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-link{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-xl);color:var(--text-muted);border-left:3px solid #0000;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background-color:var(--bg-main);color:var(--text-main)}.nav-link.active{background-color:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--border)}.user-info{margin-bottom:var(--space-md);color:var(--text-muted);word-break:break-all}.btn-logout{width:100%;color:var(--text-muted);border:1px solid var(--border);background-color:#0000}.btn-logout:hover{background-color:var(--danger);color:#fff;border-color:var(--danger)}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.top-header{padding:var(--space-md) var(--space-xl);background-color:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.mobile-only-title{color:var(--primary);font-size:1.25rem;display:none}.mobile-only-btn{display:none}.header-actions{align-items:center;gap:var(--space-md);display:flex}.notifications-container{position:relative}.notification-btn{color:var(--text-main);background:0 0;position:relative}.notification-badge{background-color:var(--danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;padding:2px 5px;font-size:.65rem;font-weight:700;position:absolute;top:-2px;right:-2px}.notifications-dropdown{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;width:300px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.notifications-header{padding:var(--space-md);border-bottom:1px solid var(--border);background-color:var(--bg-main)}.notifications-header h4{color:var(--text-main);margin:0;font-size:.875rem}.notifications-body{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);transition:background-color .2s;display:flex}.notification-item:hover{background-color:var(--bg-main)}.notification-item:last-child{border-bottom:none}.notification-title{color:var(--text-main);margin:0 0 4px;font-size:.875rem;font-weight:600}.notification-desc{color:var(--text-muted);margin:0;font-size:.75rem}.notification-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:.875rem}.content-container{padding:var(--space-xl);width:100%;max-width:1200px;margin:0 auto}.bottom-nav{display:none}@media (width<=768px){.layout{flex-direction:column;padding-bottom:70px}.sidebar{display:none}.top-header{padding:var(--space-md);justify-content:space-between}.mobile-only-title{margin:0;display:block}.mobile-only-btn{display:flex}.content-container{padding:var(--space-md)}.bottom-nav{bottom:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:100;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(25px);background-color:#ffffff73;border:1px solid #ffffff4d;justify-content:space-around;align-items:center;display:flex;position:fixed;box-shadow:0 10px 40px #0000001a}[data-theme=dark] .bottom-nav{background-color:#14141473;border-color:#ffffff14;box-shadow:0 10px 40px #0000004d}.bottom-nav-link{color:var(--text-muted);padding:var(--space-sm) var(--space-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.65rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.bottom-nav-link:hover,.bottom-nav-link.active{color:var(--primary)}.bottom-nav-link.active svg{background-color:var(--primary-light);border-radius:var(--radius-full);padding:3px;transform:scale(1.15)}}@keyframes backdropFade{0%{opacity:0;backdrop-filter:blur()}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.4s cubic-bezier(.2,.8,.2,1) forwards backdropFade;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:90%;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.5s cubic-bezier(.2,.8,.2,1) forwards modalSlideUp;display:flex;overflow:hidden}.modal-content.size-sm{max-width:400px}.modal-content.size-md{max-width:500px}.modal-content.size-lg{max-width:900px}.modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--primary);font-size:1.25rem}.modal-body{padding:var(--space-lg);overflow-y:auto}.login-container{background-color:var(--bg-main);min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-header h2{color:var(--primary);margin-bottom:var(--space-xs);font-size:1.75rem}.login-header p{color:var(--text-muted)}.login-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:500}.btn-block{width:100%;padding:var(--space-md);font-size:1rem}.alert-error{color:var(--danger);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center;background-color:#e8304f1a;font-size:.875rem}.dashboard-page{gap:var(--space-xl);flex-direction:column;display:flex}.date-filter-group{align-items:center;gap:var(--space-sm);background-color:var(--bg-surface);border:1px solid var(--border);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);display:flex}.select-filter{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-weight:500}.select-filter option{background-color:var(--bg-surface);color:var(--text-main)}.select-filter:focus{box-shadow:none}.metrics-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.metric-card{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);display:flex;position:relative;overflow:hidden}.primary-gradient{background:linear-gradient(135deg, var(--bg-surface) 0%, #3b82f60d 100%);border-bottom:3px solid var(--primary)}.success-gradient{background:linear-gradient(135deg, var(--bg-surface) 0%, #10b9810d 100%);border-bottom:3px solid var(--success)}.warning-gradient{background:linear-gradient(135deg, var(--bg-surface) 0%, #f59e0b0d 100%);border-bottom:3px solid var(--warning)}.danger-gradient{background:linear-gradient(135deg, var(--bg-surface) 0%, #ef44440d 100%);border-bottom:3px solid var(--danger)}.metric-icon{padding:var(--space-sm);border-radius:var(--radius-md);background-color:var(--bg-main);color:var(--text-muted)}.primary-gradient .metric-icon{color:var(--primary)}.success-gradient .metric-icon{color:var(--success)}.warning-gradient .metric-icon{color:var(--warning)}.danger-gradient .metric-icon{color:var(--danger)}.metric-content{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500}.metric-value{color:var(--text-main);margin-bottom:var(--space-xs);font-size:1.5rem;font-weight:700}.metric-subtext{color:var(--text-muted);font-size:.75rem}.charts-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.chart-card{padding:var(--space-lg);flex-direction:column;display:flex}.span-2{grid-column:span 2}.chart-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.chart-header h3{color:var(--text-main);font-size:1.1rem;font-weight:600}.chart-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex}.empty-chart{color:var(--text-muted);font-size:.9rem;font-style:italic}.custom-legend{gap:var(--space-sm);width:100%;margin-top:var(--space-md);flex-direction:column;display:flex}.legend-item{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:.875rem;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.legend-value{color:var(--text-main);margin-left:auto;font-weight:600}.top-products-list{gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.top-product-item{padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.top-product-item:last-child{border-bottom:none}.top-product-info{align-items:center;gap:var(--space-md);display:flex}.product-rank{color:var(--primary-light);-webkit-text-stroke:1px var(--primary);text-align:center;width:24px;font-size:1.2rem;font-weight:700}.top-product-info h4{color:var(--text-main);font-size:.95rem;font-weight:500}.top-product-info p{color:var(--text-muted);font-size:.75rem}.top-product-revenue{color:var(--success);font-size:.95rem;font-weight:600}.dashboard-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}.inventory-page{gap:var(--space-xl);flex-direction:column;display:flex}@media (prefers-color-scheme:dark){.glass-card{background-color:#1e232d80;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}}.dropdown-hover:hover .dropdown-content{display:block!important}.customers-page{gap:var(--space-xl);flex-direction:column;display:flex}@media (prefers-color-scheme:dark){.glass-card{background-color:#1e232d80;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}}.sales-page{gap:var(--space-xl);flex-direction:column;display:flex}.cart-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cart-item:last-child{border-bottom:none}.cart-summary{background-color:var(--bg-main);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);border:1px solid var(--border)}.cart-summary-row{margin-bottom:var(--space-xs);justify-content:space-between;font-size:.875rem;display:flex}.cart-summary-total{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);justify-content:space-between;font-size:1.125rem;font-weight:700;display:flex}.installment-grid{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.installment-card{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm);text-align:center}.dashboard-cards{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-sm);background-color:#ffffffa6;border:1px solid #fff6;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 32px #00000014}.glass-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 14px 45px #0000001f}@media (prefers-color-scheme:dark){.glass-card{background-color:#1e232d80;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d}}.glass-card-header{align-items:center;gap:var(--space-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;display:flex}.glass-card-header svg{color:var(--primary)}.glass-card-value{color:var(--text-main);font-size:2rem;font-weight:700}.glass-card-list{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.glass-card-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.glass-card-list li:last-child{border-bottom:none}.toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.search-bar{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-bar svg{left:var(--space-md);position:absolute}.search-input{padding-left:2.5rem}.btn-outline{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--bg-main);border-color:var(--primary)}.product-name{color:var(--text-main);margin-bottom:.25rem;font-weight:500}.product-chars{color:var(--text-muted);font-size:.75rem}.pos-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.pos-grid{grid-template-columns:1fr}}.cobros-page{animation:.3s fadeIn}.installment-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.installment-card{border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;background-color:var(--bg-surface);padding:.75rem;transition:all .2s}@media (width<=768px){.installment-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.users-page{gap:var(--space-xl);flex-direction:column;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input{width:100%}.users-form .form-group{margin-bottom:var(--space-md)}.users-form label{margin-bottom:var(--space-xs);color:var(--text-main);font-size:.9rem;font-weight:500;display:block}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.page-title{color:var(--primary);margin-bottom:var(--space-xs);font-size:1.75rem}.page-subtitle{color:var(--text-muted);font-size:.875rem}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{padding:var(--space-md);border-bottom:1px solid var(--border)}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background-color:var(--bg-main);font-size:.75rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color .2s}.table tbody tr:hover{background-color:var(--bg-main)}.badge{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-gray{background-color:var(--bg-main);color:var(--text-muted);border:1px solid var(--border)}.badge-success{color:var(--success);background-color:#1fad661a}.badge-warning{color:var(--warning);background-color:#f2a60d1a}.badge-primary{color:var(--primary);background-color:#2b6cee1a}.font-medium{font-weight:500}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.py-xl{padding-top:var(--space-xl)!important;padding-bottom:var(--space-xl)!important}.action-buttons{gap:var(--space-sm);justify-content:flex-end;display:flex}.btn-icon{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;transition:background-color .2s}.btn-icon:hover{background-color:var(--border)}.warehouses-page{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-responsive{margin-top:1rem;overflow-x:auto}.badge-info{background-color:var(--info);color:#fff}