.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.header-title{font-size:1.5rem;font-weight:700;color:#111827}.header-subtitle{color:#4b5563;font-size:.875rem}.logout-btn{padding:.5rem 1rem;color:#374151;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background:#f3f4f6}.main{max-width:1400px;margin:0 auto;padding:2rem 1rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.content-title{font-size:1.875rem;font-weight:700;color:#111827}.content-subtitle{color:#4b5563;margin-top:.25rem}.primary-btn{background:#4f46e5;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.primary-btn:hover{background:#4338ca}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.form-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input{width:100%;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:box-shadow .2s}.form-input:focus{box-shadow:0 0 0 3px #4f46e51a;border-color:#4f46e5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-row{display:flex;gap:.75rem;margin-bottom:.75rem}.form-row input{padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.form-total{border-top:1px solid #e5e7eb;padding-top:1rem;text-align:right;font-size:1.125rem;font-weight:700;color:#111827}.add-item-btn{color:#4f46e5;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem 0;border:none}.add-item-btn:hover{color:#4338ca}.remove-btn{color:#dc2626;background:transparent;padding:.5rem .75rem;cursor:pointer;border-radius:.5rem;transition:background-color .2s;border:none}.remove-btn:hover{background:#fee2e2}.cancel-btn{color:#4b5563;background:transparent;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s;border:none}.cancel-btn:hover{background:#f3f4f6}.full-width-btn{width:100%;padding:.5rem 1rem;font-weight:500;border-radius:.5rem;transition:background-color .2s}.error-message{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.table tbody tr:hover{background:#f9fafb}.table-invoice-number{color:#4f46e5;font-weight:500}.table-amount{font-weight:500;color:#111827}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-paid{background:#dcfce7;color:#15803d}.status-sent{background:#dbeafe;color:#0369a1}.status-draft{background:#f3f4f6;color:#374151}.empty-state{background:#fff;border-radius:.5rem;padding:3rem;text-align:center;color:#6b7280;font-size:1.125rem}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;justify-content:center;padding:3rem}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff)}.login-card{background:#fff;border-radius:.5rem;box-shadow:0 10px 40px #0000001a;padding:2rem;width:100%;max-width:28rem}.login-title{font-size:1.875rem;font-weight:700;text-align:center;color:#111827;margin-bottom:.5rem}.login-subtitle{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-toggle{text-align:center;color:#6b7280;font-size:.875rem;margin-top:1.5rem}.login-toggle button{color:#4f46e5;background:transparent;cursor:pointer;font-weight:500;border:none}.login-toggle button:hover{color:#4338ca}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f9fafb;color:#1f2937;line-height:1.5}html,body,#root{height:100%}input,button,textarea{font-family:inherit;font-size:inherit}input:focus,textarea:focus{outline:none}button{cursor:pointer;border:none}