main h2{font-size:1.5rem;color:var(--gray-800);margin-bottom:var(--spacing-lg);font-weight:600}section{background-color:var(--card-bg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);border:1px solid var(--border-color)}section>h3{font-size:1.15rem;color:var(--gray-700);margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200);font-weight:500}.section-header-flex{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.section-header-flex h3{font-size:1.15rem;color:var(--gray-700);margin:0;padding:0;border:none;font-weight:500;flex-grow:1}.invoice-date-container{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.invoice-date-container label{margin-bottom:0;font-weight:400;color:var(--gray-600);font-size:.9rem;white-space:nowrap}.invoice-date-container input[type=date]{margin-bottom:0;max-width:160px;padding:6px 10px;font-size:.9rem}input[type=tel],input[type=file],input[type=date]{background-color:var(--input-bg-color);color:var(--text-color);border:1px solid var(--input-border-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;width:100%;box-sizing:border-box;transition:var(--transition);font-family:inherit}input[type=tel]:focus,input[type=file]:focus,input[type=date]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #4361ee33}input[type=file]{padding:5px;background-color:var(--gray-100);line-height:normal}input[type=date]{max-width:200px}small{color:var(--text-muted);font-size:.85rem;display:block;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}#logo-preview{display:none;max-width:150px;max-height:80px;margin-top:var(--spacing-sm);border:1px solid var(--border-color);padding:2px;background-color:var(--card-bg);object-fit:contain;vertical-align:middle}#invoice-date-format{max-width:300px}#invoice-items-table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);table-layout:fixed}#invoice-items-table th,#invoice-items-table td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;vertical-align:top}#invoice-items-table th{background-color:var(--gray-100);font-weight:500;color:var(--gray-700);font-size:.85rem;text-transform:uppercase}#invoice-items-table th.description-col,#invoice-items-table td:nth-child(1){width:45%}#invoice-items-table th.amount-col,#invoice-items-table td:nth-child(2){width:15%}#invoice-items-table th.discount-col,#invoice-items-table td:nth-child(3){width:15%}#invoice-items-table th.line-total-col,#invoice-items-table td:nth-child(4){width:15%}#invoice-items-table th.action-col,#invoice-items-table td:nth-child(5){width:10%;text-align:center;vertical-align:middle}#invoice-items-table textarea.item-description{width:100%;padding:var(--spacing-sm);margin-bottom:0;border:1px solid var(--gray-200);resize:none;overflow-y:hidden;min-height:40px;line-height:1.4;font-family:inherit;font-size:.9rem;border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);color:var(--text-color)}#invoice-items-table textarea.item-description:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4361ee33;outline:none}#invoice-items-table input.item-amount,#invoice-items-table input.item-discount{width:100%;padding:var(--spacing-sm);margin-bottom:0;text-align:right;border:1px solid var(--gray-200);border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);color:var(--text-color)}#invoice-items-table input.item-amount:focus,#invoice-items-table input.item-discount:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4361ee33;outline:none}#invoice-items-table td.item-line-total{text-align:right;font-family:Menlo,Consolas,monospace;font-weight:500;vertical-align:middle}button#add-item-btn{margin-top:var(--spacing-sm)}button.remove-item-btn{background-color:var(--danger);color:#fff;padding:6px 10px;font-size:.8rem;margin:0;border-color:var(--danger)}button.remove-item-btn:hover{background-color:#d63e60;border-color:#d63e60}.totals-grid{display:grid;grid-template-columns:1fr auto;gap:12px;max-width:450px;margin-left:auto;font-size:1rem;margin-top:var(--spacing-md)}.totals-grid span:nth-child(odd){text-align:right;font-weight:500;color:var(--gray-600)}.totals-grid span:nth-child(2n){font-family:Menlo,Consolas,monospace;font-weight:500}.grand-total{font-weight:700;font-size:1.15rem;color:var(--gray-800)}#actions-toolbox{position:fixed;top:100px;left:30px;width:90%;max-width:180px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);z-index:1001;border:1px solid var(--border-color)}.toolbox-header{background-color:var(--primary);color:#fff;padding:10px 15px;border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:move;position:relative;display:flex;justify-content:center;align-items:center;min-height:40px}.toolbox-header h2{margin:0;font-size:1rem;font-weight:500;color:#fff;border:none;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbox-content{padding:var(--spacing-md);max-height:70vh;overflow-y:auto}.toolbox-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px dashed var(--gray-200)}.toolbox-section:last-of-type{border:none;padding-bottom:0;margin-bottom:0}#actions-toolbox h3{margin:0 0 var(--spacing-sm) 0;font-size:.9rem;color:var(--gray-700);border:none;font-weight:600}#actions-toolbox .action-group{padding:5px 0;border:none;margin-bottom:0}#actions-toolbox .action-group label{margin-bottom:var(--spacing-sm)}#actions-toolbox .action-group button{display:block;width:100%;margin:0 0 var(--spacing-sm) 0;font-size:.85rem;padding:var(--spacing-sm) 10px;text-align:center}#actions-toolbox .action-group button:last-child{margin-bottom:0}#save-prefs-file-btn,#save-invoice-file-btn{background-color:#8e44ad;border-color:#8e44ad;color:#fff}#save-prefs-file-btn:hover,#save-invoice-file-btn:hover{background-color:#7030a0;border-color:#7030a0}#load-prefs-file-trigger,#load-invoice-file-trigger{background-color:var(--warning);border-color:var(--warning);color:var(--gray-800)}#load-prefs-file-trigger:hover,#load-invoice-file-trigger:hover{background-color:#e6bc5c;border-color:#e6bc5c}#generate-pdf-btn{background-color:var(--primary);border-color:var(--primary);color:#fff}#generate-pdf-btn:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}#preview-pdf-btn{background-color:var(--success);border-color:var(--success);color:#fff}#preview-pdf-btn:hover{background-color:#05b386;border-color:#05b386}#actions-toolbox .pdf-options{text-align:left}#actions-toolbox .pdf-options label{display:block;margin:0 0 6px;font-weight:400;font-size:.9rem}#actions-toolbox .pdf-options label:first-of-type{font-weight:700;margin-bottom:var(--spacing-sm);font-size:.95rem}#actions-toolbox .pdf-options input[type=radio]{margin:0 5px 0 0;vertical-align:middle;width:auto}#actions-toolbox p small{display:block;text-align:center;margin-top:var(--spacing-md);line-height:1.4;color:var(--text-muted);font-size:.8rem}#actions-toolbox.dragging,#actions-toolbox.dragging *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;z-index:1050;display:none}#pdf-preview-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90vh;max-width:1000px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);z-index:1051;display:none;flex-direction:column}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--gray-100);border-bottom:1px solid var(--border-color);border-radius:var(--border-radius) var(--border-radius) 0 0;flex-shrink:0}.pdf-preview-header h3{margin:0;font-size:1.1rem;color:var(--gray-800);font-weight:500}.preview-close-btn{background:none;border:none;font-size:2em;color:var(--gray-500);cursor:pointer;padding:0 5px;line-height:1;font-weight:700}.preview-close-btn:hover{color:var(--gray-700)}.pdf-preview-content{flex-grow:1;padding:0;overflow:hidden;border-radius:0 0 var(--border-radius) var(--border-radius)}#pdf-preview-iframe{width:100%;height:100%;border:none}body.dark-theme section{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme #invoice-items-table th{background-color:var(--gray-200);color:var(--gray-700)}body.dark-theme #invoice-items-table th,body.dark-theme #invoice-items-table td{border-color:var(--border-color)}body.dark-theme #invoice-items-table textarea.item-description,body.dark-theme #invoice-items-table input.item-amount,body.dark-theme #invoice-items-table input.item-discount{background-color:var(--input-bg-color);color:var(--text-color);border-color:var(--input-border-color)}body.dark-theme .toolbox-header{background-color:var(--primary)}body.dark-theme #actions-toolbox{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .toolbox-section{border-bottom-color:var(--border-color)}body.dark-theme #actions-toolbox h3{color:var(--gray-700)}body.dark-theme .pdf-preview-header{background-color:var(--gray-200);border-color:var(--border-color)}body.dark-theme #pdf-preview-modal{background-color:var(--card-bg)}@media (max-width: 768px){.section-header-flex{flex-direction:column;align-items:flex-start}.invoice-date-container{margin-top:var(--spacing-sm)}.totals-grid{max-width:100%}#actions-toolbox{max-width:180px;left:15px;top:100px}#pdf-preview-modal{width:95%;height:85vh}}@media (max-width: 480px){#invoice-items-table{display:block;overflow-x:auto}#actions-toolbox{max-width:160px;left:10px}#actions-toolbox .action-group button{font-size:.8rem;padding:var(--spacing-sm)}}
