:root{--primary-blue: #0ea5e9;--primary-blue-600: #0284c7;--accent-orange: #f97316;--accent-orange-600: #ea580c;--text-color: #1f2937;--muted: #6b7280;--bg: #ffffff;--surface: #fafafa;--border: #e5e7eb;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-color);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-blue);text-decoration:inherit}a:hover{color:var(--primary-blue-600)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text-color)}.container{width:100%;max-width:100%;padding:0 12px;margin:0 auto}@media(min-width:768px){.container{padding:0 16px}}@media(min-width:1024px){.container{padding:0 20px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px}@media(max-width:1024px){table{font-size:13px}}@media(max-width:768px){table{font-size:12px}th,td{padding:6px 8px!important}}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:12px}}.form-group{display:flex;flex-direction:column;gap:4px}.form-row{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}@media(max-width:768px){.form-row{flex-direction:column;gap:12px}}.card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:1200px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.card-grid{grid-template-columns:1fr}}.hide-on-small{display:block}.show-on-small{display:none}@media(max-width:768px){.hide-on-small{display:none}.show-on-small{display:block}}.text-responsive{font-size:clamp(12px,2vw,16px)}.title-responsive{font-size:clamp(18px,3vw,24px)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border);padding:.4em .7em;font-size:.95em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}button:hover{border-color:var(--primary-blue)}button:focus,button:focus-visible{outline:3px solid rgba(37,99,235,.35)}.card{padding:2em}#app{width:100%}.btn{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:hover{border-color:var(--primary-blue)}.btn.primary{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.btn.primary:hover{background:var(--primary-blue-600);border-color:var(--primary-blue-600)}.btn.accent{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.btn.accent:hover{background:var(--accent-orange-600);border-color:var(--accent-orange-600)}.btn.danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn.danger:hover{background:#dc2626;border-color:#dc2626}.btn.success{background:#16a34a;border-color:#16a34a;color:#fff}.btn.success:hover{background:#15803d;border-color:#15803d}.layout[data-v-c3a18586]{display:flex;min-height:100vh;width:100%;overflow-x:hidden;position:relative}.sidebar[data-v-c3a18586]{position:fixed;top:0;left:0;width:260px;min-width:60px;height:100vh;transition:width .2s ease;border-right:1px solid var(--primary-blue-600);background:var(--primary-blue);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;z-index:10}.sidebar.closed[data-v-c3a18586]{width:60px}.sidebar.closed .menu[data-v-c3a18586]{height:calc(100vh - 100px);padding:4px;gap:4px}.sidebar.closed .menu a[data-v-c3a18586]{padding:8px;justify-content:center}.sidebar.closed~.content[data-v-c3a18586]{margin-left:60px}@media(max-width:1200px){.sidebar[data-v-c3a18586]{width:220px}.sidebar~.content[data-v-c3a18586]{margin-left:220px}.side-header[data-v-c3a18586]{padding:12px 10px;font-size:13px}.menu[data-v-c3a18586]{padding:6px;height:calc(100vh - 120px)}.menu a[data-v-c3a18586]{padding:7px 8px;font-size:14px}.menu a svg[data-v-c3a18586]{width:18px;height:18px;flex:0 0 18px}}@media(max-width:1024px){.sidebar[data-v-c3a18586]{width:200px}.sidebar~.content[data-v-c3a18586]{margin-left:200px}.side-header[data-v-c3a18586]{padding:10px 8px;font-size:12px}.menu[data-v-c3a18586]{padding:6px;height:calc(100vh - 110px)}.menu a[data-v-c3a18586]{padding:6px 8px;font-size:13px}.menu a svg[data-v-c3a18586]{width:16px;height:16px;flex:0 0 16px}.user-details strong[data-v-c3a18586]{font-size:13px}.user-details small[data-v-c3a18586]{font-size:11px}}@media(max-width:900px){.sidebar[data-v-c3a18586]{width:180px}.sidebar~.content[data-v-c3a18586]{margin-left:180px}.menu[data-v-c3a18586]{padding:4px;height:calc(100vh - 100px)}.menu a span[data-v-c3a18586]{font-size:12px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.header-notifications[data-v-c3a18586]{gap:8px;margin-right:16px}}@media(max-width:800px){.sidebar[data-v-c3a18586]:not(.closed){width:160px}.sidebar:not(.closed)~.content[data-v-c3a18586]{margin-left:160px}.side-header strong[data-v-c3a18586]{font-size:11px}.menu[data-v-c3a18586]{padding:4px;height:calc(100vh - 90px)}.menu a[data-v-c3a18586]{padding:5px 6px}.menu a span[data-v-c3a18586]{font-size:11px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.toggle-edge[data-v-c3a18586]{width:28px;height:28px;right:-12px}}.side-header[data-v-c3a18586]{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.15);font-size:14px;color:#fff}.header-notifications[data-v-c3a18586]{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:24px;transition:all .2s ease}.sidebar.closed .header-notifications[data-v-c3a18586]{margin-right:0;gap:4px}.header-notifications .notification-icon[data-v-c3a18586]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative;color:#ff6b6b;transition:all .2s}.sidebar.closed .header-notifications .notification-icon[data-v-c3a18586]{width:28px;height:28px}.sidebar.closed .header-notifications .notification-icon svg[data-v-c3a18586]{width:16px;height:16px}.header-notifications .notification-icon[data-v-c3a18586]:hover{color:#fff;background:#f003;border-radius:50%}.header-notifications .notification-badge[data-v-c3a18586]{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.toggle-edge[data-v-c3a18586]{position:absolute;top:12px;right:-14px;width:32px;height:32px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;box-shadow:0 1px 2px #00000014;display:flex;align-items:center;justify-content:center}.toggle-edge.square[data-v-c3a18586]{border-radius:6px}.menu[data-v-c3a18586]{display:flex;flex-direction:column;padding:8px;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 140px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.menu[data-v-c3a18586]::-webkit-scrollbar{width:6px}.menu[data-v-c3a18586]::-webkit-scrollbar-track{background:transparent}.menu[data-v-c3a18586]::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.menu[data-v-c3a18586]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.menu a[data-v-c3a18586]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:#fff}.menu a svg[data-v-c3a18586]{width:18px;height:18px;flex:0 0 18px}.menu a[data-v-c3a18586]:hover{background:#ffffff1f}.menu a.router-link-active[data-v-c3a18586]{background:var(--accent-orange);color:#fff}.toggle-edge[data-v-c3a18586]:hover{border-color:var(--accent-orange)}.content[data-v-c3a18586]{position:relative;flex:1;padding:12px;width:100%;max-width:100%;min-width:0;overflow-x:auto;margin-left:260px;transition:margin-left .2s ease}.menu-notifications[data-v-c3a18586]{padding:10px;border-top:1px solid rgba(255,0,0,.2);background:#ff00001a}.notification-section[data-v-c3a18586]{display:flex;flex-direction:row;justify-content:center;gap:15px;padding:5px 0}.notification-icon[data-v-c3a18586]{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#ff6b6b;transition:all .2s}.notification-icon[data-v-c3a18586]:hover{background:#f003;color:#fff;transform:scale(1.1)}.notification-badge[data-v-c3a18586]{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.notification-text[data-v-c3a18586]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.closed .notification-text[data-v-c3a18586]{display:none}.sidebar.closed .notification-item[data-v-c3a18586]{justify-content:center;padding:10px 0}@keyframes pulse-c3a18586{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 8px #dc354500}to{box-shadow:0 0 #dc354500}}.toasts[data-v-c3a18586]{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:20;pointer-events:none}.toast[data-v-c3a18586]{padding:14px 16px;border-radius:10px;border:1px solid var(--border);background:#fff;box-shadow:0 10px 30px #00000040;font-size:15px;font-weight:600;pointer-events:auto;animation:toastIn-c3a18586 .25s ease-out;border-left:4px solid var(--primary-blue)}.toast.info[data-v-c3a18586]{border-color:var(--primary-blue);background:#0ea5e91f;border-left-color:var(--primary-blue)}.toast.success[data-v-c3a18586]{border-color:#16a34a;background:#16a34a2e;border-left-color:#16a34a}.toast.error[data-v-c3a18586]{border-color:#ef4444;background:#ef44442e;border-left-color:#ef4444}.toast.warn[data-v-c3a18586]{border-color:var(--accent-orange);background:#f973162e;border-left-color:var(--accent-orange)}@keyframes toastIn-c3a18586{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-info[data-v-c3a18586]{border-top:1px solid rgba(255,255,255,.15);padding:12px;margin-top:auto}.user-details[data-v-c3a18586]{margin-bottom:12px;color:#fff}.user-details strong[data-v-c3a18586]{display:block;font-size:14px;margin-bottom:4px}.user-details small[data-v-c3a18586]{display:block;font-size:12px;opacity:.8}.logout-btn[data-v-c3a18586]{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .2s}.logout-btn[data-v-c3a18586]:hover{background:#fff3}.logout-btn svg[data-v-c3a18586]{width:18px;height:18px;flex:0 0 18px}.logout-btn-compact[data-v-c3a18586]{width:100%;display:flex;align-items:center;justify-content:center;padding:8px;border:none;border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .2s;margin-top:8px}.logout-btn-compact[data-v-c3a18586]:hover{background:#fff3}.logout-btn-compact svg[data-v-c3a18586]{width:18px;height:18px}.page[data-v-b31a0714]{width:100%;max-width:100%;padding:0}.page-header[data-v-b31a0714]{padding:16px 20px;border-bottom:1px solid var(--border);background:#fff}.page-header h2[data-v-b31a0714]{margin:0;color:var(--text-dark);font-size:1.5rem;font-weight:600}.error[data-v-b31a0714]{color:#b00020;margin:12px 20px;padding:12px;background:#fee;border-radius:8px;border:1px solid #fcc}.cards[data-v-b31a0714]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px;background:#f8f9fa}.kpi[data-v-b31a0714]{border:1px solid var(--primary-blue);border-radius:10px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px;min-height:100px;justify-content:space-between;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.kpi-resalable[data-v-b31a0714]{border-color:#10b981}.kpi-resalable .kpi-value[data-v-b31a0714]{color:#10b981}.kpi[data-v-b31a0714]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.kpi-title[data-v-b31a0714]{color:var(--text-primary);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;line-height:1.2}.kpi-value[data-v-b31a0714]{font-size:24px;font-weight:700;color:var(--primary-blue);line-height:1.2}.charts-container[data-v-b31a0714]{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:0 20px 20px;overflow-x:hidden;width:100%}.chart-card[data-v-b31a0714]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;height:400px;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chart-card canvas[data-v-b31a0714]{max-width:100%;height:auto!important;overflow:hidden}.chart-card h3[data-v-b31a0714]{margin-top:0;margin-bottom:20px;color:#333;font-size:1.1rem;font-weight:600}.loading-chart[data-v-b31a0714]{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-style:italic}@media(max-width:1200px){.cards[data-v-b31a0714]{grid-template-columns:repeat(2,1fr)}.charts-container[data-v-b31a0714]{grid-template-columns:1fr;gap:16px;overflow-x:hidden}.chart-card[data-v-b31a0714]{height:350px;overflow:hidden;min-width:0}.chart-card canvas[data-v-b31a0714]{max-width:100%;height:auto!important}}@media(max-width:768px){.page-header[data-v-b31a0714]{padding:12px 16px}.page-header h2[data-v-b31a0714]{font-size:1.25rem}.cards[data-v-b31a0714]{grid-template-columns:1fr;gap:12px;padding:12px 16px}.kpi[data-v-b31a0714]{padding:12px;min-height:80px}.kpi-title[data-v-b31a0714]{font-size:13px}.kpi-value[data-v-b31a0714]{font-size:20px}.charts-container[data-v-b31a0714]{padding:0 16px 16px;gap:12px;overflow-x:hidden;width:100%}.chart-card[data-v-b31a0714]{height:300px;padding:16px;overflow:hidden;min-width:0}.chart-card canvas[data-v-b31a0714]{max-width:100%;height:auto!important}.chart-card h3[data-v-b31a0714]{font-size:1rem;margin-bottom:16px}}@media(max-width:480px){.page-header[data-v-b31a0714]{padding:8px 12px}.page-header h2[data-v-b31a0714]{font-size:1.125rem}.cards[data-v-b31a0714]{padding:8px 12px;gap:8px}.kpi[data-v-b31a0714]{padding:10px;min-height:70px}.kpi-title[data-v-b31a0714]{font-size:12px}.kpi-value[data-v-b31a0714]{font-size:18px}.charts-container[data-v-b31a0714]{padding:0 12px 12px;gap:8px;overflow-x:hidden;width:100%}.chart-card[data-v-b31a0714]{height:250px;padding:12px;overflow:hidden;min-width:0}.chart-card canvas[data-v-b31a0714]{max-width:100%;height:auto!important}.chart-card h3[data-v-b31a0714]{font-size:.9rem;margin-bottom:12px}}.row[data-v-d10ffce2]{display:flex;gap:12px;align-items:center}.between[data-v-d10ffce2]{justify-content:space-between}.gap[data-v-d10ffce2]{gap:8px}.header-center[data-v-d10ffce2]{display:flex;justify-content:center;padding:8px 8px 12px}.filters[data-v-d10ffce2]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search[data-v-d10ffce2]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:200px;background:#fff;flex:1;max-width:300px}.unit[data-v-d10ffce2]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:140px;background:#fff}.filters[data-v-d10ffce2] :is(.btn,a.btn){height:28px;min-width:80px;padding:0 8px;flex-shrink:0}.filters .btn.secondary[data-v-d10ffce2]{background:#6b7280;border-color:#6b7280;color:#fff}.filters .btn.secondary[data-v-d10ffce2]:hover{filter:brightness(.95)}.filters .btn.accent[data-v-d10ffce2]{background:#f59e0b;border-color:#f59e0b;color:#fff;cursor:pointer}.filters .btn.accent[data-v-d10ffce2]:hover{filter:brightness(.95)}.filters .btn.success[data-v-d10ffce2]{background:#16a34a;border-color:#16a34a;color:#fff}.filters .btn.success[data-v-d10ffce2]:hover{filter:brightness(.95)}.end[data-v-d10ffce2]{justify-content:flex-end}.hscroll[data-v-d10ffce2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0}@media(max-width:1200px){.hscroll[data-v-d10ffce2]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}}@media(max-width:768px){.hscroll[data-v-d10ffce2]{grid-template-columns:1fr;gap:12px}}.card[data-v-d10ffce2]{border:1px solid var(--primary-blue);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}@media(max-width:768px){.card[data-v-d10ffce2]{padding:10px}}.card img[data-v-d10ffce2]{width:100%;height:80px;object-fit:cover;border-radius:6px;background:#fafafa}.card .info h3[data-v-d10ffce2]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .info p[data-v-d10ffce2]{margin:0}.actions[data-v-d10ffce2]{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;align-items:center}.actions[data-v-d10ffce2] :is(.btn,a.btn){width:auto;min-width:60px;text-align:center;height:26px;padding:0 6px;font-size:12px}.actions[data-v-d10ffce2] :is(.btn.compact,a.btn.compact){min-width:40px;padding:0 4px}@media(max-width:768px){.actions[data-v-d10ffce2]{gap:4px}.actions[data-v-d10ffce2] :is(.btn,a.btn){min-width:50px;font-size:11px}}.actions[data-v-d10ffce2] :is(.btn.success,a.btn.success){background:#16a34a;border-color:#16a34a;color:#fff}.actions[data-v-d10ffce2] :is(.btn.success,a.btn.success):hover{filter:brightness(.95)}.error[data-v-d10ffce2]{color:#b00020}.modal[data-v-d10ffce2]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal-inner[data-v-d10ffce2]{background:#fff;padding:16px;border-radius:8px;width:90%;max-width:320px;display:flex;flex-direction:column;gap:12px;margin:16px}@media(max-width:480px){.modal-inner[data-v-d10ffce2]{width:95%;margin:8px;padding:12px}}.hint[data-v-d10ffce2]{font-size:12px;color:#555}.page[data-v-21b87854]{width:100%;max-width:100%}.page-header[data-v-21b87854]{padding:16px 20px;border-bottom:1px solid #eee}.error[data-v-21b87854]{color:#b00020;margin:12px 20px}.form-grid[data-v-21b87854]{display:grid;grid-template-columns:1fr;gap:16px;padding:20px}@media(min-width:1000px){.form-grid[data-v-21b87854]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}}.field[data-v-21b87854]{display:flex;flex-direction:column;gap:8px}.input[data-v-21b87854]{height:42px;border:1px solid #dcdcdc;border-radius:8px;padding:0 12px;font-size:15px}.actions[data-v-21b87854]{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn[data-v-21b87854]{height:40px;padding:0 14px;border-radius:8px;border:1px solid #d0d0d0;background:#fff;cursor:pointer}.btn.primary[data-v-21b87854]{background:#2563eb;border-color:#2563eb;color:#fff}.btn[data-v-21b87854]:active{transform:translateY(1px)}.row[data-v-eedbf61b]{display:flex;gap:12px;align-items:center}.between[data-v-eedbf61b]{justify-content:space-between}.center[data-v-eedbf61b]{justify-content:center}.gap[data-v-eedbf61b]{gap:8px}.header-center[data-v-eedbf61b]{display:flex;justify-content:center;padding:8px 8px 12px}.filters[data-v-eedbf61b]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search[data-v-eedbf61b]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:200px;background:#fff;flex:1;max-width:300px}.hscroll[data-v-eedbf61b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0}@media(max-width:1200px){.hscroll[data-v-eedbf61b]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}}@media(max-width:768px){.hscroll[data-v-eedbf61b]{grid-template-columns:1fr;gap:12px}}.card[data-v-eedbf61b]{border:1px solid var(--primary-blue);padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;cursor:pointer;transition:transform .2s,box-shadow .2s}.card[data-v-eedbf61b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.card[data-v-eedbf61b]{padding:10px}}.card.low[data-v-eedbf61b]{background:#f973161f;border-color:var(--accent-orange)}.card.empty[data-v-eedbf61b]{background:#ef44441f;border-color:#ef444480}.card.low-cartons[data-v-eedbf61b]{background:#fb923c26;border-color:#fb923c;border-width:2px;box-shadow:0 0 8px #fb923c4d}.info[data-v-eedbf61b]{text-align:center}.info h3[data-v-eedbf61b]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info p[data-v-eedbf61b]{margin:0}.footer[data-v-eedbf61b]{background:var(--primary-blue);padding:8px;border-radius:6px;border:1px solid var(--primary-blue-600)}.badge[data-v-eedbf61b]{background:transparent;color:#fff;padding:0;border-radius:0;font-size:14px;font-weight:600}.error[data-v-eedbf61b]{color:#b00020}.cart-icon[data-v-eedbf61b]{position:fixed;right:16px;top:16px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 14px #00000014;cursor:pointer}.cart-icon .badge-count[data-v-eedbf61b]{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;height:20px;min-width:20px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff}.cart[data-v-eedbf61b]{position:fixed;right:0;top:0;bottom:0;width:90%;max-width:700px;background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;z-index:1000;padding:1.5rem;overflow-y:auto;box-sizing:border-box}@media(max-width:768px){.cart[data-v-eedbf61b]{width:95%;padding:1rem}}@media(max-width:480px){.cart[data-v-eedbf61b]{width:100%;padding:.75rem}}.cart-table th[data-v-eedbf61b],.cart-table td[data-v-eedbf61b]{padding:.75rem .5rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}@media(max-width:768px){.cart-table th[data-v-eedbf61b],.cart-table td[data-v-eedbf61b]{padding:.5rem .25rem;font-size:12px}}.cart-table th[data-v-eedbf61b]{text-align:left;font-weight:600;color:#fff;background-color:var(--primary-blue);border:none;white-space:nowrap;padding:12px 16px;text-transform:uppercase;font-size:.8em;letter-spacing:.5px}@media(max-width:768px){.cart-table th[data-v-eedbf61b]{padding:8px 6px;font-size:.7em}}.cart-table th[data-v-eedbf61b]:first-child{border-top-left-radius:.5rem}.cart-table th[data-v-eedbf61b]:last-child{border-top-right-radius:.5rem}.cart-table[data-v-eedbf61b]{width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:fixed}.cart-table th[data-v-eedbf61b],.cart-table td[data-v-eedbf61b]{padding:.75rem .5rem;border-bottom:1px solid #e2e8f0;vertical-align:middle;box-sizing:border-box}.product-content[data-v-eedbf61b],.carton-content[data-v-eedbf61b],.pieces-content[data-v-eedbf61b]{display:flex;align-items:center;height:100%;padding:.25rem 0;box-sizing:border-box}.cart-table .product-col[data-v-eedbf61b]{width:40%;text-align:left}.product-content[data-v-eedbf61b]{justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:.5rem}.cart-table .qty-col[data-v-eedbf61b]{width:30%;text-align:left;padding:0 16px}.carton-content[data-v-eedbf61b],.pieces-content[data-v-eedbf61b]{display:inline-flex;align-items:center;justify-content:center;gap:4px;position:relative;padding-right:24px}.qty-container[data-v-eedbf61b]{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.qty-controls[data-v-eedbf61b]{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;background:#f5f5f5;padding:4px 8px;border-radius:6px;min-width:140px}.qty-btn[data-v-eedbf61b]{width:28px;height:28px;min-width:28px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:700;color:#4a5568}.qty-btn[data-v-eedbf61b]:not(:disabled):hover{background-color:#e2e8f0;border-color:#cbd5e0}.qty-btn[data-v-eedbf61b]:disabled{opacity:.5;cursor:not-allowed;background-color:#f7fafc}.num[data-v-eedbf61b]{width:50px;text-align:center;padding:4px 2px;margin:0 2px;border:1px solid #d0d0d0;border-radius:4px;-moz-appearance:textfield;appearance:textfield;font-size:.95em}.num[data-v-eedbf61b]:focus{outline:none;border-color:#63b3ed;box-shadow:0 0 0 1px #90cdf4}.num[data-v-eedbf61b]::-webkit-outer-spin-button,.num[data-v-eedbf61b]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.carton-size[data-v-eedbf61b]{font-size:.8em;color:#718096;white-space:nowrap;line-height:1.2;margin-top:2px}.cart-table tbody tr[data-v-eedbf61b]:last-child{border-bottom:none}.cart-table tbody tr:last-child td[data-v-eedbf61b]:first-child{border-bottom-left-radius:.5rem}.cart-table tbody tr:last-child td[data-v-eedbf61b]:last-child{border-bottom-right-radius:.5rem}.cart-table tbody tr[data-v-eedbf61b]:hover{background-color:#f8fafc}.cart[data-v-eedbf61b]{border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden}.qty-btn[data-v-eedbf61b]:hover{background-color:#f0f0f0}.qty-btn[data-v-eedbf61b]:disabled{opacity:.5;cursor:not-allowed}.num[data-v-eedbf61b]{width:50px;text-align:center;padding:4px;margin:0 2px;border:1px solid #d0d0d0;border-radius:4px;font-size:.9em}.product-name[data-v-eedbf61b]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1rem}.cart-table tr:last-child td[data-v-eedbf61b]{border-bottom:none}.qty-controls[data-v-eedbf61b]{max-width:100%;overflow:hidden}.c-carton[data-v-eedbf61b]{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.c-pieces[data-v-eedbf61b]{display:flex;justify-content:flex-start;flex-wrap:nowrap}.qty-controls[data-v-eedbf61b]{display:flex;align-items:center;gap:2px;background:#f5f5f5;padding:2px;border-radius:4px;border:1px solid #e0e0e0;width:fit-content;max-width:100%}.num[data-v-eedbf61b]{width:60px!important;min-width:60px;padding:0 4px!important;text-align:center!important;font-size:.95em}.qty-btn[data-v-eedbf61b]{min-width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center}.cart-size[data-v-eedbf61b]{font-size:.8em;color:#666;margin-left:4px;white-space:nowrap}.close-cart[data-v-eedbf61b]{position:absolute;top:12px;right:8px;background:#ef4444;border:2px solid white;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:1;width:26px;height:26px;box-shadow:0 2px 4px #0003}.close-cart[data-v-eedbf61b]:hover{background:#dc2626;transform:scale(1.1)}.trash-btn[data-v-eedbf61b]:active{transform:translateY(-50%) scale(.95)}.num[data-v-eedbf61b]{width:80px;height:26px;padding:0 6px;border:1px solid #d0d0d0;border-radius:6px;text-align:right}.cart-actions[data-v-eedbf61b]{margin-top:auto;display:flex;justify-content:flex-end}.modal-overlay[data-v-eedbf61b]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container[data-v-eedbf61b]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn-eedbf61b .3s ease-out}@keyframes modalSlideIn-eedbf61b{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-eedbf61b]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-eedbf61b]{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close[data-v-eedbf61b]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close[data-v-eedbf61b]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-eedbf61b]{padding:24px;max-height:60vh;overflow-y:auto}.modal-message[data-v-eedbf61b]{color:#374151;font-size:15px;line-height:1.5;white-space:pre-line;margin-bottom:20px}.modal-details[data-v-eedbf61b]{background-color:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.modal-details h4[data-v-eedbf61b]{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.details-grid[data-v-eedbf61b]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.detail-item[data-v-eedbf61b]{display:flex;justify-content:space-between;align-items:center}.detail-label[data-v-eedbf61b]{font-size:14px;color:#6b7280;font-weight:500}.detail-value[data-v-eedbf61b]{font-size:14px;color:#111827;font-weight:600}.cart-items-list h5[data-v-eedbf61b]{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151}.cart-item-preview[data-v-eedbf61b]{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#fff;border-radius:4px;margin-bottom:4px;border:1px solid #e5e7eb}.item-name[data-v-eedbf61b]{font-size:13px;color:#374151;font-weight:500}.item-quantity[data-v-eedbf61b]{font-size:12px;color:#6b7280;font-weight:600}.modal-footer[data-v-eedbf61b]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.btn-primary[data-v-eedbf61b]{background-color:#0ea5e9;color:#fff;border:1px solid #0ea5e9}.btn-primary[data-v-eedbf61b]:hover{background-color:#0284c7;border-color:#0284c7}.btn-outline[data-v-eedbf61b]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-eedbf61b]:hover{background-color:#f3f4f6;border-color:#9ca3af}@media(max-width:640px){.modal-container[data-v-eedbf61b]{width:95%;margin:16px}.modal-header[data-v-eedbf61b],.modal-body[data-v-eedbf61b],.modal-footer[data-v-eedbf61b]{padding:16px}.details-grid[data-v-eedbf61b]{grid-template-columns:1fr;gap:8px}.modal-footer[data-v-eedbf61b]{flex-direction:column-reverse}.modal-footer .btn[data-v-eedbf61b]{width:100%}}.header-center[data-v-549e34e3]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}h1[data-v-549e34e3]{margin:0;color:var(--text-primary);font-size:1.5rem}.filters[data-v-549e34e3]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-buttons[data-v-549e34e3]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.date-filters[data-v-549e34e3]{display:flex;align-items:center;gap:.5rem}.date-input[data-v-549e34e3]{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;height:2.5rem;transition:all .2s;background:#fff;padding:0 .75rem}.date-input[data-v-549e34e3]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.date-separator[data-v-549e34e3]{color:#6b7280;font-size:.875rem;font-weight:500}.filter-btn[data-v-549e34e3]{padding:.5rem 1rem;background:var(--primary-blue);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-btn[data-v-549e34e3]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.filter-btn[data-v-549e34e3]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.secondary[data-v-549e34e3]{background:#6b7280;color:#fff}.btn.secondary[data-v-549e34e3]:hover{background:#5a6470;transform:translateY(-1px)}.btn.accent[data-v-549e34e3]{background:#f59e0b;border-color:#f59e0b;color:#fff;cursor:pointer}.btn.accent[data-v-549e34e3]:hover{filter:brightness(.95)}.btn.success[data-v-549e34e3]{background:#16a34a;border-color:#16a34a;color:#fff}.btn.success[data-v-549e34e3]:hover{filter:brightness(.95)}.search[data-v-549e34e3]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:240px;background:#fff}.unit[data-v-549e34e3]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:160px;background:#fff}.table-wrap[data-v-549e34e3]{overflow-x:auto}.table[data-v-549e34e3]{width:100%;border-collapse:collapse}.table th[data-v-549e34e3],.table td[data-v-549e34e3]{border:1px solid #ddd;padding:8px;text-align:left}.table thead th[data-v-549e34e3]{padding-top:12px;padding-bottom:12px;background-color:var(--primary-blue);color:#fff}.table tbody tr[data-v-549e34e3]:nth-child(2n){background-color:#f2f2f2}.table tbody tr[data-v-549e34e3]:hover{background-color:#ddd}.prod[data-v-549e34e3]{display:flex;align-items:center;gap:10px}.prod img[data-v-549e34e3]{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.name[data-v-549e34e3]{font-weight:600}.status[data-v-549e34e3]{padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.status.pending[data-v-549e34e3]{background:#f973161a;color:var(--accent-orange);border-color:var(--accent-orange)}.status.approved[data-v-549e34e3]{background:#16a34a1f;color:#16a34a;border-color:#16a34a}.status.rejected[data-v-549e34e3]{background:#ef44441f;color:#ef4444;border-color:#ef4444}.error[data-v-549e34e3]{color:#b00020}.row[data-v-549e34e3]{display:flex;gap:12px;align-items:center}.gap[data-v-549e34e3]{gap:8px}.between[data-v-549e34e3]{justify-content:space-between}.center[data-v-549e34e3]{justify-content:center}.actions-col[data-v-549e34e3]{text-align:center}.summary[data-v-549e34e3]{display:flex;gap:20px;align-items:center;padding:8px 0}.modal[data-v-549e34e3]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal-inner[data-v-549e34e3]{background:#fff;padding:16px;border-radius:8px;width:320px;display:flex;flex-direction:column;gap:12px}.header-center[data-v-38c322ad]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}h1[data-v-38c322ad]{margin:0;color:var(--text-primary);font-size:1.5rem}.filters[data-v-38c322ad]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search[data-v-38c322ad]{height:40px;border:1px solid var(--border);border-radius:8px;padding:0 12px;min-width:240px;background:#fff;font-size:14px}.unit[data-v-38c322ad]{height:40px;border:1px solid var(--border);border-radius:8px;padding:0 12px;min-width:160px;background:#fff;font-size:14px}.transfers-table[data-v-38c322ad]{margin-top:24px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden;border:1px solid #e9ecef;position:relative}.table-header[data-v-38c322ad]{display:flex;background:var(--primary-blue);font-weight:600;color:#fff;border-radius:8px 8px 0 0;padding:4px 8px;position:sticky;top:0;z-index:10}.header-cell[data-v-38c322ad]{padding:4px 8px;text-align:left;font-size:.8em;text-transform:uppercase;letter-spacing:.2px;color:#fff;font-weight:600}.transfer-row[data-v-38c322ad]{display:flex;flex-direction:column;border-bottom:1px solid #e9ecef;padding:0;transition:background-color .2s;position:relative}.table-row-content[data-v-38c322ad]{display:flex;width:100%;align-items:center}.transfer-row[data-v-38c322ad]:last-child{border-bottom:none}.transfer-row[data-v-38c322ad]:hover{background-color:#f8f9fa}.transfer-row.row-expanded>.table-row-content[data-v-38c322ad]{background-color:#f973161f;box-shadow:0 0 0 1px #f9731633}.transfer-row.row-expanded:hover>.table-row-content[data-v-38c322ad]{background-color:#f9731629}.table-cell[data-v-38c322ad]{padding:5px 8px;font-size:.86em;color:#212529;display:flex;align-items:center;cursor:pointer;min-height:34px;border-right:1px solid #e9ecef;line-height:1.15}.table-cell[data-v-38c322ad]:last-child{border-right:none}.status[data-v-38c322ad]{padding:2px 8px;border-radius:10px;font-size:.82em;font-weight:500;display:inline-block;text-align:center;min-width:80px}.status.pending[data-v-38c322ad]{background-color:#fff3cd;color:#856404}.status.approved[data-v-38c322ad]{background-color:#d4edda;color:#155724}.status.rejected[data-v-38c322ad]{background-color:#f8d7da;color:#721c24}.transfer-actions[data-v-38c322ad]{display:flex;gap:8px}.btn.small[data-v-38c322ad]{padding:6px 12px;font-size:.85em;height:32px;display:inline-flex;align-items:center;justify-content:center}.btn.icon[data-v-38c322ad]{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s,background-color .2s}.detail-toggle[data-v-38c322ad]{background:#f0f0f0;border:1px solid #ddd;border-radius:4px}.detail-toggle[data-v-38c322ad]:hover{background:#e0e0e0}.btn.icon.rotate[data-v-38c322ad]{transform:rotate(180deg)}.transfer-details[data-v-38c322ad]{padding:16px;background:#fff;border-top:1px solid var(--border);width:100%;box-sizing:border-box}.items-table[data-v-38c322ad]{width:100%;border-collapse:collapse;font-size:.9em}.items-table th[data-v-38c322ad],.items-table td[data-v-38c322ad]{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.items-table th[data-v-38c322ad]{font-weight:600;color:var(--text-secondary);background:#f8f9fa}.items-table tr:last-child td[data-v-38c322ad]{border-bottom:none}.status[data-v-38c322ad]{padding:4px 10px;border-radius:12px;font-size:.8em;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status.pending[data-v-38c322ad]{background:#f973161a;color:#f97316;border:1px solid rgba(249,115,22,.2)}.status.approved[data-v-38c322ad]{background:#16a34a1a;color:#16a34a;border:1px solid rgba(22,163,74,.2)}.status.rejected[data-v-38c322ad]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.error[data-v-38c322ad]{color:#dc2626;background:#fef2f2;padding:12px;border-radius:6px;margin:12px 0;border:1px solid #fecaca}.no-results[data-v-38c322ad]{text-align:center;color:var(--text-secondary);padding:32px;background:#f8f9fa;border-radius:8px;margin:20px 0}@media(max-width:768px){.transfer-info[data-v-38c322ad]{flex-direction:column;align-items:flex-start;gap:6px}.filters[data-v-38c322ad]{flex-direction:column;width:100%}.search[data-v-38c322ad],.unit[data-v-38c322ad]{width:100%}.items-table[data-v-38c322ad]{display:block;overflow-x:auto;white-space:nowrap}}.pagination[data-v-38c322ad]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.page-numbers[data-v-38c322ad]{display:flex;gap:4px;align-items:center}.btn-page[data-v-38c322ad]{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.btn-page.btn-primary[data-v-38c322ad]{background-color:#0ea5e9;color:#fff}.btn-page.btn-outline[data-v-38c322ad]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-page.btn-outline[data-v-38c322ad]:hover{background-color:#f3f4f6;border-color:#9ca3af}.page-info[data-v-38c322ad]{color:#6b7280;font-size:14px;margin-left:8px}.btn-outline[data-v-38c322ad]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-38c322ad]:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-outline[data-v-38c322ad]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-38c322ad]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container[data-v-38c322ad]{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn-38c322ad .3s ease-out}@keyframes modalSlideIn-38c322ad{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-38c322ad]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-38c322ad]{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close[data-v-38c322ad]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close[data-v-38c322ad]:hover{background-color:#f3f4f6;color:#374151}.modal-body[data-v-38c322ad]{padding:24px}.modal-message[data-v-38c322ad]{color:#374151;font-size:15px;line-height:1.5;white-space:pre-line;margin-bottom:20px}.modal-details[data-v-38c322ad]{background-color:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.modal-details h4[data-v-38c322ad]{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.details-grid[data-v-38c322ad]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item[data-v-38c322ad]{display:flex;justify-content:space-between;align-items:center}.detail-label[data-v-38c322ad]{font-size:14px;color:#6b7280;font-weight:500}.detail-value[data-v-38c322ad]{font-size:14px;color:#111827;font-weight:600}.modal-footer[data-v-38c322ad]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.btn-success[data-v-38c322ad]{background-color:#10b981;color:#fff;border:1px solid #10b981}.btn-success[data-v-38c322ad]:hover{background-color:#059669;border-color:#059669}.btn-danger[data-v-38c322ad]{background-color:#ef4444;color:#fff;border:1px solid #ef4444}.btn-danger[data-v-38c322ad]:hover{background-color:#dc2626;border-color:#dc2626}@media(max-width:640px){.modal-container[data-v-38c322ad]{width:95%;margin:16px}.modal-header[data-v-38c322ad],.modal-body[data-v-38c322ad],.modal-footer[data-v-38c322ad]{padding:16px}.details-grid[data-v-38c322ad]{grid-template-columns:1fr;gap:8px}.modal-footer[data-v-38c322ad]{flex-direction:column-reverse}.modal-footer .btn[data-v-38c322ad]{width:100%}}.header-container[data-v-432a2755]{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left[data-v-432a2755]{display:flex;align-items:center}.header-center[data-v-432a2755]{display:flex;justify-content:center;flex:1}.import-export-buttons[data-v-432a2755]{display:flex;gap:8px;align-items:center}.btn[data-v-432a2755]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;background:#fff}.btn[data-v-432a2755]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-primary[data-v-432a2755]{background-color:#0ea5e9;color:#fff;border-color:#0ea5e9}.btn-primary[data-v-432a2755]:hover{background-color:#0284c7;border-color:#0284c7}.btn-outline[data-v-432a2755]{color:#6b7280;border-color:#d1d5db}.btn-outline[data-v-432a2755]:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#374151}.btn svg[data-v-432a2755]{flex-shrink:0}.row[data-v-432a2755]{display:flex;gap:12px;align-items:center}.between[data-v-432a2755]{justify-content:space-between}.center[data-v-432a2755]{justify-content:center}.gap[data-v-432a2755]{gap:8px}.filters[data-v-432a2755]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search[data-v-432a2755]{height:36px;border:1px solid var(--primary-blue);border-radius:10px;padding:0 12px;min-width:200px;background:#fff;font-size:14px;flex:1;max-width:300px}.hscroll[data-v-432a2755]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:1rem;overflow:visible;max-width:1800px;margin:0 auto}@media(max-width:1200px){.hscroll[data-v-432a2755]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:.75rem}}@media(max-width:768px){.hscroll[data-v-432a2755]{grid-template-columns:1fr;gap:12px;padding:.5rem}.header-container[data-v-432a2755]{flex-direction:column;gap:12px;align-items:stretch}.header-left[data-v-432a2755]{order:2}.header-center[data-v-432a2755]{order:1;flex:none}.import-export-buttons[data-v-432a2755]{justify-content:center;flex-wrap:wrap}.btn[data-v-432a2755]{font-size:12px;padding:6px 10px}.btn svg[data-v-432a2755]{width:14px;height:14px}}.card[data-v-432a2755]{border:1px solid var(--primary-blue);padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;gap:8px;width:100%;transition:all .2s ease;cursor:pointer;background:#fff;min-height:auto;justify-content:center;margin:0;box-sizing:border-box}@media(max-width:768px){.card[data-v-432a2755]{padding:10px 12px}}.card[data-v-432a2755]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.card.out-of-stock[data-v-432a2755]{background:#ef44441a;border-color:#ef4444;position:relative;overflow:hidden}.card.low-stock[data-v-432a2755]{background:#f973161f;border-color:var(--accent-orange)}.card.in-stock[data-v-432a2755]{border-color:var(--primary-blue)}.card.empty[data-v-432a2755]{background:#ef44441f;border-color:#ef444480}.info[data-v-432a2755]{text-align:center}.info h3[data-v-432a2755]{margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;color:#1a1a1a}.quantity[data-v-432a2755]{font-size:1rem;color:#fff;background:var(--primary-blue);padding:6px 10px;border-radius:6px;display:inline-block;font-weight:500;text-align:center;min-width:120px;margin:0 auto}.cart-icon[data-v-432a2755]{position:absolute;top:8px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10}.cart-icon[data-v-432a2755]:hover{background:#2c5282;transform:scale(1.1)}.cart-icon[data-v-432a2755]:after{content:attr(data-count);position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#ef4444;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .2s}.cart-icon[data-count][data-v-432a2755]:not([data-count="0"]):after{opacity:1;transform:scale(1)}.cart-toggle[data-v-432a2755]:hover{background:#2c5282}.cart-sidebar[data-v-432a2755]{position:fixed;top:0;right:-800px;width:90%;max-width:800px;height:100vh;background:#f8fafc;box-shadow:-2px 0 10px #0000001a;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.cart-sidebar[data-v-432a2755]{width:95%}}@media(max-width:480px){.cart-sidebar[data-v-432a2755]{width:100%}}.cart-sidebar.show[data-v-432a2755]{right:0}.cart-header[data-v-432a2755]{padding:1.5rem;background:var(--primary-blue);color:#fff;display:flex;justify-content:space-between;align-items:center}.cart-header h3[data-v-432a2755]{margin:0;font-size:1.25rem;font-weight:500}.close-cart[data-v-432a2755]{background:#fff3;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:1.25rem;line-height:1;transition:background-color .2s}.close-cart[data-v-432a2755]:hover{background:#ffffff4d}.cart-items[data-v-432a2755]{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box}.product-cell[data-v-432a2755]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.modal-overlay[data-v-432a2755]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1000;padding:2rem 1rem;overflow-y:auto}.modal-content[data-v-432a2755]{background:#fff;padding:1rem;border-radius:6px;width:100%;max-width:800px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:.5rem;margin:auto 0}@media(max-width:768px){.modal-content[data-v-432a2755]{padding:.75rem;margin:1rem 0}}@media(max-width:480px){.modal-content[data-v-432a2755]{padding:.5rem;margin:.5rem 0}}.modal-header[data-v-432a2755]{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #eee;margin-bottom:1rem}.modal-header h3[data-v-432a2755]{margin:0;color:#2c3e50}.close-modal-btn[data-v-432a2755]{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#718096;transition:all .2s}.close-modal-btn[data-v-432a2755]:hover{background-color:#f1f5f9;color:#1e40af}.close-modal-btn svg[data-v-432a2755]{width:1.25rem;height:1.25rem}.modal-body[data-v-432a2755]{margin:.2rem 0;display:flex;flex-direction:column;gap:.3rem;width:100%}.modal-actions[data-v-432a2755]{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid #eee}.btn[data-v-432a2755]{padding:.6rem 1.2rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel[data-v-432a2755]{background-color:#f5f5f5;color:#333}.btn-cancel[data-v-432a2755]:hover{background-color:#e0e0e0}.btn-confirm[data-v-432a2755]{background-color:#2ecc71;color:#fff}.btn-confirm[data-v-432a2755]:hover{background-color:#27ae60}.btn-confirm[data-v-432a2755]:disabled{background-color:#95a5a6;cursor:not-allowed}.amount-input[data-v-432a2755],.form-input[data-v-432a2755]{width:200px;max-width:100%;padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-top:.5rem;box-sizing:border-box}.change-amount[data-v-432a2755]{font-size:1.2rem;font-weight:700;margin-top:.5rem}.change-amount.positive[data-v-432a2755]{color:#27ae60}.change-amount.negative[data-v-432a2755]{color:#e74c3c}.cart-table[data-v-432a2755]{width:100%;border-collapse:collapse;font-size:.9rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;table-layout:fixed}@media(max-width:768px){.cart-table[data-v-432a2755]{font-size:.8rem}}.cart-table th[data-v-432a2755],.cart-table td[data-v-432a2755]{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #edf2f7}@media(max-width:768px){.cart-table th[data-v-432a2755],.cart-table td[data-v-432a2755]{padding:.5rem .25rem}}.cart-table th[data-v-432a2755]{background-color:#f7fafc;font-weight:600;color:#4a5568;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.cart-table tbody tr:last-child td[data-v-432a2755]{border-bottom:none}.cart-table tbody tr[data-v-432a2755]:hover{background-color:#f8fafc}.product-cell[data-v-432a2755]{width:35%;min-width:200px;max-width:35%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name[data-v-432a2755]{font-weight:500;color:#2d3748;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-details[data-v-432a2755]{font-size:.8rem;color:#718096}.price-cell[data-v-432a2755]{width:15%;min-width:80px;font-weight:500;color:var(--primary-blue);white-space:nowrap;text-align:center;padding:.5rem}.price-input[data-v-432a2755]{width:100%;max-width:100%;padding:.4rem .3rem;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;text-align:center;background-color:#f8fafc;color:var(--primary-blue);font-weight:500}.price-input[data-v-432a2755]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #3b82f633}.carton-cell[data-v-432a2755],.pieces-cell[data-v-432a2755]{width:15%;min-width:80px;text-align:center}.total-cell[data-v-432a2755]{width:15%;min-width:80px;font-weight:500;color:var(--primary-blue);white-space:nowrap;text-align:right;padding-right:1rem}.actions-cell[data-v-432a2755]{width:10%;min-width:50px;text-align:center}.carton-cell[data-v-432a2755],.pieces-cell[data-v-432a2755]{text-align:center}.quantity-control[data-v-432a2755]{display:flex;align-items:center;justify-content:center;gap:.5rem}.qty-btn[data-v-432a2755]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;color:#4a5568;font-size:1rem;transition:all .2s}.qty-btn[data-v-432a2755]:hover{background:#edf2f7;border-color:#a0aec0}.qty-input[data-v-432a2755]{width:50px;text-align:center;border:1px solid #cbd5e0;border-radius:6px;padding:.35rem .5rem;font-size:.9rem}.qty-input[data-v-432a2755]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.actions-cell[data-v-432a2755]{text-align:right;padding-right:1rem}.remove-product-btn[data-v-432a2755]{background:none;border:none;color:#dc3545;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.remove-product-btn[data-v-432a2755]:hover{background-color:#f8d7da}.remove-product-btn svg[data-v-432a2755]{pointer-events:none}.remove-btn[data-v-432a2755]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff5f5;border:1px solid #fed7d7;color:#e53e3e;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s;margin:0;padding:0}.remove-btn[data-v-432a2755]:hover{background:#fed7d7;transform:scale(1.1)}.cart-footer[data-v-432a2755]{padding:1.5rem;border-top:1px solid #e2e8f0;background:#fff;box-shadow:0 -2px 10px #00000008}.cart-total[data-v-432a2755]{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:#1a202c;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.total-amount[data-v-432a2755]{color:var(--primary-blue)}.payment-section[data-v-432a2755]{margin-bottom:1.25rem}.form-row[data-v-432a2755]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.form-group[data-v-432a2755]{width:100%;margin-bottom:.5rem}.form-group[data-v-432a2755]{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start}.form-row[data-v-432a2755]{display:flex;gap:1rem;margin-bottom:1rem;width:100%;flex-wrap:wrap}@media(max-width:768px){.form-row[data-v-432a2755]{flex-direction:column;gap:.75rem}}.form-row .form-group[data-v-432a2755]{flex:1;min-width:0}.form-input[data-v-432a2755]{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;margin-top:.3rem}.form-input[data-v-432a2755]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-input.error[data-v-432a2755]{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.form-input.error[data-v-432a2755]:focus{border-color:#e53e3e;box-shadow:0 0 0 2px #e53e3e33}.field-error[data-v-432a2755]{color:#e53e3e;font-size:.8rem;margin-top:.3rem;display:flex;align-items:center;gap:.3rem;animation:slideDown-432a2755 .2s ease-out}.field-error[data-v-432a2755]:before{content:"⚠️";font-size:.9rem}@keyframes slideDown-432a2755{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group label[data-v-432a2755]{display:block;margin-bottom:.5rem;color:#4a5568;font-size:.9rem;font-weight:500}.amount-input[data-v-432a2755]{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;transition:all .2s;background:#f8fafc}.amount-input[data-v-432a2755]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #2b6cb033;background:#fff}.change-amount[data-v-432a2755]{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;border-radius:8px;background-color:#ebf8ff;color:#2b6cb0;font-weight:500;font-size:.95rem}.change-amount.positive[data-v-432a2755]{background-color:#ebf8ff;color:#2b6cb0}.change-amount.negative[data-v-432a2755]{background-color:#fff5f5;color:#c53030}.checkout-btn[data-v-432a2755]{width:100%;padding:1rem;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-btn[data-v-432a2755]:hover{background-color:#2c5282;transform:translateY(-1px)}.checkout-btn[data-v-432a2755]:active{transform:translateY(0)}.clear-cart[data-v-432a2755]{width:100%;margin-top:.75rem;padding:.75rem;background:#fff;border:1px solid #e53e3e;color:#e53e3e;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.clear-cart[data-v-432a2755]:hover{background:#fff5f5;transform:translateY(-1px)}.clear-cart[data-v-432a2755]:active{transform:translateY(0)}.cart-overlay[data-v-432a2755]{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:900px){.cart-sidebar[data-v-432a2755]{width:95%;right:-95%;max-width:100%}.product-cell[data-v-432a2755]{width:30%;min-width:150px;max-width:30%}.carton-cell[data-v-432a2755],.pieces-cell[data-v-432a2755]{width:15%;min-width:70px}.price-cell[data-v-432a2755],.total-cell[data-v-432a2755]{width:12%;min-width:50px}.actions-cell[data-v-432a2755]{width:8%;min-width:40px}}@media(max-width:768px){.cart-sidebar[data-v-432a2755]{width:96%;right:-96%}.cart-table[data-v-432a2755]{display:block;overflow-x:auto;white-space:nowrap;font-size:.85rem}.cart-table th[data-v-432a2755],.cart-table td[data-v-432a2755]{padding:.6rem .5rem}.product-cell[data-v-432a2755]{min-width:120px;max-width:150px}.qty-input[data-v-432a2755]{width:50px;padding:.25rem;text-align:center}.qty-btn[data-v-432a2755]{width:24px;height:24px;font-size:.9rem}.cart-items[data-v-432a2755]{padding:.75rem}.cart-header[data-v-432a2755],.cart-footer[data-v-432a2755]{padding:1rem}}@keyframes slideInRight-432a2755{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-432a2755{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.cart-sidebar[data-v-432a2755]{animation:slideInRight-432a2755 .3s ease-out forwards}.cart-sidebar[data-v-432a2755]:not(.show){animation:slideOutRight-432a2755 .3s ease-in forwards;display:flex!important}.card.in-stock .quantity[data-v-432a2755]{background:var(--primary-blue)}.card.low-stock .quantity[data-v-432a2755]{background:var(--accent-orange)}.card.out-of-stock .quantity[data-v-432a2755]{background:#ef4444}.card.in-stock[data-v-432a2755]{border-color:var(--primary-blue);background:#3b82f60d}.card.low-stock[data-v-432a2755]{background:#f973161a;border-color:var(--accent-orange)}.card.out-of-stock[data-v-432a2755]{background:#ef44440d;border-color:#ef4444;position:relative;overflow:hidden}.card.out-of-stock[data-v-432a2755]:after{content:"RUPTURE";position:absolute;top:8px;right:-30px;background:#ef4444;color:#fff;padding:2px 30px;font-size:12px;font-weight:700;transform:rotate(45deg);transform-origin:center;box-shadow:0 1px 3px #0003}.error[data-v-432a2755]{color:#b00020;text-align:center;margin:1rem 0;padding:.5rem;background:#ef44441a;border-radius:4px}.cart-error[data-v-432a2755]{display:flex;align-items:center;gap:8px;background:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;margin:12px 16px;animation:slideDown-432a2755 .3s ease-out}.error-icon[data-v-432a2755]{font-size:16px;flex-shrink:0}.error-message[data-v-432a2755]{flex:1;color:#b00020;font-size:14px;line-height:1.4}.error-close[data-v-432a2755]{background:none;border:none;color:#b00020;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.error-close[data-v-432a2755]:hover{background:#b000201a}@keyframes slideDown-432a2755{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1600px){.hscroll[data-v-432a2755]{grid-template-columns:repeat(4,1fr);gap:20px 28px;padding:1.25rem}}@media(max-width:1024px){.hscroll[data-v-432a2755]{grid-template-columns:repeat(3,1fr);gap:16px 24px;padding:1rem}}@media(max-width:768px){.hscroll[data-v-432a2755]{grid-template-columns:repeat(2,1fr);gap:14px 20px;padding:.75rem}.search[data-v-432a2755]{width:100%;max-width:100%}}.header-container[data-v-4ecd0f38]{margin-bottom:2rem}.header-container h2[data-v-4ecd0f38]{margin:0;color:#1a1a1a;font-size:1.5rem;font-weight:600}.form-container[data-v-4ecd0f38]{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:0 auto}.stock-form[data-v-4ecd0f38]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-4ecd0f38]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-4ecd0f38]{font-weight:500;color:#374151}.form-input[data-v-4ecd0f38]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-input[data-v-4ecd0f38]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.quantities-row[data-v-4ecd0f38]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.price-display[data-v-4ecd0f38],.carton-size-display[data-v-4ecd0f38],.total-display[data-v-4ecd0f38]{padding:.75rem;background:#f3f4f6;border-radius:6px;font-weight:500;color:#1a1a1a}.form-actions[data-v-4ecd0f38]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-4ecd0f38]{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-4ecd0f38]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-4ecd0f38]:hover:not(:disabled){background-color:#0284c7}.btn-primary[data-v-4ecd0f38]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary[data-v-4ecd0f38]{background-color:#6b7280;color:#fff}.btn-secondary[data-v-4ecd0f38]:hover{background-color:#4b5563}.message[data-v-4ecd0f38]{padding:1rem;border-radius:6px;margin-top:1rem;font-weight:500}.message.success[data-v-4ecd0f38]{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error[data-v-4ecd0f38]{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.recent-stocks[data-v-4ecd0f38]{margin-top:3rem;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.recent-stocks h3[data-v-4ecd0f38]{margin:0 0 1rem;color:#1a1a1a;font-size:1.25rem}.stocks-list[data-v-4ecd0f38]{display:flex;flex-direction:column;gap:.75rem}.stock-item[data-v-4ecd0f38]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.stock-info[data-v-4ecd0f38]{display:flex;flex-direction:column;gap:.25rem}.stock-info strong[data-v-4ecd0f38]{color:#1a1a1a}.stock-info span[data-v-4ecd0f38]{color:#6b7280;font-size:.875rem}.stock-price[data-v-4ecd0f38]{font-weight:500;color:#0ea5e9}@media(max-width:768px){.form-container[data-v-4ecd0f38]{padding:1rem;margin:0 1rem}.quantities-row[data-v-4ecd0f38]{grid-template-columns:1fr}.form-actions[data-v-4ecd0f38]{flex-direction:column}.stock-item[data-v-4ecd0f38]{flex-direction:column;align-items:flex-start;gap:.5rem}}.print-modal[data-v-ce2da145]{width:90%;max-width:800px;max-height:90vh;overflow:hidden;margin:1rem auto;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:.9em}.print-modal .modal-header[data-v-ce2da145]{padding:.5rem 0;margin-bottom:.75rem}.print-modal h2[data-v-ce2da145],.print-modal h3[data-v-ce2da145]{margin:.25rem 0;font-size:1.1em}.print-modal .company-details[data-v-ce2da145],.print-modal .client-name[data-v-ce2da145]{font-size:.8em;margin:.1rem 0}.print-modal .invoice-header[data-v-ce2da145]{margin:.5rem 0;font-size:.9em}.print-modal table[data-v-ce2da145]{font-size:.85em;margin:.5rem 0}.print-modal .modal-footer[data-v-ce2da145]{padding:.5rem 0;margin-top:.5rem}.header-container[data-v-ce2da145]{width:100%;margin-bottom:.5rem;padding:.5rem;border-bottom:1px solid #e2e8f0}.details-grid[data-v-ce2da145]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.3rem;font-size:11px}.details-left[data-v-ce2da145]{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#4a5568;line-height:1.6}.details-right[data-v-ce2da145]{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.9rem;color:#4a5568;margin-right:1rem;line-height:1.6;text-align:right}.receipt-number[data-v-ce2da145]{text-align:center;font-weight:700;margin:.3rem 0;padding:.3rem;border-top:1px dashed #000;border-bottom:1px dashed #000;font-size:11px}.company-name-large[data-v-ce2da145]{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.company-details[data-v-ce2da145]{font-size:.9rem;color:#4a5568;line-height:1.6}.modal-header[data-v-ce2da145]{position:relative;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.close-btn[data-v-ce2da145]{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#64748b;z-index:10;padding:.25rem}.close-btn[data-v-ce2da145]:hover{color:#1e40af}.invoice-header-content[data-v-ce2da145]{flex:1}.client-name[data-v-ce2da145]{font-weight:600;color:#1a202c;font-size:1rem}.sale-status[data-v-ce2da145]{color:#10b981;font-weight:500;font-size:.95rem}.invoice-number[data-v-ce2da145]{color:#4a5568;font-size:.9rem;margin-top:.5rem;font-weight:400;line-height:1.6}.client-info .close-btn[data-v-ce2da145]{position:absolute;top:0;right:0;margin:0;padding:.25rem}.client-info h4[data-v-ce2da145]{margin:0 0 .5rem;color:#1f2937;font-size:1rem}.client-name[data-v-ce2da145]{font-size:.9rem;color:#4b5563}.invoice-header-content[data-v-ce2da145]{width:100%;text-align:left}.invoice-number[data-v-ce2da145]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.company-name[data-v-ce2da145]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.company-details[data-v-ce2da145]{font-size:.9rem;color:#4b5563}.close-btn[data-v-ce2da145]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b}.invoice-header[data-v-ce2da145]{margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem}.print-table[data-v-ce2da145]{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.print-table th[data-v-ce2da145],.print-table td[data-v-ce2da145]{padding:.75rem;border:1px solid #e2e8f0;text-align:left}.print-table th[data-v-ce2da145]{background-color:#f1f5f9;font-weight:600}.text-center[data-v-ce2da145]{text-align:center}.text-right[data-v-ce2da145]{text-align:right}.notes[data-v-ce2da145]{margin-top:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:.5rem}.notes h4[data-v-ce2da145]{margin-top:0;margin-bottom:.5rem;color:#334155}.modal-footer[data-v-ce2da145]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.modal.print-modal .right-section .client-name[data-v-ce2da145],.modal.print-modal .right-section .sale-status[data-v-ce2da145],.modal.print-modal .right-section .invoice-number[data-v-ce2da145]{font-size:.9rem;color:#4b5563;font-weight:400;line-height:1.6;margin:0}.modal.print-modal .sale-status[data-v-ce2da145]{color:#4b5563!important;font-weight:400}@media print{@page{margin:0!important;padding:0!important;size:80mm auto}body[data-v-ce2da145],html[data-v-ce2da145]{margin:0!important;padding:0!important}body[data-v-ce2da145] *{visibility:hidden;margin:0!important;padding:0!important}.print-modal[data-v-ce2da145],.print-modal[data-v-ce2da145] *{visibility:visible}.print-modal[data-v-ce2da145]{position:absolute!important;left:50%!important;top:0!important;transform:translate(-50%)!important;width:80mm!important;margin:0!important;padding:0 5mm!important;box-shadow:none!important;page-break-after:always;page-break-inside:avoid}.modal-overlay[data-v-ce2da145]{position:relative;background:#fff}.modal-footer[data-v-ce2da145],.no-print[data-v-ce2da145]{display:none!important}.modal.print-modal .print-table th[data-v-ce2da145],.modal.print-modal .print-table td[data-v-ce2da145]{padding:2px 4px;font-size:.8rem;line-height:1.1;vertical-align:middle}}.sale-details[data-v-ce2da145]{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:16px}.sale-details-content[data-v-ce2da145]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.details-table[data-v-ce2da145]{width:100%;border-collapse:collapse;margin:12px 0;font-size:.9em}.details-table th[data-v-ce2da145],.details-table td[data-v-ce2da145]{padding:0;text-align:left;border-bottom:1px solid #e2e8f0;line-height:1.25}.details-table th[data-v-ce2da145]{background-color:#f8fafc;font-weight:700;color:#1a202c;border-bottom:2px solid #e2e8f0}.details-table tr:last-child td[data-v-ce2da145]{border-bottom:none}.total-row[data-v-ce2da145]{font-weight:700;background-color:#f8fafc}.sale-notes[data-v-ce2da145]{margin-top:16px;padding-top:12px;border-top:1px dashed #cbd5e1}.sale-notes h5[data-v-ce2da145]{margin:0 0 8px;color:#475569;font-size:.95em}.sale-notes p[data-v-ce2da145]{margin:0;color:#64748b;font-size:.9em;line-height:1.5}.actions-col .btn.btn-details[data-v-ce2da145]{background-color:#0ea5e9!important;color:#fff!important;border:1px solid #0ea5e9!important;transition:all .2s ease}.actions-col .btn.btn-details[data-v-ce2da145]:hover{background-color:#0ea5e9!important;border-color:#0ea5e9!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.text-red-500[data-v-ce2da145]{color:#ef4444;font-weight:500}.summary.red-bg[data-v-ce2da145]{background:#fee2e2;border-left:4px solid #ef4444}.summary.red-bg strong[data-v-ce2da145]{color:#dc2626}.header-center[data-v-ce2da145]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem;padding:0 1rem}.header-center h1[data-v-ce2da145]{color:#333;font-size:2rem;font-weight:600;margin:0}.filters[data-v-ce2da145]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.date-filters[data-v-ce2da145],.filter-actions[data-v-ce2da145]{display:flex;gap:1rem;align-items:center}.btn-export[data-v-ce2da145]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-export[data-v-ce2da145]:hover{transform:translateY(-1px);box-shadow:0 3px 8px #10b9814d}.btn-export svg[data-v-ce2da145]{width:14px;height:14px}.actions-col[data-v-ce2da145]{width:80px;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:2px 0}.actions-col .btn[data-v-ce2da145]{padding:2px 6px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;gap:2px;border-radius:4px;border:1px solid transparent}.actions-col .btn-details[data-v-ce2da145]{background-color:#0ea5e9;border-color:#0ea5e9;color:#fff}.actions-col .btn-print[data-v-ce2da145]{background-color:#10b981;border-color:#10b981;color:#fff}.actions-col .btn-print[data-v-ce2da145]:hover{background-color:#059669;border-color:#059669}.actions-col .btn[data-v-ce2da145]:hover{background-color:#ea580c;border-color:#ea580c}.actions-col .btn svg[data-v-ce2da145]{width:14px;height:14px}.header-center[data-v-ce2da145]{margin-bottom:1.5rem}h1[data-v-ce2da145]{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1a202c}h1[data-v-ce2da145]{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.filters[data-v-ce2da145]{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.search[data-v-ce2da145],.unit[data-v-ce2da145]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;height:2.5rem;transition:all .2s;background:#fff}.search[data-v-ce2da145]{width:250px;max-width:100%}.search[data-v-ce2da145]:focus,.unit[data-v-ce2da145]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.unit[data-v-ce2da145]{min-width:150px}.date-filters[data-v-ce2da145]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#fff;padding:.5rem;border-radius:.375rem;border:1px solid #e2e8f0}.date-filters span[data-v-ce2da145]{font-size:.875rem;color:#4a5568;white-space:nowrap}.form-control[data-v-ce2da145]{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;height:2.5rem;transition:all .2s}.summary[data-v-ce2da145]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0;padding:1.25rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.blue-bg[data-v-ce2da145]{background-color:#0ea5e9;border:1px solid #0ea5e9;color:#1f2937;box-shadow:0 2px 4px #0000001a}.blue-bg strong[data-v-ce2da145]{color:#1f2937;font-weight:600}.blue-bg>div[data-v-ce2da145]{background:#ffffffe6;color:#1f2937;box-shadow:0 1px 2px #0000001a;padding:.75rem 1rem;border-radius:.375rem;margin:.25rem 0}.blue-bg>div[data-v-ce2da145]:not(:first-child){font-weight:500}.summary>div[data-v-ce2da145]{padding:.75rem;background:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.summary strong[data-v-ce2da145]{display:block;color:#4a5568;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.sales-container[data-v-ce2da145]{display:flex;flex-direction:column;height:100vh;overflow:visible}.fixed-header[data-v-ce2da145]{flex-shrink:0;padding:1rem;background:#fff;border-bottom:1px solid #e2e8f0}.scrollable-content[data-v-ce2da145]{flex:1;overflow:visible;display:flex;flex-direction:column}.table-wrap[data-v-ce2da145]{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;overflow:visible;margin:1rem;flex:1;display:flex;flex-direction:column;box-shadow:0 1px 2px #0000000d;max-height:none}.table[data-v-ce2da145]{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.table th[data-v-ce2da145],.table td[data-v-ce2da145]{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:middle;line-height:1.25}.table th[data-v-ce2da145]{background-color:#0ea5e9;font-weight:500;color:#fff;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:none;position:sticky;top:0;z-index:10}.table tbody tr:last-child td[data-v-ce2da145]{border-bottom:none}.table tbody tr[data-v-ce2da145]:not(.row-expanded):hover{background-color:#f8f9fa}.row-expanded>td[data-v-ce2da145]{background-color:#f973161a!important;position:relative}tr:not(.row-expanded):hover>td[data-v-ce2da145]{background-color:#f973160d}.row-expanded>td[data-v-ce2da145]:first-child{border-top-left-radius:8px}.row-expanded>td[data-v-ce2da145]:last-child{border-top-right-radius:8px}.actions-col[data-v-ce2da145]{width:150px;text-align:right;padding-right:1rem!important}.row[data-v-ce2da145]{display:flex;justify-content:flex-end}.gap[data-v-ce2da145]{gap:.5rem}.center[data-v-ce2da145]{align-items:center}.btn[data-v-ce2da145]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-weight:500;font-size:.875rem;line-height:1.25rem;transition:all .2s;cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn svg[data-v-ce2da145]{flex-shrink:0}.btn-print[data-v-ce2da145]{background-color:#6b7280;color:#fff;border:1px solid #6b7280}.btn-print[data-v-ce2da145]:hover{background-color:#4b5563;border-color:#4b5563}.btn-pay[data-v-ce2da145]{background-color:#10b981;color:#fff;border:1px solid #10b981;padding:.25rem .5rem;font-size:.8rem;height:1.8rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn-pay[data-v-ce2da145]:hover{background-color:#0d9f74;border-color:#0d9f74}.btn.success[data-v-ce2da145]{background-color:#10b981;color:#fff;border:1px solid #10b981;border:none}.btn.success[data-v-ce2da145]:hover{background-color:#059669}.btn.danger[data-v-ce2da145]{background-color:#ef4444;color:#fff;border:none}.btn.danger[data-v-ce2da145]:hover{background-color:#dc2626}.btn[data-v-ce2da145]:disabled{opacity:.6;cursor:not-allowed}.status[data-v-ce2da145]{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status.completed[data-v-ce2da145]{background-color:#dcfce7;color:#166534;border:1px solid #86efac}.status.pending[data-v-ce2da145]{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.loading[data-v-ce2da145],.no-data[data-v-ce2da145]{padding:2rem;text-align:center;color:#64748b;font-size:.9375rem}.error[data-v-ce2da145]{padding:1rem;background-color:#fef2f2;color:#b91c1c;border-radius:.375rem;margin-bottom:1.5rem;border:1px solid #fecaca}.modal-overlay[data-v-ce2da145]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.print-modal[data-v-ce2da145]{position:relative;background:#fff;padding:1.5rem;margin:2rem auto;width:80mm;max-width:90%;font-size:14px;line-height:1.4;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow-y:auto;max-height:90vh}.modal.print-modal[data-v-ce2da145]{max-width:90%;width:800px;max-height:90vh;padding:1.5rem;overflow-y:auto;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:.95rem}.print-modal-overlay[data-v-ce2da145]{overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:2rem 0;font-size:.95rem;background-color:#00000080}.modal.print-modal .modal-header[data-v-ce2da145]{margin-bottom:.75rem;padding-bottom:.5rem}.modal.print-modal h2[data-v-ce2da145],.modal.print-modal h3[data-v-ce2da145]{font-size:1rem;margin:0}.modal.print-modal h4[data-v-ce2da145]{font-size:.85rem}.modal h3[data-v-ce2da145]{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;color:#1f2937}.date-filters[data-v-ce2da145]{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;background:#fff;padding:.5rem .75rem;border-radius:.375rem;border:1px solid #e2e8f0}.date-filters label[data-v-ce2da145]{font-size:.8rem;font-weight:500;color:#4b5563;white-space:nowrap}.date-filters input[type=date][data-v-ce2da145]{padding:.1rem .3rem;border:1px solid #d1d5db;border-radius:.15rem;font-size:.7rem;height:22px;min-width:100px;line-height:1}.date-filters input[type=date][data-v-ce2da145]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-control[data-v-ce2da145]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-actions[data-v-ce2da145]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media(max-width:1024px){.filters[data-v-ce2da145]{flex-wrap:wrap}.search[data-v-ce2da145]{width:100%;max-width:100%}.date-filters[data-v-ce2da145]{width:100%;justify-content:space-between}.date-filters input[data-v-ce2da145]{flex:1;min-width:120px}.summary[data-v-ce2da145]{grid-template-columns:1fr 1fr}}@media(max-width:640px){.filters[data-v-ce2da145]{flex-direction:column;gap:.75rem}.search[data-v-ce2da145],.unit[data-v-ce2da145],.date-filters[data-v-ce2da145]{width:100%}.date-filters[data-v-ce2da145]{flex-direction:column;align-items:stretch;gap:.75rem}.date-filters input[data-v-ce2da145]{width:100%}.summary[data-v-ce2da145]{grid-template-columns:1fr}.table-wrap[data-v-ce2da145]{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:none;border-right:none;max-height:calc(100vh - 250px)}.table[data-v-ce2da145]{min-width:100%}.actions-col[data-v-ce2da145]{position:sticky;right:0;background:linear-gradient(90deg,#fff0,#fffffff2 10%,#fff);padding-right:1rem!important}.btn[data-v-ce2da145]{padding:.5rem}.btn span[data-v-ce2da145]{display:none}.modal[data-v-ce2da145]{margin:1rem;width:calc(100% - 2rem)}}.pagination[data-v-ce2da145]{display:flex;justify-content:center;align-items:center;gap:8px;margin:1rem;flex-wrap:wrap;padding:0 1rem}.page-numbers[data-v-ce2da145]{display:flex;gap:4px;align-items:center}.btn-page[data-v-ce2da145]{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.btn-page.btn-primary[data-v-ce2da145]{background-color:#0ea5e9;color:#fff}.btn-page.btn-outline[data-v-ce2da145]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-page.btn-outline[data-v-ce2da145]:hover{background-color:#f3f4f6;border-color:#9ca3af}.page-info[data-v-ce2da145]{color:#6b7280;font-size:14px;margin-left:8px}.btn-outline[data-v-ce2da145]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-ce2da145]:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-outline[data-v-ce2da145]:disabled{opacity:.5;cursor:not-allowed}.header-center[data-v-d2ca0c3a]{margin-bottom:1.5rem}h1[data-v-d2ca0c3a]{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.summary[data-v-d2ca0c3a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0;padding:1.25rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;background:#f9fafb}.table-wrap[data-v-d2ca0c3a]{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;overflow-x:auto;margin-top:1.5rem;box-shadow:0 1px 2px #0000000d}.table[data-v-d2ca0c3a],.history-table[data-v-d2ca0c3a]{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.table th[data-v-d2ca0c3a],.table td[data-v-d2ca0c3a],.history-table th[data-v-d2ca0c3a],.history-table td[data-v-d2ca0c3a]{padding:.5rem .75rem;text-align:center;border-bottom:1px solid #e2e8f0;vertical-align:middle;line-height:1.2}.table th[data-v-d2ca0c3a],.history-table th[data-v-d2ca0c3a]{background-color:#0ea5e9;font-weight:500;color:#fff;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid #0284c7}.history-table th[data-v-d2ca0c3a]{background-color:#4b5563;border-bottom-color:#374151}.text-red-500[data-v-d2ca0c3a]{color:#ef4444;font-weight:600}.text-green-500[data-v-d2ca0c3a]{color:#10b981;font-weight:600}.actions-col[data-v-d2ca0c3a]{display:flex;gap:.5rem;justify-content:center}.btn[data-v-d2ca0c3a]{padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn[data-v-d2ca0c3a]:disabled{opacity:.6;cursor:not-allowed}.btn-pay[data-v-d2ca0c3a]{background-color:#10b981;color:#fff}.btn-pay[data-v-d2ca0c3a]:not(:disabled):hover{background-color:#059669}.btn-details[data-v-d2ca0c3a]{background-color:#3b82f6;color:#fff}.btn-details[data-v-d2ca0c3a]:hover{background-color:#2563eb}.btn-primary[data-v-d2ca0c3a]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-d2ca0c3a]:hover{background-color:#0284c7}.btn-cancel[data-v-d2ca0c3a]{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.btn-cancel[data-v-d2ca0c3a]:hover{background-color:#e5e7eb}.modal-overlay[data-v-d2ca0c3a]{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-d2ca0c3a]{background:#fff;border-radius:.5rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.modal-header[data-v-d2ca0c3a]{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-d2ca0c3a]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn[data-v-d2ca0c3a]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:.25rem;line-height:1}.close-btn[data-v-d2ca0c3a]:hover{color:#1f2937}.modal-body[data-v-d2ca0c3a]{padding:1.5rem}.modal-footer[data-v-d2ca0c3a]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.payment-details p[data-v-d2ca0c3a]{margin:.5rem 0;line-height:1.5}.payment-details strong[data-v-d2ca0c3a]{font-weight:600;color:#374151}.form-group[data-v-d2ca0c3a]{margin:1.5rem 0}.form-group label[data-v-d2ca0c3a]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-control[data-v-d2ca0c3a]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control[data-v-d2ca0c3a]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}textarea.form-control[data-v-d2ca0c3a]{min-height:100px;resize:vertical}.payment-history[data-v-d2ca0c3a]{margin-top:1.5rem;border-top:1px solid #e5e7eb;padding-top:1.5rem}.payment-history h4[data-v-d2ca0c3a]{margin-top:0;margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.no-data[data-v-d2ca0c3a]{text-align:center;color:#6b7280;padding:1.5rem;font-style:italic}.error[data-v-d2ca0c3a]{color:#ef4444;background-color:#fef2f2;padding:.75rem 1rem;border-radius:.375rem;margin:1rem 0;border-left:4px solid #ef4444}@media(max-width:640px){.actions-col[data-v-d2ca0c3a]{flex-direction:column;gap:.5rem}.btn[data-v-d2ca0c3a]{width:100%;text-align:center}.modal[data-v-d2ca0c3a]{width:95%}}.table tbody tr:last-child td[data-v-d2ca0c3a]{border-bottom:none}.table tbody tr[data-v-d2ca0c3a]:hover{background-color:#f8f8f8}.actions-col[data-v-d2ca0c3a]{white-space:nowrap;text-align:center}.btn[data-v-d2ca0c3a]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn-details[data-v-d2ca0c3a]{background-color:#0ea5e9;color:#fff;border-color:#0ea5e9;padding:.1rem .5rem;font-size:.7rem;line-height:1.2;height:1.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-details[data-v-d2ca0c3a]:hover{background-color:#0d8ed8;border-color:#0d8ed8}.btn-pay[data-v-d2ca0c3a]{background-color:#10b981;color:#fff;border-color:#10b981;padding:.1rem .5rem;font-size:.7rem;line-height:1.2;margin-left:.5rem;height:1.8rem;display:inline-flex;align-items:center;justify-content:center}.btn-pay[data-v-d2ca0c3a]:hover{background-color:#0d9f74;border-color:#0d9f74}.text-red-500[data-v-d2ca0c3a]{color:#ef4444;font-weight:500}.error[data-v-d2ca0c3a]{color:#ef4444;background-color:#fef2f2;padding:.75rem 1rem;border-radius:.375rem;margin:1rem 0;border:1px solid #fecaca}.no-data[data-v-d2ca0c3a]{text-align:center;color:#6b7280;padding:2rem 0;font-style:italic}.filters[data-v-deb89d62]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search[data-v-deb89d62]{padding:.5rem 1rem;font-size:1rem;border:1px solid #ced4da;border-radius:4px;width:100%;max-width:400px}.date-filters[data-v-deb89d62]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.date-filters .form-control[data-v-deb89d62]{padding:.5rem;border:1px solid #ced4da;border-radius:4px}.btn[data-v-deb89d62]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary[data-v-deb89d62]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-deb89d62]:hover{background-color:#0ea5e9}.form-group[data-v-deb89d62]{display:flex;flex-direction:column;gap:.5rem}.summary[data-v-deb89d62]{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8f9fa;border-radius:4px}.table[data-v-deb89d62]{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-header[data-v-deb89d62]{background-color:#0d8ed8;color:#fff}.table-header th[data-v-deb89d62]{padding:12px;text-align:left;font-weight:600}.table th[data-v-deb89d62]{background-color:#f8f9fa;font-weight:600}.table-header th[data-v-deb89d62]{background-color:#0ea5e9;color:#fff}.header-center h1[data-v-deb89d62]{font-size:1.5rem;font-weight:600}.table th[data-v-deb89d62],.table td[data-v-deb89d62]{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.pagination[data-v-deb89d62]{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap}.page-numbers[data-v-deb89d62]{display:flex;gap:4px;align-items:center}.btn-page[data-v-deb89d62]{min-width:36px;height:36px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}.btn-page.btn-primary[data-v-deb89d62]{background-color:#0ea5e9;color:#fff}.btn-page.btn-outline[data-v-deb89d62]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-page.btn-outline[data-v-deb89d62]:hover{background-color:#f3f4f6;border-color:#9ca3af}.page-info[data-v-deb89d62]{color:#6b7280;font-size:14px;margin-left:8px}.btn-outline[data-v-deb89d62]{background-color:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-outline[data-v-deb89d62]:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-outline[data-v-deb89d62]:disabled{opacity:.5;cursor:not-allowed}.header-center[data-v-d892a702]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.header-center h1[data-v-d892a702]{color:#333;font-size:2rem;font-weight:600;margin:0}.btn-primary[data-v-d892a702]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-d892a702]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary svg[data-v-d892a702]{width:20px;height:20px}.filters[data-v-d892a702]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.date-filters[data-v-d892a702]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.date-filters .form-control[data-v-d892a702]{padding:.5rem;border:1px solid #ced4da;border-radius:4px}.date-filters label[data-v-d892a702]{font-weight:500;color:var(--text-dark);font-size:14px}.btn[data-v-d892a702]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary[data-v-d892a702]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-d892a702]:hover{background-color:#0284c7}.summary[data-v-d892a702]{display:flex;gap:2rem;padding:1rem 1.5rem;background:#e3f2fd;border-radius:8px;margin-bottom:2rem;border-left:4px solid #2196f3}.summary.blue-bg[data-v-d892a702]{background:#e3f2fd;border-left-color:#2196f3}.summary div[data-v-d892a702]{font-weight:500}.summary strong[data-v-d892a702]{color:#1976d2}.error[data-v-d892a702]{color:#c33;background:#fee;padding:1rem;border-radius:8px;text-align:center;border:1px solid #fcc;margin-bottom:2rem}.table-wrap[data-v-d892a702]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table[data-v-d892a702]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-header[data-v-d892a702]{background-color:#0ea5e9;color:#fff}.table-header th[data-v-d892a702]{padding:12px;text-align:left;font-weight:600}.table th[data-v-d892a702],.table td[data-v-d892a702]{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.table tr[data-v-d892a702]:hover{background-color:#f8f9fa}.text-red-500[data-v-d892a702]{color:#dc3545;font-weight:600}.text-muted[data-v-d892a702]{color:#6c757d}.actions-col[data-v-d892a702]{width:200px}.row[data-v-d892a702]{display:flex}.gap[data-v-d892a702]{gap:.5rem}.center[data-v-d892a702]{align-items:center}.btn[data-v-d892a702]{padding:6px 12px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn svg[data-v-d892a702]{width:16px;height:16px}.btn-details[data-v-d892a702]{background:#f97316;color:#fff}.btn-details[data-v-d892a702]:hover{background:#ea580c}.btn-danger[data-v-d892a702]{background:#dc3545;color:#fff}.btn-danger[data-v-d892a702]:hover{background:#c82333}.empty-state[data-v-d892a702]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666;text-align:center}.empty-state svg[data-v-d892a702]{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.modal-overlay[data-v-d892a702]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-d892a702]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-d892a702]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-d892a702]{margin:0;color:#333}.close-btn[data-v-d892a702]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.close-btn[data-v-d892a702]:hover{background:#f5f5f5}.close-btn svg[data-v-d892a702]{width:20px;height:20px;color:#666}.expense-form[data-v-d892a702]{padding:1.5rem}.form-group[data-v-d892a702]{margin-bottom:1.5rem}.form-group label[data-v-d892a702]{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.form-group input[data-v-d892a702],.form-group textarea[data-v-d892a702]{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-d892a702]:focus,.form-group textarea[data-v-d892a702]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group textarea[data-v-d892a702]{resize:vertical;min-height:80px}.form-actions[data-v-d892a702]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions .btn-secondary[data-v-d892a702]{padding:.75rem 1.5rem;background:#fee;color:#c33;border:1px solid #fcc;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-secondary[data-v-d892a702]:hover{background:#fdd;border-color:#fbb}.form-actions .btn-primary[data-v-d892a702]{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-primary[data-v-d892a702]:hover{background:#2563eb}.loading-text[data-v-d892a702]{display:flex;align-items:center;gap:8px}.small-spinner[data-v-d892a702]{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid white;border-radius:50%;animation:spin-d892a702 1s linear infinite}@keyframes spin-d892a702{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.header-center[data-v-d892a702]{flex-direction:column;gap:1rem;align-items:stretch;padding:0 .5rem}.filters[data-v-d892a702],.date-filters[data-v-d892a702],.search-filter[data-v-d892a702]{flex-direction:column;align-items:stretch}.summary[data-v-d892a702]{flex-direction:column;gap:.5rem}.table-wrap[data-v-d892a702]{overflow-x:auto}.table[data-v-d892a702]{min-width:600px}.actions-col[data-v-d892a702]{width:auto}.row[data-v-d892a702]{flex-direction:column}.modal[data-v-d892a702]{width:95%;margin:1rem}}.login-container[data-v-6661610b]{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#3b82f6);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:1rem;margin:0;box-sizing:border-box;position:fixed;inset:0}.login-block[data-v-6661610b]{width:60%;max-width:800px;max-height:90vh;height:auto;min-height:500px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;overflow:hidden;animation:slideUp-6661610b .6s ease-out}@keyframes slideUp-6661610b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.image-section[data-v-6661610b]{flex:1;background:linear-gradient(135deg,#3b82f6,#2563eb);position:relative;display:flex;align-items:center;justify-content:center}.image-section[data-v-6661610b]:before{content:"";position:absolute;inset:0;background-image:url(/assets/login-BWFSW0FN.webp);background-size:cover;background-position:center;opacity:.8}.image-overlay[data-v-6661610b]{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem}.brand-info h1[data-v-6661610b]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.brand-info p[data-v-6661610b]{font-size:1.1rem;opacity:.95;text-shadow:0 1px 4px rgba(0,0,0,.5)}.form-section[data-v-6661610b]{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8f9fa}.form-container[data-v-6661610b]{width:100%;max-width:400px}.form-header[data-v-6661610b]{text-align:center;margin-bottom:2rem}.form-header h2[data-v-6661610b]{font-size:2rem;font-weight:700;color:#333;margin-bottom:.5rem}.form-header p[data-v-6661610b]{color:#666;font-size:.95rem}.login-form[data-v-6661610b]{width:100%}.form-group[data-v-6661610b]{margin-bottom:1.5rem}.form-group label[data-v-6661610b]{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.input-wrapper[data-v-6661610b]{position:relative}.input-icon[data-v-6661610b]{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#666;z-index:1}.password-toggle[data-v-6661610b]{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.password-toggle[data-v-6661610b]:hover{background:#3b82f61a}.password-toggle svg[data-v-6661610b]{width:18px;height:18px;color:#666;transition:color .2s ease}.password-toggle:hover svg[data-v-6661610b]{color:#3b82f6}.form-input[data-v-6661610b]{width:100%;padding:12px 15px 12px 45px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-input[data-v-6661610b]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-input[data-v-6661610b]::placeholder{color:#999}.message[data-v-6661610b]{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.message svg[data-v-6661610b]{width:20px;height:20px;flex-shrink:0}.error-message[data-v-6661610b]{background:#fee;color:#c33;border:1px solid #fcc}.success-message[data-v-6661610b]{background:#efe;color:#3c3;border:1px solid #cfc}.submit-btn[data-v-6661610b]{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn[data-v-6661610b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.submit-btn[data-v-6661610b]:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner[data-v-6661610b]{display:flex;align-items:center;gap:8px}.loading-spinner svg[data-v-6661610b]{width:20px;height:20px;animation:spin-6661610b 1s linear infinite}@keyframes spin-6661610b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.login-container[data-v-6661610b]{padding:.5rem}.login-block[data-v-6661610b]{width:90%;height:auto;flex-direction:column;margin:1rem}.image-section[data-v-6661610b]{height:200px}.brand-info h1[data-v-6661610b]{font-size:1.8rem}.form-section[data-v-6661610b]{padding:1.5rem;min-height:auto}.form-header h2[data-v-6661610b]{font-size:1.5rem}}@media(max-width:480px){.login-container[data-v-6661610b],.form-section[data-v-6661610b]{padding:1rem}.brand-info h1[data-v-6661610b]{font-size:1.5rem}}.users-management[data-v-f583136d]{padding:2rem;max-width:1200px;margin:0 auto}.page-header[data-v-f583136d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1[data-v-f583136d]{color:#333;font-size:2rem;font-weight:600}.btn-primary[data-v-f583136d]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-f583136d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-primary svg[data-v-f583136d]{width:20px;height:20px}.loading[data-v-f583136d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.spinner[data-v-f583136d]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;animation:spin-f583136d 1s linear infinite;margin-bottom:1rem}@keyframes spin-f583136d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-f583136d]{background:#fee;color:#c33;padding:1rem;border-radius:8px;text-align:center;border:1px solid #fcc}.empty-state[data-v-f583136d]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.empty-state svg[data-v-f583136d]{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.users-grid[data-v-f583136d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card[data-v-f583136d]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.user-card[data-v-f583136d]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.user-avatar[data-v-f583136d]{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.superuser-avatar[data-v-f583136d]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 12px #ee5a244d}.user-avatar svg[data-v-f583136d]{width:30px;height:30px}.user-info[data-v-f583136d]{flex:1}.user-info h3[data-v-f583136d]{margin:0 0 .25rem;color:#333;font-size:1.1rem}.username[data-v-f583136d]{color:#666;font-size:.9rem;margin:0 0 .5rem}.user-badges[data-v-f583136d]{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.superuser-badge[data-v-f583136d]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ee5a244d}.group-badge[data-v-f583136d]{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.user-actions[data-v-f583136d]{display:flex;gap:.5rem}.btn-secondary[data-v-f583136d],.btn-danger[data-v-f583136d]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-secondary[data-v-f583136d]{background:#f5f5f5;color:#666}.btn-secondary[data-v-f583136d]:hover{background:#e0e0e0}.btn-danger[data-v-f583136d]{background:#ffebee;color:#c62828}.btn-danger[data-v-f583136d]:hover{background:#ffcdd2}.btn-secondary svg[data-v-f583136d],.btn-danger svg[data-v-f583136d]{width:18px;height:18px}.modal-overlay[data-v-f583136d]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-f583136d]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-f583136d]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.modal-header h2[data-v-f583136d]{margin:0;color:#333}.close-btn[data-v-f583136d]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.close-btn[data-v-f583136d]:hover{background:#f5f5f5}.close-btn svg[data-v-f583136d]{width:20px;height:20px;color:#666}.user-form[data-v-f583136d]{padding:1.5rem}.form-row[data-v-f583136d]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:.5rem}.form-group[data-v-f583136d]{margin-bottom:1.5rem}.form-group label[data-v-f583136d]{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.9rem}.form-group input[data-v-f583136d]{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-f583136d]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-group input[data-v-f583136d]::placeholder{color:#999}.checkbox-group[data-v-f583136d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-label[data-v-f583136d]{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.checkbox-label[data-v-f583136d]:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox][data-v-f583136d]{width:auto;margin:0;accent-color:#3b82f6}.checkbox-label span[data-v-f583136d]{font-size:.9rem;color:#333}.form-actions[data-v-f583136d]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.form-actions .btn-secondary[data-v-f583136d]{width:auto;padding:.75rem 1.5rem;background:#fee;color:#c33;border:1px solid #fcc;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-secondary[data-v-f583136d]:hover{background:#fdd;border-color:#fbb}.form-actions .btn-primary[data-v-f583136d]{width:auto;padding:.45rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.form-actions .btn-primary[data-v-f583136d]:hover{background:#2563eb}.loading-text[data-v-f583136d]{display:flex;align-items:center;gap:8px}.small-spinner[data-v-f583136d]{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid white;border-radius:50%;animation:spin-f583136d 1s linear infinite}@media(max-width:768px){.users-management[data-v-f583136d]{padding:1rem}.page-header[data-v-f583136d]{flex-direction:column;gap:1rem;align-items:stretch}.users-grid[data-v-f583136d],.form-row[data-v-f583136d]{grid-template-columns:1fr}.modal[data-v-f583136d]{width:95%;margin:1rem}}.casse-stock-container[data-v-3447ccb6]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-3447ccb6]{margin-bottom:24px}.header-content[data-v-3447ccb6]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-content h1[data-v-3447ccb6]{margin:0;color:var(--text-dark);font-size:24px;font-weight:600}.filters[data-v-3447ccb6]{margin-bottom:1.5rem}.filter-row[data-v-3447ccb6]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-row label[data-v-3447ccb6]{font-weight:500;font-size:14px}.search-input[data-v-3447ccb6]{min-width:220px;max-width:260px}.btn[data-v-3447ccb6]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary[data-v-3447ccb6]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-3447ccb6]:hover{background-color:#0284c7}.btn-outline[data-v-3447ccb6]{background-color:#6b7280;color:#fff}.btn-outline[data-v-3447ccb6]:hover{background-color:#4b5563}.btn-revendre[data-v-3447ccb6]{background-color:#10b981;color:#fff;padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.btn-revendre[data-v-3447ccb6]:hover{background-color:#059669}.badge-non-resalable[data-v-3447ccb6]{color:#6b7280;font-size:.85rem}.modal-overlay[data-v-3447ccb6]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-3447ccb6]{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-3447ccb6]{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.modal-header h2[data-v-3447ccb6]{margin:0;font-size:18px}.close-btn[data-v-3447ccb6]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted)}.casse-form[data-v-3447ccb6]{padding:0 20px 20px}.form-row[data-v-3447ccb6]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-3447ccb6]{margin-bottom:16px}.form-group label[data-v-3447ccb6]{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.form-control[data-v-3447ccb6]{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:14px;box-sizing:border-box}.form-hint[data-v-3447ccb6]{font-size:12px;color:#6b7280;margin-top:4px;display:block}.checkbox-label[data-v-3447ccb6]{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:14px}.form-actions[data-v-3447ccb6]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.table-section[data-v-3447ccb6]{background:#fff;border-radius:8px;border:1px solid var(--border);overflow:hidden}.table-container[data-v-3447ccb6]{overflow-x:auto}.table[data-v-3447ccb6]{width:100%;border-collapse:collapse;background:#fff}.table-header[data-v-3447ccb6]{background-color:#0ea5e9;color:#fff}.table-header th[data-v-3447ccb6]{padding:12px;text-align:left;font-weight:600}.table th[data-v-3447ccb6],.table td[data-v-3447ccb6]{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.table tr[data-v-3447ccb6]:hover{background-color:#f8f9fa}.btn-icon[data-v-3447ccb6]{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px}.btn-delete[data-v-3447ccb6]{color:#ef4444}.btn-delete[data-v-3447ccb6]:hover{background:#fee2e2}.loading-state[data-v-3447ccb6],.empty-state[data-v-3447ccb6]{text-align:center;padding:60px 20px;color:var(--text-muted)}.spinner[data-v-3447ccb6]{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid #0ea5e9;border-radius:50%;animation:spin-3447ccb6 1s linear infinite;margin:0 auto 16px}@keyframes spin-3447ccb6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination[data-v-3447ccb6]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-info[data-v-3447ccb6]{color:var(--text-muted);font-size:14px}.btn-history[data-v-3447ccb6]{color:#0ea5e9}.btn-history[data-v-3447ccb6]:hover{background:#e0f2fe}.badge-resalable[data-v-3447ccb6]{color:#10b981;font-size:.85rem;font-weight:500}.modal-history[data-v-3447ccb6]{max-width:800px}.history-body[data-v-3447ccb6]{padding:0 20px 20px;max-height:60vh;overflow-y:auto}@media(max-width:768px){.casse-stock-container[data-v-3447ccb6]{padding:12px}.form-row[data-v-3447ccb6]{grid-template-columns:1fr}.form-actions[data-v-3447ccb6]{flex-direction:column}}.casse-stock-container[data-v-7e2b50c2]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-7e2b50c2]{margin-bottom:24px}.header-content[data-v-7e2b50c2]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-content h1[data-v-7e2b50c2]{margin:0;font-size:24px;font-weight:600}.filters[data-v-7e2b50c2]{margin-bottom:1.5rem}.filter-row[data-v-7e2b50c2]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-row label[data-v-7e2b50c2]{font-weight:500;font-size:14px}.search-input[data-v-7e2b50c2]{min-width:220px;max-width:260px}.btn[data-v-7e2b50c2]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-7e2b50c2]{background-color:#0ea5e9;color:#fff}.btn-primary[data-v-7e2b50c2]:hover{background-color:#0284c7}.btn-outline[data-v-7e2b50c2]{background-color:#6b7280;color:#fff}.btn-outline[data-v-7e2b50c2]:hover{background-color:#4b5563}.btn-outline[data-v-7e2b50c2]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-7e2b50c2]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-7e2b50c2]{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-history[data-v-7e2b50c2]{max-width:800px}.modal-header[data-v-7e2b50c2]{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.modal-header h2[data-v-7e2b50c2]{margin:0;font-size:18px}.close-btn[data-v-7e2b50c2]{background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280}.casse-form[data-v-7e2b50c2]{padding:0 20px 20px}.form-row[data-v-7e2b50c2]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group[data-v-7e2b50c2]{margin-bottom:16px}.form-group label[data-v-7e2b50c2]{display:block;margin-bottom:6px;font-weight:500;font-size:14px}.form-control[data-v-7e2b50c2]{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:14px;box-sizing:border-box}.form-hint[data-v-7e2b50c2]{font-size:12px;color:#6b7280;margin-top:4px;display:block}.checkbox-label[data-v-7e2b50c2]{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:14px}.form-actions[data-v-7e2b50c2]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.table-section[data-v-7e2b50c2]{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.table-container[data-v-7e2b50c2]{overflow-x:auto}.table[data-v-7e2b50c2]{width:100%;border-collapse:collapse}.table-header[data-v-7e2b50c2]{background-color:#0ea5e9;color:#fff}.table-header th[data-v-7e2b50c2]{padding:12px;text-align:left;font-weight:600}.table th[data-v-7e2b50c2],.table td[data-v-7e2b50c2]{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.table tr[data-v-7e2b50c2]:hover{background-color:#f8f9fa}.badge-resalable[data-v-7e2b50c2]{color:#10b981;font-size:.85rem;font-weight:500}.badge-non-resalable[data-v-7e2b50c2]{color:#6b7280;font-size:.85rem}.btn-icon[data-v-7e2b50c2]{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px}.btn-history[data-v-7e2b50c2]{color:#0ea5e9}.btn-history[data-v-7e2b50c2]:hover{background:#e0f2fe}.btn-delete[data-v-7e2b50c2]{color:#ef4444}.btn-delete[data-v-7e2b50c2]:hover{background:#fee2e2}.history-body[data-v-7e2b50c2]{padding:0 20px 20px;max-height:60vh;overflow-y:auto}.loading-state[data-v-7e2b50c2],.empty-state[data-v-7e2b50c2]{text-align:center;padding:60px 20px;color:#6b7280}.spinner[data-v-7e2b50c2]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#0ea5e9;border-radius:50%;animation:spin-7e2b50c2 1s linear infinite;margin:0 auto 16px}@keyframes spin-7e2b50c2{to{transform:rotate(360deg)}}.pagination[data-v-7e2b50c2]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-info[data-v-7e2b50c2]{color:#6b7280;font-size:14px}@media(max-width:768px){.form-row[data-v-7e2b50c2]{grid-template-columns:1fr}.form-actions[data-v-7e2b50c2]{flex-direction:column}}.casse-transfer-page[data-v-416fd75a]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-416fd75a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header h1[data-v-416fd75a]{margin:0;font-size:22px;font-weight:600}.header-actions[data-v-416fd75a]{display:flex;gap:10px;align-items:center}.filter-select[data-v-416fd75a]{height:38px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;font-size:14px}.btn[data-v-416fd75a]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-primary[data-v-416fd75a]{background:#0ea5e9;color:#fff}.btn-primary[data-v-416fd75a]:hover{background:#0284c7}.btn-outline[data-v-416fd75a]{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-416fd75a]:hover{background:#f3f4f6}.btn-outline[data-v-416fd75a]:disabled{opacity:.5;cursor:not-allowed}.btn-success[data-v-416fd75a]{background:#10b981;color:#fff}.btn-success[data-v-416fd75a]:hover{background:#059669}.btn-danger[data-v-416fd75a]{background:#ef4444;color:#fff}.btn-danger[data-v-416fd75a]:hover{background:#dc2626}.btn-sm[data-v-416fd75a]{padding:4px 10px;font-size:13px}.transfers-table[data-v-416fd75a]{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;margin-top:16px}.table-header[data-v-416fd75a]{display:flex;background:#0ea5e9;color:#fff;padding:4px 8px}.hcell[data-v-416fd75a]{padding:8px;font-size:12px;font-weight:600;text-transform:uppercase}.transfer-row[data-v-416fd75a]{border-bottom:1px solid #e5e7eb}.transfer-row[data-v-416fd75a]:last-child{border-bottom:none}.row-main[data-v-416fd75a]{display:flex;align-items:center}.row-main[data-v-416fd75a]:hover{background:#f8f9fa}.expanded .row-main[data-v-416fd75a]{background:#eff6ff}.cell[data-v-416fd75a]{padding:8px;font-size:13px;display:flex;align-items:center;cursor:pointer;min-height:40px;border-right:1px solid #e5e7eb}.cell[data-v-416fd75a]:last-child{border-right:none}.badge[data-v-416fd75a]{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge.pending[data-v-416fd75a]{background:#fef3c7;color:#92400e}.badge.approved[data-v-416fd75a]{background:#d1fae5;color:#065f46}.badge.rejected[data-v-416fd75a]{background:#fee2e2;color:#991b1b}.btn-toggle[data-v-416fd75a]{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:12px}.row-details[data-v-416fd75a]{padding:16px;background:#fafafa;border-top:1px solid #e5e7eb}.items-table[data-v-416fd75a]{width:100%;border-collapse:collapse;font-size:13px}.items-table th[data-v-416fd75a],.items-table td[data-v-416fd75a]{padding:8px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.items-table th[data-v-416fd75a]{background:#f3f4f6;font-weight:600}.notes[data-v-416fd75a]{margin-top:10px;font-size:13px;color:#6b7280}.pagination[data-v-416fd75a]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.page-info[data-v-416fd75a]{font-size:14px;color:#6b7280}.loading-state[data-v-416fd75a]{text-align:center;padding:40px;color:#6b7280}.spinner[data-v-416fd75a]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#0ea5e9;border-radius:50%;animation:spin-416fd75a 1s linear infinite;margin:0 auto 12px}@keyframes spin-416fd75a{to{transform:rotate(360deg)}}.empty[data-v-416fd75a]{text-align:center;padding:40px;color:#9ca3af}.modal-overlay[data-v-416fd75a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box[data-v-416fd75a]{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column}.modal-sm[data-v-416fd75a]{max-width:440px}.modal-header[data-v-416fd75a]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-416fd75a]{margin:0;font-size:17px;font-weight:600}.close-btn[data-v-416fd75a]{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280}.modal-body[data-v-416fd75a]{padding:16px 20px;overflow-y:auto;flex:1}.modal-footer[data-v-416fd75a]{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.hint[data-v-416fd75a]{font-size:13px;color:#6b7280;margin-bottom:12px}.form-table[data-v-416fd75a]{width:100%;border-collapse:collapse;font-size:13px}.form-table th[data-v-416fd75a],.form-table td[data-v-416fd75a]{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.form-table th[data-v-416fd75a]{background:#f3f4f6;font-weight:600}.qty-input[data-v-416fd75a]{width:90px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.form-group label[data-v-416fd75a]{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-control[data-v-416fd75a]{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;box-sizing:border-box}.page[data-v-160e5cf5]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-160e5cf5]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-header h1[data-v-160e5cf5]{margin:0;font-size:22px;font-weight:600}.header-actions[data-v-160e5cf5]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.date-input[data-v-160e5cf5]{height:36px;border:1px solid #d1d5db;border-radius:6px;padding:0 10px;font-size:14px}.btn[data-v-160e5cf5]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-primary[data-v-160e5cf5]{background:#0ea5e9;color:#fff}.btn-primary[data-v-160e5cf5]:hover{background:#0284c7}.btn-primary[data-v-160e5cf5]:disabled{opacity:.6;cursor:not-allowed}.btn-outline[data-v-160e5cf5]{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline[data-v-160e5cf5]:hover{background:#f3f4f6}.btn-outline[data-v-160e5cf5]:disabled{opacity:.5;cursor:not-allowed}.table-section[data-v-160e5cf5]{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.table[data-v-160e5cf5]{width:100%;border-collapse:collapse}.table-header[data-v-160e5cf5]{background:#0ea5e9;color:#fff}.table-header th[data-v-160e5cf5]{padding:12px;text-align:left;font-weight:600}.table td[data-v-160e5cf5]{padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:13px}.table tr:hover td[data-v-160e5cf5]{background:#f8f9fa}.table tr.expanded td[data-v-160e5cf5]{background:#eff6ff}.text-red[data-v-160e5cf5]{color:#ef4444;font-weight:500}.details-cell[data-v-160e5cf5]{padding:12px 20px;background:#fafafa}.items-table[data-v-160e5cf5]{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.items-table th[data-v-160e5cf5],.items-table td[data-v-160e5cf5]{padding:6px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.items-table th[data-v-160e5cf5]{background:#f3f4f6;font-weight:600}.notes[data-v-160e5cf5]{font-size:13px;color:#6b7280;margin-top:6px}.loading-state[data-v-160e5cf5],.empty-state[data-v-160e5cf5]{text-align:center;padding:40px;color:#6b7280}.spinner[data-v-160e5cf5]{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#0ea5e9;border-radius:50%;animation:spin-160e5cf5 1s linear infinite;margin:0 auto 12px}@keyframes spin-160e5cf5{to{transform:rotate(360deg)}}.pagination[data-v-160e5cf5]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.page-info[data-v-160e5cf5]{font-size:14px;color:#6b7280}.modal-overlay[data-v-160e5cf5]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box[data-v-160e5cf5]{background:#fff;border-radius:10px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-160e5cf5]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-160e5cf5]{margin:0;font-size:17px;font-weight:600}.close-btn[data-v-160e5cf5]{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280}.modal-body[data-v-160e5cf5]{padding:16px 20px;overflow-y:auto;flex:1}.modal-footer[data-v-160e5cf5]{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.hint[data-v-160e5cf5]{font-size:13px;color:#6b7280;margin-bottom:10px}.form-table[data-v-160e5cf5]{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.form-table th[data-v-160e5cf5],.form-table td[data-v-160e5cf5]{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.form-table th[data-v-160e5cf5]{background:#f3f4f6;font-weight:600}.qty-input[data-v-160e5cf5]{width:80px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.form-grid[data-v-160e5cf5]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.form-group[data-v-160e5cf5]{margin-bottom:10px}.form-group label[data-v-160e5cf5]{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-control[data-v-160e5cf5]{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;box-sizing:border-box}.total-preview[data-v-160e5cf5]{margin-top:12px;padding:10px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:14px;color:#166534}