:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #ffffff;--bg-secondary: #f9f9f9;--bg-tertiary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--border-color-light: #ddd;--shadow: rgba(0, 0, 0, .1);--success-bg: #e8f5e9;--success-text: #2e7d32;--success-border: #4CAF50;--error-bg: #ffebee;--error-text: #c62828;--error-border: #f44336;--info-bg: #e3f2fd;--info-text: #1565c0;--info-border: #2196F3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #404040;--border-color-light: #505050;--shadow: rgba(0, 0, 0, .3);--success-bg: #1b5e20;--success-text: #a5d6a7;--success-border: #4CAF50;--error-bg: #b71c1c;--error-text: #ffcdd2;--error-border: #f44336;--info-bg: #0d47a1;--info-text: #90caf9;--info-border: #2196F3}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.csv-uploader{margin-bottom:2rem}.csv-uploader h2{margin-bottom:1.5rem;color:var(--text-primary)}.drop-zone{border:2px dashed var(--border-color);border-radius:8px;padding:3rem 2rem;text-align:center;background-color:var(--bg-secondary);transition:all .3s ease;margin-bottom:1.5rem}.drop-zone.dragging{border-color:#4caf50;background-color:var(--success-bg)}.upload-icon{font-size:3rem;margin-bottom:1rem}.drop-zone p{margin:.5rem 0;color:var(--text-secondary)}.or-text{margin:1rem 0;font-weight:500;color:var(--text-primary)}.file-input-label{display:inline-block;padding:.75rem 2rem;background-color:#4caf50;color:#fff;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.file-input-label:hover{background-color:#45a049}.file-input-label input[type=file]{display:none}.paste-section{margin-top:1.5rem}.paste-section textarea{width:100%;padding:1rem;border:1px solid var(--border-color-light);border-radius:4px;font-family:monospace;font-size:.9rem;resize:vertical;margin-bottom:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s}.paste-section textarea:focus{outline:none;border-color:#4caf50}.paste-section button{padding:.75rem 2rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:1rem;transition:background-color .3s}.paste-section button:hover:not(:disabled){background-color:#0b7dda}.paste-section button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{margin-top:1rem;padding:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;border-left:4px solid var(--error-border)}@media(max-width:768px){.drop-zone{padding:2rem 1rem}.upload-icon{font-size:2.5rem}.file-input-label{padding:.6rem 1.5rem;font-size:.9rem}.paste-section textarea{font-size:.85rem}.paste-section button{width:100%;padding:.85rem}}@media(max-width:480px){.csv-uploader h2{font-size:1.3rem}.drop-zone{padding:1.5rem 1rem}.upload-icon{font-size:2rem}.drop-zone p{font-size:.9rem}}.data-preview{margin:2rem 0}.data-preview h2{margin-bottom:1rem;color:var(--text-primary)}.summary{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-tertiary);border-radius:4px;flex-wrap:wrap}.summary-item{color:var(--text-secondary)}.summary-item strong{color:#2196f3;font-size:1.2rem;margin-right:.25rem}.summary-total{margin-left:auto;padding:.5rem 1rem;background-color:var(--success-bg);color:var(--success-text);border-radius:4px;font-weight:600;border:2px solid var(--success-border)}.summary-total strong{color:var(--success-text);font-size:1.3rem}.preview-table-container{overflow-x:auto;border-radius:4px;box-shadow:0 2px 4px var(--shadow)}.preview-table{width:100%;min-width:600px;border-collapse:collapse;background-color:var(--bg-primary)}.preview-table th,.preview-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.preview-table thead th{background-color:#4caf50;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.preview-table tbody tr{transition:background-color .2s}.preview-table tbody tr:hover{background-color:var(--bg-secondary)}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table .amount{font-weight:600;color:#4caf50}details{cursor:pointer}summary{color:#2196f3;font-weight:500;-webkit-user-select:none;user-select:none}summary:hover{text-decoration:underline}.items-list{margin:.5rem 0 0;padding-left:1.5rem;list-style:disc}.items-list li{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}@media(max-width:768px){.data-preview h2{font-size:1.3rem}.summary{gap:1rem}.summary-item{font-size:.9rem}.summary-item strong{font-size:1.1rem}.summary-total{width:100%;text-align:center;margin-left:0;margin-top:.5rem}.preview-table{min-width:500px;font-size:.9rem}.preview-table th,.preview-table td{padding:.6rem .75rem}}@media(max-width:480px){.data-preview{margin:1.5rem 0}.summary{flex-direction:column;gap:.5rem;padding:.75rem}.preview-table{font-size:.85rem}.preview-table th,.preview-table td{padding:.5rem}.items-list li{font-size:.85rem}}.invoice-form{margin:2rem 0;padding:2rem;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px var(--shadow)}.invoice-form h2{margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input[type=text],.form-group input[type=date]{width:100%;padding:.75rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s}.form-group input[type=text]:focus,.form-group input[type=date]:focus{outline:none;border-color:#4caf50}.form-group small{display:block;margin-top:.5rem;color:var(--text-secondary);font-size:.85rem}.radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;cursor:pointer;font-weight:400}.radio-label input[type=radio]{margin-right:.5rem;cursor:pointer;accent-color:#4CAF50}.radio-label span{color:var(--text-primary)}.form-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.generate-button{flex:1;min-width:200px;padding:1rem 2rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.generate-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.save-db-button{flex:1;min-width:200px;padding:1rem 2rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.save-db-button:hover:not(:disabled){background-color:#5a6fd6;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.save-db-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.form-save-msg{margin-top:.75rem;padding:.6rem 1rem;border-radius:4px;font-weight:500;font-size:.9rem;text-align:center;animation:slideDown .3s ease}.form-save-msg-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.form-save-msg-error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}@media(max-width:768px){.invoice-form{padding:1.5rem;margin:1.5rem 0}.invoice-form h2{font-size:1.3rem}.form-group input[type=text],.form-group input[type=date]{font-size:.95rem}.radio-group{gap:1rem}.form-actions{flex-direction:column}.generate-button,.save-db-button{font-size:1rem;padding:.9rem 1.5rem;min-width:100%}}@media(max-width:480px){.invoice-form{padding:1rem}.invoice-form h2{font-size:1.2rem;margin-bottom:1rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem}.form-group input[type=text],.form-group input[type=date]{padding:.65rem;font-size:.9rem}.form-group small{font-size:.8rem}.radio-group{flex-direction:column;gap:.75rem}.generate-button,.save-db-button{font-size:.95rem;padding:.85rem}}.search-page{margin-bottom:2rem}.search-page h2{margin-bottom:.5rem;color:var(--text-primary)}.search-description{color:var(--text-secondary);margin-bottom:1.5rem}.search-form{margin-bottom:1.5rem}.search-controls{display:flex;gap:.75rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea}.search-field{padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:150px}.search-field:focus{outline:none;border-color:#667eea}.search-button{padding:.75rem 2rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.search-button:hover:not(:disabled){background-color:#5a6fd6;transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow)}.search-button:disabled{background-color:#ccc;cursor:not-allowed}.search-error{padding:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;border-left:4px solid var(--error-border);margin-bottom:1.5rem}.search-results{margin-top:1.5rem}.results-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-tertiary);border-radius:4px 4px 0 0;color:var(--text-secondary);flex-wrap:wrap;gap:.5rem}.results-header strong{color:#2196f3;font-size:1.2rem}.results-total{padding:.5rem 1rem;background-color:var(--success-bg);color:var(--success-text);border-radius:4px;font-weight:600;border:2px solid var(--success-border)}.results-total strong{color:var(--success-text);font-size:1.2rem}.results-table-container{overflow-x:auto;border-radius:0 0 4px 4px;box-shadow:0 2px 4px var(--shadow)}.results-table{width:100%;min-width:850px;border-collapse:collapse;background-color:var(--bg-primary)}.results-table th,.results-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.results-table thead th{background-color:#667eea;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.results-table tbody tr{transition:background-color .2s}.results-table tbody tr:hover{background-color:var(--bg-secondary)}.results-table tbody tr:last-child td{border-bottom:none}.results-table .amount{font-weight:600;color:#4caf50;white-space:nowrap}.results-table tfoot .total-row{background-color:var(--bg-tertiary);font-weight:700;font-size:1.05rem}.results-table tfoot .total-row td{border-top:2px solid var(--border-color);padding:.85rem 1rem}.results-table tfoot .total-row .amount{color:var(--success-text);font-size:1.1rem}.no-results{padding:3rem 1rem;text-align:center;color:var(--text-secondary);font-size:1.1rem;background-color:var(--bg-secondary);border-radius:4px;margin-top:1rem}@media(max-width:768px){.search-controls{flex-direction:column}.search-input,.search-field,.search-button{width:100%}.results-header{font-size:.9rem}.results-header strong{font-size:1.1rem}.results-table{min-width:600px;font-size:.9rem}.results-table th,.results-table td{padding:.6rem .75rem}}@media(max-width:480px){.search-page h2{font-size:1.3rem}.search-description{font-size:.9rem}.results-table{font-size:.85rem}.results-table th,.results-table td{padding:.5rem}.no-results{padding:2rem 1rem;font-size:1rem}}.project-list-page{margin-bottom:2rem}.plp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.plp-header h2{margin:0;color:var(--text-primary)}.plp-count{color:var(--text-secondary);font-size:.95rem}.plp-tabs{display:flex;gap:0;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.plp-tab{padding:.4rem 1rem;border:none;background:var(--bg-primary);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.plp-tab.active{background:#667eea;color:#fff}.plp-tab:hover:not(.active){background:var(--bg-secondary)}.plp-loading,.plp-error,.plp-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px}.plp-error{color:var(--error-text);background-color:var(--error-bg)}.plp-table-container{overflow-x:auto;border-radius:4px;box-shadow:0 2px 4px var(--shadow)}.plp-table{width:100%;min-width:750px;border-collapse:collapse;background-color:var(--bg-primary)}.plp-table th,.plp-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.plp-table thead th{background-color:#667eea;color:#fff;font-weight:600;position:sticky;top:0;z-index:10}.plp-table tbody tr{transition:background-color .2s}.plp-table tbody tr:hover{background-color:var(--bg-secondary)}.plp-archived-row{opacity:.7}.plp-table .plp-name{font-weight:600;color:var(--text-primary)}.plp-table .amount{font-weight:600;color:#4caf50;white-space:nowrap}.plp-archived-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;background-color:#fff3e0;color:#e65100;border-radius:10px;font-size:.75rem;font-weight:600;vertical-align:middle}.plp-actions{display:flex;gap:.5rem;white-space:nowrap}.plp-btn{display:inline-block;padding:.35rem .85rem;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;border:none;font-family:inherit;transition:background-color .2s}.plp-edit-btn{background-color:#667eea;color:#fff}.plp-edit-btn:hover{background-color:#5a6fd6;color:#fff}.plp-archive-btn{background-color:#ff9800;color:#fff}.plp-archive-btn:hover{background-color:#f57c00}.plp-unarchive-btn{background-color:#4caf50;color:#fff}.plp-unarchive-btn:hover{background-color:#43a047}@media(max-width:768px){.plp-header{flex-direction:column;align-items:flex-start}.plp-table{min-width:600px;font-size:.9rem}.plp-table th,.plp-table td{padding:.6rem .75rem}.plp-actions{flex-direction:column;gap:.3rem}}@media(max-width:480px){.project-list-page h2{font-size:1.3rem}}.project-edit-page{margin-bottom:2rem}.pep-header{margin-bottom:1.5rem}.pep-back{display:inline-block;margin-bottom:.5rem;color:#667eea;text-decoration:none;font-weight:500;font-size:.95rem}.pep-back:hover{text-decoration:underline}.pep-header h2{margin:0;color:var(--text-primary)}.pep-loading,.pep-error{text-align:center;padding:3rem 1rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px}.pep-error{color:var(--error-text);background-color:var(--error-bg)}.pep-meta{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.pep-field{flex:1;min-width:200px}.pep-field label{display:block;margin-bottom:.4rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.pep-field input[type=text],.pep-field input[type=date]{width:100%;padding:.65rem .75rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:.95rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .3s}.pep-field input:focus{outline:none;border-color:#667eea}h3{margin:2rem 0 1rem;color:var(--text-primary)}.pep-buyer-group{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.pep-buyer-header{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap}.pep-field-inline{flex:1;min-width:150px}.pep-buyer-total{font-weight:700;font-size:1.05rem;color:#4caf50;padding-bottom:.65rem;white-space:nowrap}.pep-orders-table-container{overflow-x:auto;border-radius:4px}.pep-orders-table{width:100%;min-width:600px;border-collapse:collapse;background-color:var(--bg-primary)}.pep-orders-table th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600;padding:.5rem .75rem;text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.pep-orders-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-color-light)}.pep-orders-table input{width:100%;padding:.45rem .5rem;border:1px solid var(--border-color-light);border-radius:3px;font-size:.9rem;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.pep-orders-table input:focus{outline:none;border-color:#667eea}.pep-orders-table input.pep-num{width:90px;text-align:right}.pep-subtotal{font-weight:600;color:#4caf50;white-space:nowrap;text-align:right;padding:.4rem .75rem}.pep-grand-total{text-align:right;padding:1rem 1.5rem;background-color:var(--bg-tertiary);border-radius:4px;font-size:1.2rem;color:var(--text-primary);margin-bottom:2rem}.pep-grand-total strong{color:var(--success-text);font-size:1.4rem}.pep-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.pep-actions-btns{display:flex;gap:1rem;flex-wrap:wrap}.pep-notification{width:100%;padding:.75rem 1rem;border-radius:4px;font-weight:500;font-size:.95rem;text-align:center;animation:pepSlideDown .3s ease}@keyframes pepSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pep-notification-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.pep-notification-error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.pep-save-btn,.pep-delete-btn{padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.pep-save-btn{background-color:#4caf50;color:#fff}.pep-save-btn:hover:not(:disabled){background-color:#45a049}.pep-delete-btn{background-color:#f44336;color:#fff}.pep-delete-btn:hover:not(:disabled){background-color:#d32f2f}.pep-save-btn:disabled,.pep-delete-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.pep-meta{flex-direction:column;gap:1rem}.pep-buyer-header{flex-direction:column;gap:.75rem}.pep-actions{align-items:stretch}.pep-actions-btns{flex-direction:column}.pep-save-btn,.pep-delete-btn{width:100%}.pep-orders-table{min-width:400px;font-size:.85rem}.pep-orders-table input{font-size:.85rem}}.catalog-page{margin-bottom:2rem}.cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.cat-header h2{margin:0;color:var(--text-primary)}.cat-count{color:var(--text-secondary);font-size:.95rem}.cat-loading,.cat-error,.cat-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px}.cat-error{color:var(--error-text);background-color:var(--error-bg)}.cat-table-container{border-radius:4px;box-shadow:0 2px 4px var(--shadow)}.cat-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.cat-table th,.cat-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.cat-table thead th{background-color:#667eea;color:#fff;font-weight:600;white-space:nowrap}.cat-table tbody tr{transition:background-color .2s}.cat-table tbody tr:hover,.cat-table .cat-row-expanded{background-color:var(--bg-secondary)}.cat-table .cat-name{font-weight:600;color:var(--text-primary)}.cat-view-btn{padding:.4rem 1rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.cat-view-btn:hover{background-color:#5a6fd6}.cat-orders-loading{padding:2rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border-top:2px solid #667eea}.cat-orders-detail{padding:1.5rem;background-color:var(--bg-secondary);border-top:2px solid #667eea}.cat-orders-detail h3{margin:0 0 1.25rem;color:var(--text-primary);font-size:1.15rem}.cat-buyer-group{margin-bottom:1.25rem;padding:1rem;background-color:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color)}.cat-buyer-name{font-weight:600;color:var(--text-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cat-buyer-phone{font-weight:400;color:var(--text-secondary);font-size:.9rem}.cat-buyer-actions{margin-left:auto;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cat-invoice-btn{padding:.3rem .75rem;background-color:#ff9800;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color .2s;white-space:nowrap}.cat-invoice-btn:hover{background-color:#f57c00;color:#fff}.cat-buyer-total{font-weight:700;color:#4caf50;font-size:.95rem;white-space:nowrap}.cat-orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.cat-orders-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;padding:.5rem .75rem;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cat-orders-table td{padding:.45rem .75rem;border-bottom:1px solid var(--border-color-light)}.cat-amount{font-weight:600;color:#4caf50;white-space:nowrap}.cat-grand-total{text-align:right;padding:.75rem 1rem;background-color:var(--bg-tertiary);border-radius:4px;font-size:1.1rem;color:var(--text-primary);margin-top:1rem}.cat-grand-total strong{color:var(--success-text);font-size:1.3rem}@media(max-width:768px){.cat-table th,.cat-table td{padding:.5rem .6rem;font-size:.85rem}.cat-view-btn{padding:.35rem .75rem;font-size:.8rem}.cat-orders-detail{padding:.75rem}.cat-orders-detail h3{font-size:1rem;margin-bottom:.75rem}.cat-buyer-group{padding:.75rem;margin-bottom:.75rem}.cat-buyer-name{font-size:.9rem;gap:.4rem}.cat-buyer-actions{margin-left:0;width:100%;justify-content:flex-end;margin-top:.25rem}.cat-orders-table th,.cat-orders-table td{padding:.35rem .5rem;font-size:.8rem}.cat-grand-total{font-size:1rem}.cat-grand-total strong{font-size:1.15rem}}@media(max-width:480px){.cat-header h2{font-size:1.2rem}.cat-count{font-size:.85rem}.cat-table th,.cat-table td{padding:.4rem .5rem;font-size:.8rem}.cat-view-btn{padding:.3rem .6rem;font-size:.75rem}.cat-orders-detail,.cat-buyer-group{padding:.5rem}.cat-buyer-name{flex-direction:column;align-items:flex-start;gap:.3rem}.cat-buyer-actions{width:100%;justify-content:space-between;margin-top:.4rem}.cat-orders-table th,.cat-orders-table td{padding:.3rem .4rem;font-size:.75rem}.cat-invoice-btn{font-size:.75rem;padding:.3rem .6rem}.cat-buyer-total{font-size:.85rem}.cat-grand-total{font-size:.9rem;padding:.5rem .75rem}.cat-grand-total strong{font-size:1rem}.cat-orders-loading{padding:1.5rem 1rem;font-size:.9rem}}.invoice-view-page{max-width:700px;margin:0 auto 2rem}.ivp-back{display:inline-block;margin-bottom:1.5rem;color:#667eea;text-decoration:none;font-weight:500}.ivp-back:hover{text-decoration:underline}.ivp-loading,.ivp-error{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.ivp-error{color:var(--error-text)}.ivp-invoice{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:3rem;box-shadow:0 2px 8px var(--shadow)}.ivp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.ivp-logo{font-size:1.2rem;color:#444}.ivp-title{font-size:1.5rem;font-weight:700;color:#444}.ivp-divider{border:none;border-top:1px solid #aaa;margin:1rem 0}.ivp-info{display:flex;justify-content:space-between;gap:2rem}.ivp-info-left{flex:1}.ivp-row{margin-bottom:.5rem;font-size:.95rem}.ivp-label{color:#666;margin-right:.5rem}.ivp-value{color:var(--text-primary)}.ivp-bold{font-weight:700}.ivp-info-right{text-align:right;font-size:.95rem}.ivp-buyer-name{font-weight:700;font-size:1rem}.ivp-project{font-weight:600;margin-top:.25rem}.ivp-eta{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.ivp-table{width:100%;border-collapse:collapse;margin:1rem 0}.ivp-table th{background-color:#f5f5f5;padding:.5rem .75rem;text-align:left;font-size:.85rem;font-weight:600;border-bottom:2px solid #aaa}.dark-mode .ivp-table th{background-color:#333}.ivp-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color-light);font-size:.9rem}.ivp-num{text-align:right;white-space:nowrap}.ivp-totals{margin-left:auto;width:280px;max-width:100%}.ivp-total-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.95rem}.ivp-total-due{font-weight:700;font-size:1.1rem;padding-top:.5rem;border-top:2px solid #aaa;margin-top:.25rem}.ivp-badge{display:inline-block;padding:.25rem .65rem;border-radius:12px;font-size:.8rem;font-weight:600}.ivp-badge-paid{background-color:var(--success-bg);color:var(--success-text)}.ivp-badge-partial{background-color:#fff3e0;color:#e65100}.ivp-badge-unpaid{background-color:var(--error-bg);color:var(--error-text)}.ivp-payment-section{margin-top:1.5rem;padding:1.25rem;background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow)}.ivp-payment-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem}.ivp-payment-controls{display:flex;gap:.75rem;flex-wrap:wrap}.ivp-paid-input{flex:1;min-width:150px;padding:.6rem .75rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.ivp-paid-input:focus{outline:none;border-color:#4caf50}.ivp-pay-btn{padding:.6rem 1.5rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer}.ivp-pay-btn:hover:not(:disabled){background-color:#45a049}.ivp-pay-btn:disabled{opacity:.6;cursor:not-allowed}.ivp-payment-row{margin-bottom:.5rem}.ivp-current-paid{font-size:.9rem;color:var(--text-secondary)}.ivp-current-paid strong{color:var(--text-primary)}.ivp-pay-diff{margin-top:.5rem;padding:.4rem .75rem;border-radius:4px;font-size:.9rem;font-weight:600}.ivp-pay-diff-add{color:#2e7d32;background-color:#e8f5e9}.ivp-pay-diff-sub{color:#c62828;background-color:#ffebee}.ivp-pay-msg{margin-top:.6rem;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.ivp-pay-msg-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.ivp-pay-msg-error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.ivp-logs-section{margin-top:1.5rem;padding:1.25rem;background-color:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow)}.ivp-logs-section h4{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem}.ivp-logs-table{width:100%;border-collapse:collapse;font-size:.85rem}.ivp-logs-table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;padding:.4rem .5rem;text-align:left;font-size:.8rem}.ivp-logs-table td{padding:.35rem .5rem;border-bottom:1px solid var(--border-color-light)}.ivp-footer{text-align:center;margin-top:3rem;color:var(--text-secondary);font-size:.9rem}.ivp-footer p{margin:.25rem 0}@media(max-width:768px){.ivp-invoice{padding:1.25rem}.ivp-info{flex-direction:column;gap:.75rem}.ivp-info-right{text-align:left}.ivp-table{font-size:.8rem}.ivp-table th,.ivp-table td{padding:.35rem .4rem}.ivp-totals{width:100%}.ivp-footer{margin-top:2rem}}@media(max-width:480px){.ivp-invoice{padding:.75rem}.ivp-header{flex-direction:column;gap:.3rem}.ivp-logo{font-size:1rem}.ivp-title{font-size:1.2rem}.ivp-row{font-size:.85rem}.ivp-buyer-name{font-size:.9rem}.ivp-table th,.ivp-table td{padding:.3rem .35rem;font-size:.75rem}.ivp-total-row{font-size:.85rem}.ivp-total-due{font-size:1rem}.ivp-footer{margin-top:1.5rem;font-size:.8rem}}.invoice-list-page{margin-bottom:2rem}.invoice-list-page h2{margin-bottom:.25rem;color:var(--text-primary)}.ilp-desc{color:var(--text-secondary);margin-bottom:1.5rem}.ilp-search-form{margin-bottom:1.5rem}.ilp-search-controls{display:flex;gap:.75rem;flex-wrap:wrap}.ilp-search-input{flex:1;min-width:200px;padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.ilp-search-input:focus{outline:none;border-color:#667eea}.ilp-search-field{padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-width:160px}.ilp-search-btn{padding:.75rem 2rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.ilp-search-btn:hover:not(:disabled){background-color:#5a6fd6}.ilp-search-btn:disabled{background-color:#ccc;cursor:not-allowed}.ilp-error{padding:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;border-left:4px solid var(--error-border);margin-bottom:1.5rem}.ilp-results-header{padding:.75rem 1rem;background-color:var(--bg-tertiary);border-radius:4px 4px 0 0;color:var(--text-secondary)}.ilp-results-header strong{color:#2196f3;font-size:1.1rem}.ilp-table-container{overflow-x:auto;border-radius:0 0 4px 4px;box-shadow:0 2px 4px var(--shadow)}.ilp-table{width:100%;min-width:750px;border-collapse:collapse;background-color:var(--bg-primary)}.ilp-table th,.ilp-table td{padding:.7rem .85rem;text-align:left;border-bottom:1px solid var(--border-color)}.ilp-table thead th{background-color:#667eea;color:#fff;font-weight:600;white-space:nowrap}.ilp-table tbody tr{transition:background-color .2s}.ilp-table tbody tr:hover{background-color:var(--bg-secondary)}.ilp-inv-nr{font-weight:600;font-family:monospace;font-size:.9rem}.ilp-amount{font-weight:600;color:#4caf50;white-space:nowrap}.ilp-badge{display:inline-block;padding:.25rem .65rem;border-radius:12px;font-size:.8rem;font-weight:600}.ilp-badge-paid{background-color:var(--success-bg);color:var(--success-text)}.ilp-badge-partial{background-color:#fff3e0;color:#e65100}.ilp-badge-unpaid{background-color:var(--error-bg);color:var(--error-text)}.ilp-view-btn{display:inline-block;padding:.35rem .85rem;background-color:#667eea;color:#fff;border-radius:4px;text-decoration:none;font-size:.85rem;font-weight:500;white-space:nowrap}.ilp-view-btn:hover{background-color:#5a6fd6;color:#fff}.ilp-table tfoot .ilp-total-row{background-color:var(--bg-tertiary);font-weight:700;font-size:1rem}.ilp-table tfoot .ilp-total-row td{border-top:2px solid var(--border-color);padding:.85rem}.ilp-table tfoot .ilp-total-row .ilp-amount{color:var(--success-text)}.ilp-empty{padding:3rem 1rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px}@media(max-width:768px){.ilp-search-controls{flex-direction:column}.ilp-search-input,.ilp-search-field,.ilp-search-btn{width:100%}.ilp-table{min-width:600px;font-size:.85rem}.ilp-table th,.ilp-table td{padding:.5rem .6rem}.invoice-list-page h2{font-size:1.3rem}}@media(max-width:480px){.ilp-table{font-size:.8rem}.ilp-table th,.ilp-table td{padding:.4rem .5rem}}.login-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 16px var(--shadow);text-align:center}.login-card h1{margin:0 0 .25rem;font-size:1.6rem}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem}.login-field{margin-bottom:1.25rem;text-align:left}.login-field label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.login-field input{width:100%;padding:.7rem .85rem;border:1px solid var(--border-color-light);border-radius:4px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}.login-field input:focus{outline:none;border-color:#667eea}.login-error{padding:.6rem;margin-bottom:1rem;background-color:var(--error-bg);color:var(--error-text);border-radius:4px;font-size:.9rem}.login-btn{width:100%;padding:.8rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login-btn:hover:not(:disabled){background-color:#5a6fd6}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-card{padding:1.5rem}.login-card h1{font-size:1.3rem}}.theme-toggle{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;box-shadow:0 4px 6px #0000001a}.theme-toggle:hover{transform:scale(1.1);background:#ffffff4d}.theme-toggle:active{transform:scale(.95)}@media(max-width:768px){.theme-toggle{width:45px;height:45px;top:15px;right:15px;font-size:1.3rem}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;box-shadow:0 2px 10px var(--shadow)}.app-header h1{margin:0 0 .5rem;font-size:2.5rem;color:#fff}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.app-nav{display:flex;justify-content:center;gap:0;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-link{padding:1rem 2rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;border-bottom:3px solid transparent;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.nav-link:hover{color:#667eea;background-color:var(--bg-secondary)}.nav-link.active{color:#667eea;border-bottom-color:#667eea;background-color:var(--bg-secondary)}.nav-spacer{flex:1}.nav-logout{background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent;padding:1rem 2rem;transition:all .2s ease}.nav-logout:hover{color:#e53935}.app-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.app-footer{background-color:var(--bg-tertiary);padding:1.5rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color)}.app-footer p{margin:0}.message{padding:1rem 1.5rem;border-radius:4px;margin-bottom:2rem;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-success{background-color:var(--success-bg);color:var(--success-text);border-left:4px solid var(--success-border)}.message-error{background-color:var(--error-bg);color:var(--error-text);border-left:4px solid var(--error-border)}.message-info{background-color:var(--info-bg);color:var(--info-text);border-left:4px solid var(--info-border)}@media(max-width:1024px){.app-main{padding:1.5rem}}@media(max-width:768px){.app-header h1{font-size:1.6rem}.app-header p{font-size:.9rem}.app-header{padding:1.25rem 1rem}.app-nav{justify-content:flex-start}.nav-link{padding:.7rem 1rem;font-size:.85rem}.app-main{padding:1rem}.message{padding:.75rem 1rem;font-size:.9rem}}@media(max-width:480px){.app-header h1{font-size:1.3rem}.app-header p{font-size:.8rem}.app-header{padding:1rem .75rem}.app-main{padding:.5rem}.nav-link{padding:.6rem .75rem;font-size:.8rem}}