.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:space-between;min-width:300px;z-index:1000;animation:slideIn .3s ease-out}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;margin-left:15px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.page{background:#fff;display:block;margin:20px auto;box-shadow:0 0 .5cm #00000080;width:21cm;min-height:29.7cm;padding:1.5cm;box-sizing:border-box}.page table{width:100%;border-collapse:collapse}.page th,.page td{padding:6px 8px;text-align:left;font-family:Times New Roman,Times,serif;font-size:11pt;vertical-align:top}.page p{margin:0;padding:0;font-family:Times New Roman,Times,serif;font-size:11pt}.header-section{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;margin-bottom:25px;border-bottom:1px solid #ddd}.header-section .logo{width:45%}.header-section .contact-info{width:50%;text-align:right;font-size:12pt}.header-section .contact-info p{margin-bottom:3px}.info-section{display:flex;justify-content:space-between;align-items:top;margin-bottom:25px}.info-section .customer-details{width:50%}.info-section .customer-details p{font-weight:700;font-size:11pt;margin-bottom:8px}.info-section .event-details{width:45%}.info-section .event-details td{border:1px solid black;font-size:10pt}.info-section .event-details td.label{background-color:#222a35;color:#fff;font-weight:700;width:35%}.main-table{margin-bottom:25px}.main-table th{background-color:#222a35;color:#fff;font-weight:700;border:1px solid black;text-align:center}.main-table td{border:1px solid black}.main-table td:first-child{width:35%}.main-table td:last-child{width:15%;text-align:right}.main-table .details-col{white-space:pre-wrap;word-break:break-word}.notes-and-totals-section{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;page-break-inside:avoid}.notes-and-totals-section .notes-box{width:65%;border:1px solid black}.notes-and-totals-section .notes-box .notes-header{background-color:#222a35;color:#fff;text-align:center;font-weight:700;padding:4px}.notes-and-totals-section .notes-box .notes-content{min-height:80px;padding:8px;white-space:pre-wrap}.notes-and-totals-section .totals-box{width:33%}.totals-box table{border-collapse:collapse}.totals-box table td{border:1.5px solid black;font-weight:700;font-size:12pt;padding:5px 10px}.totals-box td.label{background-color:#222a35;color:#fff;text-align:left}.totals-box td.value{background-color:#fff;text-align:right}.acknowledgement{font-size:9pt;text-align:justify;margin-top:30px;font-weight:700}.signature-section{display:flex;justify-content:space-around;text-align:center;margin-top:60px;page-break-inside:avoid}.signature-section .signature-area{font-size:10pt}.signature-section .signature-area p{font-weight:700}.signature-section .signature-area span{font-size:9pt;font-weight:400}@page{size:A4;margin:.38in}@media print{body{background:#fff}.page{margin:0;box-shadow:none;width:100%;height:100%;min-height:unset;padding:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}:root{--brand-primary: #F5BD5A;--brand-dark: #171F2F;--brand-light: #FEEFC4;--text-light: #ffffff;--text-dark: #171F2F;--background-light: #f9fafb;--border-color: #e5e7eb;font-family:Poppins,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-light);color:var(--text-dark)}body{margin:0}.container{width:100%;max-width:900px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}header h1{text-align:center;color:var(--brand-dark);margin-bottom:2rem;font-weight:600}form{display:flex;flex-direction:column;gap:1.5rem}fieldset{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}legend{font-weight:600;padding:0 .5rem;color:var(--brand-dark)}input,select,textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #f5bd5a4d}textarea{min-height:100px;resize:vertical}.grid-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.grid-container{grid-template-columns:1fr 1fr}}.item-row{display:grid;grid-template-columns:150px 1fr 120px 100px;gap:.75rem;align-items:center}.total-row{display:flex;justify-content:space-between;align-items:center}.total-row label{font-weight:600}.total-row input{max-width:150px;text-align:right;background-color:#f3f4f6;font-weight:600}button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}button[type=button]{background-color:#e5e7eb;color:var(--text-dark)}button[type=button]:hover{background-color:#d1d5db}.submit-btn{background-color:var(--brand-dark);color:var(--text-light);padding:12px 20px;font-size:1.1rem;margin-top:1rem}.submit-btn:hover{background-color:#313d52}.main-nav{background-color:var(--brand-dark);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-light)}.main-nav a{color:var(--text-light);text-decoration:none;font-weight:500}.nav-link{margin-left:1.5rem;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s}.nav-link:hover{background-color:#313d52}.logo-link img{height:50px}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border:1px solid var(--border-color);padding:12px 15px;text-align:left}th{background-color:#f9fafb;font-weight:600}.view-button{background-color:var(--brand-primary);color:var(--brand-dark);padding:8px 16px;text-decoration:none;border-radius:6px;font-weight:500;transition:background-color .2s}.view-button:hover{background-color:#f3b14a}.invoice-list-container h2{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}@media print{.main-nav,.print-controls{display:none!important}body{background:#fff}.container{padding:0;margin:0;box-shadow:none;border-radius:0}}.print-controls{padding:1rem 0;text-align:right;max-width:900px;margin:0 auto}.print-button,.back-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;text-decoration:none;margin-left:1rem}.print-button{background-color:var(--brand-dark);color:#fff}.back-button{background-color:#e5e7eb;color:var(--text-dark)}.tabs{display:flex;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.tabs button{padding:1rem 1.5rem;border:none;background-color:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#6b7280;position:relative;top:2px}.tabs button.active{color:var(--brand-dark);border-bottom:2px solid var(--brand-primary)}.item-row button{padding:8px 12px}.remove-btn{background-color:#fee2e2;color:#ef4444}.remove-btn:hover{background-color:#fecaca}.add-btn{background-color:#e0e7ff;color:#4f46e5;font-weight:600;width:fit-content}.add-btn:hover{background-color:#c7d2fe}.empty-state{text-align:center;padding:4rem 2rem;border:2px dashed var(--border-color);border-radius:8px;background-color:#f9fafb}.empty-state h3{font-size:1.5rem;color:var(--brand-dark);margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:2rem}.btn-create-first{display:inline-block;background-color:var(--brand-primary);color:var(--brand-dark);padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:background-color .2s}.btn-create-first:hover{background-color:#f3b14a}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-input{width:100%;max-width:320px;padding:10px 14px;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #f5bd5a4d}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:#f3f4f6}.action-buttons{display:flex;gap:.5rem}.action-buttons a,.action-buttons button{padding:6px 12px;text-decoration:none;border-radius:5px;font-weight:500;font-size:.875rem;border:1px solid transparent;cursor:pointer;transition:all .2s}.edit-button{background-color:#e0e7ff;color:#4338ca}.edit-button:hover{background-color:#c7d2fe}.delete-button{background-color:#fee2e2;color:#b91c1c}.delete-button:hover{background-color:#fecaca}