*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{min-height:100vh}.header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.header h1{font-size:1.5rem;font-weight:600}.header nav{display:flex;gap:.5rem}.header nav button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.header nav button.active,.header nav button:hover{background:#ffffff4d}.main{margin:0 auto;max-width:1200px;padding:2rem}.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.view-header h2{color:#333;font-size:1.5rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s}.list-item:hover{box-shadow:0 4px 12px #00000014}.list-item.selected{border-color:#667eea}.item-main{display:flex;flex-direction:column;gap:.25rem}.invoice-number{color:#333;font-weight:600}.customer-name{color:#333;font-weight:500}.customer-email{color:#666;font-size:.9rem}.item-meta{align-items:center;display:flex;gap:1rem}.status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.status-pending{background:#fff3cd;color:#856404}.status-paid{background:#d4edda;color:#155724}.status-overdue{background:#f8d7da;color:#721c24}.status-cancelled{background:#e2e3e5;color:#383d41}.total{color:#333;font-size:1.1rem;font-weight:600}.empty{background:#fff;border-radius:8px;color:#666;padding:3rem;text-align:center}.invoices-view{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.invoices-view .list,.invoices-view .view-header{grid-column:1}.invoice-details{grid-column:2;grid-row:1/3}.invoice-details h3{color:#333;margin-bottom:1rem}.detail-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.detail-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.detail-header h4{color:#667eea;font-size:1.25rem;margin-bottom:.25rem}.detail-header p{color:#666}.detail-header .address{color:#888;font-size:.85rem;margin-top:.5rem}.detail-status select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.dates{color:#666;display:flex;font-size:.9rem;gap:2rem;margin-bottom:1.5rem}.items-table{border-collapse:collapse;width:100%}.items-table td,.items-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left}.items-table th{color:#666;font-size:.85rem;font-weight:500;text-transform:uppercase}.items-table tfoot td{border-bottom:none;border-top:2px solid #333}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:450px;overflow-y:auto;padding:2rem;width:100%}.modal-large{max-width:600px}.modal h3{color:#333;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.form-actions button{border-radius:6px;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem}.form-actions button:first-child{background:#eee;border:none;color:#666}.items-section{margin:1.5rem 0}.items-section>label{color:#555;display:block;font-weight:500;margin-bottom:.75rem}.item-row{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 80px 100px 80px 30px;margin-bottom:.5rem}.item-row input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem}.item-amount{color:#333;font-weight:500;text-align:right}.btn-remove{background:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;height:28px;line-height:1;width:28px}.btn-add{background:none;border:1px dashed #667eea;border-radius:4px;color:#667eea;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem}.invoice-total{border-top:2px solid #eee;font-size:1.2rem;padding:1rem 0;text-align:right}@media (max-width:900px){.invoices-view{grid-template-columns:1fr}.invoice-details{grid-column:1;grid-row:auto}}@media (max-width:600px){.header{flex-direction:column;gap:1rem}.item-row{grid-template-columns:1fr 60px 80px}.btn-remove,.item-amount{display:none}}
/*# sourceMappingURL=main.938bcf76.css.map*/