vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[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}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-ext-400-normal-CDaUweNg.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-cyrillic-400-normal-BeCCvLER.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-ext-400-normal-CN7Sjl8O.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-greek-400-normal-CFdSl_hl.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0370-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-ext-400-normal-BZ1lHcWF.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-mgmWz5XK.woff2) format("woff2"),url(./inter-all-400-normal-ClhdABLW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@tailwind base;@tailwind components;@tailwind utilities;@layer components{.btn-primary{@apply bg-primary-600 hover:bg-primary-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200;}.btn-secondary{@apply bg-secondary-600 hover:bg-secondary-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200;}.btn-success{@apply bg-success-600 hover:bg-success-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200;}.btn-warning{@apply bg-warning-600 hover:bg-warning-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200;}.btn-error{@apply bg-error-600 hover:bg-error-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200;}.btn-outline{@apply border-2 border-primary-600 text-primary-600 hover:bg-primary-600 hover:text-white font-semibold py-2 px-4 rounded-lg transition-all duration-200;}.card{@apply bg-white rounded-lg shadow-soft border border-gray-200 p-6;}.card-header{@apply border-b border-gray-200 pb-4 mb-4;}.card-title{@apply text-xl font-semibold text-gray-900;}.card-subtitle{@apply text-sm text-gray-600 mt-1;}.form-group{@apply mb-4;}.form-label{@apply block text-sm font-medium text-gray-700 mb-2;}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all duration-200;}.form-input:focus{@apply shadow-soft;}.container-fluid{@apply w-full px-4 mx-auto;}.container-sm{@apply max-w-2xl mx-auto px-4;}.container-md{@apply max-w-4xl mx-auto px-4;}.container-lg{@apply max-w-6xl mx-auto px-4;}.container-xl{@apply max-w-7xl mx-auto px-4;}.section-padding{@apply py-12;}.section-padding-sm{@apply py-8;}.section-padding-lg{@apply py-16;}.gradient-primary{@apply bg-gradient-to-r from-primary-500 to-primary-700;}.gradient-secondary{@apply bg-gradient-to-r from-secondary-500 to-secondary-700;}.gradient-success{@apply bg-gradient-to-r from-success-500 to-success-700;}.gradient-warning{@apply bg-gradient-to-r from-warning-500 to-warning-700;}.gradient-error{@apply bg-gradient-to-r from-error-500 to-error-700;}}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.shadow-custom{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.border-dashed-custom{border-style:dashed;border-width:2px;border-color:#e5e7eb}.transition-custom{transition:all .3s cubic-bezier(.4,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.home-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.home-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.home-view .preview-container{display:contents}.home-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.home-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.home-view[dragging] .layout:not([style*="gap:"]){gap:8px}.home-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.home-view .cover-overlay{position:absolute;border-radius:1px}.home-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.home-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.home-view .overlays,.home-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-view:not([dragging]) .drop-zones{pointer-events:none}.home-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.home-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.home-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.home-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.home-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.home-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.home-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view[readonly] .drop-zones,.home-view[readonly] .overlays,.home-view[inline-editing] .drop-zones,.home-view[inline-editing] .overlays{display:none}.home-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.home-view[dragging] vaadin-form-layout{padding:8px}.home-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.persons-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.persons-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.persons-view .preview-container{display:contents}.persons-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.persons-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.persons-view[dragging] .layout:not([style*="gap:"]){gap:8px}.persons-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.persons-view .cover-overlay{position:absolute;border-radius:1px}.persons-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.persons-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.persons-view .overlays,.persons-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.persons-view:not([dragging]) .drop-zones{pointer-events:none}.persons-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.persons-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.persons-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.persons-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.persons-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.persons-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.persons-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.persons-view[readonly] .drop-zones,.persons-view[readonly] .overlays,.persons-view[inline-editing] .drop-zones,.persons-view[inline-editing] .overlays{display:none}.persons-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.persons-view[dragging] vaadin-form-layout{padding:8px}.persons-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.persons-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.pdv-main-container{background-color:#f8f9fa;height:100vh;padding:1rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.pdv-grid-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto auto 1fr 1fr 1fr;gap:.75rem;height:100%;width:100%}.barcode-grid-item{grid-column:1 / 3;grid-row:1}.status-grid-item{grid-column:3 / 5;grid-row:1}.buttons-grid-item{grid-column:1;grid-row:2 / 6}.totals-grid-item{grid-column:2 / 5;grid-row:2}.items-grid-item{grid-column:2 / 5;grid-row:3 / 6}.barcode-container{background:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-height:3rem;max-height:4rem}.barcode-input{font-size:1.25rem;font-weight:600;height:2.5rem;width:100%}.barcode-input .vaadin-text-field{font-size:1.25rem;font-weight:600}.barcode-input .vaadin-text-field .vaadin-field-container,.barcode-input .vaadin-text-field .vaadin-input-container{padding:0;display:flex;align-items:center}.barcode-spacer{width:100%;background:transparent;height:.25rem;flex-shrink:0}.operational-buttons-panel{background:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;gap:.75rem;overflow:hidden;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:.75rem}.operational-button{height:6rem;width:100%;font-size:1.125rem;font-weight:700;border-radius:.5rem;border:2px solid}.finalizar-button{background:#22c55e;color:#fff;border-color:#22c55e}.finalizar-button:hover{background:#16a34a;border-color:#16a34a}.cancelar-button{background:#ef4444;color:#fff;border-color:#ef4444}.cancelar-button:hover{background:#dc2626;border-color:#dc2626}.cliente-button,.cancelar-item-button{background:#fff;color:#374151;border-color:#d1d5db}.cliente-button:hover,.cancelar-item-button:hover{background:#f9fafb;border-color:#9ca3af}.status-container{background:#fff;color:#374151;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem;gap:1rem}.status-icon{width:2rem;height:2rem;color:#6b7280}.status-text{font-size:.875rem;font-weight:500;color:#374151;margin:0;line-height:1.4}.totals-card{background:#22c55e;color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;height:100%;width:100%;display:flex;align-items:center;justify-content:center;min-height:4rem;max-height:5rem}.cart-icon{width:2rem;height:2rem;color:#fff}.item-count{font-size:1.25rem;font-weight:500;color:#ffffffe6;margin:0}.total-label-text{font-size:1.875rem;font-weight:700;color:#fff;margin:0}.total-value{font-size:3rem;font-weight:700;color:#fff;margin:0}.items-container{background:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.items-grid .vaadin-grid-header-cell{background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em;color:#374151;padding:.75rem}.vaadin-grid-cell[part=cell][role=gridcell]{display:flex;align-items:center;justify-content:center}.vaadin-button{margin:0 2px}.empty-state{min-height:300px}.empty-message{color:#6b7280;font-size:1.125rem;font-weight:500}.items-grid{border:none;overflow:auto}.items-grid .vaadin-grid-cell{padding:.75rem;border-bottom:1px solid #f3f4f6}.items-grid{min-height:200px}.items-grid .vaadin-grid-row{min-height:48px}@media (max-width: 1200px){.pdv-main-grid{flex-direction:column}.operational-buttons-panel{max-width:none;min-width:auto}}@media (max-width: 768px){.pdv-main-container{padding:.75rem;gap:1rem}.barcode-input{font-size:1.25rem;height:3rem}.operational-button{height:4rem;font-size:1rem}.total-value{font-size:2rem}.total-label-text{font-size:1.5rem}}.pdv-main-container .vaadin-text-field:focus-within{box-shadow:0 0 0 2px #22c55e}.pdv-main-container .vaadin-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.items-grid .vaadin-grid-row{animation:slideIn .3s ease-out}.pdv-main-container.loading{pointer-events:none;opacity:.7}.pdv-main-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(34,197,94,.2);border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{--lumo-font-family: Inter;--vaadin-app-layout-drawer-width: 20em}.btn{border-radius:var(--lumo-border-radius-m);padding:.5rem 1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:default}vaadin-button.btn-sky[theme~=primary]{--lumo-primary-color: #0ea5e9;--lumo-primary-text-color: #ffffff}vaadin-button.btn-sky[theme~=primary]:hover{--lumo-primary-color: #0284c7}vaadin-button.btn-green[theme~=primary]{--lumo-primary-color: #22c55e;--lumo-primary-text-color: #ffffff}vaadin-button.btn-green[theme~=primary]:hover{--lumo-primary-color: #16a34a}vaadin-button.btn-amber[theme~=primary]{--lumo-primary-color: #fbbf24;--lumo-primary-text-color: #1f2937}vaadin-button.btn-amber[theme~=primary]:hover{--lumo-primary-color: #f59e0b}vaadin-button.btn-slate[theme~=primary]{--lumo-primary-color: #94a3b8;--lumo-primary-text-color: #ffffff}vaadin-button.btn-slate[theme~=primary]:hover{--lumo-primary-color: #64748b}vaadin-button.btn-rose[theme~=primary]{--lumo-primary-color: #f43f5e;--lumo-primary-text-color: #ffffff}vaadin-button.btn-rose[theme~=primary]:hover{--lumo-primary-color: #e11d48}