#root{min-height:100vh;width:100%}.neumorphic-text-shadow{text-shadow:-5px -5px 10px rgba(255,255,255,.7),5px 5px 10px rgba(174,174,192,.5)}.neumorphic-box-shadow{box-shadow:-7px -7px 15px #ffffffb3,7px 7px 15px #aeaec080}.neumorphic-button-shadow{box-shadow:-5px -5px 10px #ffffffb3,5px 5px 10px #aeaec080}.neumorphic-button-active-shadow:active{box-shadow:inset 3px 3px 7px #aeaec0b3,inset -3px -3px 7px #ffffffb3}.neumorphic-dropdown-shadow{box-shadow:-3px -3px 7px #ffffffb3,3px 3px 7px #aeaec080}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:#e0e0e0;margin:0;min-height:100vh}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-custom{animation:bounce 1.5s infinite}.invoice-list-container{padding:2rem;max-width:1200px;margin:0 auto}.invoice-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.create-invoice-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-invoice-btn svg{width:20px;height:20px}.invoice-controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#999}.filter-container{min-width:150px}.filter-select{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#666;border:2px solid #e1e5e9;padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{width:18px;height:18px}.invoice-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.invoice-table td{padding:1rem;border-bottom:1px solid #f1f3f4;vertical-align:middle}.invoice-row{cursor:pointer;transition:all .2s ease}.invoice-row:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.invoice-number .number-text{font-weight:600;color:#667eea;font-size:.9rem}.customer-name .name{font-weight:500;color:#333}.invoice-date{color:#666;font-size:.9rem}.invoice-amount .amount-text{font-weight:600;color:#28a745;font-size:1rem}.invoice-status .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-paid{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-overdue{background:#f8d7da;color:#721c24}.status-due-today{background:#cce5ff;color:#004085}.status-default{background:#e2e3e5;color:#383d41}.invoice-actions{display:flex;gap:.5rem}.view-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn{background:#667eea;color:#fff}.view-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#666;font-size:.9rem}.loading-indicator .loading-spinner.small{margin-bottom:0}.error-state h3{margin:0 0 .5rem;color:#721c24}.error-state p{margin:0 0 1.5rem;color:#721c24}.retry-btn,.back-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 .5rem}.retry-btn:hover{background:#5a6fd8}.back-btn:hover{background:#5a6268}.error-actions{display:flex;gap:1rem;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem;color:#999}.empty-state h3{margin:0 0 .5rem;color:#333}.empty-state p{margin:0 0 1.5rem;color:#666;max-width:400px}.create-first-invoice-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-first-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.invoice-list-container{padding:1rem}.invoice-list-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content h1{font-size:2rem}.invoice-controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.invoice-table-container{overflow-x:auto}.invoice-table th,.invoice-table td{padding:.75rem .5rem;font-size:.85rem}.invoice-actions{flex-direction:column;gap:.25rem}.view-btn,.delete-btn{padding:.4rem .8rem;font-size:.8rem}}.create-invoice-container{padding:2rem;max-width:1200px;margin:0 auto}.create-invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content h1{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.header-content p{font-size:1.1rem;color:#666;margin:0}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-btn{background:#f8f9fa;color:#666;border:2px solid #e1e5e9}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.submit-error{display:flex;align-items:center;gap:.75rem;background:#f8d7da;color:#721c24;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #f5c6cb}.error-icon{color:#dc3545;flex-shrink:0}.submit-error span{font-weight:500}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:1.5px}.invoice-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-sections{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f3f4}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:.25rem}.items-section{margin-top:1rem}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-item-btn{display:flex;align-items:center;gap:.5rem;background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.add-item-btn:disabled{opacity:.6;cursor:not-allowed}.item-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:1rem;align-items:start;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;border:1px solid #e9ecef}.item-row:last-child{margin-bottom:0}.item-title input,.item-description textarea{width:100%;margin:0}.item-qty input,.item-amount input{width:100%;margin:0;text-align:center}.remove-item-btn{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-item-btn:hover:not(:disabled){background:#c82333;transform:scale(1.05)}.remove-item-btn:disabled{opacity:.6;cursor:not-allowed}.totals-section{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-top:2rem}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.total-row:not(:last-child){border-bottom:1px solid #e9ecef}.total-label{font-weight:500;color:#495057}.total-value{font-weight:600;color:#333}.total-row.final .total-value{font-size:1.2rem;color:#667eea}@media (max-width: 768px){.create-invoice-container{padding:1rem}.create-invoice-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content h1{font-size:2rem}.header-actions{justify-content:stretch}.cancel-btn,.save-btn{flex:1;justify-content:center}.form-sections{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.item-row{grid-template-columns:1fr;gap:.75rem}.item-row>div{display:flex;flex-direction:column}.totals-grid{grid-template-columns:1fr}}@media (max-width: 480px){.create-invoice-container{padding:.5rem}.form-sections{padding:1rem}.header-content h1{font-size:1.75rem}}body{font-family:Arial,sans-serif;margin:0;padding:20px;background-color:transparent;color:#000;line-height:1.4;opacity:1}.invoice-container{z-index:1}.invoice-container{max-width:900px;margin:0 auto;background:transparent}.invoice-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Icon%20MAX-CcGHdpxx.png);background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:.1;pointer-events:none;z-index:0}.invoice-header{padding:20px;border-bottom:2px solid #000}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.company-logo{flex:1}.logo-img{max-width:150px;height:auto}.invoice-title{flex:1;text-align:right}.invoice-title h1{font-size:36px;margin:0;font-weight:700;color:#000}.invoice-number{font-size:16px;margin-top:5px;color:#666}.company-details{margin-top:20px}.invoice-body{padding:20px}.billing-section{display:flex;justify-content:space-between;margin-bottom:30px}.bill-to,.invoice-details{flex:1}.invoice-details{margin-left:40px}.section-title{font-weight:700;font-size:14px;margin-bottom:10px;text-transform:uppercase}.details-table{margin-bottom:15px}.details-table td{padding:3px 0;vertical-align:top}.details-table .label{font-weight:700;padding-right:20px;width:120px}.services-table{width:100%;border-collapse:collapse;margin:30px 0 20px;font-size:14px}.services-table th{background-color:#f5f5f5;border:1px solid #000;padding:10px;text-align:left;font-weight:700}.services-table td{border:1px solid #000;padding:10px;vertical-align:top}.services-table .amount{text-align:right}.totals-section{margin-top:20px;margin-left:auto;width:300px}.totals-table{width:100%;border-collapse:collapse}.totals-table td{padding:5px 10px;border:1px solid #000}.totals-table .label{font-weight:700;text-align:right;background-color:#f5f5f5}.totals-table .amount{text-align:right;width:120px}.total-due{font-weight:700;font-size:16px;background-color:#e6e6e6}.tax-notice{margin:20px 0;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;font-style:italic;text-align:center}.payment-terms{margin-top:30px;border-top:1px solid #ddd;padding-top:20px}.business-number{font-weight:700;margin-top:10px}@media print{.invoice-container{width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;background:#fff!important;color:#000!important}.invoice-header,.invoice-body,.services-table,.totals-section{page-break-inside:avoid;break-inside:avoid}table{border-collapse:collapse!important;width:100%!important}th,td{border:1px solid #ddd!important;padding:8px!important;text-align:left!important}body{font-size:12pt!important;line-height:1.4!important;color:#000!important}*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}.logo-img{max-width:150px!important;height:auto!important}.invoice-header,.invoice-body{margin-bottom:20px!important}.no-print{display:none!important}}.invoice-detail-container{padding:2rem;max-width:1200px;margin:0 auto}.invoice-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content{display:flex;align-items:center;gap:1.5rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#666;border:2px solid #e1e5e9;padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-1px)}.back-btn svg{width:20px;height:20px}.invoice-info h1{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.invoice-meta{display:flex;align-items:center;gap:1rem}.customer-name{font-size:1.1rem;color:#666;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#d4edda;color:#155724}.header-actions{display:flex;gap:1rem}.edit-btn,.delete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.edit-btn svg,.delete-btn svg{width:20px;height:20px}.invoice-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#666;font-size:1.1rem;margin:0}.error-state{color:#721c24}.error-icon{margin-bottom:1rem;color:#dc3545}.error-state h3{margin:0 0 .5rem;color:#721c24;font-size:1.5rem}.error-state p{margin:0 0 1.5rem;color:#721c24;font-size:1rem;max-width:500px}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-btn,.back-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn{background:#667eea;color:#fff}.retry-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.back-btn{background:#6c757d;color:#fff}.back-btn:hover{background:#5a6268;transform:translateY(-1px)}.print-btn{background-color:#17a2b8;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.print-btn:hover{background-color:#138496;transform:translateY(-1px)}@media (max-width: 768px){.invoice-detail-container{padding:1rem}.invoice-detail-header,.header-content{flex-direction:column;align-items:stretch;gap:1rem}.invoice-info h1{font-size:2rem}.invoice-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.header-actions{justify-content:stretch}.edit-btn,.delete-btn{flex:1;justify-content:center}}@media (max-width: 480px){.invoice-detail-container{padding:.5rem}.invoice-info h1{font-size:1.75rem}.error-actions{flex-direction:column;align-items:stretch}.retry-btn,.back-btn{width:100%}}@media print{.invoice-detail-header,.header-actions,.back-btn,.print-btn,.edit-btn,.delete-btn{display:none!important}.invoice-detail-container{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}.invoice-content{margin:0!important;padding:0!important;width:100%!important}.invoice-container{page-break-inside:avoid;break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}body{font-size:12pt!important;line-height:1.4!important}.loading-state,.error-state{display:none!important}}