: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;--sidebar-bg:#1e293b;--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}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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:#0f172a;color:#e2e8f0}body.dark-mode .card,body.dark-mode .modal-content,body.dark-mode .table-container{background-color:#1e293b;border-color:#334155}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background-color:#334155;border-color:#475569;color:#e2e8f0}body.dark-mode .btn-secondary{background-color:#475569}.v3-table-container{background:#fff;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:#1e293b;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:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}body.dark-mode .v3-table thead{background:linear-gradient(135deg,#334155,#1e293b);border-bottom-color:#475569}.v3-table th{color:#475569;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:#94a3b8}.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:#e2e8f0}body.dark-mode .v3-table th.sortable:hover{background:#475569}.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 #f1f5f9;transition:background .2s;transition:background var(--transition-duration)}body.dark-mode .v3-table tbody tr{border-bottom-color:#334155}.v3-table tbody tr:hover{background:#f8fafc}body.dark-mode .v3-table tbody tr:hover{background:#334155}.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{color:#334155;min-height:40px;min-height:var(--table-row-height);padding:.5rem .75rem;padding:var(--table-cell-padding);vertical-align:middle}body.dark-mode .v3-table td{color:#e2e8f0}.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 #e2e8f0;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:#334155}.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{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745}.btn-success:hover{background:#1e7e34}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#333;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1rem}.form-label{color:#333;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.loading{color:#666;padding:2rem;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error,.success{margin-bottom:1rem;padding:1rem}.success{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724}.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}}.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:#f8f9fa}.warehouse-option.current{background-color:#e7f3e7}.warehouse-option.current:hover{background-color:#d4edda}.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.9e463eb7.css.map*/