:root{--sc-primary: #1976D2;--sc-primary-light: #42A5F5;--sc-primary-dark: #1565C0;--sc-primary-text: #ffffff;--sc-secondary: #7C4DFF;--sc-secondary-light: #B388FF;--sc-secondary-dark: #651FFF;--sc-accent: #00BCD4;--sc-success: #4CAF50;--sc-warning: #FF9800;--sc-error: #F44336;--sc-info: #2196F3;--sc-background: #FAFAFA;--sc-surface: #FFFFFF;--sc-surface-elevated: #FFFFFF;--sc-drawer-bg: #F5F5F5;--sc-text-primary: #212121;--sc-text-secondary: #757575;--sc-text-disabled: #BDBDBD;--sc-border: #E0E0E0;--sc-border-light: #EEEEEE;--sc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--sc-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--sc-shadow-lg: 0 10px 20px rgba(0, 0, 0, .15);--sc-gradient-sales: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--sc-gradient-clients: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--sc-gradient-products: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%);--sc-gradient-alerts: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--sc-transition-fast: .15s ease;--sc-transition-normal: .3s ease;--sc-radius-sm: 4px;--sc-radius-md: 8px;--sc-radius-lg: 12px;--sc-radius-xl: 16px}[theme~=dark]{--sc-primary: #42A5F5;--sc-primary-light: #64B5F6;--sc-primary-dark: #1E88E5;--sc-primary-text: #ffffff;--sc-secondary: #B388FF;--sc-secondary-light: #E1BEE7;--sc-secondary-dark: #7C4DFF;--sc-background: #121212;--sc-surface: #1E1E1E;--sc-surface-elevated: #2D2D2D;--sc-drawer-bg: #1A1A1A;--sc-text-primary: #E0E0E0;--sc-text-secondary: #9E9E9E;--sc-text-disabled: #616161;--sc-border: #424242;--sc-border-light: #333333;--sc-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--sc-shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--sc-shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--sc-gradient-sales: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);--sc-gradient-clients: linear-gradient(135deg, #0d8b7f 0%, #2db86e 100%);--sc-gradient-products: linear-gradient(135deg, #c7086d 0%, #e05d00 100%);--sc-gradient-alerts: linear-gradient(135deg, #d97ae5 0%, #e04555 100%)}html{transition:background-color var(--sc-transition-normal),color var(--sc-transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sc-background)}::-webkit-scrollbar-thumb{background:var(--sc-text-disabled);border-radius:var(--sc-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--sc-text-secondary)}.dashboard-card{background:var(--sc-surface);border-radius:var(--sc-radius-lg);padding:1.5rem;box-shadow:var(--sc-shadow-md);transition:transform var(--sc-transition-fast),box-shadow var(--sc-transition-fast)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--sc-shadow-lg)}.dashboard-card--gradient{color:#fff;border:none}.dashboard-card--sales{background:var(--sc-gradient-sales)}.dashboard-card--clients{background:var(--sc-gradient-clients)}.dashboard-card--products{background:var(--sc-gradient-products)}.dashboard-card--alerts{background:var(--sc-gradient-alerts)}.dashboard-card__title{font-size:.875rem;font-weight:500;opacity:.9;margin-bottom:.5rem}.dashboard-card__value{font-size:2rem;font-weight:700;margin:0}.dashboard-card__subtitle{font-size:.75rem;opacity:.75;margin-top:.25rem}.quick-access{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.quick-access-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:var(--sc-surface);border:1px solid var(--sc-border-light);border-radius:var(--sc-radius-md);cursor:pointer;transition:all var(--sc-transition-fast);text-decoration:none;color:var(--sc-text-primary)}.quick-access-btn:hover{border-color:var(--sc-primary);background:var(--sc-primary);color:var(--sc-primary-text);transform:translateY(-2px);box-shadow:var(--sc-shadow-md)}.quick-access-btn vaadin-icon{font-size:1.5rem;margin-bottom:.5rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;transition:background-color var(--sc-transition-fast)}.theme-toggle:hover{background:var(--sc-border-light)}.theme-toggle vaadin-icon{color:var(--sc-text-primary);transition:transform var(--sc-transition-normal)}.theme-toggle:hover vaadin-icon{transform:rotate(15deg)}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--sc-border-light)}.activity-item__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sc-primary-light);color:#fff}.activity-item__content{flex:1}.activity-item__title{font-weight:500;color:var(--sc-text-primary)}.activity-item__time{font-size:.75rem;color:var(--sc-text-secondary)}vaadin-app-layout[drawer-opened]{--vaadin-app-layout-drawer-overlay: true}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-xs) 0;background:var(--lumo-base-color)}[slot=drawer] header{background:linear-gradient(135deg,var(--lumo-primary-color) 0%,var(--lumo-primary-color-50pct) 100%);color:var(--lumo-primary-contrast-color);box-shadow:0 2px 8px #0000001a;border-bottom:1px solid var(--lumo-primary-color-10pct)}[slot=drawer] header h1{color:var(--lumo-primary-contrast-color);font-weight:600;letter-spacing:.5px}vaadin-side-nav-item{margin:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);transition:all .2s ease}vaadin-side-nav-item:hover{background:var(--lumo-primary-color-10pct);transform:translate(2px)}vaadin-side-nav-item[selected]{background:var(--lumo-primary-color-10pct);border-left:3px solid var(--lumo-primary-color);font-weight:600}vaadin-side-nav-item vaadin-icon{padding:0;color:var(--lumo-primary-color);transition:color .2s ease}vaadin-side-nav-item:hover vaadin-icon{color:var(--lumo-primary-color)}vaadin-side-nav-item[expanded]{background:var(--lumo-contrast-5pct)}vaadin-side-nav-item vaadin-side-nav-item{margin-left:var(--lumo-space-m);font-size:var(--lumo-font-size-s);padding-left:var(--lumo-space-s)}[slot=drawer] footer{border-top:1px solid var(--lumo-contrast-10pct);background:var(--lumo-contrast-5pct);padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}[slot=drawer] footer vaadin-avatar{border:2px solid var(--lumo-primary-color-50pct);transition:transform .2s ease}[slot=drawer] footer vaadin-avatar:hover{transform:scale(1.1);border-color:var(--lumo-primary-color)}[slot=drawer] footer vaadin-menu-bar{width:100%}[slot=drawer] footer vaadin-menu-bar-button{width:100%;justify-content:flex-start;padding:var(--lumo-space-xs);border-radius:var(--lumo-border-radius-m);transition:background .2s ease}[slot=drawer] footer vaadin-menu-bar-button:hover{background:var(--lumo-primary-color-10pct)}@media (max-width: 768px){vaadin-scroller[slot=drawer]{padding:var(--lumo-space-xs) 0}vaadin-side-nav-item{margin:var(--lumo-space-xs)}}vaadin-app-layout::part(drawer){transition:transform .3s ease-in-out}vaadin-side-nav>vaadin-side-nav-item:not(:last-child){margin-bottom:var(--lumo-space-s)}vaadin-side-nav-item::part(label){font-weight:500;color:var(--lumo-body-text-color)}vaadin-side-nav-item[selected]::part(label){color:var(--lumo-primary-text-color);font-weight:600}.breadcrumb{padding:0 var(--lumo-space-m);min-height:24px}.breadcrumb vaadin-icon{transition:color var(--sc-transition-fast, .15s ease)}.breadcrumb vaadin-icon:hover{color:var(--lumo-primary-color)}.breadcrumb span{transition:color var(--sc-transition-fast, .15s ease)}.breadcrumb span:not(:last-child):hover{color:var(--lumo-primary-color);cursor:pointer}.reportes-view{padding:0;background:var(--lumo-contrast-5pct);width:100%;overflow-x:hidden}.reportes-main-layout{background:var(--lumo-contrast-5pct);width:100%;overflow-x:hidden}.reportes-header{background:var(--lumo-base-color);padding:2rem;margin-bottom:0;box-shadow:0 2px 8px var(--lumo-shade-10pct);width:100%}.header-layout{gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}.header-icon{width:48px;height:48px;color:#2196f3;background:linear-gradient(135deg,#2196f3,#1976d2);padding:12px;border-radius:12px;box-shadow:0 4px 12px #2196f34d}.header-content{flex:1}.header-title,.reportes-view h2.header-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:var(--lumo-body-text-color)!important}.header-subtitle{margin:0;color:var(--lumo-secondary-text-color);font-size:1rem}.date-range-section{background:var(--lumo-base-color);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px var(--lumo-shade-10pct);width:100%;box-sizing:border-box}.section-title,.reportes-view h3.section-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--lumo-body-text-color)!important;display:flex;align-items:center;gap:.5rem}.date-layout{gap:1rem;flex-wrap:wrap;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;padding:0 1rem}.date-picker{flex:1;min-width:250px}.report-cards-container{margin-bottom:1.5rem}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}@media (max-width: 1200px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}}.report-card{background:var(--lumo-base-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--lumo-shade-10pct);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2196f3,#1976d2);opacity:0;transition:opacity .3s ease}.report-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--lumo-shade-20pct)}.report-card:hover:before{opacity:1}.card-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.report-card:hover .card-icon-container{transform:scale(1.1)}.card-icon{width:28px;height:28px}.card-content{flex:1}.card-title,.reportes-view h4.card-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--lumo-body-text-color)!important}.card-description{margin:0;font-size:.875rem;color:var(--lumo-secondary-text-color);line-height:1.5}.card-actions{gap:.75rem;margin-top:auto}.card-button{flex:1}.results-section{background:var(--lumo-base-color);padding:1.5rem;box-shadow:0 2px 8px var(--lumo-shade-10pct);min-height:200px;width:100%;box-sizing:border-box}.results-section>*{max-width:1400px;margin-left:auto;margin-right:auto;padding:0 1rem}.resultados-container{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;max-width:1400px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:0 1rem}.download-card{background:var(--lumo-contrast-5pct);border:2px solid var(--lumo-contrast-10pct);border-radius:8px;padding:1rem;transition:all .3s ease;animation:slideIn .3s ease-out}.download-card:hover{background:var(--lumo-contrast-10pct);border-color:var(--lumo-contrast-20pct);transform:translate(4px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.download-icon{width:40px;height:40px;color:#2196f3;background:var(--lumo-base-color);padding:8px;border-radius:8px;box-shadow:0 2px 4px var(--lumo-shade-10pct)}.download-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.download-filename{font-weight:600;color:var(--lumo-header-text-color);font-size:.938rem}.download-size{font-size:.813rem;color:var(--lumo-secondary-text-color)}@media (max-width: 768px){.reportes-header,.date-range-section,.results-section{padding:1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.875rem}.date-layout{flex-direction:column}.date-picker{width:100%;min-width:unset}.card-actions{flex-direction:column}.card-button{width:100%}}@media (max-width: 480px){.reportes-view{padding:0}.reportes-main-layout{padding:.5rem}.reportes-header{padding:1rem;margin-bottom:1rem}.header-layout{flex-direction:column;text-align:center;gap:1rem}.header-icon{margin:0 auto}.header-title{font-size:1.25rem}.section-title{font-size:1rem}.report-card{padding:1rem}.card-title{font-size:1rem}.card-description{font-size:.813rem}}.resultados-container:empty:before{content:"No hay reportes generados. Seleccione un tipo de reporte y genere uno nuevo.";display:block;text-align:center;padding:3rem 1rem;color:var(--lumo-secondary-text-color);font-size:.938rem}.report-card.loading{opacity:.6;pointer-events:none}.report-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--lumo-contrast-10pct);border-top-color:var(--lumo-primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-card.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}vaadin-button.card-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.card-icon,.download-icon,.header-icon{transition:transform .3s ease}.report-card:hover .card-icon{transform:rotate(5deg) scale(1.1)}.download-card:hover .download-icon{transform:scale(1.1) rotate(-5deg)}.persona-view{display:flex;flex-direction:column;height:100%}.persona-view .vaadin-split-layout{width:100%;height:100%}.persona-view .vaadin-grid{height:100%}.persona-view .editor-layout{display:flex;flex-direction:column;width:400px}.persona-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.persona-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.persona-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.persona-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.persona-view .grid-wrapper{width:100%;align-items:center;align-content:end}.persona-view .grilla{margin:10px}.roles-view{display:flex;flex-direction:column;height:100%}.roles-view-view .vaadin-split-layout{width:100%;height:100%}.roles-view .vaadin-grid{height:100%}.roles-view .editor-layout{display:flex;flex-direction:column;width:400px}.roles-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.roles-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.roles-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.roles-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.roles-view .grid-wrapper{width:100%;align-items:center;align-content:end}.roles-view .grilla{margin:10px}.usuario-view{display:flex;flex-direction:column;height:100%}.usuario-view .vaadin-split-layout{width:100%;height:100%}.usuario-view .vaadin-grid{height:100%}.usuario-view .editor-layout{display:flex;flex-direction:column;width:400px}.usuario-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.usuario-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.usuario-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.usuario-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.usuario-view .grid-wrapper{width:100%;align-items:center;align-content:end}.usuario-view .grilla{margin:10px}.kardex-view{display:flex;flex-direction:column;height:100%}.kardex-view .vaadin-split-layout{width:100%;height:100%}.kardex-view .vaadin-grid{height:100%}.kardex-view .editor-layout{display:flex;flex-direction:column;width:400px}.kardex-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.kardex-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.kardex-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.kardex-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.kardex-view .grid-wrapper{width:100%;align-items:center;align-content:end}.kardex-view .grilla{margin:10px}.empresa-view{display:flex;flex-direction:column;height:100%}.empresa-view .vaadin-split-layout{width:100%;height:100%}.empresa-view .vaadin-grid{height:100%}.empresa-view .editor-layout{display:flex;flex-direction:column;width:400px}.empresa-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.empresa-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.empresa-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.empresa-view .grid-wrapper{width:100%;align-items:center;align-content:end}.empresa-view .grilla{margin:10px}.orden-regularizacion-view{display:flex;flex-direction:column;height:100%}.orden-regularizacion-view .vaadin-split-layout{width:100%;height:100%}.orden-regularizacion-view .vaadin-grid{height:100%}.orden-regularizacion-view .editor-layout{display:flex;flex-direction:column;width:400px}.orden-regularizacion-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.orden-regularizacion-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.orden-regularizacion-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.orden-regularizacion-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.orden-regularizacion-view .grid-wrapper{width:100%;align-items:center;align-content:end}.orden-regularizacion-view .grilla{margin:10px}.orden-compra-view{display:flex;flex-direction:column;height:100%}.orden-compra-view .vaadin-split-layout{width:100%;height:100%}.orden-compra-view .vaadin-grid{height:100%}.orden-compra-view .editor-layout{display:flex;flex-direction:column;width:400px}.orden-compra-view .vaadin-horizontal-layout{display:flex;flex-direction:row;width:400px}.orden-compra-view .search{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.orden-compra-view .editor{flex-grow:1;padding:var(--lumo-space-l)}.orden-compra-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}.orden-compra-view .grid-wrapper{width:100%;align-items:center;align-content:end}.orden-compra-view .grilla{margin:10px}.editor-layout{display:flex;flex-direction:column;gap:10px;padding:5px}.header-label,.detail-label{font-size:20px;font-weight:700;margin-bottom:5px;color:#333}.header-form-layout,.detail-form-layout{border:1px solid #ccc;border-radius:8px;padding:20px;background-color:#f9f9f9}.dashboard-inventario-view{padding:var(--lumo-space-m);background-color:#f5f5f5}.kpi-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e3e6ea;border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a;transition:all .3s ease;min-width:200px;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--lumo-primary-color),var(--lumo-primary-color-50pct))}.kpi-card h4{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.5px}.kpi-card h2{margin:0;font-size:32px;font-weight:700;line-height:1.2;background:linear-gradient(135deg,var(--lumo-primary-color),var(--lumo-primary-color-10pct));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e3e6ea}.dashboard-section h2{margin:0 0 20px;font-size:24px;font-weight:600;color:var(--lumo-header-text-color);display:flex;align-items:center;gap:8px}.dashboard-section h3{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--lumo-secondary-text-color)}.alert-critical{border-left:4px solid var(--lumo-error-color);background-color:var(--lumo-error-color-10pct);padding:16px;border-radius:0 8px 8px 0;margin-bottom:16px}.alert-warning{border-left:4px solid var(--lumo-warning-color);background-color:var(--lumo-warning-color-10pct);padding:16px;border-radius:0 8px 8px 0;margin-bottom:16px}.dashboard-inventario-view vaadin-grid{border-radius:8px;border:1px solid #e3e6ea;background:#fff}.dashboard-inventario-view vaadin-grid::part(header-cell){background:linear-gradient(180deg,#f8f9fa,#e9ecef);font-weight:600;color:var(--lumo-header-text-color);border-bottom:2px solid var(--lumo-primary-color-10pct)}.dashboard-inventario-view vaadin-grid::part(cell){padding:12px 16px}.dashboard-inventario-view vaadin-grid::part(row):hover{background-color:var(--lumo-primary-color-10pct)}.stock-progress{width:100%;max-width:120px}.stock-progress vaadin-progress-bar{height:8px;border-radius:4px}.stock-critical vaadin-progress-bar{--lumo-progress-color: var(--lumo-error-color)}.stock-warning vaadin-progress-bar{--lumo-progress-color: var(--lumo-warning-color)}.stock-ok vaadin-progress-bar{--lumo-progress-color: var(--lumo-success-color)}.dashboard-inventario-view vaadin-button[theme~=primary]{background:linear-gradient(135deg,var(--lumo-primary-color),var(--lumo-primary-color-50pct));border:none;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.dashboard-inventario-view vaadin-button[theme~=primary]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}@media (max-width: 768px){.kpi-card{min-width:auto;margin-bottom:16px}.dashboard-section{padding:16px;margin-bottom:16px}.dashboard-section h2{font-size:20px}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color);margin-right:12px}.metric-highlight{position:relative;padding:8px 16px;background:linear-gradient(135deg,var(--lumo-success-color-10pct),var(--lumo-success-color-5pct));border-radius:20px;border:1px solid var(--lumo-success-color-50pct);color:var(--lumo-success-text-color);font-weight:600;text-align:center}.metric-warning{background:linear-gradient(135deg,var(--lumo-warning-color-10pct),var(--lumo-warning-color-5pct));border-color:var(--lumo-warning-color-50pct);color:var(--lumo-warning-text-color)}.metric-error{background:linear-gradient(135deg,var(--lumo-error-color-10pct),var(--lumo-error-color-5pct));border-color:var(--lumo-error-color-50pct);color:var(--lumo-error-text-color)}.bienvenida-view{padding:var(--lumo-space-l);max-width:1400px;margin:0 auto}.bienvenida-header{margin-bottom:var(--lumo-space-xl);text-align:center}.bienvenida-header h1{color:var(--sc-text-primary, var(--lumo-header-text-color));font-size:2rem;font-weight:600;margin-bottom:var(--lumo-space-s)}.bienvenida-header .subtitle{color:var(--sc-text-secondary, var(--lumo-secondary-text-color));font-size:var(--lumo-font-size-l)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lumo-space-l);margin-bottom:var(--lumo-space-xl);width:100%}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{border-radius:var(--sc-radius-lg, 12px);padding:var(--lumo-space-l);color:#fff;position:relative;overflow:hidden;box-shadow:var(--sc-shadow-md, 0 4px 6px rgba(0, 0, 0, .1));transition:transform .15s ease,box-shadow .15s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--sc-shadow-lg, 0 10px 20px rgba(0, 0, 0, .15))}.kpi-card--ventas{background:var(--sc-gradient-sales, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.kpi-card--clientes{background:var(--sc-gradient-clients, linear-gradient(135deg, #11998e 0%, #38ef7d 100%))}.kpi-card--productos{background:var(--sc-gradient-products, linear-gradient(135deg, #ee0979 0%, #ff6a00 100%))}.kpi-card--alertas{background:var(--sc-gradient-alerts, linear-gradient(135deg, #f093fb 0%, #f5576c 100%))}.kpi-card__icon{position:absolute;top:var(--lumo-space-m);right:var(--lumo-space-m);font-size:2.5rem;opacity:.3}.kpi-card__label{font-size:var(--lumo-font-size-s);font-weight:500;opacity:.9;margin-bottom:var(--lumo-space-xs);text-transform:uppercase;letter-spacing:.5px}.kpi-card__value{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:var(--lumo-space-xs)}.kpi-card__subtitle{font-size:var(--lumo-font-size-xs);opacity:.75}.bottom-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--lumo-space-l);margin-bottom:var(--lumo-space-xl);width:100%}@media (max-width: 900px){.bottom-section{grid-template-columns:1fr}}.quick-access-section{background:var(--sc-surface, var(--lumo-base-color));border-radius:var(--sc-radius-lg, 12px);padding:var(--lumo-space-l);box-shadow:var(--sc-shadow-sm, 0 1px 3px rgba(0, 0, 0, .12))}.section-title{color:var(--sc-text-primary, var(--lumo-header-text-color));font-size:var(--lumo-font-size-xl);font-weight:600;margin-bottom:var(--lumo-space-m);display:flex;align-items:center;gap:var(--lumo-space-s)}.section-title vaadin-icon{color:var(--lumo-primary-color)}.quick-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lumo-space-s)}@media (max-width: 600px){.quick-access-grid{grid-template-columns:repeat(2,1fr)}}.quick-access-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--lumo-space-m);background:var(--lumo-contrast-5pct);border:1px solid var(--sc-border-light, var(--lumo-contrast-10pct));border-radius:var(--sc-radius-md, 8px);cursor:pointer;transition:all .15s ease;text-decoration:none;color:var(--sc-text-primary, var(--lumo-body-text-color))}.quick-access-button:hover{border-color:var(--lumo-primary-color);background:var(--lumo-primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--sc-shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.quick-access-button vaadin-icon{font-size:1.75rem;margin-bottom:var(--lumo-space-s)}.quick-access-button span{font-size:var(--lumo-font-size-s);font-weight:500;text-align:center}.activity-section{background:var(--sc-surface, var(--lumo-base-color));border-radius:var(--sc-radius-lg, 12px);padding:var(--lumo-space-l);box-shadow:var(--sc-shadow-sm, 0 1px 3px rgba(0, 0, 0, .12))}.activity-list-container{max-height:300px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:var(--lumo-space-m);padding:var(--lumo-space-m) 0;border-bottom:1px solid var(--sc-border-light, var(--lumo-contrast-10pct))}.activity-item:last-child{border-bottom:none}.activity-item__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item__icon--venta{background:var(--lumo-success-color-10pct);color:var(--lumo-success-color)}.activity-item__icon--cliente{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color)}.activity-item__icon--producto{background:var(--lumo-warning-color-10pct);color:var(--lumo-warning-color)}.activity-item__content{flex:1;min-width:0}.activity-item__title{font-weight:500;color:var(--sc-text-primary, var(--lumo-body-text-color));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item__description{font-size:var(--lumo-font-size-s);color:var(--sc-text-secondary, var(--lumo-secondary-text-color))}.activity-item__time{font-size:var(--lumo-font-size-xs);color:var(--sc-text-secondary, var(--lumo-tertiary-text-color));white-space:nowrap}.empty-activity{text-align:center;padding:var(--lumo-space-xl);color:var(--sc-text-secondary, var(--lumo-secondary-text-color))}.empty-activity vaadin-icon{font-size:3rem;opacity:.3;margin-bottom:var(--lumo-space-m)}@media (max-width: 768px){.bienvenida-view{padding:var(--lumo-space-m)}.kpi-card__value{font-size:1.75rem}.quick-access-grid{grid-template-columns:repeat(2,1fr)}}.cliente-dashboard{padding:var(--lumo-space-l);max-width:1200px;margin:0 auto}.cliente-dashboard__header{display:flex;align-items:center;gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-xl);padding-bottom:var(--lumo-space-m);border-bottom:1px solid var(--sc-border-light, var(--lumo-contrast-10pct))}.cliente-dashboard__avatar{width:80px;height:80px;border-radius:50%;background:var(--sc-gradient-clients, linear-gradient(135deg, #11998e 0%, #38ef7d 100%));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.cliente-dashboard__title h2{margin:0 0 var(--lumo-space-xs) 0;color:var(--sc-text-primary, var(--lumo-body-text-color))}.cliente-dashboard__title .subtitle{color:var(--sc-text-secondary, var(--lumo-secondary-text-color));font-size:var(--lumo-font-size-s)}.cliente-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lumo-space-m);margin-bottom:var(--lumo-space-xl)}.cliente-stat-card{background:var(--sc-surface, var(--lumo-base-color));border:1px solid var(--sc-border-light, var(--lumo-contrast-10pct));border-radius:var(--sc-radius-md, 8px);padding:var(--lumo-space-l);display:flex;align-items:flex-start;gap:var(--lumo-space-m);transition:all .15s ease}.cliente-stat-card:hover{box-shadow:var(--sc-shadow-md, 0 4px 12px rgba(0, 0, 0, .1));transform:translateY(-2px)}.cliente-stat-card__icon{width:48px;height:48px;border-radius:var(--sc-radius-sm, 4px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cliente-stat-card__icon--primary{background:var(--lumo-primary-color-10pct);color:var(--lumo-primary-color)}.cliente-stat-card__icon--success{background:var(--lumo-success-color-10pct);color:var(--lumo-success-color)}.cliente-stat-card__icon--warning{background:var(--lumo-warning-color-10pct);color:#ff9800}.cliente-stat-card__icon--error{background:var(--lumo-error-color-10pct);color:var(--lumo-error-color)}.cliente-stat-card__content{flex:1;min-width:0}.cliente-stat-card__label{font-size:var(--lumo-font-size-s);color:var(--sc-text-secondary, var(--lumo-secondary-text-color));margin-bottom:var(--lumo-space-xs)}.cliente-stat-card__value{font-size:var(--lumo-font-size-xl);font-weight:600;color:var(--sc-text-primary, var(--lumo-body-text-color))}.cliente-section{background:var(--sc-surface, var(--lumo-base-color));border-radius:var(--sc-radius-lg, 12px);padding:var(--lumo-space-l);margin-bottom:var(--lumo-space-l);box-shadow:var(--sc-shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.cliente-section__title{display:flex;align-items:center;gap:var(--lumo-space-s);font-size:var(--lumo-font-size-l);font-weight:600;color:var(--sc-text-primary, var(--lumo-body-text-color));margin-bottom:var(--lumo-space-m);padding-bottom:var(--lumo-space-s);border-bottom:1px solid var(--sc-border-light, var(--lumo-contrast-10pct))}.cliente-section__title vaadin-icon{color:var(--lumo-primary-color)}.cliente-alert{display:flex;align-items:center;gap:var(--lumo-space-m);padding:var(--lumo-space-m);border-radius:var(--sc-radius-sm, 4px);margin-bottom:var(--lumo-space-s)}.cliente-alert:last-child{margin-bottom:0}.cliente-alert--warning{background:var(--lumo-warning-color-10pct);border-left:4px solid #FF9800}.cliente-alert--error{background:var(--lumo-error-color-10pct);border-left:4px solid var(--lumo-error-color)}.cliente-alert--success{background:var(--lumo-success-color-10pct);border-left:4px solid var(--lumo-success-color)}.cliente-alert__icon{font-size:1.25rem}.cliente-alert--warning .cliente-alert__icon{color:#ff9800}.cliente-alert--error .cliente-alert__icon{color:var(--lumo-error-color)}.cliente-alert--success .cliente-alert__icon{color:var(--lumo-success-color)}.cliente-alert__text{flex:1;font-size:var(--lumo-font-size-s);color:var(--sc-text-primary, var(--lumo-body-text-color))}.cliente-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lumo-space-m)}.cliente-info-item{display:flex;flex-direction:column;gap:var(--lumo-space-xs)}.cliente-info-item__label{font-size:var(--lumo-font-size-s);color:var(--sc-text-secondary, var(--lumo-secondary-text-color))}.cliente-info-item__value{font-size:var(--lumo-font-size-m);font-weight:500;color:var(--sc-text-primary, var(--lumo-body-text-color))}.cliente-status-badge{display:inline-flex;align-items:center;padding:var(--lumo-space-xs) var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);font-size:var(--lumo-font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cliente-status-badge--activo{background:var(--lumo-success-color-10pct);color:var(--lumo-success-color)}.cliente-status-badge--moroso{background:var(--lumo-error-color-10pct);color:var(--lumo-error-color)}.cliente-status-badge--bloqueado{background:var(--lumo-contrast-20pct);color:var(--lumo-contrast-80pct)}@media (max-width: 768px){.cliente-dashboard{padding:var(--lumo-space-m)}.cliente-dashboard__header{flex-direction:column;text-align:center}.cliente-stats-grid{grid-template-columns:1fr}}.perfil-usuario-view{min-height:100vh;padding:2rem}.profile-container{max-width:900px;margin:0 auto}.profile-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000001a;animation:slideInDown .5s ease-out}.profile-header-layout{gap:1.5rem}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #667eea4d;transition:transform .3s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-initials{font-size:2.5rem;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none}.profile-header-info{flex:1}.profile-title{margin:0;font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.profile-subtitle{margin:0;color:#718096;font-size:1rem}.profile-section{background:#fff;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 10px 30px #0000001a;overflow:visible;transition:all .3s ease;animation:fadeInUp .5s ease-out}.profile-section::part(summary),.profile-section::part(content){background:#fff}vaadin-details.profile-section{background:#fff!important}vaadin-details.profile-section::part(summary){background:#fff!important}vaadin-details.profile-section::part(content){background:#fff!important}.profile-section:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-2px)}.profile-section[opened]{box-shadow:0 15px 40px #667eea33}.section-summary{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;cursor:pointer;transition:background-color .2s ease}.section-summary:hover{background-color:#f7fafc}.section-icon{color:#667eea;width:24px;height:24px}.section-title{font-size:1.25rem;font-weight:600;color:#2d3748}.profile-form{padding:2rem;gap:1.5rem;background:#fff}.profile-form vaadin-text-field,.profile-form vaadin-email-field,.profile-form vaadin-integer-field,.profile-form vaadin-password-field{width:100%}.profile-form vaadin-text-field::part(input-field),.profile-form vaadin-email-field::part(input-field),.profile-form vaadin-integer-field::part(input-field),.profile-form vaadin-password-field::part(input-field){background-color:#f7fafc;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.profile-form vaadin-text-field::part(input-field):hover,.profile-form vaadin-email-field::part(input-field):hover,.profile-form vaadin-integer-field::part(input-field):hover,.profile-form vaadin-password-field::part(input-field):hover{background-color:#edf2f7;border-color:#e2e8f0}.profile-form vaadin-text-field[focused]::part(input-field),.profile-form vaadin-email-field[focused]::part(input-field),.profile-form vaadin-integer-field[focused]::part(input-field),.profile-form vaadin-password-field[focused]::part(input-field){background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.profile-form vaadin-text-field[readonly]::part(input-field){background-color:#e2e8f0;color:#4a5568;cursor:not-allowed}.profile-buttons{padding:0 2rem 2rem;gap:1rem;justify-content:flex-start;background:#fff}.profile-buttons vaadin-button{font-weight:600;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s ease}.profile-buttons vaadin-button[theme~=primary]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.profile-buttons vaadin-button[theme~=primary]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.profile-buttons vaadin-button[theme~=primary][theme~=error]{background:linear-gradient(135deg,#f56565,#c53030);box-shadow:0 4px 12px #f5656566}.profile-buttons vaadin-button[theme~=primary][theme~=error]:hover{box-shadow:0 6px 16px #f5656580}.profile-buttons vaadin-button[theme~=tertiary]{color:#718096}.profile-buttons vaadin-button[theme~=tertiary]:hover{background-color:#f7fafc;color:#4a5568}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.perfil-usuario-view{padding:1rem}.profile-container{max-width:100%}.profile-header{padding:1.5rem}.profile-header-layout{flex-direction:column;text-align:center}.profile-avatar{width:80px;height:80px;margin:0 auto}.profile-initials{font-size:2rem}.profile-title{font-size:1.5rem}.profile-form{padding:1rem}.section-summary{padding:1rem 1.5rem}.profile-buttons{padding:0 1rem 1rem;flex-direction:column}.profile-buttons vaadin-button{width:100%}}@media (max-width: 480px){.perfil-usuario-view{padding:.5rem}.profile-header{padding:1rem;border-radius:12px}.profile-section{border-radius:12px}.profile-title{font-size:1.25rem}.profile-subtitle{font-size:.875rem}.section-title{font-size:1rem}.profile-avatar{width:60px;height:60px}.profile-initials{font-size:1.5rem}}.profile-form vaadin-text-field[invalid]::part(input-field),.profile-form vaadin-email-field[invalid]::part(input-field),.profile-form vaadin-integer-field[invalid]::part(input-field),.profile-form vaadin-password-field[invalid]::part(input-field){border-color:#f56565;background-color:#fff5f5}.profile-form vaadin-text-field[invalid]::part(error-message),.profile-form vaadin-email-field[invalid]::part(error-message),.profile-form vaadin-integer-field[invalid]::part(error-message),.profile-form vaadin-password-field[invalid]::part(error-message){color:#c53030;font-size:.875rem;margin-top:.25rem}.profile-form vaadin-password-field::part(helper-text){color:#718096;font-size:.875rem;margin-top:.25rem}.profile-form vaadin-icon{color:#a0aec0;transition:color .2s ease}.profile-form vaadin-text-field[focused] vaadin-icon,.profile-form vaadin-email-field[focused] vaadin-icon,.profile-form vaadin-integer-field[focused] vaadin-icon,.profile-form vaadin-password-field[focused] vaadin-icon{color:#667eea}.profile-container.loading{opacity:.6;pointer-events:none}.profile-section vaadin-details-summary{transition:background-color .2s ease;background:#fff}.profile-section[opened] vaadin-details-summary{background-color:#f7fafc}vaadin-details.profile-section>div,vaadin-details.profile-section vaadin-vertical-layout{background:#fff}vaadin-details.profile-section{background-color:#fff!important}vaadin-details.profile-section>[slot=summary]{background-color:#fff!important}vaadin-details.profile-section[opened]>[slot=summary]{background-color:#f7fafc!important}vaadin-details.profile-section>div[part=content]{background-color:#fff!important}.pos-view{--pos-spacing: var(--lumo-space-m);--pos-border-radius: var(--lumo-border-radius-m)}@media (max-width: 768px){.pos-view{--pos-spacing: var(--lumo-space-s)}.pos-view .pos-main-content{flex-direction:column!important}.pos-view .pos-left-column,.pos-view .pos-right-column{width:100%!important;max-width:100%!important;border-left:none!important;border-top:1px solid var(--lumo-contrast-10pct)}.pos-view .pos-header h2{font-size:1.2rem!important}.pos-view .pos-busqueda-layout{flex-direction:column!important}.pos-view .pos-busqueda-layout>*{width:100%!important}.pos-view .pos-grid{font-size:.875rem}.pos-view .pos-grid vaadin-grid-column:first-child{display:none}.pos-view .pos-grid vaadin-grid-cell-content{padding:var(--lumo-space-xs)!important}.pos-view .pos-grid vaadin-number-field{width:80px!important;font-size:.875rem}.pos-view .pos-grid vaadin-button[theme~=error]{min-width:32px;padding:var(--lumo-space-xs)}.pos-view .pos-resumen-panel{padding:var(--lumo-space-s)!important}.pos-view .pos-resumen-panel h3{font-size:1.1rem!important;margin-bottom:var(--lumo-space-s)!important}.pos-view .pos-total-value{font-size:1.5rem!important}.pos-view .pos-pago-panel{padding:var(--lumo-space-s)!important}.pos-view .pos-acciones-panel vaadin-button{font-size:1rem!important;padding:var(--lumo-space-m)!important}.pos-view vaadin-dialog-overlay[theme~=pos-dialog]{width:95%!important;max-width:95%!important}.pos-view .pos-ticket-dialog{height:80vh!important}.pos-view .pos-ticket-pre{font-size:10px!important;max-height:60vh!important}}@media (min-width: 769px) and (max-width: 1024px){.pos-view .pos-left-column{width:60%!important}.pos-view .pos-right-column{width:40%!important}.pos-view .pos-grid{font-size:.9rem}.pos-view .pos-total-value{font-size:1.75rem!important}}@media (max-width: 768px) and (orientation: landscape){.pos-view .pos-header{padding:var(--lumo-space-s)!important}.pos-view .pos-header h2{font-size:1rem!important}.pos-view .pos-grid{max-height:30vh}.pos-view .pos-resumen-panel,.pos-view .pos-pago-panel{padding:var(--lumo-space-xs)!important}}@media (max-width: 768px){.pos-view vaadin-button{min-height:44px;min-width:44px}.pos-view vaadin-text-field,.pos-view vaadin-number-field,.pos-view vaadin-combo-box{margin-bottom:var(--lumo-space-s)}.pos-view vaadin-combo-box-overlay{max-height:50vh!important}.pos-view .pos-grid{max-height:40vh;overflow-y:auto}}.pos-view vaadin-button:focus,.pos-view vaadin-text-field:focus-within,.pos-view vaadin-number-field:focus-within,.pos-view vaadin-combo-box:focus-within{outline:2px solid var(--lumo-primary-color);outline-offset:2px}@media print{.pos-view .pos-header,.pos-view .pos-busqueda-layout,.pos-view .pos-acciones-panel{display:none!important}.pos-view .pos-ticket-pre{background:#fff!important;color:#000!important;font-size:10pt!important}}.pos-view .pos-loading{opacity:.6;pointer-events:none}.pos-view .pos-item-added{animation:pulse-success .3s ease-in-out}@keyframes pulse-success{0%{background:var(--lumo-success-color-10pct)}50%{background:var(--lumo-success-color-50pct)}to{background:var(--lumo-success-color-10pct)}}@media (max-width: 375px){.pos-view .pos-header h2{font-size:1rem!important}.pos-view .pos-total-value{font-size:1.3rem!important}.pos-view .pos-acciones-panel vaadin-button{font-size:.9rem!important;padding:var(--lumo-space-s)!important}.pos-view .pos-grid vaadin-number-field{width:70px!important;font-size:.8rem}.pos-view .pos-grid{font-size:.8rem}}.login-rich-content{background-image:url(./misti2-DYJBYeOj.svg);background-position:center;background-size:cover;display:flex;height:100vh}.login-rich-content vaadin-login-form{align-items:center;display:flex;max-width:300px}.login-rich-content vaadin-login-form-wrapper{background-image:none}.tophl{align-content:center;width:auto;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.toggle-button{display:none}@media (max-width: 1024px){vaadin-app-layout::part(navbar){padding:var(--lumo-space-s)}h2{font-size:var(--lumo-font-size-l)!important}}@media (max-width: 768px){vaadin-app-layout::part(drawer){width:260px}[slot=drawer] header h1{font-size:var(--lumo-font-size-l)}}@media (max-width: 480px){.toggle-button{display:block}.tophl{display:none}.tophl-visible{display:flex;flex-direction:column}vaadin-app-layout::part(drawer){width:85vw;max-width:300px}[slot=drawer] header h1{font-size:var(--lumo-font-size-m)}vaadin-side-nav-item{margin:var(--lumo-space-xs);font-size:var(--lumo-font-size-s)}[slot=drawer] footer{padding:var(--lumo-space-xs)}vaadin-app-layout::part(navbar){padding:var(--lumo-space-xs) var(--lumo-space-s)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[theme~=dark] [slot=drawer] header{background:linear-gradient(135deg,var(--lumo-primary-color-50pct) 0%,var(--lumo-primary-color) 100%);border-bottom-color:var(--lumo-primary-color-10pct)}html[theme~=dark] vaadin-side-nav-item[selected]{background:var(--lumo-primary-color-10pct);border-left-color:var(--lumo-primary-color)}