@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Helvetica Neue,sans-serif;background:var(--color-bg-0);color:var(--color-ink-0);--color-bg-0: #f6f1ea;--color-bg-1: #efe3d4;--color-surface-0: #fff7ee;--color-surface-1: #ffffff;--color-ink-0: #1f1b16;--color-ink-1: #3b332c;--color-ink-2: #6b5f55;--color-accent-0: #c45b3c;--color-accent-1: #e07a5f;--color-ring: rgba(196, 91, 60, .3);--color-border-0: rgba(31, 27, 22, .12);--color-border-1: rgba(31, 27, 22, .2);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Space Grotesk", "Helvetica Neue", sans-serif;--text-xs: .75rem;--text-sm: .9rem;--text-md: 1rem;--text-lg: 1.1rem;--text-xl: 1.4rem;--text-2xl: clamp(2.2rem, 4vw, 3.4rem);--leading-tight: 1.1;--leading-base: 1.6;--tracking-wide: .2em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 60px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-soft: 0 24px 60px rgba(31, 27, 22, .12);--shadow-card: 0 16px 40px rgba(31, 27, 22, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(196,91,60,.18),transparent 45%),radial-gradient(circle at 30% 40%,rgba(234,223,206,.8),transparent 55%),linear-gradient(135deg,#f9f4ef,#efe3d4);font-family:var(--font-body)}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-9) var(--space-5);position:relative}.hero{max-width:720px;width:100%;background:transparent;border:none;border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:none;animation:fadeIn .6s ease-out}.hero.hero-wide{max-width:100%}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs);color:var(--color-ink-2);margin:0 0 var(--space-4)}.hero h1{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0 0 var(--space-3)}.lede{font-size:var(--text-lg);line-height:var(--leading-base);color:var(--color-ink-2);margin:0 0 var(--space-7)}.card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid rgba(196,91,60,.25);font-size:var(--text-md)}.card strong{color:var(--color-accent-0);font-weight:700}.auth-card{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffb8;display:grid;gap:var(--space-3)}.auth-card p{margin:0;color:var(--color-ink-2)}.auth-card .primary,.auth-card .secondary,.auth-actions .primary,.auth-actions .secondary,.primary,.secondary{border-radius:var(--radius-pill);border:1px solid transparent;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);cursor:pointer;transition:transform .12s ease,box-shadow .16s ease}.auth-card .primary,.auth-actions .primary,.primary{background:var(--color-accent-0);color:#fff;box-shadow:0 8px 18px #c45b3c40}.auth-card .secondary,.auth-actions .secondary,.secondary{background:#1f1b1614;border-color:#1f1b164d;color:var(--color-ink-0)}.auth-card .primary:hover,.auth-card .secondary:hover,.auth-actions .primary:hover,.auth-actions .secondary:hover,.primary:hover,.secondary:hover{transform:translateY(-1px);filter:brightness(1.05)}.logout{background:var(--color-accent-1);border-color:var(--color-accent-0);color:#fff}.logout:hover{background:var(--color-accent-0);color:#fff}.auth-card .primary:focus-visible,.auth-card .secondary:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.dashboard-panel{margin-top:var(--space-6);display:grid;gap:var(--space-4)}.panel-card{padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffa6}.panel-card h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg)}.dashboard-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.dashboard-list button{text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffbf;font-size:var(--text-md);color:var(--color-ink-0);cursor:pointer;transition:transform .12s ease,border-color .16s ease,box-shadow .16s ease;display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center}.dashboard-list button:hover{transform:translateY(-1px);border-color:var(--color-accent-0);box-shadow:var(--shadow-card)}.dashboard-list button span{display:grid;gap:2px}.dashboard-list button strong{font-size:var(--text-md)}.dashboard-list button small{color:var(--color-ink-2);font-size:var(--text-sm)}.icon-tile{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#1f1b1614;color:var(--color-ink-0)}.icon-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.profile{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:#1f1b1614;font-size:var(--text-sm);overflow-x:auto}.company-panel{margin-top:var(--space-7);display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.company-shell{margin-top:var(--space-6);display:grid;gap:var(--space-6)}.company-header{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-0);background:linear-gradient(135deg,#ffffffe6,#fff7eeb3)}.company-header h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.company-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-ink-2);font-size:var(--text-sm)}.company-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3)}.company-grid{display:grid;gap:var(--space-6)}.company-panel h2{margin:0 0 var(--space-3);font-size:var(--text-lg);font-family:var(--font-display)}.company-list{display:grid;gap:var(--space-3)}.company-list h3{margin:0;font-size:var(--text-md);color:var(--color-ink-1)}.company-cards{display:grid;gap:var(--space-3)}.company-button{text-align:left;border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--color-border-0);background:#ffffffd9;font-size:var(--text-md);color:var(--color-ink-0);cursor:pointer;display:grid;gap:var(--space-2);transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease}.company-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.pill{padding:4px 10px;border-radius:var(--radius-pill);background:#1f1b1614;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.company-button small{color:var(--color-ink-2)}.company-button.active{border-color:var(--color-accent-0);box-shadow:var(--shadow-card);transform:translateY(-1px)}.company-card{padding:var(--space-5);border-radius:var(--radius-md);background:#ffffffbf;border:1px solid var(--color-border-0)}.company-card.hero{display:flex;flex-direction:column;gap:var(--space-4)}.company-card.hero h3{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg)}.company-card.empty{text-align:center;display:grid;gap:var(--space-3)}.company-details{display:grid;gap:var(--space-4)}.company-card h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-md)}.project-card h3{margin-bottom:var(--space-2)}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.project-client{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-2)}.project-amounts{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(31,27,22,.08);background:#fff9}.project-amount{display:grid;gap:var(--space-1)}.project-amount strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink-0)}.project-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.project-actions .icon-button{width:40px;height:40px;display:grid;place-items:center}.project-actions .icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none}.project-actions .project-action.edit{color:var(--color-accent-0)}.project-actions .project-action.delete{color:var(--color-accent-1)}.project-actions .project-action:hover{background:#c45b3c1f;border-color:#c45b3c4d}.item-action{width:34px;height:34px;display:grid;place-items:center}.item-action svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}.item-action.save{color:#517a4ae6}.item-action.delete{color:var(--color-accent-1)}.item-action.add{color:var(--color-accent-0)}.item-actions{display:flex;align-items:center;gap:var(--space-2)}.company-actions form{display:grid;gap:var(--space-3)}.company-actions{display:flex;justify-content:flex-start;gap:var(--space-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#120f0c59;display:grid;place-items:center;z-index:20;padding:var(--space-5)}.modal{width:min(520px,92vw);background:var(--color-surface-1);border-radius:var(--radius-lg);border:1px solid var(--color-border-0);box-shadow:var(--shadow-card);padding:var(--space-6);display:grid;gap:var(--space-4)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.modal-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg)}.icon-button{border:1px solid var(--color-border-0);background:transparent;border-radius:var(--radius-pill);width:36px;height:36px;cursor:pointer;color:var(--color-ink-1)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.invoice-form{display:grid;gap:var(--space-4)}.company-switcher{display:grid;gap:var(--space-3)}.clients-shell{margin-top:var(--space-6);display:grid;gap:var(--space-6)}.clients-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.meta{font-size:var(--text-xs);color:var(--color-ink-2)}.invoices-shell{margin-top:var(--space-6);display:grid;gap:var(--space-6)}.invoice-group{display:grid;gap:var(--space-3)}.invoice-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.invoice-group-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg)}.invoices-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.reports-shell{margin-top:var(--space-6);display:grid;gap:var(--space-6)}.report-filters{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffb3}.filter-group{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.report-summaries{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.report-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid rgba(31,27,22,.08);font-size:var(--text-sm)}.report-row:last-child{border-bottom:none}.report-row.header{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-2);border-bottom:1px solid rgba(31,27,22,.16);padding-bottom:var(--space-3)}.report-table{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffb3}.report-chart{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffb3}.report-chart-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.report-chart-toggle{white-space:nowrap}.report-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-2)}.report-chart-key{display:inline-flex;align-items:center;gap:var(--space-2)}.report-chart-key:before{content:"";width:12px;height:12px;border-radius:4px;display:inline-block;background:#1f1b1633}.report-chart-key.invoices:before{background:#c45b3cb3}.report-chart-key.payments:before{background:#1f1b1680}.report-chart-key.net:before{background:#517a4ab3}.report-chart-body{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-chart-row{display:grid;gap:var(--space-3);border:1px solid rgba(31,27,22,.08);border-radius:var(--radius-md);padding:var(--space-3);background:#fff9}.report-chart-label{font-size:var(--text-sm);color:var(--color-ink-1)}.report-chart-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:end;height:150px}.report-chart-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-2);height:100%;font-size:var(--text-xs);color:var(--color-ink-2)}.report-chart-bar span{display:block;width:28px;border-radius:999px;background:#1f1b1633}.report-chart-bar em{font-style:normal;font-variant-numeric:tabular-nums}.report-chart-bar.invoices span{background:#c45b3cb3}.report-chart-bar.payments span{background:#1f1b1680}.report-chart-bar.net span{background:#517a4ab3}.report-chart-bar.net.negative span{background:#a4564ca6}@media (max-width: 720px){.report-chart-body{grid-template-columns:1fr}}.invoice-card h3{margin:0 0 var(--space-2);font-family:var(--font-display)}.invoice-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.invoice-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.invoice-eyebrow .eyebrow,.invoice-eyebrow .status-chip{margin:0}.invoice-edit{width:36px;height:36px;display:grid;place-items:center}.invoice-edit svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}.status-chip{padding:6px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.status-new{background:#eadfcecc;color:var(--color-ink-1)}.status-sent{background:#c45b3c33;color:var(--color-accent-0)}.status-paid{background:#517a4a33;color:#406c3af2}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.items-editor{display:grid;gap:var(--space-3)}.items-editor h4{margin:0;font-size:var(--text-sm);color:var(--color-ink-1)}.item-row{display:grid;gap:var(--space-2);grid-template-columns:minmax(140px,1.2fr) 1.4fr repeat(3,1fr) auto;align-items:center}.item-row input{min-width:0}.modal.wide{width:min(780px,96vw)}label{display:grid;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-1)}.checkbox{grid-auto-flow:column;grid-template-columns:20px 1fr;align-items:center}.checkbox input{width:18px;height:18px;margin:0}input,textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-1);padding:var(--space-3);font-size:var(--text-md);font-family:var(--font-body)}select{border-radius:var(--radius-sm);border:1px solid var(--color-border-1);padding:var(--space-3);font-size:var(--text-md);font-family:var(--font-body);background:var(--color-surface-1)}input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}.company-actions .primary,.company-actions .secondary{width:fit-content}.profile-panel{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-0);background:#ffffffb3}.profile-panel h2{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-lg)}.profile-footer{margin-top:var(--space-6);display:grid;gap:var(--space-4)}.auth-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.auth-actions p{margin:0;color:var(--color-ink-2)}.auth-actions .primary,.auth-actions .secondary{width:100%}.profile-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-grid .label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ink-2);margin-bottom:var(--space-1)}.profile-grid strong{font-size:var(--text-md);color:var(--color-ink-0)}.error{margin:0;color:var(--color-accent-0);font-size:var(--text-sm)}.success-inline{display:inline-flex;align-items:center;gap:var(--space-2);color:#517a4ae6;font-size:var(--text-sm)}.success-inline svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none}.bottom-nav{position:fixed;left:50%;bottom:28px;transform:translate(-50%);display:grid;grid-auto-flow:column;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:999px;background:linear-gradient(135deg,#4b5268,#2f3342);box-shadow:0 20px 40px #161a2459;border:1px solid rgba(255,255,255,.2)}.nav-item{width:48px;height:40px;border-radius:20px;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer;color:#ffffffb3;transition:transform .12s ease,background .16s ease,color .16s ease}.nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-item.active{background:#ffffff2e;color:#fff;transform:translateY(-2px)}.nav-item:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.hero{padding:var(--space-7)}.card{flex-direction:column;align-items:flex-start}.item-row{grid-template-columns:1fr}}@media (min-width: 900px){.company-grid{grid-template-columns:1.1fr .9fr}}