:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-base:14px;--heading-scale:1;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#dbeafe;--ui-padding:0.5rem;--ui-gap:0.75rem;--ui-spacing:1rem;--border-radius:0.5rem;--btn-height:38px;--btn-padding:0.5rem 1rem;--btn-font-size:0.875rem;--table-cell-padding:0.5rem 0.75rem;--table-row-height:40px;--table-header-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--table-border-color:#e2e8f0;--table-hover-bg:#f8fafc;--table-stripe-bg:#fafafa;--transition-duration:0.2s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-base);line-height:1.6;transition:background-color .2s,color .2s;transition:background-color var(--transition-duration),color var(--transition-duration)}body.dark-mode{background-color:var(--bg);color:var(--text)}body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .table-container{background-color:var(--card-bg);border-color:var(--border)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:var(--bg-secondary);border-color:var(--border);color:var(--text)}body.dark-mode .btn-secondary{background-color:var(--bg-secondary)}.v3-table-container{background:var(--card-bg);border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;margin-bottom:var(--ui-spacing);overflow:hidden}body.dark-mode .v3-table-container{background:var(--card-bg);box-shadow:0 1px 3px #0000004d}.v3-table{border-collapse:collapse;font-size:14px;font-size:var(--font-size-base);width:100%}.v3-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border)}body.dark-mode .v3-table thead{background:var(--bg-secondary);border-bottom-color:var(--border)}.v3-table th{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;min-height:40px;min-height:var(--table-row-height);padding:.5rem .75rem;padding:var(--table-cell-padding);text-align:left;text-transform:uppercase;white-space:nowrap}body.dark-mode .v3-table th{color:var(--text-muted)}.v3-table th.sortable{cursor:pointer;transition:background .2s;transition:background var(--transition-duration);-webkit-user-select:none;user-select:none}.v3-table th.sortable:hover{background:var(--border)}body.dark-mode .v3-table th.sortable:hover{background:var(--bg-secondary)}.v3-table th.sortable:after{content:"↕";margin-left:.5rem;opacity:.3}.v3-table th.sorted-asc:after{color:#3b82f6;color:var(--color-primary);content:"↑";opacity:1}.v3-table th.sorted-desc:after{color:#3b82f6;color:var(--color-primary);content:"↓";opacity:1}.v3-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s;transition:background var(--transition-duration)}body.dark-mode .v3-table tbody tr{border-bottom-color:var(--border)}.v3-table tbody tr:hover,body.dark-mode .v3-table tbody tr:hover{background:var(--bg-secondary)}.v3-table tbody tr:last-child{border-bottom:none}.v3-table tbody tr.clickable{cursor:pointer}.v3-table tbody tr.selected{background:#dbeafe!important;background:var(--color-primary-light)!important}body.dark-mode .v3-table tbody tr.selected{background:#3b82f633!important}.v3-table td{min-height:40px;min-height:var(--table-row-height);padding:.5rem .75rem;padding:var(--table-cell-padding);vertical-align:middle}.v3-table td,body.dark-mode .v3-table td{color:var(--text)}.v3-table .text-center{text-align:center}.v3-table .text-right{text-align:right}.v3-table .text-left{text-align:left}.v3-table .col-number{font-feature-settings:"tnum";font-family:JetBrains Mono,Fira Code,monospace;font-variant-numeric:tabular-nums;text-align:right}.v3-table .col-actions{text-align:center;white-space:nowrap;width:1%}.v3-table .col-actions .action-btn{align-items:center;border:none;border-radius:.375rem;border-radius:calc(var(--border-radius)*.75);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.25rem;margin:0 .15rem;padding:.35rem .6rem;transition:all .2s;transition:all var(--transition-duration)}.v3-table .action-btn.btn-view{background:#e0f2fe;color:#0284c7}.v3-table .action-btn.btn-view:hover{background:#0284c7;color:#fff}.v3-table .action-btn.btn-edit{background:#fef3c7;color:#d97706}.v3-table .action-btn.btn-edit:hover{background:#d97706;color:#fff}.v3-table .action-btn.btn-delete{background:#fee2e2;color:#dc2626}.v3-table .action-btn.btn-delete:hover{background:#dc2626;color:#fff}.v3-table .action-btn.btn-print{background:#e0e7ff;color:#4f46e5}.v3-table .action-btn.btn-print:hover{background:#4f46e5;color:#fff}.v3-table .action-btn.btn-open{background:#d1fae5;color:#059669}.v3-table .action-btn.btn-open:hover{background:#059669;color:#fff}.v3-table .action-btn.btn-close{background:#fecaca;color:#b91c1c}.v3-table .action-btn.btn-close:hover{background:#b91c1c;color:#fff}.v3-table .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.25rem .75rem;white-space:nowrap}.v3-table .status-badge.status-active,.v3-table .status-badge.status-open,.v3-table .status-badge.status-paid{background:#d1fae5;color:#065f46}.v3-table .status-badge.status-closed,.v3-table .status-badge.status-inactive{background:#f3f4f6;color:#6b7280}.v3-table .status-badge.status-pending,.v3-table .status-badge.status-unpaid{background:#fef3c7;color:#92400e}.v3-table .status-badge.status-cancelled,.v3-table .status-badge.status-error{background:#fee2e2;color:#991b1b}.v3-table .status-badge.status-processing{background:#e0e7ff;color:#3730a3}.v3-table-empty{color:#94a3b8;padding:3rem;text-align:center}.v3-table-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.v3-table-empty-text{font-size:1rem;margin-bottom:.5rem}.v3-table-empty-hint{font-size:.875rem;opacity:.7}.v3-table-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--ui-gap);justify-content:space-between;padding:.5rem;padding:var(--ui-padding)}body.dark-mode .v3-table-toolbar{border-bottom-color:var(--border)}.v3-table-search{align-items:center;display:flex;flex:1 1;gap:.5rem;max-width:300px}.v3-table-search input{border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);font-size:14px;font-size:var(--font-size-base);padding:.5rem 1rem;transition:border-color .2s;transition:border-color var(--transition-duration);width:100%}.v3-table-search input:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.v3-table-pagination{align-items:center;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem;padding:var(--ui-padding)}body.dark-mode .v3-table-pagination{border-top-color:#334155}.v3-table-pagination-info{align-items:center;display:flex;gap:.5rem}.v3-table-pagination-buttons{display:flex;gap:.25rem}.v3-table-pagination-buttons button{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--border-radius);cursor:pointer;padding:.5rem .75rem;transition:all .2s;transition:all var(--transition-duration)}.v3-table-pagination-buttons button:hover:not(:disabled){background:#f1f5f9;border-color:#3b82f6;border-color:var(--color-primary)}.v3-table-pagination-buttons button.active{background:#3b82f6;background:var(--color-primary);border-color:#3b82f6;border-color:var(--color-primary);color:#fff}.v3-table-pagination-buttons button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.v3-table-container{overflow-x:auto}.v3-table{min-width:600px}.v3-table td,.v3-table th{font-size:.8rem;padding:.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px;width:100%}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 2rem}.header h1{font-size:1.8rem;font-weight:600}.header-subtitle{font-size:.9rem;margin-top:.25rem;opacity:.9}.btn{border-radius:.5rem;border-radius:var(--border-radius);font-size:.875rem;font-size:var(--btn-font-size);font-weight:500;gap:.5rem;justify-content:center;min-height:38px;min-height:var(--btn-height);padding:.5rem 1rem;padding:var(--btn-padding);transition:all var(--transition-duration) ease}.btn-primary{background:#3b82f6;background:var(--color-primary)}.btn-primary:hover{background:#2563eb;background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary:hover{border-color:var(--primary)}.btn-success{background:var(--card-bg);border:1px solid var(--success);color:var(--success)}.btn-success:hover{background:#22c55e14}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.card-title{color:var(--text);font-size:1.25rem}.form-group{margin-bottom:1rem}.form-label{color:var(--text);font-weight:500;margin-bottom:.5rem}.form-control{border-radius:4px;font-size:14px;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{box-shadow:0 0 0 .2rem #f9731640;outline:0}.loading{color:var(--text-muted);padding:2rem;text-align:center}.error{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:var(--danger)}.error,.success{margin-bottom:1rem;padding:1rem}.success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:4px;color:var(--success)}.row{display:flex;flex-wrap:wrap;margin:-.5rem}.col{flex:1 1}.col,.col-2{padding:.5rem}.col-2{flex:0 0 50%}.col-3{flex:0 0 33.333333%;padding:.5rem}.col-4{flex:0 0 25%;padding:.5rem}.warehouse-pagination{background:linear-gradient(180deg,#fff 0,#f8f9fa);border-top:1px solid #e9ecef}.warehouse-pagination .btn-group{border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.warehouse-pagination .btn{border:none;border-radius:0;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease}.warehouse-pagination .btn:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.warehouse-pagination .btn:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.warehouse-pagination .btn-outline-primary{background-color:#fff;border-right:1px solid #dee2e6;color:#0d6efd}.warehouse-pagination .btn-outline-primary:hover:not(.disabled){background-color:#0d6efd;box-shadow:0 4px 12px #0d6efd4d;color:#fff;transform:translateY(-1px)}.warehouse-pagination .btn-primary{background:linear-gradient(135deg,#0d6efd,#6f42c1);border:none;box-shadow:0 4px 12px #0d6efd66;color:#fff;font-weight:600;transform:translateY(-1px)}.warehouse-pagination .btn-outline-secondary.disabled{background-color:#f8f9fa;border-right:1px solid #dee2e6;color:#6c757d;cursor:not-allowed}.warehouse-pagination .btn.disabled{cursor:not-allowed;opacity:.5}.warehouse-pagination .btn i{font-size:.9rem}.pagination-info{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem}.pagination-info .text-primary{color:#0d6efd!important;font-weight:600}.pagination-info .text-success{color:#198754!important;font-weight:600}.quick-page-jump{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:.75rem}.quick-page-jump .input-group{border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.quick-page-jump .form-control{border:none;font-weight:500}.quick-page-jump .input-group-text{border:none;font-size:.85rem}@keyframes paginationLoad{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.warehouse-pagination{animation:paginationLoad .3s ease-out}@media (max-width:768px){.warehouse-pagination .row{flex-direction:column;gap:1rem}.warehouse-pagination .col-md-6{flex:none;width:100%}.warehouse-pagination .btn-group{flex-wrap:wrap;justify-content:center}.warehouse-pagination .btn{font-size:.9rem;padding:.4rem .8rem}.pagination-info{flex-wrap:wrap;justify-content:center;text-align:center}}@media (max-width:576px){.warehouse-pagination .btn{font-size:.85rem;padding:.3rem .6rem}.warehouse-pagination .btn-group{gap:2px}.warehouse-pagination .btn:not(:last-child){border-right:none;margin-right:2px}}:root{--primary:#22c55e;--primary-light:#22c55e1a;--primary-dark:#16a34a;--bg:#f0f2f5;--bg-secondary:#e8eaed;--sidebar-bg:#fff;--card-bg:#fff;--card-bg-hover:#f5f7fa;--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--success:#22c55e;--purple:#8b5cf6;--orange:#f97316;--cyan:#06b6d4;--success-light:#dcfce7;--danger-light:#fee2e2;--warning-light:#fef3c7;--info-light:#dbeafe;--purple-light:#ede9fe;--orange-light:#ffedd5;--cyan-light:#cffafe;--radius:10px;--shadow:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014}[data-theme=dark]{--primary:#22c55e;--primary-light:#22c55e26;--primary-dark:#16a34a;--bg:#0f172a;--bg-secondary:#1e293b;--sidebar-bg:#1e293b;--card-bg:#1e293b;--card-bg-hover:#334155;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#475569;--danger:#f87171;--warning:#fbbf24;--info:#60a5fa;--success:#4ade80;--purple:#a78bfa;--orange:#fb923c;--cyan:#22d3ee;--success-light:#22c55e26;--danger-light:#ef444426;--warning-light:#f59e0b26;--info-light:#3b82f626;--purple-light:#8b5cf626;--orange-light:#f9731626;--cyan-light:#06b6d426;--radius:10px;--shadow:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;transition:background .2s,color .2s}[data-theme=dark] ::-webkit-scrollbar{height:6px;width:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:#f0f2f5;background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}.v3-app{height:100vh}.sidebar,.v3-app{display:flex;overflow:hidden}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);box-shadow:2px 0 8px #0000000a;flex-direction:column;flex-shrink:0;transition:width .2s;width:64px;z-index:100}[data-theme=dark] .sidebar{box-shadow:none}.sidebar:hover{width:220px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;height:56px;justify-content:center;padding:14px}.sidebar-logo{color:#22c55e;color:var(--primary);font-size:18px;font-weight:700;white-space:nowrap}.sidebar-logo span{color:#0f172a;color:var(--text)}.logo-full{display:none}.sidebar:hover .logo-full{display:inline}.sidebar-nav{flex:1 1;overflow-y:auto;padding:6px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:10px;margin-bottom:1px;overflow:hidden;padding:9px 10px;text-decoration:none;transition:all .15s;white-space:nowrap;width:100%}.nav-item:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.nav-item.active{background:#22c55e1a;background:var(--primary-light);color:#22c55e;color:var(--primary)}.nav-item.danger{color:#ef4444;color:var(--danger)}.nav-item i{flex-shrink:0;font-size:15px;margin:0 auto;text-align:center;width:20px}.sidebar:hover .nav-item i{margin:0}.nav-label{font-weight:500;opacity:0;transition:opacity .15s}.sidebar:hover .nav-label{opacity:1}.nav-divider{background:#e2e8f0;background:var(--border);height:1px;margin:6px 4px}.nav-section-title{color:#64748b;color:var(--text-muted);font-size:9px;letter-spacing:1px;opacity:0;padding:8px 12px 4px;text-transform:uppercase;transition:opacity .15s}.sidebar:hover .nav-section-title{opacity:1}.nav-badge{background:#ef4444;background:var(--danger);border-radius:6px;color:#fff;font-size:9px;font-weight:700;margin-left:auto;opacity:0;padding:1px 5px}.sidebar:hover .nav-badge{opacity:1}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:10px}.sidebar-user{align-items:center;display:flex;gap:8px;justify-content:center;overflow:hidden}.sidebar:hover .sidebar-user{justify-content:flex-start;padding:0 4px}.user-avatar{align-items:center;background:#22c55e1a;background:var(--primary-light);border-radius:8px;color:#22c55e;color:var(--primary);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{display:none}.sidebar:hover .user-info{display:block}.user-name{font-size:12px;font-weight:600}.user-role{color:#64748b;color:var(--text-muted);font-size:10px}.v3-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.topbar{align-items:center;background:#fff;background:var(--card-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000a;display:flex;flex-shrink:0;gap:12px;height:56px;padding:0 20px}[data-theme=dark] .topbar{box-shadow:none}.topbar-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.topbar-shift{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#64748b;color:var(--text-muted);font-size:11px;padding:4px 10px}.topbar-spacer{flex:1 1}.topbar-search{flex:1 1;max-width:360px;position:relative}.topbar-search input{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-size:13px;outline:none;padding:8px 14px 8px 36px;width:100%}.topbar-search input:focus{border-color:#22c55e;border-color:var(--primary);box-shadow:0 0 0 2px #22c55e26}.topbar-search i,.topbar-search input::placeholder{color:#64748b;color:var(--text-muted)}.topbar-search i{font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{gap:6px}.topbar-actions,.topbar-btn{align-items:center;display:flex}.topbar-btn{background:none;border:none;border-radius:8px;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:16px;height:36px;justify-content:center;position:relative;width:36px}.topbar-btn:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.topbar-btn .dot{background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--card-bg);border-radius:50%;height:6px;position:absolute;right:7px;top:7px;width:6px}.loc-select{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);font-size:12px;padding:6px 10px}.v3-content{flex:1 1;overflow-y:auto;padding:20px}.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);margin-bottom:16px;padding:16px}[data-theme=dark] .card{box-shadow:none}.card-title{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}.stat-card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);overflow:hidden;padding:14px 16px;position:relative}[data-theme=dark] .stat-card{box-shadow:none}.stat-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.stat-card.blue:before{background:#3b82f6;background:var(--info)}.stat-card.green:before{background:#22c55e;background:var(--success)}.stat-card.orange:before{background:#f97316;background:var(--orange)}.stat-card.purple:before{background:#8b5cf6;background:var(--purple)}.stat-card.cyan:before{background:#06b6d4;background:var(--cyan)}.stat-card.red:before{background:#ef4444;background:var(--danger)}.stat-value{font-size:22px;font-weight:700}.stat-label{color:#64748b;color:var(--text-muted);font-size:11px;margin-top:2px}.stat-change{font-size:10px;margin-top:4px}.stat-change.up{color:#22c55e;color:var(--success)}.stat-change.down{color:#ef4444;color:var(--danger)}.stats-mini{display:flex;gap:8px;margin-bottom:10px}.stat-mini{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);min-width:80px;padding:8px 12px;text-align:center}[data-theme=dark] .stat-mini{box-shadow:none}.stat-mini-val{font-size:16px;font-weight:700}.stat-mini-lbl{color:#64748b;color:var(--text-muted);font-size:9px;text-transform:uppercase}.data-table{border-collapse:collapse;font-size:12px;width:100%}.data-table thead{background:#f0f2f5;background:var(--bg)}.data-table th{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:600;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:8px 10px}.data-table tr:hover{background:#f5f7fa;background:var(--card-bg-hover)}.badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 8px}.badge.green{background:#22c55e26;color:#22c55e;color:var(--success)}.badge.red{background:#ef444426;color:#ef4444;color:var(--danger)}.badge.blue{background:#3b82f626;color:#3b82f6;color:var(--info)}.badge.orange{background:#f9731626;color:#f97316;color:var(--orange)}.badge.purple{background:#8b5cf626;color:#8b5cf6;color:var(--purple)}.badge.yellow{background:#f59e0b26;color:#f59e0b;color:var(--warning)}.btn{border-radius:6px;font-size:12px;gap:5px;padding:7px 14px;transition:all .15s}.btn-primary{background:#22c55e;background:var(--primary)}.btn-primary:hover{background:#16a34a;background:var(--primary-dark)}.btn-secondary{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);color:#334155;color:var(--text-secondary)}.btn-secondary:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.btn-danger{background:#ef4444;background:var(--danger)}.btn-danger:hover{opacity:.9}.btn-sm{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:5px;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:600;padding:4px 10px}.btn-sm:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.btn-sm.green{border-color:#22c55e;border-color:var(--success);color:#22c55e;color:var(--success)}.btn-sm.blue{border-color:#3b82f6;border-color:var(--info);color:#3b82f6;color:var(--info)}.btn-sm.purple{border-color:#8b5cf6;border-color:var(--purple);color:#8b5cf6;color:var(--purple)}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.toolbar input,.toolbar select{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);font-size:12px;outline:none;padding:7px 12px}.toolbar input:focus,.toolbar select:focus{border-color:#22c55e;border-color:var(--primary)}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.progress{background:#e2e8f0;background:var(--border);border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .3s}.alert{font-size:12px;gap:8px;margin-bottom:12px;padding:10px 14px}.alert.warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b;color:var(--warning)}.alert.info{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6;color:var(--info)}.alert.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e;color:var(--success)}.tab-bar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:16px;padding-bottom:8px}.tab-item{background:none;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px}.tab-item:hover{color:#0f172a;color:var(--text)}.tab-item.active{border-bottom-color:#22c55e;border-bottom-color:var(--primary);color:#22c55e;color:var(--primary);font-weight:600}.pos-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 380px;height:calc(100vh - 96px)}.pos-left,.pos-right{display:flex;flex-direction:column;overflow:hidden}.pos-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pos-tab{background:#fff;background:var(--card-bg);border:none;border-radius:6px;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:6px 14px;transition:all .15s}.pos-tab:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.pos-tab.active{background:#22c55e;background:var(--primary);color:#fff}.pos-tab.danger{background:#ef444426;color:#ef4444;color:var(--danger)}.pos-tab.danger:hover{background:#ef4444;background:var(--danger);color:#fff}.doc-types{display:flex;gap:6px;margin-bottom:10px}.doc-type{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px}.doc-type:hover{border-color:#64748b;border-color:var(--text-muted)}.doc-type.active{background:#22c55e1a;background:var(--primary-light);border-color:#22c55e;border-color:var(--primary);color:#22c55e;color:var(--primary)}.customer-bar{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);display:flex;gap:8px;margin-bottom:10px;padding:8px 12px}[data-theme=dark] .customer-bar{box-shadow:none}.customer-bar input{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);flex:1 1;font-size:12px;max-width:260px;outline:none;padding:6px 10px}.customer-bar input:focus{border-color:#22c55e;border-color:var(--primary)}.customer-bar label{color:#64748b;color:var(--text-muted);font-size:11px;white-space:nowrap}.cart-table-wrap{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;overflow:hidden}[data-theme=dark] .cart-table-wrap{box-shadow:none}.cart-table-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 14px}.cart-table-title{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.cart-count-badge{background:#22c55e;background:var(--primary);border-radius:5px;color:#fff;font-size:11px;padding:1px 7px}.cart-table-scroll{flex:1 1;overflow-y:auto}table.pos-cart{border-collapse:collapse;font-size:11px;width:100%}table.pos-cart thead{background:#f0f2f5;background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:1}table.pos-cart th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#64748b;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;padding:7px 8px;text-align:left;text-transform:uppercase}table.pos-cart th.r{text-align:right}table.pos-cart th.c{text-align:center}table.pos-cart td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:7px 8px}table.pos-cart td.r{text-align:right}table.pos-cart td.c{text-align:center}table.pos-cart tr:hover{background:#22c55e0a}.prod-name{font-size:11px;font-weight:500}.prod-ean{color:#64748b;color:var(--text-muted);font-size:9px}.prod-stock{color:#22c55e;color:var(--success);font-size:9px}.qty-ctrl{gap:4px}.qty-btn,.qty-ctrl{align-items:center;display:flex;justify-content:center}.qty-btn{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:5px;color:#0f172a;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;height:22px;width:22px}.qty-btn:hover{border-color:#22c55e;border-color:var(--primary);color:#22c55e;color:var(--primary)}.qty-val{font-weight:600;min-width:20px;text-align:center}.price-input{background:#f0f2f5;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#0f172a;color:var(--text);font-size:10px;font-weight:500;padding:3px 5px;text-align:right;width:64px}.price-input:focus{border-color:#22c55e;border-color:var(--primary);outline:none}.margin-good{background:#22c55e1f;color:#22c55e;color:var(--success)}.margin-good,.margin-warn{border-radius:3px;font-size:10px;font-weight:600;padding:1px 5px}.margin-warn{background:#f59e0b1f;color:#f59e0b;color:var(--warning)}.margin-bad{border-radius:3px;font-size:10px;font-weight:600;padding:1px 5px}.margin-bad,.remove-btn{background:#ef44441f;color:#ef4444;color:var(--danger)}.remove-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;width:22px}.remove-btn:hover{background:#ef4444;background:var(--danger);color:#fff}.cart-search{background:#f0f2f5;background:var(--bg);border-top:2px solid #e2e8f0;border-top:2px solid var(--border);padding:10px 14px}.cart-search input{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-size:12px;outline:none;padding:8px 12px 8px 34px;width:100%}.cart-search input:focus{border-color:#22c55e;border-color:var(--primary)}.cart-search-wrap{position:relative}.cart-search-wrap i{color:#64748b;color:var(--text-muted);font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.cart-panel{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .cart-panel{box-shadow:none}.cart-summary{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:12px 16px}.summary-row{color:#334155;color:var(--text-secondary);display:flex;font-size:12px;justify-content:space-between;padding:3px 0}.summary-row.total{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#0f172a;color:var(--text);font-size:18px;font-weight:700;margin-top:4px;padding:8px 0}.summary-row.total .amount{color:#22c55e;color:var(--primary)}.payment-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:12px 16px}.pay-methods{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.pay-method{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:9px;font-weight:600;gap:3px;padding:8px 4px;text-align:center}.pay-method:hover{border-color:#64748b;border-color:var(--text-muted)}.pay-method.active{background:#22c55e1a;background:var(--primary-light);border-color:#22c55e;border-color:var(--primary);color:#22c55e;color:var(--primary)}.pay-method .pm-icon{font-size:16px}.btn-pay,.pay-actions{display:flex;gap:6px}.btn-pay{align-items:center;background:#22c55e;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:3 1;font-size:13px;font-weight:700;justify-content:center;padding:10px}.btn-pay:hover{background:#16a34a;background:var(--primary-dark)}.btn-pay:disabled{background:#64748b;background:var(--text-muted);cursor:not-allowed}.btn-action{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#334155;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:10px;font-weight:600;gap:2px;padding:8px}.btn-action:hover{background:#f5f7fa;background:var(--card-bg-hover);color:#0f172a;color:var(--text)}.btn-action.red{border-color:#ef44444d;color:#ef4444;color:var(--danger)}.btn-action.purple{border-color:#8b5cf64d;color:#8b5cf6;color:var(--purple)}.products-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));overflow-y:auto;padding:12px}.product-tile{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow);cursor:pointer;padding:12px 10px;text-align:center;transition:all .15s}[data-theme=dark] .product-tile{box-shadow:none}.product-tile:hover{background:#f5f7fa;background:var(--card-bg-hover);border-color:#22c55e;border-color:var(--primary);transform:translateY(-1px)}.product-tile .p-emoji{font-size:24px;margin-bottom:4px}.product-tile .p-name{font-size:11px;font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tile .p-price{color:#22c55e;color:var(--primary);font-size:13px;font-weight:700}.product-tile .p-stock{color:#64748b;color:var(--text-muted);font-size:9px;margin-top:2px}.cat-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.cat-tab{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px}.cat-tab.active{background:#22c55e;background:var(--primary);border-color:#22c55e;border-color:var(--primary);color:#fff}.cat-tab:hover{border-color:#64748b;border-color:var(--text-muted)}.quick-products{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.quick-btn{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:5px;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:600;padding:4px 10px}.quick-btn:hover{background:#22c55e1a;background:var(--primary-light);border-color:#22c55e;border-color:var(--primary);color:#22c55e;color:var(--primary)}.empty{color:#64748b;color:var(--text-muted);padding:40px 20px;text-align:center}.empty i{font-size:32px;margin-bottom:8px;opacity:.3}.empty p{font-size:13px;margin-top:4px}body{background:#f0f2f5!important;background:var(--bg)!important;color:#0f172a!important;color:var(--text)!important}input,select,textarea{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);font-size:12px;padding:6px 10px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#22c55e;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}a{color:#22c55e;color:var(--primary)}.card{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border)!important;border-radius:10px!important;border-radius:var(--radius)!important;box-shadow:0 1px 3px #0000000f!important;box-shadow:var(--shadow)!important;color:#0f172a!important;color:var(--text)!important}table{border-collapse:collapse;width:100%}table th{background:#e8eaed;background:var(--bg-secondary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#334155;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 10px;text-align:left;text-transform:uppercase}table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text);font-size:12px;padding:8px 10px}table tbody tr:hover{background:#f5f7fa;background:var(--card-bg-hover)}table tbody tr:last-child td{border-bottom:none}.nav-tabs,[role=tablist]{background:#fff;background:var(--card-bg);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;padding:0 8px}.nav-tabs .nav-link,.nav-tabs button,[role=tab]{background:#0000;border:none;border-bottom:2px solid #0000;color:#334155;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;margin-bottom:-2px;padding:8px 14px;transition:all .2s}.nav-tabs .nav-link:hover,.nav-tabs button:hover,[role=tab]:hover{background:#22c55e1a;background:var(--primary-light);color:#22c55e;color:var(--primary)}.nav-tabs .nav-link.active,.nav-tabs button.active,[role=tab][aria-selected=true]{border-bottom-color:#22c55e;border-bottom-color:var(--primary);color:#22c55e;color:var(--primary);font-weight:600}[style*="position: fixed"][style*="rgba(0"]>div{border-radius:8px}.btn,[role=button],button{border-radius:6px!important;box-shadow:none!important;cursor:pointer;font-family:inherit!important;font-size:12px;font-weight:500;line-height:1.4;outline:none;text-decoration:none;transition:all .15s ease!important}button:not(.nav-item):not(.nav-link):not([class*=sidebar]):not([role=tab]):not(.close):not([class*=slick]):not([data-pos-btn]){background:#fff!important;background:var(--card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border)!important;color:#334155!important;color:var(--text-secondary)!important;font-weight:500;padding:6px 12px}button:not(.nav-item):not(.nav-link):not([class*=sidebar]):not([role=tab]):not(.close):not([class*=slick]):not([data-pos-btn]):hover{background:#f5f7fa!important;background:var(--card-bg-hover)!important;border-color:#22c55e!important;border-color:var(--primary)!important;color:#0f172a!important;color:var(--text)!important;transform:translateY(-1px)}button:not(.nav-item):not(.nav-link):not([class*=sidebar]):not([role=tab]):not(.close):not([class*=slick]):not([data-pos-btn]):active{transform:translateY(0)}button.v3-success,button.v3-success:hover,button[data-color=success],button[data-color=success]:hover{border-color:#22c55e!important;border-color:var(--success)!important;color:#22c55e!important;color:var(--success)!important}button.v3-success:hover,button[data-color=success]:hover{background:#22c55e14!important}button.v3-danger,button.v3-danger:hover,button[data-color=danger],button[data-color=danger]:hover{border-color:#ef4444!important;border-color:var(--danger)!important;color:#ef4444!important;color:var(--danger)!important}button.v3-danger:hover,button[data-color=danger]:hover{background:#ef444414!important}button.v3-info,button.v3-info:hover,button[data-color=info],button[data-color=info]:hover{border-color:#3b82f6!important;border-color:var(--info)!important;color:#3b82f6!important;color:var(--info)!important}button.v3-info:hover,button[data-color=info]:hover{background:#3b82f614!important}button.v3-warning,button.v3-warning:hover,button[data-color=warning],button[data-color=warning]:hover{border-color:#f59e0b!important;border-color:var(--warning)!important;color:#f59e0b!important;color:var(--warning)!important}button.v3-warning:hover,button[data-color=warning]:hover{background:#f59e0b14!important}button.v3-primary,button.v3-primary:hover,button[data-color=primary],button[data-color=primary]:hover{border-color:#22c55e!important;border-color:var(--primary)!important;color:#22c55e!important;color:var(--primary)!important}button.v3-primary:hover,button[data-color=primary]:hover{background:#f9731614!important}button.v3-purple,button.v3-purple:hover,button[data-color=purple],button[data-color=purple]:hover{border-color:#8b5cf6!important;border-color:var(--purple)!important;color:#8b5cf6!important;color:var(--purple)!important}button.v3-purple:hover,button[data-color=purple]:hover{background:#8b5cf614!important}.btn:disabled,button:disabled,button[disabled]{cursor:not-allowed!important;filter:none!important;opacity:.5!important;transform:none!important}.btn-primary,button.btn-primary{background:#fff!important;background:var(--card-bg)!important;border:1px solid #22c55e!important;border:1px solid var(--primary)!important;color:#22c55e!important;color:var(--primary)!important}.btn-primary:hover{background:#f9731614!important}.btn-secondary,button.btn-secondary{background:#fff!important;background:var(--card-bg)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border)!important;color:#334155!important;color:var(--text-secondary)!important}.btn-secondary:hover{background:#f5f7fa!important;background:var(--card-bg-hover)!important;border-color:#22c55e!important;border-color:var(--primary)!important;color:#0f172a!important;color:var(--text)!important}.btn-danger,button.btn-danger{background:#fff!important;background:var(--card-bg)!important;border:1px solid #ef4444!important;border:1px solid var(--danger)!important;color:#ef4444!important;color:var(--danger)!important}.btn-danger:hover{background:#ef444414!important}.btn-success,button.btn-success{background:#fff!important;background:var(--card-bg)!important;border:1px solid #22c55e!important;border:1px solid var(--success)!important;color:#22c55e!important;color:var(--success)!important}.btn-success:hover{background:#22c55e14!important}.btn-info,button.btn-info{background:#fff!important;background:var(--card-bg)!important;border:1px solid #3b82f6!important;border:1px solid var(--info)!important;color:#3b82f6!important;color:var(--info)!important}.btn-info:hover{background:#3b82f614!important}.btn-warning,button.btn-warning{background:#fff!important;background:var(--card-bg)!important;border:1px solid #f59e0b!important;border:1px solid var(--warning)!important;color:#f59e0b!important;color:var(--warning)!important}.btn-warning:hover{background:#f59e0b14!important}.btn-outline-danger,.btn-outline-info,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning{background:#fff!important;background:var(--card-bg)!important}.btn-outline-primary{border:1px solid #22c55e!important;border:1px solid var(--primary)!important;color:#22c55e!important;color:var(--primary)!important}.btn-outline-danger{border:1px solid #ef4444!important;border:1px solid var(--danger)!important;color:#ef4444!important;color:var(--danger)!important}.btn-outline-secondary{border:1px solid #e2e8f0!important;border:1px solid var(--border)!important;color:#334155!important;color:var(--text-secondary)!important}.btn-outline-success{border:1px solid #22c55e!important;border:1px solid var(--success)!important;color:#22c55e!important;color:var(--success)!important}.btn-outline-primary:hover{background:#f9731614!important}.btn-outline-danger:hover{background:#ef444414!important}.btn-outline-secondary:hover{background:#f5f7fa!important;background:var(--card-bg-hover)!important;border-color:#22c55e!important;border-color:var(--primary)!important;color:#0f172a!important;color:var(--text)!important}.btn-outline-success:hover{background:#22c55e14!important}.form-group{margin-bottom:12px}.form-label,label{color:#334155;color:var(--text-secondary);display:block;font-size:11px;font-weight:600;margin-bottom:4px}.form-control{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);font-size:12px;padding:7px 10px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#22c55e;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1a;box-shadow:0 0 0 3px var(--primary-light);outline:none}.badge,[class*=badge]{align-items:center;border-radius:10px;display:inline-flex;font-size:10px;font-weight:600;padding:2px 8px}.badge.primary{background:#fff3;color:#fff}.badge.success{background:#22c55e;background:var(--success);color:#fff}.badge.danger{background:#ef4444;background:var(--danger);color:#fff}.badge.warning{background:#f59e0b;background:var(--warning);color:#fff}.badge.info{background:#3b82f6;background:var(--info);color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#e8eaed;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted)}.pagination,.v3-table-pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#64748b;color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.pagination button,.v3-table-pagination button{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#0f172a;color:var(--text);font-size:11px;padding:4px 10px}.pagination button:hover,.v3-table-pagination button:hover{background:#22c55e1a;background:var(--primary-light);border-color:#22c55e;border-color:var(--primary)}.pagination button.active,.v3-table-pagination button.active{background:#22c55e;background:var(--primary);border-color:#22c55e;border-color:var(--primary);color:#fff}.loading,.spinner-border{align-items:center;color:#64748b;color:var(--text-muted);display:flex;justify-content:center;padding:2rem}.alert-danger,.error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;color:var(--danger);font-size:12px;padding:8px 12px}.alert-success,.success{background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;color:#22c55e;color:var(--success);font-size:12px;padding:8px 12px}[data-theme=dark] .form-control,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#fff!important;background:var(--card-bg)!important;border-color:#e2e8f0!important;border-color:var(--border)!important;color:#0f172a!important;color:var(--text)!important}[data-theme=dark] table th{background:#e8eaed!important;background:var(--bg-secondary)!important;color:#64748b!important;color:var(--text-muted)!important}[data-theme=dark] table td,[data-theme=dark] table th{border-color:#e2e8f0!important;border-color:var(--border)!important}[data-theme=dark] table td{color:#0f172a!important;color:var(--text)!important}[data-theme=dark] .card{background:#fff!important;background:var(--card-bg)!important;border-color:#e2e8f0!important;border-color:var(--border)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#0f172a!important;color:var(--text)!important}[data-theme=dark] div,[data-theme=dark] label,[data-theme=dark] p,[data-theme=dark] span{color:inherit}[data-theme=dark] article,[data-theme=dark] aside,[data-theme=dark] div,[data-theme=dark] footer,[data-theme=dark] header,[data-theme=dark] main,[data-theme=dark] nav,[data-theme=dark] section{border-color:#e2e8f0;border-color:var(--border)}[data-theme=dark] [style*="position: fixed"]>div,[data-theme=dark] [style*="position:fixed"]>div{background:#fff!important;background:var(--card-bg)!important;border-color:#e2e8f0!important;border-color:var(--border)!important;color:#0f172a!important;color:var(--text)!important}[data-theme=dark] select option{background:#fff;background:var(--card-bg);color:#0f172a;color:var(--text)}[data-theme=dark] [role=dialog],[data-theme=dark] [role=tooltip]{background:#fff!important;background:var(--card-bg)!important;border-color:#e2e8f0!important;border-color:var(--border)!important;color:#0f172a!important;color:var(--text)!important}[data-theme=dark] hr{background:#e2e8f0!important;background:var(--border)!important;border-color:#e2e8f0!important;border-color:var(--border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important;color:var(--text-muted)!important}[data-theme=dark] button:disabled,[data-theme=dark] input:disabled,[data-theme=dark] select:disabled{background:#e8eaed!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border)!important;color:#64748b!important;color:var(--text-muted)!important;opacity:.6}[data-theme=dark] small{color:#64748b;color:var(--text-muted)}[data-theme=dark] b,[data-theme=dark] strong{color:#0f172a;color:var(--text)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}}.warehouse-selector{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);display:flex;gap:.5rem;min-width:250px;padding:.625rem 1rem;position:relative;transition:all .15s ease-in-out}.warehouse-selector:hover{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40}.warehouse-selector.loading{background:#f8f9fa;color:#6c757d;justify-content:center}.warehouse-selector.error{background:#dc35451a;border-color:#dc3545;color:#dc3545}.warehouse-info{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.25rem;white-space:nowrap}.warehouse-dropdown{flex:1 1;position:relative}.warehouse-current{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem .75rem;transition:all .2s ease;width:100%}.warehouse-current:hover:not(.disabled){border-color:#198754;box-shadow:0 0 0 .2rem #19875440}.warehouse-current.disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.warehouse-details{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.warehouse-name{color:#212529;font-weight:500;line-height:1.2}.warehouse-code{color:#6c757d;font-size:.8rem;line-height:1}.fa-chevron-down{color:#6c757d;transition:transform .2s ease}.fa-chevron-down.rotated{transform:rotate(180deg)}.warehouse-dropdown-menu{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.warehouse-option{align-items:center;background:none;border:none;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s ease;width:100%}.warehouse-option:last-child{border-bottom:none}.warehouse-option:hover{background-color:var(--card-bg-hover)}.warehouse-option.current{border-left:2px solid var(--primary)}.warehouse-option.current,.warehouse-option.current:hover{background-color:var(--primary-light)}.warehouse-option-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.1rem}.warehouse-option-name{color:#212529;font-weight:500;line-height:1.2}.warehouse-option-code{color:#6c757d;font-size:.8rem;line-height:1}.warehouse-role{border-radius:3px;display:inline-block;font-size:.7rem;font-weight:500;margin-top:.2rem;padding:.1rem .4rem;text-transform:uppercase}.warehouse-role.role-admin{background-color:#ffeaa7;color:#d63031}.warehouse-role.role-manager{background-color:#74b9ff;color:#fff}.warehouse-role.role-pracownik{background-color:#81ecec;color:#00b894}.warehouse-role.role-kasjer{background-color:#fd79a8;color:#fff}.warehouse-role.role-magazynier{background-color:#fdcb6e;color:#e17055}.admin-badge{align-items:center;display:flex;margin-left:.5rem}.admin-badge .fa-crown{font-size:.9rem}@media (max-width:768px){.warehouse-selector{min-width:auto;padding:.4rem .8rem;width:100%}.warehouse-info .warehouse-label{display:none}.warehouse-details{min-width:0}.warehouse-name,.warehouse-option-name{font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (prefers-color-scheme:dark){.warehouse-selector{background:#0003}.warehouse-current{background:#343a40;border-color:#495057;color:#f8f9fa}.warehouse-current.disabled{background:#495057}.warehouse-dropdown-menu{background:#343a40;border-color:#495057}.warehouse-option{border-color:#495057}.warehouse-option:hover{background-color:#495057}.warehouse-name,.warehouse-option-name{color:#f8f9fa}.warehouse-code,.warehouse-option-code{color:#adb5bd}}.template-editor-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.template-editor-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.template-editor-title{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.template-editor-title:before{content:"📄";font-size:32px}.template-editor-subtitle{color:#6c757d;font-size:14px;margin-top:5px}.alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-weight:500;gap:12px;margin-bottom:20px;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #fc8181;color:#c53030}.alert-success{background:linear-gradient(135deg,#f0fff4,#c6f6d5);border:1px solid #68d391;color:#276749}.alert-close{background:none;border:none;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb7866;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #48bb7880;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#fc8181,#e53e3e);box-shadow:0 4px 15px #e53e3e4d;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 6px 20px #e53e3e66;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-sm{font-size:12px;padding:6px 12px}.btn-icon{justify-content:center;min-width:36px;padding:8px}.create-form{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:25px}.create-form h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:10px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input::placeholder{color:#a0aec0}.form-actions{display:flex;gap:12px;margin-top:20px}.templates-section{margin-bottom:30px}.templates-section h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;gap:10px;margin:0 0 20px}.templates-count{background:#667eea;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:2px 10px}.templates-grid{grid-gap:16px;display:grid;gap:16px}.template-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.template-card:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea26;transform:translateY(-2px)}.template-card-info{flex:1 1}.template-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.template-card-title{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.template-badge{border-radius:20px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.template-badge-id{background:#e2e8f0;color:#4a5568}.template-badge-anchored{background:linear-gradient(135deg,#fef3c7,#fcd34d);color:#92400e}.template-card-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.template-card-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-state{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #cbd5e0;border-radius:12px;color:#718096;padding:50px 30px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:15px}.empty-state h4{color:#4a5568;font-size:18px;margin:0 0 10px}.empty-state p{font-size:14px;margin:0}.editor-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:20px;padding:25px}.editor-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.editor-title{color:#2c3e50;font-size:20px;margin:0}.editor-actions{display:flex;gap:10px}.global-settings{background:linear-gradient(135deg,#ebf8ff,#bee3f8);border:1px solid #90cdf4;border-radius:10px;margin-bottom:25px;padding:20px}.global-settings h4{align-items:center;color:#2b6cb0;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.settings-group{margin-bottom:0}.settings-label{color:#2b6cb0;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.settings-input,.settings-select{background:#fff;border:1px solid #90cdf4;border-radius:6px;font-size:13px;padding:8px 12px;width:100%}.settings-input:focus,.settings-select:focus{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce33;outline:none}.settings-info{align-items:center;background:#fff9;border-radius:6px;color:#2b6cb0;display:flex;font-size:12px;gap:8px;margin-top:15px;padding:10px 15px}.fields-editor{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}@media (max-width:1024px){.fields-editor{grid-template-columns:1fr}}.fields-panel{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.fields-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.fields-panel h4{color:#2c3e50;font-size:16px;margin:0}.fields-toolbar{background:#e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:10px}.fields-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:500px;overflow-y:auto}.field-item{border-bottom:1px solid #e9ecef;padding:15px;transition:all .2s ease}.field-item:last-child{border-bottom:none}.field-item:hover{background:#f8f9fa}.field-item.selected{background:#fef3c7;border-left:4px solid #f59e0b}.field-item.expanded{background:#f0f4ff}.field-header{cursor:pointer;justify-content:space-between}.field-header,.field-title{align-items:center;display:flex}.field-title{color:#2c3e50;font-weight:600;gap:10px}.field-type-badge{border-radius:4px;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.field-type-text{background:#dbeafe;color:#1e40af}.field-type-table{background:#d1fae5;color:#065f46}.field-type-image{background:#fce7f3;color:#9d174d}.field-controls{display:flex;gap:4px}.field-content{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:15px}.variables-panel{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c4b5fd;border-radius:10px;padding:20px}.variables-panel h4{align-items:center;color:#6b21a8;display:flex;font-size:16px;gap:8px;margin:0 0 15px}.variables-grid{grid-gap:8px;display:grid;gap:8px;max-height:400px;overflow-y:auto}.variable-item{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.variable-item:hover{background:#f3e8ff;transform:translateX(4px)}.variable-name{color:#6b21a8;font-family:Monaco,Consolas,monospace;font-weight:600}.variable-desc{color:#9333ea;font-size:11px}.preview-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:20px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.preview-canvas{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 10px #0000000d;min-height:400px}.loading-overlay{align-items:center;color:#667eea;display:flex;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.template-card,.template-editor-header{align-items:flex-start;flex-direction:column;gap:15px}.template-card-actions{justify-content:flex-start;width:100%}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.fields-list::-webkit-scrollbar,.variables-grid::-webkit-scrollbar{width:8px}.fields-list::-webkit-scrollbar-track,.variables-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.fields-list::-webkit-scrollbar-thumb,.variables-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.fields-list::-webkit-scrollbar-thumb:hover,.variables-grid::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.tooltip{position:relative}.tooltip:after{background:#2c3e50;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap}.tooltip:hover:after{bottom:calc(100% + 8px);opacity:1;visibility:visible}.order-modal-overlay .modal-dialog{margin:0!important;max-width:90vw!important;position:relative!important;z-index:1000000!important}.order-modal-overlay .modal-content{border:1px solid #ddd!important;box-shadow:0 10px 30px #0000004d!important;font-size:12px!important;position:relative!important;z-index:1000001!important}.order-modal-overlay .modal-content *{font-size:12px!important}.order-modal-overlay .modal-content .form-control{font-size:11px!important;padding:4px 8px!important}.order-modal-overlay .modal-content .btn{font-size:11px!important;padding:4px 12px!important}.order-modal-overlay .modal-content h5{font-size:14px!important}.order-modal-overlay .modal-content h6{font-size:13px!important}.order-modal-overlay .modal-content .table{font-size:11px!important}.order-modal-overlay .modal-content .table td,.order-modal-overlay .modal-content .table th{font-size:11px!important;padding:4px!important}.order-modal-overlay{z-index:999999!important}
/*# sourceMappingURL=main.17230d4e.css.map*/