.search-highlight{color:#000;background-color:#ffeb3b;border-radius:2px;padding:.1rem .2rem;font-weight:700}.highlighted-row{animation:2s infinite pulse-row;background-color:#007bff1a!important;border-left:4px solid #007bff!important}.highlighted-card{animation:2s infinite pulse-card;border:2px solid #007bff!important;box-shadow:0 0 15px #007bff4d!important}@keyframes pulse-row{0%{background-color:#007bff1a}50%{background-color:#007bff33}to{background-color:#007bff1a}}@keyframes pulse-card{0%{box-shadow:0 0 15px #007bff4d}50%{box-shadow:0 0 25px #007bff99}to{box-shadow:0 0 15px #007bff4d}}.view-wrapper{padding:1rem}.view-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.view-header div{gap:1rem;display:flex}.filter-container{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.date-range-group{align-items:center;gap:.5rem;display:flex}.date-separator{white-space:nowrap;color:var(--color-text)}@media (max-width:768px){.filter-container{flex-direction:column;align-items:stretch}}.table-container{border:1px solid var(--color-border);border-radius:8px;width:100%;overflow-x:auto}@media (max-width:768px){.card{-webkit-overflow-scrolling:touch;overflow-x:auto}}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:12px 15px}.data-table thead th{background-color:var(--color-background-soft);z-index:1;font-weight:700;position:sticky;top:0}.data-table tbody tr:hover{background-color:var(--color-background-mute)}.sticky-col{background-color:var(--color-background-soft);z-index:2;position:sticky;left:0}.data-table thead th.sticky-col{z-index:3}.actions-col{width:1%}.actions{gap:.5rem;display:flex}.button-small{padding:5px 10px;font-size:.8rem}.button-success{background-color:var(--color-success)}.button-success:hover{background-color:#27ae60}.button-warning{background-color:var(--color-warning);color:#fff}.button-warning:hover{background-color:#d35400}.button-danger{background-color:var(--color-danger)}.button-danger:hover{background-color:#c0392b}.button-secondary{background-color:var(--color-secondary)}.button-secondary:hover{background-color:#7f8c8d}.button-info{color:#fff;background-color:#17a2b8}.button-info:hover{background-color:#138496}.button-loading{opacity:.7;cursor:not-allowed}.status-badge{color:#fff;border-radius:12px;padding:4px 8px;font-size:.8rem}.status-green{background-color:var(--color-success)}.status-red{background-color:var(--color-danger)}.status-gray{background-color:var(--color-secondary)}.pagination-container{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{flex-direction:column;width:90%;max-width:900px;max-height:90vh;padding:0;display:flex;overflow:hidden}.modal-content h2{text-align:center;border-bottom:1px solid var(--color-border);flex-shrink:0;margin:0;padding:1.2rem 2rem}.modal-content form{flex-direction:column;flex:1;min-height:0;padding:1.2rem 2rem .5rem;display:flex;overflow-y:auto}.modal-actions{background-color:#0000;border-top:none;flex-shrink:0;justify-content:flex-end;gap:10px;margin:0;padding:1rem 2rem;display:flex}.modal-content .error-message{margin:.5rem 2rem;padding:0}.form-group{margin-bottom:8px}.form-group label{margin-bottom:4px;font-weight:700;display:block}.form-grid-columns-3{grid-template-columns:repeat(3,1fr);gap:8px 10px;display:grid}.form-grid-columns-5{grid-template-columns:2fr .8fr .8fr .6fr 1fr 2fr;align-items:flex-end;gap:8px;display:grid}.form-group.full-width-span-2{grid-column:span 2}.form-group.full-width-span-3{grid-column:span 3}.modal-content textarea{resize:vertical;field-sizing:content;min-height:34px;max-height:none;overflow-y:hidden}.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=date],.modal-content select{padding:6px 10px}.form-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.form-group.full-width{grid-column:span 2}@media (max-width:768px){.form-grid-columns-3,.form-grid-columns-5,.form-grid{grid-template-columns:1fr}.form-group.full-width-span-2,.form-group.full-width-span-3,.form-group.full-width{grid-column:span 1}.modal-content{padding:1rem}}.no-data-message{text-align:center;color:var(--color-secondary);padding:2rem}.error-message{color:var(--color-danger);text-align:center;margin-top:10px}.warning-text{color:var(--color-danger);text-align:center;margin:1rem 0;font-weight:500}.text-muted{color:var(--color-secondary)}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.card-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.card-item{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:box-shadow .3s,transform .3s;display:flex}.card-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-content{flex-grow:1;margin-bottom:1rem}.card-content h3{color:var(--color-heading);margin-bottom:.5rem}.card-content p{color:var(--color-text);margin-bottom:.5rem;font-size:.9rem}.card-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (max-width:768px){.card-list{grid-template-columns:1fr}}.mobile-list{display:none}.mobile-card{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.mobile-card-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.mobile-card-header h3{color:var(--color-heading);margin:0;font-size:1.1rem}.mobile-card-content{margin-bottom:.75rem}.mobile-card-content p{color:var(--color-text);margin:.5rem 0;font-size:.9rem}.mobile-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.mobile-card-actions .button{text-align:center;flex:1;justify-content:center;align-items:center;min-width:100px;text-decoration:none;display:inline-flex}.mobile-card.highlighted{border:2px solid #007bff;box-shadow:0 0 15px #007bff4d}@media (max-width:768px){.table-container{display:none}.mobile-list{display:block}}@media (min-width:769px){.mobile-list{display:none}.table-container{display:block}}.item-list{margin:0;padding:0;list-style:none}.item-list li{margin-bottom:4px}.readonly-field{cursor:not-allowed;color:var(--color-text-muted);border:1px solid var(--color-border);opacity:.8;background-color:var(--color-background-mute)!important}.readonly-field:focus{box-shadow:none;outline:none}.table-image{object-fit:cover;border-radius:4px;width:40px;height:40px}.image-preview-container{align-items:center;gap:10px;margin-top:10px;display:flex}.current-image-preview{border-radius:4px;max-width:100px;max-height:100px}.tags-input{border:1px solid var(--color-border);border-radius:4px;flex-wrap:wrap;gap:5px;padding:5px;display:flex}.tag{background-color:var(--color-primary);color:#fff;border-radius:12px;align-items:center;padding:3px 8px;display:flex}.remove-tag{cursor:pointer;margin-left:5px}.checkbox-group{flex-wrap:wrap;gap:10px;display:flex}.button-icon-remove{background-color:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:10px;right:10px}.shop-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.shop-card-item{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:box-shadow .3s,transform .3s;display:flex}.shop-card-item:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.shop-card-content h3{color:var(--color-heading);margin-bottom:.5rem}.shop-card-content p{color:var(--color-text);flex-grow:1;margin-bottom:1rem;font-size:.9rem}.image-tooltip{z-index:100;pointer-events:none;background-color:#fff;border:1px solid #ccc;padding:5px;position:absolute;box-shadow:0 2px 10px #0003}.image-tooltip img{max-width:300px;max-height:300px}.component-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.component-card-item{background-color:var(--color-background-soft);border:2px solid var(--color-border);border-radius:8px;padding:1.5rem;transition:all .3s;box-shadow:0 2px 8px #0000001a}.component-card-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.component-card-item p{color:var(--color-text);margin:.5rem 0;line-height:1.6}.component-card-item p:first-child{margin-top:0}.component-card-item p:last-of-type{margin-bottom:1rem}.component-card-item .actions{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.component-card{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.order-management-view{padding:1rem}.items-header-with-button{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:.5rem;padding-bottom:.3rem;display:flex}.items-header-with-button .items-header{border:none;margin:0;padding:0;font-size:1.1rem}.button-compact{padding:.4rem .8rem;font-size:.9rem}.items-header{border-bottom:1px solid var(--color-border);margin-top:1rem;margin-bottom:.8rem;padding-bottom:.3rem;font-size:1.1rem}.order-item-group{border:1px solid var(--color-border);background-color:var(--color-background-soft);border-radius:6px;margin-bottom:8px;padding:8px;position:relative}.stall-group h3{margin:0 0 .5rem;font-size:1.1rem}.price-input-wrapper{align-items:center;gap:5px;display:flex}.price-diff-tip{color:var(--color-danger);white-space:nowrap;font-size:.8rem}@media (max-width:768px){.stall-group h3{margin:0 0 .3rem;font-size:1rem}.mobile-picking-item-list{display:block}.table-container{display:none}}.picking-item-card{background-color:var(--color-background-soft);border:1px solid var(--color-border);border-radius:6px;margin-bottom:.5rem;padding:.6rem}.picking-item-card p{margin:.2rem 0;font-size:.85rem}.mobile-picking-item-list{display:none}@media (max-width:768px){body{font-size:14px}.card{margin-bottom:.75rem;padding:.75rem}.filter-container{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-bottom:.75rem!important}.filter-container input,.filter-container select{padding:.5rem;font-size:14px}.table-container{display:none!important}.table-scroll-container{-webkit-overflow-scrolling:touch;width:100%;margin:0 -.75rem;padding:0 .75rem;overflow-x:auto}.table-scroll-container .data-table{min-width:600px}.date-range-group{align-items:center;gap:.3rem;width:100%;display:flex}.date-range-group input[type=date]{flex:1;min-width:0}.date-separator{flex-shrink:0;font-size:.875rem}.mobile-card-image{cursor:pointer;object-fit:cover;border-radius:4px;max-width:80px;max-height:80px;transition:opacity .3s}.mobile-card-image:active{opacity:.7}.mobile-image-modal{z-index:2000;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.mobile-image-modal-content{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.mobile-image-modal-content img{object-fit:contain;max-width:100%;max-height:90vh}.mobile-list,.mobile-order-list,.mobile-style-list,.mobile-picking-item-list{display:block!important}.card-list{grid-template-columns:1fr!important;gap:.75rem!important}.card-item,.order-card-item,.style-card-item{margin-bottom:.5rem;padding:.75rem!important}.card-header,.order-card-header,.style-card-header{gap:.5rem;margin-bottom:.5rem!important}.card-header h3,.order-card-header h3,.style-card-header h3{line-height:1.3;margin:0!important;font-size:1rem!important}.card-content,.order-card-content,.style-card-content{margin-bottom:.5rem!important}.card-content p,.order-card-content p,.style-card-content p{font-size:.875rem;line-height:1.4;margin:.25rem 0!important}.card-actions,.order-card-actions,.style-card-actions{margin-top:.5rem;gap:.4rem!important}.button-small{padding:.35rem .6rem!important;font-size:.8rem!important}.status-badge{padding:.2rem .5rem!important;font-size:.75rem!important}.order-number{color:var(--color-text-2,var(--color-secondary));margin-top:.15rem;font-size:.8rem}.form-grid-columns-3,.form-grid-columns-5,.form-grid{grid-template-columns:1fr!important;gap:.75rem!important}.form-group{margin-bottom:.75rem!important}.form-group label{font-size:.875rem;margin-bottom:.25rem!important}.form-group.full-width-span-2,.form-group.full-width-span-3,.form-group.full-width{grid-column:span 1!important}.modal-content{width:95%!important;padding:.75rem!important}.modal-content h2{font-size:1.2rem;margin-bottom:.75rem!important}.modal-actions{gap:.5rem!important;margin-top:.75rem!important}.view-header{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-bottom:.75rem!important}.view-header h1{margin:0;font-size:1.3rem}.view-header div{gap:.5rem;width:100%;flex-direction:row!important}.view-header button{flex:1;padding:.5rem .75rem;font-size:.875rem}.actions{gap:.4rem!important}.pagination-container{gap:.5rem!important;margin-top:.75rem!important}.pagination-container button{padding:.4rem .75rem;font-size:.875rem}.page-info{font-size:.875rem}.page-info .total-info{font-size:.75rem}.item-list{margin:.25rem 0}.item-list li{margin-bottom:.2rem;font-size:.875rem;line-height:1.3}.card-image{width:50px!important;height:50px!important}.table-image{width:35px!important;height:35px!important}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],textarea,select{font-size:14px;padding:.5rem!important}.no-data-message{font-size:.875rem;padding:1rem!important}.error-message,.warning-text{font-size:.875rem;margin:.5rem 0!important}}@media (min-width:769px){.mobile-list,.mobile-order-list,.mobile-style-list{display:none!important}.table-container{display:block!important}}@media (max-width:480px){body{font-size:13px}.card{padding:.6rem}.view-header h1{font-size:1.2rem}.button{padding:.5rem .75rem;font-size:.85rem}.card-item,.order-card-item,.style-card-item{padding:.6rem!important}.card-content p,.order-card-content p,.style-card-content p{font-size:.8rem}.card-list{gap:.6rem!important}.filter-container{gap:.4rem!important}}@media (min-width:768px) and (max-width:1024px){.card-list{gap:1rem;grid-template-columns:repeat(2,1fr)!important}.form-grid-columns-5{grid-template-columns:repeat(3,1fr)!important}}@media (hover:none) and (pointer:coarse){button,.button,a{min-height:40px}.card-item:hover,.order-card-item:hover,.style-card-item:hover{transform:none}}@media print{.view-header button,.filter-container,.actions,.card-actions,.pagination-container,.button{display:none!important}.card{page-break-inside:avoid;border:1px solid #000;padding:.5rem}body,.card,.table-container{color:#000!important;background:#fff!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-background:#f4f6f9;--color-background-soft:#f9fafb;--color-background-mute:#fff;--color-border:#e0e0e0;--color-border-hover:silver;--color-heading:#2c3e50;--color-text:#34495e;--color-primary:#3498db;--color-primary-soft:#ecf5ff;--color-success:#2ecc71;--color-warning:#f39c12;--color-danger:#e74c3c;--color-secondary:#95a5a6;--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#213547;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400;position:relative}body{background:var(--color-background);min-height:100vh;color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}#app{max-width:1400px;margin:0 auto;padding:1rem;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600}a{color:var(--color-primary);text-decoration:none;transition:color .3s}a:hover{color:#2980b9}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],textarea,select{border:1px solid var(--color-border);background-color:var(--vt-c-white);width:100%;color:var(--color-text);border-radius:6px;padding:10px 12px;font-size:15px;transition:border-color .3s,box-shadow .3s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3498db33}button,.button{background-color:var(--color-primary);color:var(--vt-c-white);cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;padding:10px 18px;font-size:15px;font-weight:500;transition:background-color .3s,transform .1s;display:inline-block}button:hover,.button:hover{background-color:#2980b9}button:active,.button:active{transform:scale(.98)}button:disabled,.button:disabled{background-color:var(--color-secondary);cursor:not-allowed;opacity:.7}.card{background-color:var(--vt-c-white);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 15px}thead th{background-color:var(--color-background-soft);color:var(--color-heading);font-weight:600}tbody tr:hover{background-color:var(--color-background-soft)}.notification[data-v-8cc91469]{color:#fff;z-index:1000;border-radius:5px;justify-content:space-between;align-items:center;min-width:250px;padding:15px 20px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 10px #0003}.notification.error[data-v-8cc91469]{background-color:#f44336}.notification.success[data-v-8cc91469]{background-color:#4caf50}.notification.info[data-v-8cc91469]{background-color:#2196f3}.close-btn[data-v-8cc91469]{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:15px;font-size:20px}header[data-v-4b6bfcee]{z-index:100;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;max-height:100vh;padding:1rem;line-height:1.5;position:sticky;top:0}.wrapper[data-v-4b6bfcee]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}nav[data-v-4b6bfcee]{text-align:center;align-items:center;gap:1rem;width:100%;font-size:16px;display:flex}.nav-links[data-v-4b6bfcee]{align-items:center;gap:1rem;width:100%;display:flex}nav a.router-link-exact-active[data-v-4b6bfcee]{color:#007bff}nav a.router-link-exact-active[data-v-4b6bfcee]:hover{background-color:#0000}nav a[data-v-4b6bfcee]{border-left:1px solid var(--color-border);color:#333;padding:0 1rem;text-decoration:none}nav a[data-v-4b6bfcee]:first-of-type{border:0}.logout-button[data-v-4b6bfcee]{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;margin-left:auto;padding:8px 15px;font-size:14px}.logout-button[data-v-4b6bfcee]:hover{background-color:#c82333}.search-container[data-v-4b6bfcee]{flex-grow:1;align-items:center;max-width:300px;margin-left:1rem;display:flex}.search-container input[data-v-4b6bfcee]{box-sizing:border-box;color:#495057;background-color:#0000;border:none;border-bottom:1px solid #0000;outline:none;width:100%;padding:8px 10px;transition:border-color .3s}.search-container input[data-v-4b6bfcee]:focus{border-bottom-color:#007bff}.search-container button[data-v-4b6bfcee]{color:#007bff;cursor:pointer;background-color:#0000;border:1px solid #007bff;border-radius:4px;margin-left:0;padding:8px 15px;font-size:14px;transition:background-color .3s,color .3s}.search-container button[data-v-4b6bfcee]:hover{color:#fff;background-color:#007bff}.search-container button[data-v-4b6bfcee]:disabled{opacity:.6;cursor:not-allowed;color:#fff;background-color:#6c757d;border-color:#6c757d}.search-container button[data-v-4b6bfcee]:disabled:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.menu-toggle[data-v-4b6bfcee]{cursor:pointer;z-index:1001;background:0 0;border:none;padding:0;display:none}.menu-toggle span[data-v-4b6bfcee]{background-color:#333;width:25px;height:3px;margin:5px 0;transition:all .3s ease-in-out;display:block}.menu-toggle.is-active span[data-v-4b6bfcee]:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.is-active span[data-v-4b6bfcee]:nth-child(2){opacity:0}.menu-toggle.is-active span[data-v-4b6bfcee]:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (max-width:768px){.menu-toggle[data-v-4b6bfcee]{display:block}.nav-links[data-v-4b6bfcee]{z-index:1000;background-color:#f8f9fafa;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;width:100%;height:100vh;padding-top:100px;padding-bottom:60px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.nav-links.is-open[data-v-4b6bfcee]{display:flex}nav a[data-v-4b6bfcee]{border-left:none;padding:.6rem 1rem;font-size:1.1rem}.search-container[data-v-4b6bfcee]{flex-direction:column;gap:.5rem;max-width:85%;margin-left:0}.search-container input[data-v-4b6bfcee]{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:10px 12px}.search-container button[data-v-4b6bfcee]{width:100%;margin-left:0;padding:10px 15px}.logout-button[data-v-4b6bfcee]{margin-left:0;padding:10px 20px;font-size:1rem}}