:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f5;--color-bg:#0b0b0f;--color-surface:#18181b;--color-surface-muted:#242428;--color-border:#3f3f46;--color-text:#f4f4f5;--color-text-muted:#a1a1aa;--color-accent:#646cff;--color-accent-hover:#535bf2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0b0f;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}a{color:var(--color-accent);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--color-accent-hover)}body{background:var(--color-bg);width:100%;min-width:320px;min-height:100vh;color:var(--color-text);margin:0;overflow-x:hidden}h1{font-size:clamp(2rem,7vw,3.2rem);line-height:1.1}button{background-color:var(--color-surface);color:var(--color-text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-surface-muted);width:100%;max-width:100%;color:var(--color-text);border:1px solid var(--color-border)}input::placeholder,textarea::placeholder{color:#71717a}.navbar{background:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.nav-brand{flex:none}.nav-brand a{align-items:center;display:inline-flex}.nav-links a{color:#fff;white-space:nowrap;border-radius:4px;padding:.5rem .65rem;text-decoration:none}.nav-logo{object-fit:contain;width:100px;height:32px}.nav-user{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;padding:.5rem .65rem;overflow:hidden}.nav-logout{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:4px;padding:.5rem .75rem;font-size:1rem}@media (max-width:700px){.navbar{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start;width:100%}.nav-links a,.nav-user,.nav-logout{font-size:.95rem}}@media (max-width:420px){.nav-links a,.nav-logout{text-align:center;flex:calc(50% - .5rem)}.nav-user{flex:100%;max-width:100%;padding-left:0}}.dashboard .stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:0 12px 28px #0000002e}.modal-overlay{background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;width:min(100%,640px);max-height:calc(100vh - 2rem);padding:1rem;overflow-y:auto}.form-section{margin-bottom:.75rem}.btn-primary{color:#fff;background:#4f46e5;border:none;border-radius:4px;padding:.5rem 1rem}@media (max-width:640px){.modal-overlay{align-items:flex-start}.form-row,.form-actions{flex-direction:column}.form-actions button{width:100%}}.clients .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.client-card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:1rem;box-shadow:0 12px 28px #0000002e}@media (max-width:640px){.clients .page-header{flex-direction:column;align-items:flex-start}.clients .page-header .btn-primary{width:100%}}.invoice-form-container{width:100%;max-width:900px;margin:0 auto;padding:1rem}.form-section{flex:1;min-width:0}.line-items-section{margin-top:1rem}.line-items-header{color:#a1a1aa;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.line-item-row input{min-width:0}.line-item-amount{flex:none}.invoice-totals{width:100%;max-width:320px;margin-left:auto}.totals-row{justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}@media (max-width:700px){.invoice-form-container{padding:0}.form-row,.form-actions{flex-direction:column}.line-items-header{display:none}.line-item-row{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:6px;flex-direction:column;align-items:stretch;padding:.75rem}.line-item-row input,.line-item-row button,.line-item-amount,.invoice-totals input{width:100%!important}.line-item-amount{color:var(--color-text-muted)}.form-actions button{width:100%}}.invoices .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.invoices-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.invoices-table th,.invoices-table td{text-align:left;border-bottom:1px solid #eee;padding:.75rem}@media (max-width:640px){.invoices .page-header{flex-direction:column;align-items:flex-start}.invoices .page-header .btn-primary{width:100%}}.expense-form-container{width:100%}.form-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.form-header h2{color:#fff;margin:0;font-size:1.5rem}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1}form{flex-direction:column;gap:1rem;display:flex}.form-row{gap:1rem;display:flex}.form-section{flex-direction:column;flex:1;display:flex}.form-section label{color:#f1f5f9;margin-bottom:.5rem;font-weight:500}.form-section input,.form-section select,.form-section textarea{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.75rem;font-family:inherit;font-size:1rem}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{border-color:#646cff;outline:none;box-shadow:0 0 0 3px #646cff2e}.form-section input:disabled,.form-section select:disabled,.form-section textarea:disabled{color:#777;cursor:not-allowed;background-color:#202020}.form-actions{border-top:1px solid #333;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.form-actions button{color:#fff;cursor:pointer;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.form-actions button:hover:not(:disabled){background-color:#333;border-color:#646cff}.form-actions .btn-primary{color:#fff;background-color:#646cff;border-color:#646cff}.form-actions .btn-primary:hover:not(:disabled){background-color:#5558e3;border-color:#5558e3}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#fecaca;background-color:#3f1d1d;border-left:4px solid #dc2626;border-radius:4px;padding:.75rem 1rem}@media (max-width:640px){.form-header{align-items:flex-start}.form-row,.form-actions{flex-direction:column}.form-actions button{width:100%}}.expenses{color:var(--color-text)}.expenses .page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.expenses .page-header h1{margin:0}.expenses .filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.expenses .filter-bar button{color:#999;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.expenses .filter-bar button:hover{color:#fff;background:#2a2a2a}.expenses .filter-bar button.active{color:#fff;background:#646cff;border-color:#646cff}.expenses .date-range-filter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-wrap:wrap;gap:1rem;margin:-.5rem 0 1.5rem;padding:1rem;display:flex}.expenses .date-input-group{flex-direction:column;gap:.5rem;display:flex}.expenses .date-input-group label{color:var(--color-text);font-weight:500}.expenses .date-input-group input{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);border-radius:4px;padding:.65rem .75rem}.expenses .expenses-summary{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;margin-bottom:1rem;display:grid}.expenses .summary-card{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:0 12px 28px #0000002e}.expenses .summary-card h3{color:#888;text-transform:uppercase;margin:0 0 .5rem;font-size:.9rem;font-weight:500}.expenses .summary-card .total-amount{color:#646cff;margin:0;font-size:2rem;font-weight:700}.expenses .summary-card .summary-label{color:#999;font-size:.9rem}.expenses .error-message{color:#fecaca;background-color:#3f1d1d;border:1px solid #7f1d1d;border-radius:4px;margin-bottom:1rem;padding:.75rem}.expenses .empty-state{text-align:center;color:#999;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:3rem}.expenses .empty-state p{margin:0}.expenses .expenses-table{-webkit-overflow-scrolling:touch;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:1rem;overflow-x:auto}.expenses .expenses-table table{border-collapse:collapse;width:100%;min-width:760px}.expenses .expenses-table th,.expenses .expenses-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2a2a2a;padding:.75rem}.expenses .expenses-table th{color:#fff;white-space:nowrap;background:#2a2a2a;border-bottom:2px solid #333;font-weight:600}.expenses .expenses-table td{color:#ccc}.expenses .expenses-table tbody tr:hover{background:#242424}.expenses .category-badge{color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.expenses .notes-cell{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.expenses .action-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.expenses .btn-small{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.expenses .btn-small:hover{background:#3a3a3a}.expenses .btn-small.btn-danger{color:#fff;background:#f44;border-color:#f44}.expenses .btn-small.btn-danger:hover{background:#c00;border-color:#c00}.expenses .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expenses .modal-content{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;width:90%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 45px #00000047}@media (max-width:768px){.expenses{padding:0}.expenses .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.expenses .filter-bar,.expenses .date-range-filter,.expenses .action-buttons{width:100%}.expenses .filter-bar button,.expenses .btn-primary,.expenses .date-input-group{flex:100%;width:100%}.expenses .expenses-summary{grid-template-columns:1fr}.expenses .modal-overlay{align-items:flex-start;padding:1rem;overflow-y:auto}.expenses .modal-content{width:100%;max-width:none;max-height:none;padding:1rem}.expenses .notes-cell{max-width:150px}}.print-container{background:#fff;max-width:8.5in;min-height:100vh;margin:0 auto;padding:1rem}.print-actions{background:#f5f5f5;border-radius:8px;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.btn-print,.btn-close{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem}.btn-print{color:#fff;background:#646cff}.btn-print:hover{background:#535bf2}.btn-close{color:#333;background:#e0e0e0}.btn-close:hover{background:#d0d0d0}.invoice-print{color:#000;background:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}.invoice-header{border-bottom:2px solid #333;justify-content:space-between;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.company-logo{object-fit:contain;max-width:220px;max-height:110px;margin-bottom:1rem;display:block}.company-info h1{color:#646cff;margin:0;font-size:2rem}.company-info p{color:#333;margin:.5rem 0 0}.invoice-info{text-align:right}.invoice-info h2{color:#333;margin:0;font-size:2rem}.invoice-info p{margin:.5rem 0}.status-print{border-radius:4px;margin-top:.5rem;padding:.5rem 1rem;font-weight:700;display:inline-block}.status-print.status-draft{color:#666;background:#f0f0f0}.status-print.status-sent{color:#856404;background:#fff3cd}.status-print.status-paid{color:#155724;background:#d4edda}.status-print.status-overdue{color:#721c24;background:#f8d7da}.invoice-parties{margin:2rem 0}.bill-to h3{color:#333;margin:0 0 1rem;font-size:1.1rem}.bill-to p{margin:.25rem 0;line-height:1.6}.invoice-items{margin:2rem 0}.invoice-items table{border-collapse:collapse;width:100%}.invoice-items th{text-align:left;background:#f5f5f5;border-bottom:2px solid #333;padding:1rem;font-weight:600}.invoice-items td{border-bottom:1px solid #ddd;padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.invoice-totals-print{max-width:300px;margin:2rem 0 2rem auto}.invoice-totals-print .totals-row{justify-content:space-between;padding:.75rem 0;font-size:1.1rem;display:flex}.invoice-totals-print .totals-row.total{color:#646cff;border-top:2px solid #333;margin-top:.5rem;padding-top:1rem;font-size:1.3rem;font-weight:700}.invoice-footer{border-top:1px solid #ddd;margin-top:3rem;padding-top:2rem}.notes-section,.terms-section{margin-bottom:1.5rem}.invoice-footer h4{color:#333;margin:0 0 .5rem}.invoice-footer p{color:#666;margin:0;line-height:1.6}.payment-info{text-align:center;background:#f9f9f9;border-left:4px solid #646cff;margin-top:3rem;padding:1.5rem}.payment-info p{color:#666;margin:.5rem 0}.print-loading,.print-error{text-align:center;padding:3rem;font-size:1.2rem}.print-error{color:#dc2626}@page{size:letter portrait;margin:.4in}@media print{html,body{background:#fff;margin:0;padding:0;font-size:11px;line-height:1.25}.print-container{max-width:100%;min-height:auto;margin:0;padding:0}.no-print{display:none!important}.invoice-print{box-shadow:none;width:100%;padding:0}.invoice-header,.invoice-items th{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important}.status-print{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-header{page-break-inside:avoid;break-inside:avoid;align-items:flex-start;gap:1.25rem;margin-bottom:1rem;padding-bottom:.75rem}.company-logo{max-width:180px;max-height:90px;margin-bottom:.5rem}.company-info h1,.invoice-info h2{font-size:1.6rem}.company-info p{margin-top:.25rem;line-height:1.3}.invoice-info p{margin:.3rem 0;line-height:1.3}.status-print{margin-top:.35rem;padding:.3rem .65rem}.invoice-parties{page-break-inside:avoid;break-inside:avoid;margin:1rem 0 .8rem}.bill-to h3{margin-bottom:.5rem;font-size:1rem}.bill-to p{line-height:1.35}.invoice-items{margin:.9rem 0}.invoice-items table{table-layout:fixed}.invoice-items th,.invoice-items td{vertical-align:top;padding:.45rem .5rem}.invoice-items tr,.invoice-items thead,.invoice-items tbody{page-break-inside:avoid;break-inside:avoid}.invoice-totals-print{page-break-inside:avoid;break-inside:avoid;max-width:260px;margin:1rem 0 .75rem auto}.invoice-totals-print .totals-row{padding:.35rem 0;font-size:1rem}.invoice-totals-print .totals-row.total{margin-top:.25rem;padding-top:.55rem;font-size:1.15rem}.invoice-footer{page-break-inside:avoid;break-inside:avoid;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;padding-top:.75rem;display:flex}.notes-section,.terms-section{flex:240px;margin-bottom:0}.invoice-footer h4{margin-bottom:.25rem;font-size:.95rem}.invoice-footer p{font-size:.95rem;line-height:1.35}.payment-info{-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-inside:avoid;break-inside:avoid;margin-top:.9rem;padding:.75rem 1rem}.payment-info p{margin:.25rem 0;font-size:.92rem}}.profile-page{width:100%;max-width:1100px;margin:0 auto;padding:0}.profile-eyebrow{color:var(--color-text-muted);letter-spacing:0;text-transform:none;margin:0 0 .35rem;font-size:.85rem;font-weight:500}.profile-header{color:var(--color-text);text-align:left;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.1}.profile-logo-placeholder{background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;padding:1rem;display:flex}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}}@media (max-width:640px){.profile-hero{flex-direction:column;align-items:flex-start}.profile-stats-grid{grid-template-columns:1fr}.profile-actions .btn-primary{width:100%}}.subscribe-page{width:100%;max-width:1200px;margin:0 auto;padding:clamp(1rem,4vw,40px) 1rem}.payment-result-page{justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;color:#666;background:0 0;padding:1rem;font-size:.9rem}.footer-content{max-width:1000px;margin:0 auto}.form-container{background:var(--color-surface);width:min(100%,420px);max-width:420px;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;margin:40px auto;padding:20px;box-shadow:0 16px 40px #0000003d}@media (max-width:520px){.form-container{margin:16px auto;padding:16px}}.form-container{width:min(100%,480px);max-width:480px;margin:40px auto}@media (max-width:520px){.form-container{margin:16px auto}}.infobox{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:.8rem;min-width:0;padding:1rem;display:flex;box-shadow:0 18px 34px #0000002e}.infobox h3,.infobox p{margin:0}.infobox p{color:var(--color-text-muted)}.home-container{flex-direction:column;gap:clamp(1.5rem,4vw,3rem);max-width:1180px;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);min-height:min(680px,100vh - 180px);display:grid}.hero-copy,.section-intro,.final-cta{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.hero-eyebrow,.section-kicker{color:#86efac;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.88rem;font-weight:700}.hero-section h1{max-width:780px;margin:0;font-size:clamp(2.35rem,6vw,4.75rem)}.hero-description{max-width:680px;color:var(--color-text-muted);margin:0;font-size:clamp(1.05rem,2.2vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.price-pill{background:#22c55e1a;border:1px solid #86efac59;border-radius:8px;align-items:baseline;gap:.45rem;padding:.7rem .9rem;display:inline-flex}.price-amount{color:#bbf7d0;font-size:2rem;font-weight:900;line-height:1}.price-period{color:var(--color-text-muted);font-size:1rem}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.get-started-btn{color:#07120b;cursor:pointer;background-color:#22c55e;border:none;border-radius:6px;width:fit-content;padding:.8rem 1.2rem;font-size:1rem;font-weight:800}.get-started-btn:hover{color:#fff;background-color:#16a34a}.secondary-cta{color:var(--color-text);border:1px solid var(--color-border);background:0 0;border-radius:6px;padding:.8rem 1.2rem}.trust-row{flex-wrap:wrap;gap:.6rem;display:flex}.trust-row span{color:#bbf7d0;border:1px solid #86efac59;border-radius:999px;padding:.35rem .65rem;font-size:.9rem}.hero-visual{border:1px solid var(--color-border);background:#151518;border-radius:8px;padding:clamp(.6rem,2vw,1rem);box-shadow:0 24px 60px #0000004d}.hero-image,.proof-image{object-fit:contain;border-radius:6px;width:100%;display:block}.section-intro{max-width:780px}.section-intro h2,.why-choose-us h2,.proof-section h2,.final-cta h2{margin:0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1}.section-intro p,.why-choose-us p,.proof-section p,.final-cta p{color:var(--color-text-muted);margin:0;font-size:1.05rem}.why-choose-us{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:start;gap:clamp(1rem,4vw,2.5rem);padding:clamp(1rem,4vw,2rem);display:grid}.benefit-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.benefit-list li{color:var(--color-text-muted);background:#ffffff08;border-left:3px solid #22c55e;border-radius:6px;padding:.8rem 1rem}.benefit-list strong{color:var(--color-text)}.proof-section{grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);align-items:center;gap:clamp(1rem,4vw,2rem);display:grid}.proof-copy{flex-direction:column;gap:1rem;display:flex}.final-cta{text-align:center;border:1px solid var(--color-border);background:#151518;border-radius:8px;align-items:center;padding:clamp(1.25rem,4vw,2.5rem)}.feature-image{object-fit:contain;order:-1;width:100%;height:150px}@media (max-width:860px){.hero-section,.why-choose-us,.proof-section,.features{grid-template-columns:1fr}.hero-section{min-height:auto}}@media (max-width:640px){.home-container{padding:0}.hero-actions{flex-direction:column;width:100%}.get-started-btn,.secondary-cta{width:100%}.hero-visual{padding:.5rem}}.app{background:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text);flex-direction:column;display:flex;overflow-x:hidden}html,body,#root{box-sizing:border-box;width:100%;min-height:100%;margin:0;padding:0}.navbar{background:#1a1a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 4px #0000001a}.nav-brand h2{color:#646cff;margin:0}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.nav-links a{color:#fff;white-space:nowrap;border-radius:4px;padding:.5rem .65rem;text-decoration:none;transition:background .3s}.nav-links a:hover{background:#646cff}.main-content{box-sizing:border-box;background:var(--color-bg);flex:1;width:100%;min-width:0;margin:0;padding:clamp(1rem,3vw,2rem)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-header h1{color:var(--color-text);margin:0}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#646cff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background .3s}.stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.stat-card{text-align:center;background:#1a1a1a;border-radius:8px;padding:2rem}.stat-card h3{color:#888;text-transform:uppercase;margin:0 0 1rem;font-size:.9rem}.stat-card p{color:#646cff;margin:0;font-size:2rem;font-weight:700}.clients-list,.invoices-list{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;margin-top:2rem;display:grid}.client-card,.invoice-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;min-width:0;padding:1.5rem;transition:transform .2s,border-color .2s}.client-card:hover,.invoice-card:hover{border-color:#646cff;transform:translateY(-2px)}.client-card h3,.invoice-card h3{color:#fff;margin:0 0 .5rem}.client-card p,.invoice-card p{color:#888;margin:.25rem 0}.status{border-radius:12px;margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.status.draft{color:#fff;background:#444}.status.sent{color:#fff;background:#2563eb}.status.paid{color:#fff;background:#16a34a}.status.overdue{color:#fff;background:#dc2626}.status.cancelled{color:#fff;background:#6b7280}.footer{background:linear-gradient(90deg,#1f5f63 0%,#2c7a7b 100%);border-top:1px solid #ffffff14;width:100%;margin-top:auto}.footer-content{text-align:center;color:#ffffffeb;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}.form-container{background:var(--color-surface);width:min(100%,400px);max-width:400px;color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:10px;margin:auto;padding:20px;display:flex}.form-section{flex-direction:column;margin-bottom:1.5rem;font-weight:700;display:flex}.form-section label{color:var(--color-text)}.form-section input,.form-section textarea,.form-section select{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:.65rem .75rem}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #646cff2e}.error-message{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}.success-message{color:#166534;background-color:#dcfce7;border:1px solid #86efac;border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.9rem}button:disabled{opacity:.6;cursor:not-allowed}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{margin:0}.empty-state{text-align:center;color:#666;padding:3rem}.btn-primary{color:#fff;cursor:pointer;background:#646cff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem}.btn-primary:hover{background:#535bf2}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem}.btn-secondary:hover{background:#303036}.btn-small{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.btn-small:hover{background:#3a3a3a}.btn-danger{color:#fff;background:#f44;border:none}.btn-danger:hover{background:#c00}.btn-danger-small{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem}.btn-danger-small:hover{background:#c00}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{color:#fff;background:#1a1a1a;border-radius:8px;width:90%;max-width:600px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-content.large{max-width:900px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{margin:0}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:2rem;display:flex}.close-btn:hover{color:#fff}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:#fff;margin-bottom:.5rem;font-size:.95rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.75rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#333;border-color:#646cff;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:100px}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem;display:grid}.client-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem}.client-card .card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.client-card .card-header h3{color:#646cff;margin:0}.client-card .card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.client-card .card-body p{color:#999;margin:.5rem 0}.client-meta{color:#999;border-top:1px solid #333;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.client-notes{border-top:1px solid #333;margin-top:1rem;padding-top:1rem;font-style:italic}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-bar button{color:#999;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.filter-bar button:hover{color:#fff;background:#2a2a2a}.filter-bar button.active{color:#fff;background:#646cff;border-color:#646cff}.invoices-table{background:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden}.invoices-table table{border-collapse:collapse;width:100%;min-width:720px}.invoices-table th{color:#fff;text-align:left;background:#2a2a2a;border-bottom:2px solid #333;padding:1rem;font-weight:600}.invoices-table td{color:#ccc;border-bottom:1px solid #2a2a2a;padding:1rem}.invoices-table tr:hover{background:#242424}.action-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.status-badge{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.status-draft{color:#fff;background:#444}.status-sent{color:#fff;background:#ff9800}.status-paid{color:#fff;background:#16a34a}.status-overdue{color:#fff;background:#dc2626}.status-cancelled{color:#fff;background:#6b7280}.invoice-form-container{width:100%}.form-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}@media (max-width:768px){.main-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.page-header .btn-primary,.form-actions button,.btn-primary,.btn-secondary{width:100%}.stats,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch}.modal-overlay{align-items:flex-start;overflow-y:auto}.modal-content,.modal-content.large{width:100%;max-width:none;max-height:none;padding:1rem}.invoices-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.empty-state{padding:1.5rem 1rem}}.form-header h2{margin:0}.line-items-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin:2rem 0;padding:1.5rem}.line-items-section h3{color:#fff;margin-top:0}.line-items-header{color:#999;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.line-item-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.line-item-row input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:.5rem;font-size:.9rem}.line-item-amount{color:#fff;align-items:center;font-weight:600;display:inline-flex}.invoice-totals{background:#1a1a1a;border:1px solid #333;border-radius:8px;margin-top:2rem;padding:1.5rem}.totals-row{color:#ccc;justify-content:space-between;padding:.5rem 0;font-size:1.1rem;display:flex}.totals-row.total{color:#646cff;border-top:2px solid #444;margin-top:.5rem;padding-top:1rem;font-size:1.3rem;font-weight:700}.profile-page{width:100%}.profile-shell{max-width:none;margin:0}.profile-hero{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:0;display:flex}.profile-eyebrow{text-transform:none;letter-spacing:0;color:var(--color-text-muted);margin:0 0 .35rem;font-size:.85rem;font-weight:500}.profile-header{text-align:left;color:var(--color-text);margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.1}.profile-subtitle{max-width:46rem;color:var(--color-text-muted);margin:.5rem 0 0;font-size:1rem;line-height:1.5}.profile-grid{grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);align-items:start;gap:1rem;display:grid}.profile-panel{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:0 12px 28px #0000002e}.profile-summary-panel,.profile-logo-panel{height:100%}.profile-section{margin-top:0}.profile-section-title{color:var(--color-text);margin:0 0 .65rem;font-size:1.25rem;line-height:1.2}.profile-section-copy{color:var(--color-text-muted);margin:0 0 1.5rem;line-height:1.5}.profile-meta-list{gap:.75rem;display:grid}.profile-meta-item{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:8px;padding:.85rem 1rem}.profile-meta-label{color:#888;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;display:block}.profile-meta-value{color:var(--color-text);word-break:break-word;font-size:1rem;display:block}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.profile-stat-card{text-align:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem}.profile-stat-value{color:#646cff;font-size:2rem;font-weight:700;display:block}.profile-stat-label{color:#888;text-transform:uppercase;margin-top:.35rem;font-size:.8rem;display:block}.profile-panel .form-section label{color:var(--color-text);margin-bottom:.55rem}.profile-panel .form-section input{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;padding:.65rem .75rem;font-size:1rem}.profile-panel .form-section input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #646cff2e}.profile-logo-preview,.profile-logo-placeholder{aspect-ratio:1;border:1px solid var(--color-border);border-radius:8px;width:min(100%,260px);margin-bottom:1rem}.profile-logo-preview{object-fit:contain;background:#fff;padding:1rem}.profile-logo-placeholder{background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center;box-sizing:border-box;justify-content:center;align-items:center;padding:1rem;display:flex}.profile-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.logo-editor{gap:1rem;margin-top:1rem;display:grid}.logo-editor-frame{aspect-ratio:2;border:1px solid var(--color-border);background:#1a1a1a;border-radius:8px;width:min(100%,320px);position:relative;overflow:hidden}.logo-editor-frame:after{content:"";pointer-events:none;border:1px dashed #ffffff40;border-radius:4px;position:absolute;inset:10px}.logo-editor-image{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.logo-editor-controls{gap:.85rem;display:grid}.logo-editor-controls label{color:var(--color-text);gap:.45rem;font-size:.92rem;display:grid}.logo-editor-controls input[type=range]{width:100%;accent-color:var(--color-accent);padding:0}.form-help{color:var(--color-text-muted);margin-top:.5rem;font-size:.9rem;display:block}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}}@media (max-width:640px){.main-content{padding:1rem}.profile-panel{padding:1.25rem}.profile-hero{flex-direction:column;align-items:flex-start}.profile-stats-grid{grid-template-columns:1fr}.profile-actions .btn-primary{width:100%}.footer-content{padding:1rem;font-size:.85rem}}