.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;box-shadow:0 2px 10px #0003}.app-header h1{color:#fff!important}.app-main{flex:1;background-color:#f5f6fa}.invoices-view[data-v-36f853f7]{min-height:100vh;background:#f8f9fa}.form-control-sm[data-v-36f853f7],.form-select-sm[data-v-36f853f7]{min-width:80px}td input[type=number][data-v-36f853f7]{min-width:100px}td input[type=date][data-v-36f853f7]{min-width:130px}td input[type=email][data-v-36f853f7],td input[type=text][data-v-36f853f7]{min-width:120px}.invoice-search-form[data-v-e7ca30bf]{max-width:500px;margin:0 auto}.client-panel[data-v-62e6f86b]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.login-container[data-v-532ccfbe]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.login-card[data-v-532ccfbe]{background:#fff;border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-header[data-v-532ccfbe]{text-align:center;margin-bottom:2rem}.login-header h1[data-v-532ccfbe]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.login-form[data-v-532ccfbe]{margin-bottom:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.split-screen{display:flex;height:calc(100vh - 60px)}.split-screen .panel{flex:1;overflow-y:auto;padding:1.5rem}.split-screen .panel.erp-panel{background-color:#fff;border-right:3px solid #e9ecef}.split-screen .panel.client-panel{background-color:#f8f9fa}.split-screen .panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.split-screen .panel-header h2{margin:0;font-size:1.25rem;font-weight:600}.split-screen .panel-header .panel-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.invoice-table{width:100%}.invoice-table th{background-color:#f8f9fa;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#6c757d}.invoice-table td{vertical-align:middle}.invoice-table .amount{font-weight:600;font-family:Courier New,Courier,monospace}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.sent{background-color:#cce5ff;color:#004085}.status-badge.paid{background-color:#d4edda;color:#155724}.status-badge.overdue{background-color:#f8d7da;color:#721c24}.demo-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;margin-bottom:1.5rem}.demo-card.highlight{border:2px solid #0d6efd}.search-form .form-control{font-size:1.1rem;padding:.75rem 1rem;border-radius:8px}.search-form .form-control:focus{box-shadow:0 0 0 3px #0d6efd26}.payment-preview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:2rem}.payment-preview .payment-amount{font-size:2.5rem;font-weight:700}.payment-preview .payment-details{opacity:.9}.payment-preview .payment-details dt{font-weight:400;opacity:.8}.payment-preview .payment-details dd{font-weight:500;margin-bottom:.5rem}.email-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.email-preview .email-header{background:#f8f9fa;padding:1rem;border-bottom:1px solid #dee2e6}.email-preview .email-header .from,.email-preview .email-header .to,.email-preview .email-header .subject{display:flex;gap:.5rem;font-size:.9rem}.email-preview .email-header .from strong,.email-preview .email-header .to strong,.email-preview .email-header .subject strong{color:#6c757d;min-width:60px}.email-preview .email-body{padding:1.5rem}.email-preview .qr-code{display:flex;justify-content:center;padding:1rem;background:#f8f9fa;border-radius:8px}@keyframes highlight-row{0%{background-color:#d4edda}to{background-color:transparent}}.row-updated{animation:highlight-row 2s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s infinite}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:1050}.btn-action{padding:.25rem .5rem;font-size:.875rem}.btn-action:hover{transform:translateY(-1px)}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state i{font-size:3rem;opacity:.5;margin-bottom:1rem}