.world-clock-container{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease-in-out;z-index:1000;overflow:hidden;height:40px;width:40px;border:2px solid #3e4772}.world-clock-container.expanded{width:700px;height:auto;padding:10px 0;position:absolute;right:0;top:100%;margin-top:8px}.clock-toggle{position:absolute;right:0;top:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#f8f9fa;border-radius:8px;z-index:2}.clock-icon{font-size:20px}.world-times{display:flex;flex-direction:row;padding:10px 48px 10px 20px;width:660px;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.expanded .world-times{opacity:1;visibility:visible}.time-item{display:flex;flex-direction:column;align-items:center;margin-right:30px;padding:0 15px;font-size:14px;width:33%;text-align:center;min-width:180px}.time-item:last-child{margin-right:0}.city{font-weight:700;color:#444;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.flag-circle{width:28px;height:28px;margin-right:8px;border-radius:50%;box-shadow:0 0 2px #0000004d;object-fit:cover;vertical-align:middle;border:2px solid #dddddd;box-sizing:content-box}.time{color:#666;margin-bottom:2px}.date{color:#888;font-size:12px}.clock-toggle:hover{background-color:#e9ecef}.product-selector-container{width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column}.product-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.product-selector-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.product-selector-content{flex:1;display:flex;flex-direction:column;min-height:0}.error-message{background-color:#fee;color:#c33;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #fcc}.search-section{margin-bottom:20px}.search-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.product-list-section{flex:1;min-height:200px;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;margin-bottom:20px}.loading-message,.no-products-message{padding:40px 20px;text-align:center;color:#666;font-style:italic}.product-list{display:flex;flex-direction:column}.product-item{padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.product-item:hover{background-color:#f8f9fa}.product-item.selected{background-color:#e3f2fd;border-left:4px solid #007bff}.product-item:last-child{border-bottom:none}.product-main-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.product-description{font-weight:500;color:#333;flex:1;margin-right:15px}.product-meta-info{display:flex;gap:15px;font-size:12px;color:#666}.product-code{font-family:monospace;background-color:#f8f9fa;padding:2px 6px;border-radius:3px}.selection-details-section{background-color:#f8f9fa;padding:20px;border-radius:4px;margin-bottom:20px}.selection-details-section h4{margin:0 0 15px;color:#333}.selected-product-info{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.selected-product-description{font-size:16px;margin-bottom:8px}.selected-product-code{font-size:14px;color:#666;margin-bottom:4px}.order-customization{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:5px;color:#333}.quantity-input,.price-input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.quantity-input:focus,.price-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.total-preview{text-align:right;font-size:16px;color:#007bff;padding:10px 0}.product-selector-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}.product-selector-actions .primary-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.product-selector-container{width:95%;max-height:95vh}.form-row{flex-direction:column;gap:15px}.product-main-info{flex-direction:column;align-items:flex-start;gap:5px}.product-meta-info{flex-direction:column;gap:5px}.product-selector-actions{flex-direction:column-reverse}.product-selector-actions button{width:100%}}.currency-selector{position:relative;display:inline-block}.currency-selector-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s ease}.currency-selector-button:hover{background-color:#e9ecef;border-color:#adb5bd}.currency-display{display:flex;align-items:center;gap:.5rem;font-weight:500}.currency-code{font-size:.9rem;color:#495057;font-weight:600}.currency-symbol{font-size:1.1rem;color:#06c;font-weight:600}.dropdown-arrow{font-size:.7rem;color:#6c757d;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.currency-dropdown{position:absolute;top:calc(100% + .25rem);left:0;min-width:300px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:2000;max-height:400px;display:flex;flex-direction:column}.currency-search-container{padding:.75rem;border-bottom:1px solid #dee2e6}.currency-search{width:calc(100% - 1rem);padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;outline:none}.currency-search:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.currency-list{overflow-y:auto;max-height:320px}.currency-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;width:100%;border:none;background-color:#fff;cursor:pointer;text-align:left;transition:background-color .15s ease}.currency-option:hover{background-color:#f8f9fa}.currency-option.selected{background-color:#e7f3ff}.currency-option .currency-name{color:#212529;font-size:.9rem;flex:1;text-align:left;font-weight:500}.currency-option .currency-symbol{font-size:1.1rem;color:#06c;font-weight:600;min-width:2rem;text-align:right}.no-results{padding:1rem;text-align:center;color:#6c757d;font-size:.9rem}.currency-list::-webkit-scrollbar{width:8px}.currency-list::-webkit-scrollbar-track{background:#f1f1f1}.currency-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.currency-list::-webkit-scrollbar-thumb:hover{background:#555}.order-items-section{margin-bottom:30px;width:100%;overflow:visible}.order-items-section h3{color:var(--primary-color);margin-bottom:15px;border-bottom:1px solid var(--primary-color);padding-bottom:5px}.price-override-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:10px 15px;margin-bottom:15px;color:#856404;font-size:.95em;font-weight:500}.total-price-overridden{color:#c41e3a!important}.total-price-overridden .editable-cell-text,.total-price-overridden input{color:#c41e3a!important;font-weight:700}.order-form .order-items-table,.order-items-section .order-items-table{width:100%;border-collapse:collapse;margin-bottom:20px;text-align:left;table-layout:fixed;border:1px solid var(--primary-color)!important;background-color:transparent!important;border-radius:0!important;overflow:visible}.order-form .order-items-table th,.order-items-section .order-items-table th{text-align:left;background-color:#3e477233!important;overflow:hidden;padding:7px 8px;border:1px solid var(--primary-color)!important}.order-form .order-items-table td,.order-items-section .order-items-table td{vertical-align:top;position:relative;word-break:break-word;overflow-wrap:break-word;height:auto!important;padding:7px 8px;border-left:1px solid var(--primary-color)!important;border-right:1px solid var(--primary-color)!important;border-bottom:1px solid var(--primary-color)!important;font-size:.9em}.order-items-table th.col-product-name,.order-items-table td.col-product-name{width:16%}.order-items-table th.col-description,.order-items-table td.col-description{width:20%}.order-items-table th.col-quantity,.order-items-table td.col-quantity{width:11%}.order-items-table th.col-units,.order-items-table td.col-units{width:13%;min-width:100px}.order-items-table th.col-price,.order-items-table td.col-price{width:12%}.order-items-table th.col-discount,.order-items-table td.col-discount{width:10%}.order-items-table th.col-total,.order-items-table td.col-total{width:11%}.order-items-table th.col-actions,.order-items-table td.col-actions{width:5%;text-align:center;vertical-align:middle;padding:12px}.order-items-table td.col-quantity,.order-items-table td.col-price,.order-items-table td.col-discount{font-size:.8em}.item-row:hover{background-color:#3e47721a}.order-items-table td.col-total{font-weight:700;text-align:right;vertical-align:top}.order-items-table tfoot .total-row{background-color:#3e477226;border-top:2px solid var(--primary-color)}.order-items-table tfoot .total-row td{padding:12px 8px;font-weight:700;border-bottom:2px solid var(--primary-color)!important}.order-items-table tfoot .currency-selector-cell{text-align:left;vertical-align:middle;overflow:visible;position:relative}.order-items-table tfoot .currency-display-readonly{color:var(--primary-color);font-size:.95em;font-weight:600}.order-items-table tfoot .total-label-cell{text-align:right;color:var(--primary-color);font-size:1.05em}.order-items-table tfoot .total-amount-cell{text-align:right;color:var(--primary-color);font-size:1.1em;font-weight:700}.delete-button.disabled{opacity:.5;cursor:not-allowed}.order-items-actions{display:flex;justify-content:flex-start;margin-top:15px}.order-items-table input[type=number]::-webkit-inner-spin-button,.order-items-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.order-items-table input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.order-items-table{width:100%}}.description-cell{display:flex;flex-direction:column;gap:8px}.catalog-indicator{display:flex;flex-direction:column;gap:4px}.catalog-badge{display:inline-flex;align-items:center;background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #bbdefb;width:fit-content}.product-code-badge{display:inline-flex;align-items:center;background-color:#f5f5f5;color:#666;padding:2px 6px;border-radius:8px;font-size:10px;font-family:monospace;border:1px solid #e0e0e0;width:fit-content}.catalog-button{background-color:#e3f2fd!important;color:#1976d2!important;border:1px solid #bbdefb!important;margin-left:10px}.catalog-button:hover{background-color:#bbdefb!important;color:#0d47a1!important}.order-items-actions{display:flex;align-items:center;gap:10px;margin-top:15px}@media (max-width: 768px){.order-items-actions{flex-direction:column;align-items:stretch}.catalog-button{margin-left:0!important;margin-top:10px}.catalog-indicator{gap:2px}.catalog-badge,.product-code-badge{font-size:10px;padding:1px 6px}}.supporting-documents-section{margin-top:5px;margin-bottom:30px;width:100%}.supporting-documents-table{width:100%;border-collapse:collapse;margin-bottom:20px;text-align:left;table-layout:fixed;border:1px solid var(--primary-color)}.supporting-documents-table td{padding:12px;border:1px solid var(--primary-color);vertical-align:middle;position:relative;word-break:break-word;overflow-wrap:break-word;height:auto!important}.label-cell{width:15%;font-weight:700;background-color:#3e47721a;color:var(--primary-color)}.document-path-cell{width:85%;position:relative}.document-view-mode{position:relative;width:100%;min-height:24px;padding:6px 8px;border-radius:var(--border-radius);word-break:break-word;overflow-wrap:break-word;transition:background-color .2s ease;box-sizing:border-box;margin-right:2px;display:flex;justify-content:space-between;align-items:center}.document-path-display{background-color:#f0f0f04d;border:1px solid #dddddd;border-radius:var(--border-radius);padding:6px 10px;width:calc(100% - 45px);display:inline-block;color:var(--text-color)}.document-text{flex-grow:1;padding-right:36px;width:calc(100% - 36px);overflow:hidden}.document-hover-controls{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.document-view-mode:hover .document-hover-controls{opacity:1}.document-edit-mode{position:relative;width:100%}.document-edit-mode textarea{width:100%;min-height:36px;padding:8px;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:#1e1e1e;color:#fff;resize:none;overflow:auto}.document-buttons{position:absolute;top:6px;right:6px;display:flex;gap:4px}.document-button{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;padding:0;transition:all .2s ease;box-shadow:0 0 4px #0003}.document-button:hover{transform:scale(1.1);box-shadow:0 0 6px #0000004d}.document-button.edit{background-color:var(--primary-color)}.document-button.save{background-color:#28a745;opacity:.7}.document-button.cancel{background-color:var(--error-color);opacity:.7}.document-button.folder{background-color:var(--primary-color);opacity:.7}.document-button.save:hover,.document-button.folder:hover,.document-button.cancel:hover{opacity:1}.edit-icon,.save-icon,.cancel-icon,.folder-icon{font-style:normal;font-weight:700;font-size:14px;line-height:1}@media (max-width: 768px){.supporting-documents-table{width:100%}}.error-notification{position:fixed;top:20px;right:20px;max-width:400px;min-width:300px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;transform:translate(100%);transition:all .3s ease-in-out;border-left:4px solid #dc3545}.error-notification.visible{transform:translate(0)}.error-notification.hidden{transform:translate(100%);opacity:0}.error-notification.warning{border-left-color:#ffc107}.error-notification.error{border-left-color:#dc3545}.error-content{display:flex;align-items:flex-start;padding:16px;gap:12px}.error-icon{font-size:20px;flex-shrink:0;margin-top:2px}.error-details{flex:1;min-width:0}.error-title{font-weight:600;font-size:14px;color:#212529;margin-bottom:4px}.error-message{font-size:13px;color:#6c757d;line-height:1.4;margin-bottom:8px}.error-details-list{font-size:12px;color:#6c757d;margin-top:8px}.error-details-list ul{margin:4px 0 0 16px;padding:0}.error-details-list li{margin-bottom:2px}.error-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.retry-button{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s}.retry-button:hover:not(:disabled){background:#0056b3}.retry-button:disabled{background:#6c757d;cursor:not-allowed}.close-button{background:none;border:none;color:#6c757d;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-button:hover{background:#f8f9fa;color:#495057}.auto-hide-indicator{position:relative;padding:8px 16px;background:#f8f9fa;border-top:1px solid #dee2e6;border-radius:0 0 8px 8px;font-size:11px;color:#6c757d;text-align:center}.countdown-bar{position:absolute;top:0;left:0;height:2px;background:#007bff;width:100%;transform-origin:left}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.countdown-text{position:relative;z-index:1}.loading-spinner.small{width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.error-notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}.error-content{padding:12px;gap:8px}.error-title{font-size:13px}.error-message{font-size:12px}}.error-notification:nth-child(2){top:100px}.error-notification:nth-child(3){top:180px}.error-notification:nth-child(4){top:260px}.template-form-container{max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.template-form-container h3{margin-bottom:20px;color:#333;text-align:center}.template-form-container h4{margin:20px 0 10px;color:#555;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:5px}.form-section{margin-bottom:25px;padding:15px;background-color:#f9f9fa;border-radius:4px;border:1px solid #e9ecef}.form-section:first-of-type{background-color:#fff;border:none;padding:0}.template-form-container .form-group{margin-bottom:15px}.template-form-container .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555}.template-form-container .form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.template-form-container .form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.template-form-container .form-control:disabled{background-color:#f8f9fa;cursor:not-allowed}.template-form-container textarea.form-control{resize:vertical;min-height:80px}.field-hint{display:block;margin-top:4px;font-size:12px;color:#666}.error-message{background-color:#f8d7da;color:#721c24;padding:10px;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:15px;font-size:14px}.validation-errors{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:12px;margin-bottom:16px}.validation-errors h4{margin:0 0 8px;color:#856404;font-size:14px}.validation-errors ul{margin:0;padding-left:20px}.validation-errors li{color:#856404;font-size:13px;margin-bottom:4px}.template-preview-section{background-color:#f8f9fa;padding:15px;border-radius:4px;margin-bottom:20px}.template-preview-section h4{margin:0 0 10px;font-size:14px;color:#495057;border:none;padding:0}.template-preview-list{margin:0;padding-left:0;list-style:none}.template-preview-list li{padding:2px 0;font-size:13px;color:#6c757d}.template-preview-list li:before{content:"";margin-right:8px}.representative-input{display:flex;gap:10px;margin-bottom:10px;align-items:center}.representative-input .form-control{flex:1}.remove-btn{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-btn:hover:not(:disabled){background-color:#c82333}.add-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}.add-btn:hover:not(:disabled){background-color:#218838}.task-input-group{background-color:#fff;padding:15px;border-radius:4px;border:1px solid #ddd;margin-bottom:15px}.parties-checkboxes{display:flex;gap:15px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:5px;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.remove-task-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;margin-top:10px}.remove-task-btn:hover:not(:disabled){background-color:#c82333}.order-item-group{background-color:#fff;padding:15px;border-radius:4px;border:1px solid #ddd;margin-bottom:15px}.catalog-item-info{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.catalog-badge{background-color:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #bbdefb}.product-code-badge{background-color:#f3e5f5;color:#7b1fa2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;border:1px solid #e1bee7}.product-reference{color:#666;font-size:11px;font-style:italic}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.remove-item-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;margin-top:10px}.remove-item-btn:hover:not(:disabled){background-color:#c82333}.popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.popup-buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.popup-buttons .primary-button{background-color:#007bff;color:#fff}.popup-buttons .primary-button:hover:not(:disabled){background-color:#0056b3}.popup-buttons .primary-button:disabled{background-color:#6c757d;cursor:not-allowed}.popup-buttons .secondary-button{background-color:#6c757d;color:#fff}.popup-buttons .secondary-button:hover:not(:disabled){background-color:#545b62}.popup-buttons .secondary-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.template-form-container{width:95%;max-width:none}.form-row,.parties-checkboxes{flex-direction:column;gap:10px}.representative-input{flex-direction:column;align-items:stretch}.remove-btn{align-self:flex-end;margin-top:5px}}.template-preview-container{max-width:700px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.template-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.template-preview-header h3{margin:0;color:#333;font-size:1.5rem}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background-color:#f8f9fa;color:#333}.template-preview-content{margin-bottom:20px}.preview-section{margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.preview-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:8px}.info-grid{display:grid;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-weight:600;color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#333;font-size:1rem}.template-name{font-weight:600;color:#007bff!important;font-size:1.1rem!important}.representatives-list{display:flex;flex-direction:column;gap:4px}.representative-email{background-color:#e9ecef;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9rem;color:#495057;display:inline-block;width:fit-content}.tasks-list{display:flex;flex-direction:column;gap:15px}.task-item{background-color:#fff;padding:15px;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a}.task-action{margin-bottom:10px}.task-action strong{color:#333;font-size:1rem}.task-parties{margin-bottom:8px}.task-parties label{font-weight:600;color:#6c757d;font-size:.85rem;margin-right:8px}.parties-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.party-tag{padding:3px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.party-tag.company{background-color:#3e4772;color:#fff}.party-tag.customer{background-color:#1e866c;color:#fff}.party-tag.supplier{background-color:#d15b0d;color:#fff}.task-due-date{display:flex;align-items:center;gap:8px}.task-due-date label{font-weight:600;color:#6c757d;font-size:.85rem}.path-pattern{background-color:#fff;padding:12px;border-radius:4px;border:1px solid #dee2e6}.path-pattern code{font-family:Courier New,monospace;color:#e83e8c;background-color:#f8f9fa;padding:2px 4px;border-radius:3px;font-size:.9rem}.order-items-table{background-color:#fff;border-radius:6px;overflow:hidden;border:1px solid #dee2e6}.order-items-table table{width:100%;border-collapse:collapse}.order-items-table th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #dee2e6;font-size:.9rem}.order-items-table td{padding:12px;border-bottom:1px solid #f1f3f4;color:#333}.order-items-table tr:last-child td{border-bottom:none}.order-items-table tr:hover{background-color:#f8f9fa}.application-summary{background-color:#e7f3ff!important;border-color:#b3d9ff!important}.application-summary h4{color:#0056b3!important;border-color:#b3d9ff!important}.application-list{margin:0;padding-left:0;list-style:none}.application-list li{padding:6px 0;color:#333;font-size:.95rem}.application-list li:before{margin-right:8px}.template-preview-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #dee2e6}.template-preview-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.template-preview-actions .primary-button{background-color:#007bff;color:#fff}.template-preview-actions .primary-button:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.template-preview-actions .secondary-button{background-color:#6c757d;color:#fff}.template-preview-actions .secondary-button:hover{background-color:#545b62;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}@media (max-width: 768px){.template-preview-container{width:95%;max-width:none}.template-preview-header{flex-direction:column;align-items:flex-start;gap:10px}.close-btn{position:absolute;top:10px;right:10px}.preview-section{padding:15px}.parties-tags{flex-direction:column;align-items:flex-start}.order-items-table{overflow-x:auto}.order-items-table table{min-width:500px}.template-preview-actions{flex-direction:column-reverse}.template-preview-actions button{width:100%}}.preview-section em{color:#6c757d;font-style:italic}.template-preview-container::-webkit-scrollbar{width:8px}.template-preview-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.template-preview-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.template-preview-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.template-selector-container{max-width:800px;max-height:80vh;overflow-y:auto}.template-search{margin-bottom:20px}.template-search .form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.templates-list{max-height:400px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px}.loading-message{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.loading-spinner{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-templates-message{padding:40px 20px;text-align:center;color:#666;font-style:italic}.template-item{padding:16px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease}.template-item:hover{background-color:#f8f9fa}.template-item.selected{background-color:#e3f2fd;border-left:4px solid #007bff}.template-item:last-child{border-bottom:none}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.template-name{margin:0;font-size:16px;font-weight:600;color:#333;flex:1}.preview-btn{background:none;border:1px solid #007bff;color:#007bff;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;margin-left:10px}.preview-btn:hover{background-color:#007bff;color:#fff}.template-description{margin:0 0 12px;color:#666;font-size:14px;line-height:1.4}.template-metadata{display:flex;gap:16px;margin-bottom:8px}.template-date{font-size:12px;color:#888}.template-summary{display:flex;flex-wrap:wrap;gap:6px}.template-tag{background-color:#e9ecef;color:#495057;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.template-item.selected .template-tag{background-color:#bbdefb;color:#1565c0}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:16px;border:1px solid #f5c6cb}@media (max-width: 768px){.template-selector-container{max-width:95vw;margin:10px}.template-header{flex-direction:column;align-items:flex-start}.preview-btn{margin-left:0;margin-top:8px;align-self:flex-start}.template-metadata{flex-direction:column;gap:4px}}.order-parties-section{margin-bottom:30px;width:100%}.order-parties-section h3{color:var(--primary-color);margin-bottom:15px;border-bottom:1px solid var(--primary-color);padding-bottom:5px}.order-parties-table{width:100%;border-collapse:collapse;margin-bottom:20px;text-align:left;table-layout:fixed;border:1px solid var(--primary-color);min-width:400px}.order-parties-table th{text-align:left;padding:12px;background-color:#3e477233;border:1px solid var(--primary-color);overflow:hidden}.order-parties-table td{padding:12px;border:1px solid var(--primary-color);vertical-align:top;position:relative;word-break:break-word;overflow-wrap:break-word;height:auto!important}.order-parties-table th.col-entity,.order-parties-table td.col-entity{width:20%}.order-parties-table th.col-entity-name,.order-parties-table td.col-entity-name{width:30%}.order-parties-table th.col-representatives,.order-parties-table td.col-representatives{width:50%}.entity-display{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border-radius:var(--border-radius);font-family:Garamond,EB Garamond,serif;font-size:.9rem;font-weight:700;-webkit-user-select:none;user-select:none;border:1px solid #cccccc;text-align:center;background-color:#e9e9e9;color:#666;height:36px;box-sizing:border-box;box-shadow:0 0 #0000}.entity-display.company-display{background-color:#3e4772;color:#fff;border-color:#3e4772;box-shadow:0 0 12px #3e477299}.entity-display.supplier-display{background-color:#d15b0dcc;color:#fff;border-color:#d15b0dcc;box-shadow:0 0 12px #f2711c99}.entity-display.customer-display{background-color:#1e866c;color:#fff;border-color:#1e866c;box-shadow:0 0 12px #045e4083}.tag-input-container{display:flex;flex-direction:column;gap:8px;width:100%;min-height:36px}.tags-list{display:flex;flex-wrap:wrap;gap:6px;width:100%}.tag{display:flex;align-items:center;background-color:#3e47721a;border:1px solid var(--primary-color);border-radius:16px;padding:4px 10px;font-size:.9rem;max-width:100%}.party-row:nth-child(1) .tag{background-color:#3e477233;border-color:#3e4772}.party-row:nth-child(2) .tag{background-color:#f2711c33;border-color:#d15b0dcc}.party-row:nth-child(3) .tag{background-color:#1e866c33;border-color:#1e866c}.tag-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}.tag-remove{background:none;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;margin-left:4px;padding:0 4px;display:flex;align-items:center;justify-content:center}.party-row:nth-child(1) .tag .tag-remove{color:#3e4772}.party-row:nth-child(2) .tag .tag-remove{color:#d15b0dcc}.party-row:nth-child(3) .tag .tag-remove{color:#1e866c}.tag-remove:hover{color:var(--error-color)}.tag-input{width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:8px;font-family:Garamond,EB Garamond,serif;font-size:.9rem;background-color:#1e1e1e;color:#fff;overflow:hidden}.add-tag-button{align-self:flex-start;font-size:.9rem;padding:4px 10px}.party-row:hover{background-color:#3e47721a}.representatives-cell{position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.order-parties-table{width:100%}}.tables-container{display:flex;flex-wrap:wrap;gap:15px;width:100%;margin-bottom:0;justify-content:space-between}.tables-container .order-parties-section{flex:0 0 40%;max-width:40%}.tables-container .order-items-section{flex:0 0 58%;max-width:58%}@media (max-width: 992px){.tables-container{flex-direction:column}.tables-container .order-parties-section,.tables-container .order-items-section{flex:0 0 100%;width:100%}}.order-creation-mode-selector{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:30px;margin-bottom:30px;text-align:center}.order-creation-mode-selector h3{margin:0 0 25px;color:#333;font-size:20px;font-weight:600}.creation-mode-options{display:flex;gap:30px;justify-content:center;align-items:flex-start}.creation-mode-option{flex:0 0 250px;text-align:center}.creation-mode-btn{width:100%;padding:15px 20px;font-size:16px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:8px}.creation-mode-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.creation-mode-option p{margin:0;color:#666;font-size:14px;line-height:1.4}@media (max-width: 768px){.creation-mode-options{flex-direction:column;align-items:center}.creation-mode-option{flex:none;width:100%;max-width:300px}.order-creation-mode-selector{padding:20px}}.templates-page{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-top:20px;width:100%;box-sizing:border-box;border:1px solid var(--primary-color)}.templates-controls{display:flex;gap:20px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:300px}.search-input{width:100%;padding:10px 12px;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:1rem;box-sizing:border-box;font-family:Garamond,EB Garamond,serif;background-color:#1e1e1e;color:#fff}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.sort-container{display:flex;gap:10px;align-items:center}.sort-select{padding:8px 12px;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:.9rem;font-family:Garamond,EB Garamond,serif;background-color:#1e1e1e;color:#fff;min-width:140px}.sort-order-btn{padding:8px 12px;min-width:40px;font-size:1.2rem;font-weight:700}.templates-table-container{margin-bottom:20px;overflow-x:auto}.templates-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;border:1px solid var(--primary-color)}.templates-table th{text-align:left;padding:12px 15px;background-color:#3e477233;border-bottom:1px solid var(--primary-color);font-weight:700;color:var(--text-color)}.templates-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.templates-table tr:hover{background-color:#3e47721a}.templates-table th:nth-child(1),.templates-table td:nth-child(1){width:25%}.templates-table th:nth-child(2),.templates-table td:nth-child(2){width:35%}.templates-table th:nth-child(3),.templates-table td:nth-child(3){width:15%}.templates-table th:nth-child(4),.templates-table td:nth-child(4){width:15%}.templates-table th:nth-child(5),.templates-table td:nth-child(5){width:10%}.template-name strong{color:var(--primary-color);font-weight:600}.template-description em{color:#666;font-style:italic}.template-actions{text-align:center}.action-buttons{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.action-btn{padding:6px 12px;font-size:.85rem;border-radius:var(--border-radius);border:none;cursor:pointer;font-family:Garamond,EB Garamond,serif;transition:all .3s ease;white-space:nowrap}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.no-templates-message{text-align:center;padding:40px 20px;color:#666;font-style:italic;background-color:#3e47720d;border-radius:var(--border-radius);border:1px dashed var(--border-color)}.no-templates-message p{margin:0;font-size:1.1rem}@media (max-width: 768px){.templates-controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.sort-container{justify-content:center}.templates-table{font-size:.9rem}.templates-table th,.templates-table td{padding:8px 10px}.action-buttons{flex-direction:column;gap:3px}.action-btn{font-size:.8rem;padding:4px 8px}}.template-loading{opacity:.6;pointer-events:none}.template-row{transition:all .2s ease}.template-row:hover{background-color:#3e47721a;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.search-input::placeholder{color:#888;font-style:italic}.sort-order-btn:active{transform:scale(.95)}.templates-table th{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.templates-table th:hover{background-color:#3e47724d}:root{--primary-color: #3e4772;--secondary-color: #f2711c;--background-color: #FEFEFA;--text-color: #333333;--border-color: #dddddd;--success-color: #21ba45;--warning-color: #fbbd08;--error-color: #bd2c2ce0;--header-height: 64px;--border-radius: 4px;--box-shadow: 0 2px 5px rgba(0, 0, 0, .1)}html,body,#root{min-height:100%;background-color:var(--background-color);font-family:Garamond,EB Garamond,serif}body{color:var(--text-color);margin:0;padding:0;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--background-color)}.custom-checkbox.disabled{opacity:.6;pointer-events:none;cursor:default}.editable-cell[readonly],.editable-cell-input[readonly],input[readonly],textarea[readonly],.tag-input-container[readonly]{background-color:#f7f7f7;border-color:#ddd;color:#777;cursor:default}button:disabled,button[disabled]{opacity:.6;cursor:not-allowed}.content-area{flex:1;display:flex;flex-direction:column;width:100%;background-color:var(--background-color)}.main-container{flex:1;display:flex;flex-direction:column;width:100%;padding:0 20px 40px;box-sizing:border-box;background-color:var(--background-color)}.app-header{background-color:var(--background-color);border-bottom:1px solid var(--border-color);height:var(--header-height);display:flex;align-items:center;padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:var(--box-shadow);width:100%;box-sizing:border-box;justify-content:space-between}.app-header h1{font-size:1.8rem;margin:0;color:var(--primary-color);cursor:pointer;font-family:Garamond,EB Garamond,serif}.app-header .logo{flex:0 0 auto}.user-display-center{flex:1;display:flex;justify-content:center;align-items:center}.nav-buttons{flex:0 0 auto;display:flex;align-items:center;gap:12px;height:100%}.nav-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-family:Garamond,EB Garamond,serif;font-size:1rem;font-weight:500;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 #ff69b400}.nav-button:hover{background-color:#061175;box-shadow:0 0 12px #1ecee6cc}.signout-button{background-color:#dc3545!important}.signout-button:hover{background-color:#c82333!important;box-shadow:0 0 12px #dc3545cc!important}.admin-delete-button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:var(--border-radius);cursor:pointer;font-family:Garamond,EB Garamond,serif;font-size:.875rem;font-weight:500;transition:all .3s ease;box-shadow:0 0 #dc354500;width:100%}.admin-delete-button:hover{background-color:#c82333;box-shadow:0 0 12px #dc3545cc}.admin-restore-button{background-color:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:var(--border-radius);cursor:pointer;font-family:Garamond,EB Garamond,serif;font-size:.875rem;font-weight:500;transition:all .3s ease;box-shadow:0 0 #28a74500;width:100%}.admin-restore-button:hover{background-color:#218838;box-shadow:0 0 12px #28a745cc}.admin-controls input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);margin:0}.time-button-wrapper{height:40px;display:flex;align-items:center}.app-header .user-menu{display:none}.orders-page{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-top:20px;width:100%;box-sizing:border-box;border:1px solid var(--primary-color)}.orders-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.orders-table th{text-align:left;padding:12px 15px;background-color:#3e477233;border-bottom:1px solid var(--primary-color)}.orders-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word}.orders-table tr:hover{background-color:#3e47721a}.amount-visibility-toggle{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);transition:all .2s ease;border-radius:4px;vertical-align:middle}.amount-visibility-toggle:hover{background-color:#3e47721a;transform:scale(1.1)}.amount-visibility-toggle:active{transform:scale(.95)}.amount-visibility-toggle svg{display:block}.amount-blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;transition:filter .3s ease;cursor:default}.amount-blurred:hover{filter:blur(4px)}.table-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700}.status-open{background-color:#2fe92f33;color:#0e4d11;border:1px solid #0e4d11;box-shadow:0 0 6px #b4f7aecc}.status-closed{background-color:#f16e6ee0;color:#800800;border:1px solid #800800}.order-form{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-top:20px;width:100%;box-sizing:border-box;border:1px solid var(--primary-color)}.order-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--primary-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:8px 12px;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:1rem;box-sizing:border-box;font-family:Garamond,EB Garamond,serif;background-color:#1e1e1e;color:#fff;word-wrap:break-word;white-space:normal;margin:0}.task-table{width:100%;border-collapse:collapse;margin-bottom:20px;text-align:left;table-layout:fixed;border:1px solid var(--primary-color)}.task-table th.col-action,.task-table td.col-action{width:21%}.task-table th.col-parties,.task-table td.col-parties{width:15%}.task-table th.col-due-date,.task-table td.col-due-date{width:8%}.task-table th.col-comments,.task-table td.col-comments{width:32%}.task-table th.col-documents,.task-table td.col-documents{width:15%}.task-table th.col-status,.task-table td.col-status{width:5%;text-align:center!important;vertical-align:middle!important;padding:12px!important;line-height:normal!important}.task-table th.col-actions,.task-table td.col-actions{width:2.5%}.task-table th{text-align:left;padding:12px;background-color:#3e477233;border:1px solid var(--primary-color);overflow:hidden}.task-table td{padding:12px;border:1px solid var(--primary-color);vertical-align:top;position:relative;word-break:break-word;overflow-wrap:break-word;height:auto!important}.task-table input[type=text],.task-table input[type=date]:not(.calendar-picker){display:block;width:100%;box-sizing:border-box;background-color:#1e1e1e;color:#fff;border:1px solid var(--primary-color);padding:8px 12px;border-radius:var(--border-radius);font-family:Garamond,EB Garamond,serif;font-size:1rem;line-height:1.2;overflow:visible;min-height:36px;height:auto!important}.task-table textarea.form-control{display:block;width:100%;box-sizing:border-box;background-color:#1e1e1e;color:#fff;border:1px solid var(--primary-color);padding:8px 12px;border-radius:var(--border-radius);font-family:Garamond,EB Garamond,serif;font-size:1rem;line-height:1.2;min-height:60px;resize:none;overflow:hidden;height:auto!important;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.task-table tr{height:auto!important}.task-table td>div{word-break:break-word;overflow-wrap:break-word;height:auto!important}.task-table .drag-handle{cursor:grab;color:#aaa;width:1px!important;max-width:1px!important;min-width:1px!important;padding:0!important;overflow:hidden;text-align:center;white-space:nowrap}.task-table .task-row:hover{background-color:#3e47721a}.comments-container{max-height:150px;overflow-y:auto;margin-bottom:10px;margin-top:0;word-break:break-word;overflow-wrap:break-word}.comment{padding:8px;border-bottom:1px solid #eeeeee;font-size:.9rem;word-break:break-word;overflow-wrap:break-word;white-space:normal}.comment small{display:inline-block;color:#777;margin-left:5px}.comment p{margin:5px 0 0;word-break:break-word;overflow-wrap:break-word;white-space:normal}.comments-box-wrapper{margin-top:0;padding-top:0;width:100%;display:block}.auto-expand{overflow:hidden!important}.custom-checkbox{width:20px;height:20px;border:2px solid var(--primary-color);border-radius:3px;display:inline-block;position:relative;cursor:pointer;margin:0 auto}.custom-checkbox.checked:after{content:"";position:absolute;top:2px;left:6px;width:5px;height:10px;border:solid var(--primary-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.order-summary{background-color:#3e47721a;border-left:4px solid var(--primary-color);padding:15px;margin-bottom:20px;border-radius:0 var(--border-radius) var(--border-radius) 0}.order-summary h3{margin-top:0;color:var(--primary-color)}.order-summary p{word-break:break-word;overflow-wrap:break-word;white-space:normal}.button-group{display:flex;gap:10px;margin-top:20px}.primary-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:700;font-family:Garamond,EB Garamond,serif;box-shadow:0 0 #ff69b400}.primary-button:hover{background-color:#1382dd;box-shadow:0 0 12px #1ecee6cc}.secondary-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-family:Garamond,EB Garamond,serif;box-shadow:0 0 #ff69b400}.secondary-button:hover{background-color:#061175;box-shadow:0 0 12px #1ecee6cc}.danger-button{background-color:var(--error-color);color:#fff;border:none;padding:5px 10px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-family:Garamond,EB Garamond,serif}.danger-button:hover{background-color:#c82333;box-shadow:0 0 12px #dc3545cc}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:relative;padding:12px 15px;margin-bottom:15px;border-radius:var(--border-radius);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.toast.error{background-color:#ffebee;color:var(--error-color);border-left:4px solid var(--error-color)}.toast-close{cursor:pointer;font-size:1.2rem;font-weight:700}.dragging{opacity:.8;background-color:#3e477233}.delete-button{background-color:var(--error-color);color:#fff;border:none;border-radius:50%!important;cursor:pointer;font-family:Garamond,EB Garamond,serif;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all .3s ease;margin:0 auto;padding:0;position:relative;box-shadow:0 0 #ff69b400}.delete-button:hover{background-color:#d32f2f;box-shadow:0 0 12px #dc3545cc}.cross-icon{position:relative;width:100%;height:100%}.cross-icon:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:4px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}.cross-icon:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:4px;background-color:#fff;transform:translate(-50%,-50%) rotate(-45deg)}.task-table th.col-actions,.task-table td.col-actions{width:5%;text-align:center!important;vertical-align:middle!important;padding:12px!important}.custom-checkbox{display:block;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border:2px solid #dddddd;border-radius:50%!important;position:relative;cursor:pointer;margin:0 auto!important;transition:all .3s ease;box-sizing:content-box!important;background-color:#fff;box-shadow:0 0 #39ff1400}.custom-checkbox:hover{border-color:#68ba7f;box-shadow:0 0 12px #39ff14b3}.custom-checkbox.checked{background-color:#68ba7f!important;border-color:#68ba7f!important}.custom-checkbox.checked:after{content:"";position:absolute;top:4px!important;left:9px!important;width:8px!important;height:16px!important;border:solid white!important;border-width:0 4px 4px 0!important;transform:rotate(45deg)!important;box-sizing:border-box!important}.custom-checkbox.checked:hover{box-shadow:0 0 12px #39ff14e6}.task-table td{vertical-align:middle!important}.center-content-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.toggle-tokens-container{display:flex;flex-direction:column;gap:8px;width:100%}.toggle-token{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border-radius:var(--border-radius);font-family:Garamond,EB Garamond,serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;border:1px solid #cccccc;background-color:#e9e9e9;color:#666;text-align:center;box-shadow:0 0 #0000}.toggle-token:hover{box-shadow:0 0 8px #0003}.toggle-token.company-token.selected{background-color:#3e4772;color:#fff;border-color:#3e4772;box-shadow:0 0 12px #3e477299}.toggle-token.customer-token.selected{background-color:#1e866c;color:#fff;border-color:#1e866c;box-shadow:0 0 12px #045e4083}.toggle-token.supplier-token.selected{background-color:#d15b0dcc;color:#fff;border-color:#d15b0dcc;box-shadow:0 0 12px #f2711c99}.toggle-token{height:36px;box-sizing:border-box}.toggle-tokens-container{min-height:128px}.editable-cell{position:relative;width:100%;min-height:40px;padding:8px 0}.editable-cell-view-mode{position:relative;width:100%;min-height:24px;padding:6px 8px;border-radius:var(--border-radius);word-break:break-word;overflow-wrap:break-word;transition:background-color .2s ease;box-sizing:border-box;margin-right:2px}.editable-cell-view-mode:hover{background-color:#3e477233}.editable-cell-text{padding-right:36px;width:calc(100% - 36px);overflow:hidden}.placeholder-text{color:#888;font-style:italic}.editable-cell-hover-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.editable-cell-view-mode:hover .editable-cell-hover-controls{opacity:1}.editable-cell-edit-mode{position:relative;width:100%}.editable-cell-edit-mode textarea{width:100%;min-height:60px;padding:8px;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:#1e1e1e;color:#fff;resize:none;overflow:auto}.editable-cell-buttons{position:absolute;top:6px;right:6px;display:flex;gap:4px}.editable-cell-button{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;padding:0;transition:all .2s ease;box-shadow:0 0 4px #0003}.editable-cell-button:hover{transform:scale(1.1);box-shadow:0 0 6px #0000004d}.editable-cell-button.edit{background-color:var(--primary-color)}.editable-cell-button.save{background-color:#28a745;opacity:.3}.finalize-button{position:fixed;bottom:20px;right:20px;background-color:#4caf50;color:#fff;padding:10px 20px;border:2px solid #006400;border-radius:4px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0003;transition:all .3s ease}.finalize-button:hover{background-color:#45a049;box-shadow:0 0 12px #39ff14b3}.finalize-button:disabled{background-color:#ccc;border-color:#999;box-shadow:none;cursor:not-allowed}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-container{background-color:#fff;padding:30px;border-radius:8px;width:80%;max-width:500px;box-shadow:0 5px 15px #0000004d}.popup-container h3{margin-top:0;color:var(--primary-color)}.popup-buttons{display:flex;justify-content:space-between;margin-top:20px}.post-closure-comments-section{margin-top:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #ddd}.editable-cell-button.cancel{background-color:var(--error-color);opacity:.3}.editable-cell-button.save:hover{background-color:#28a745;opacity:.95}.editable-cell-button.cancel:hover{background-color:var(--error-color);opacity:.95}.edit-icon,.save-icon,.cancel-icon{font-style:normal;font-weight:700;font-size:14px}.editable-comment-cell{position:relative;width:100%}.editable-comment-cell .comments-container{max-height:150px;overflow-y:auto;margin-bottom:10px;word-break:break-word;overflow-wrap:break-word}.editable-comment-cell .add-comment-button{width:100%;margin-top:8px;background-color:var(--primary-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.editable-comment-cell .add-comment-button:hover{background-color:#061175;box-shadow:0 0 12px #1ecee6cc}.editable-comment-cell .editable-cell-view-mode:hover{background-color:transparent}.editable-comment-cell textarea.form-control{display:block;width:100%;box-sizing:border-box;background-color:#1e1e1e;color:#fff;border:1px solid var(--primary-color);padding:8px 12px;border-radius:var(--border-radius);font-family:Garamond,EB Garamond,serif;font-size:1rem;line-height:1.2;min-height:60px;resize:none;overflow:hidden;height:auto!important;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.comment.system-comment{background-color:#f0f8ff;border-left:3px solid #1e90ff;padding-left:10px;margin-bottom:8px;border-radius:4px}.calendar-date-cell{position:relative;width:100%;padding:2px 4px;background-color:transparent;border:none!important;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.task-table .calendar-date-cell{border:none!important;outline:none!important;box-shadow:none!important}.task-table .calendar-date-cell,.task-table .calendar-date-cell *,.task-table .calendar-date-cell:before,.task-table .calendar-date-cell:after{border:none!important;outline:none!important;box-shadow:none!important}.task-table .calendar-date-cell:hover{background-color:transparent}.date-display{flex-grow:1;padding-right:20px;font-size:14px}.calendar-wrapper{position:absolute;right:4px;top:0;height:100%;width:24px;display:flex;align-items:center;justify-content:center}.calendar-picker{position:absolute;top:0;right:0;width:24px;height:100%;opacity:0;cursor:default;z-index:2;border:none!important}.calendar-icon{position:relative;pointer-events:none;z-index:1;font-size:16px}.system-badge{background-color:#e6f3ff;color:#06c;font-size:10px;padding:1px 4px;border-radius:3px;margin-left:8px;font-weight:700;text-transform:uppercase;vertical-align:middle}.comments-header{display:flex;align-items:center;justify-content:space-between;width:100%}.system-comments-toggle{display:flex;align-items:center;font-size:12px;margin-left:8px;white-space:nowrap;position:relative;z-index:5;-webkit-user-select:none;user-select:none}.system-comments-toggle input[type=checkbox]{margin-right:4px;cursor:pointer}.system-comments-toggle label{cursor:pointer;color:#666}.calendar-date-cell.editing{position:relative;width:100%;padding:2px 4px;background-color:transparent;border:none!important;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.date-text-input{width:100%;padding:4px 8px;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:#1e1e1e;color:#fff;font-family:Garamond,EB Garamond,serif;font-size:14px;box-sizing:border-box;outline:none}.date-text-input:focus{border-color:#1382dd;box-shadow:0 0 4px #1ecee666}.task-table .calendar-date-cell.editing,.task-table .calendar-date-cell.editing *,.task-table .calendar-date-cell.editing .date-text-input{border:1px solid var(--primary-color)!important;outline:none!important;box-shadow:none!important}.task-table .calendar-date-cell.editing .date-text-input:focus{border-color:#1382dd!important;box-shadow:0 0 4px #1ecee666!important}.form-help{display:block;margin-top:4px;font-size:.85rem;color:#666;font-style:italic}.error-message{display:block;margin-top:4px;font-size:.85rem;color:var(--error-color);font-weight:700}.form-control.error{border-color:var(--error-color);box-shadow:0 0 4px #bd2c2c4d}.products-page{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-top:20px;width:100%;box-sizing:border-box;border:1px solid var(--primary-color)}.products-search-bar{width:100%;padding:10px 15px;border:1px solid var(--primary-color);border-radius:var(--border-radius);font-size:1rem;margin-bottom:20px;box-sizing:border-box;font-family:Garamond,EB Garamond,serif;background-color:#fff;color:var(--text-color)}.products-search-bar:focus{outline:none;border-color:#1382dd;box-shadow:0 0 4px #1ecee666}.products-table{width:100%;border-collapse:collapse;text-align:left;display:table;table-layout:fixed}.products-table th{text-align:left;padding:12px 15px;background-color:#3e477233;border-bottom:1px solid var(--primary-color);word-wrap:break-word;overflow-wrap:break-word}.products-table td{padding:12px 15px;border-bottom:1px solid var(--border-color);word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.products-table tr:hover{background-color:#3e47721a}.products-table .col-name{width:200px;min-width:200px}.products-table .col-description{width:35%;min-width:250px}.products-table .col-code{width:120px;min-width:120px}.products-table .col-created{width:150px;min-width:150px}.products-table .col-actions{width:150px;min-width:150px;text-align:center}@media (max-width: 1024px){.products-table .col-name{width:180px;min-width:180px}.products-table .col-description{width:30%;min-width:200px}.products-table .col-code{width:100px;min-width:100px}.products-table .col-created,.products-table .col-actions{width:130px;min-width:130px}}@media (max-width: 768px){.products-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table thead,.products-table tbody,.products-table tr{display:block}.products-table thead{position:sticky;top:0;z-index:10;background-color:var(--background-color)}.products-table thead tr{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,2fr) minmax(100px,.8fr) minmax(120px,1fr) minmax(120px,1fr);gap:0}.products-table tbody tr{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,2fr) minmax(100px,.8fr) minmax(120px,1fr) minmax(120px,1fr);gap:0;margin-bottom:1px}.products-table th,.products-table td{width:auto!important;min-width:auto!important}}@media (max-width: 414px){.products-table thead tr,.products-table tbody tr{grid-template-columns:minmax(120px,1fr) minmax(150px,1.5fr) minmax(80px,.7fr) minmax(100px,.9fr) minmax(100px,.9fr)}.products-table th,.products-table td{padding:8px 10px;font-size:.85rem}.product-actions{flex-direction:column;gap:4px}.product-actions button{width:100%;font-size:.75rem}}.product-actions{display:flex;gap:8px;justify-content:center}.product-actions button{padding:4px 8px;font-size:.85rem;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .3s ease}.edit-product-btn{background-color:var(--primary-color);color:#fff}.edit-product-btn:hover{background-color:#061175;box-shadow:0 0 8px #1ecee699}.delete-product-btn{background-color:var(--error-color);color:#fff}.delete-product-btn:hover{background-color:#c82333;box-shadow:0 0 8px #dc354599}.no-products-message{text-align:center;padding:40px 20px;color:#666;font-style:italic}.products-empty-state{text-align:center;padding:60px 20px}.products-empty-state h3{color:var(--primary-color);margin-bottom:10px}.products-empty-state p{color:#666;margin-bottom:20px}:root{font-family:Garamond,EB Garamond,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fefefa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;padding:0;width:100%;background-color:#fefefa;font-family:Garamond,EB Garamond,serif}#root{display:flex;flex-direction:column;min-height:100vh}a{font-weight:500;color:#3e4772;text-decoration:inherit}a:hover{color:#556091}h1,h2,h3,h4,h5,h6{font-family:Garamond,EB Garamond,serif;line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Garamond,EB Garamond,serif;background-color:#fefefa;cursor:pointer;transition:border-color .25s}button:hover{border-color:#3e4772}button:focus,button:focus-visible{outline:4px auto #3e4772}input,textarea,select{font-family:Garamond,EB Garamond,serif;word-wrap:break-word;overflow-wrap:break-word}textarea{white-space:pre-wrap}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fefefa}#root,html,body{background-color:#fefefa;color:#213547}button{background-color:#fefefa}.form-control,textarea,input[type=text],input[type=date]{background-color:#1e1e1e;color:#fff}}