:root{--bg: #FAF7F2;--surface: #FFFFFF;--fg: #1C1A17;--muted: #7A726A;--border: #E5E0D8;--accent: #2D7A5F;--danger: #C0512F;--font: "Space Mono", ui-monospace, monospace;--max-width: 420px;--border-width: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.app{max-width:var(--max-width);margin:0 auto;min-height:100%;position:relative}.grid-bg{background-image:linear-gradient(var(--fg) 1px,transparent 1px),linear-gradient(90deg,var(--fg) 1px,transparent 1px);background-size:40px 40px;opacity:.08;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.topbar{height:56px;border-bottom:var(--border-width) solid var(--fg);display:flex;align-items:center;padding:0 16px;background:var(--bg);position:sticky;top:0;z-index:10}.topbar-title{flex:1;text-align:center;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase}.topbar-btn{font-size:20px;width:48px;cursor:pointer;background:none;border:none;font-family:var(--font);color:var(--fg);text-align:left}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a1799;z-index:100}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--fg);padding:32px;z-index:101;display:flex;flex-direction:column}.drawer-title{color:var(--accent);font-size:18px;font-weight:700;margin-bottom:24px}.drawer-divider{height:var(--border-width);background:var(--border);margin-bottom:16px}.drawer-item{padding:16px 0;display:flex;cursor:pointer;border:none;background:none;font-family:var(--font);font-size:15px;color:var(--bg);text-align:left;width:100%}.drawer-item:hover{opacity:.8}.drawer-item.active{color:var(--accent)}.drawer-number{color:var(--muted);font-size:11px;letter-spacing:1px;width:32px}.drawer-bullet{margin-left:8px}.mic-btn{width:120px;height:120px;border:var(--border-width) solid var(--fg);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;transition:border-color .2s}.mic-btn:active{transform:scale(.97)}.mic-btn.listening{border-color:var(--accent)}.mic-btn.processing{border-color:var(--muted)}.mic-ring{position:absolute;border:var(--border-width) solid var(--accent);animation:ring-expand 1.5s ease-out infinite;pointer-events:none}.mic-ring:nth-child(2){animation-delay:.5s}.mic-ring:nth-child(3){animation-delay:1s}@keyframes ring-expand{0%{width:120px;height:120px;opacity:.5}to{width:240px;height:240px;opacity:0}}.page{padding:24px 16px;position:relative;min-height:calc(100vh - 56px)}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 56px);gap:24px}.btn{border:var(--border-width) solid var(--fg);border-radius:0;padding:16px 32px;font-family:var(--font);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;cursor:pointer;background:transparent;color:var(--fg);transition:opacity .15s}.btn:hover{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-filled{background:var(--fg);color:var(--bg)}.btn-accent{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-sm{padding:12px 20px;font-size:11px}.card{border:var(--border-width) solid var(--fg);border-radius:0;padding:20px;margin-bottom:16px;background:var(--surface)}.card-title{font-size:17px;font-weight:700}.card-subtitle{font-size:13px;color:var(--muted);margin-top:4px}.card-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.card-amount{font-size:20px;font-weight:700}.pill{padding:4px 8px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;display:inline-block}.pill-draft{border:1px solid var(--muted);color:var(--muted)}.pill-sent{border:1px solid var(--fg);color:var(--fg)}.pill-paid{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.value{font-size:17px;font-weight:700;margin-bottom:16px}.input{width:100%;border:none;border-bottom:var(--border-width) solid var(--fg);border-radius:0;padding:12px 0;font-family:var(--font);font-size:17px;font-weight:700;background:transparent;color:var(--fg);outline:none;margin-bottom:16px}.input::placeholder{color:var(--muted);font-weight:400}.search{width:100%;border:var(--border-width) solid var(--fg);border-radius:0;padding:12px 16px;font-family:var(--font);font-size:14px;background:transparent;color:var(--fg);outline:none;margin-bottom:16px}.search::placeholder{color:var(--muted)}.row{padding:20px 0;border-bottom:var(--border-width) solid var(--fg);cursor:pointer}.row:hover{opacity:.8}.row-name{font-size:17px;font-weight:700}.row-meta{font-size:13px;color:var(--muted);margin-top:4px}.row-price{font-size:15px;color:var(--accent);margin-top:4px}.section{margin-bottom:24px}.section-header{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.setting-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.setting-label{font-size:15px}.setting-value{font-size:15px;color:var(--muted)}.dot-connected{width:8px;height:8px;background:var(--accent);display:inline-block}.dot-disconnected{width:8px;height:8px;background:var(--muted);display:inline-block}.toast{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:var(--bg);padding:16px 24px;font-size:13px;text-align:center;z-index:200;animation:toast-slide-up .3s ease-out}@keyframes toast-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.divider{height:var(--border-width);background:var(--fg);margin:16px 0}.add-link{color:var(--accent);font-size:15px;display:inline-block;cursor:pointer;margin-top:20px;background:none;border:none;font-family:var(--font);padding:0}.sign-out{color:var(--danger);font-size:15px;cursor:pointer;display:inline-block;margin-top:32px;background:none;border:none;font-family:var(--font);padding:0}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);font-size:13px}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px}.auth-title{font-size:20px;font-weight:700;margin-bottom:32px;color:var(--accent)}.auth-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:16px}.auth-input{width:100%;border:var(--border-width) solid var(--fg);border-radius:0;padding:16px;font-family:var(--font);font-size:15px;background:transparent;outline:none}.auth-error{color:var(--danger);font-size:13px;text-align:center}.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin-top:16px;cursor:pointer}.auth-legal{text-align:center;font-size:11px;color:var(--muted);margin-top:16px;line-height:1.5}.auth-legal a{color:var(--accent);text-underline-offset:2px}.auth-headline{font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}.auth-subhead{font-size:13px;color:var(--muted);text-align:center;max-width:280px;line-height:1.5;margin-bottom:24px}.auth-micro{font-size:11px;color:var(--muted);text-align:center;margin:0}.oauth-divider{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:11px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.oauth-btn{width:100%;justify-content:center;display:inline-flex;align-items:center;gap:8px;padding:14px 16px;font-size:13px;letter-spacing:.5px;text-transform:none}.oauth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:4px 0}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.oauth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 16px;font-size:14px}.line-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.line-item-total{display:flex;justify-content:space-between;padding:12px 0;font-weight:700;font-size:17px}.action-bar{display:flex;gap:12px;margin-top:24px}.action-bar>*{flex:1}.logo-upload{border:2px dashed var(--muted);padding:32px;text-align:center;color:var(--muted);cursor:pointer;margin-bottom:16px}.plan-summary{border:var(--border-width) solid var(--accent);padding:24px;text-align:center}.plan-summary-name{font-size:20px;font-weight:700;margin-bottom:4px}.plan-summary-desc{font-size:13px;color:var(--muted);margin-bottom:12px}.plan-upgrade-btn{margin-top:12px;width:100%}.usage-bar-track{height:8px;background:var(--border);margin:8px 0}.usage-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c1a17b3;z-index:200;display:flex;align-items:flex-end;overflow-y:auto}.modal{background:var(--bg);width:100%;max-width:var(--max-width);margin:0 auto;padding:32px 16px;max-height:90vh;overflow-y:auto;animation:modal-slide-up .25s ease-out}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-title{font-size:13px;letter-spacing:1.5px;font-weight:700}.modal-close{background:none;border:var(--border-width) solid var(--fg);width:36px;height:36px;font-size:18px;cursor:pointer;font-family:var(--font);color:var(--fg)}.modal-subtitle{font-size:13px;color:var(--muted);margin-bottom:24px}.plan-grid{display:flex;flex-direction:column;gap:16px}.plan-card{border:var(--border-width) solid var(--fg);padding:24px;background:var(--surface)}.plan-card-free{opacity:.6}.plan-name{font-size:18px;font-weight:700;margin-bottom:4px}.plan-price{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:8px}.plan-desc{font-size:13px;color:var(--muted);margin-bottom:16px}.plan-features{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.plan-feature{display:flex;gap:10px;font-size:14px}.plan-feature-missing{color:var(--muted);opacity:.5}.plan-btn{width:100%}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-header .section-header{margin-bottom:0}.range-picker{display:flex;gap:4px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.kpi-value{font-size:28px;font-weight:700;margin-top:4px}.card-accent{border-color:var(--accent)}.chart-card{padding:16px}.empty-chart{height:200px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase}.chart-card .empty-chart{height:240px}.card .empty-chart{height:160px}.pie-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px}.legend-dot{width:8px;height:8px;display:inline-block}.legend-value{color:var(--muted)}.chart-row{display:flex;flex-direction:column;gap:8px}@media(min-width:500px){.chart-row{flex-direction:row}.chart-row .section{flex:1}}.funnel-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.funnel-row:last-child{border-bottom:none}.funnel-label{font-size:12px;min-width:80px;flex-shrink:0}@media(min-width:500px){.funnel-label{width:110px}}.funnel-track{flex:1;height:20px;background:var(--border)}.funnel-fill{height:100%;background:var(--accent);transition:width .3s ease}.funnel-value{font-size:14px;font-weight:700;width:40px;text-align:right}@keyframes skeleton-pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite;min-height:96px;display:flex;align-items:flex-end}.skeleton-line{width:60%;height:14px;background:var(--border)}.skeleton-block{width:100%;background:var(--border)}.pricing-page{background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.pricing-logo{text-align:center;padding:24px 16px 0;font-size:16px;font-weight:700;letter-spacing:2px}.pricing-logo a{color:var(--accent);text-decoration:none}.pricing-hero{text-align:center;padding:48px 16px 32px;position:relative;z-index:1}.pricing-hero-title{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:16px}.pricing-hero-sub{font-size:15px;color:var(--muted);line-height:1.5;max-width:400px;margin:0 auto 32px}.pricing-toggle{display:inline-flex;border:var(--border-width) solid var(--fg);margin:0 auto}.pricing-toggle-btn{padding:12px 20px;font-family:var(--font);font-size:12px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px}.pricing-toggle-btn.active{background:var(--fg);color:var(--bg)}.pricing-toggle-save{font-size:10px;letter-spacing:.5px;text-transform:none}.pricing-tiers{display:flex;flex-direction:column;gap:20px;padding:0 16px 48px;max-width:440px;margin:0 auto;position:relative;z-index:1}@media(min-width:600px){.pricing-tiers{flex-direction:row;max-width:700px}.pricing-card{flex:1}}.pricing-card{border:var(--border-width) solid var(--fg);padding:28px 24px;background:var(--surface);display:flex;flex-direction:column;position:relative}.pricing-card-pro{border-color:var(--accent)}.pricing-card-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;font-weight:700}.pricing-card-name{font-size:22px;font-weight:700;margin-bottom:4px}.pricing-card-tagline{font-size:13px;color:var(--muted);margin-bottom:16px}.pricing-card-price{font-size:36px;font-weight:700;color:var(--accent);margin-bottom:20px;line-height:1.1}.pricing-card-period{font-size:14px;color:var(--muted);font-weight:400}.pricing-card-annual-note{font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.pricing-card-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}.pricing-card-features li{font-size:14px;padding-left:20px;position:relative;line-height:1.4}.pricing-card-features li:before{content:"✓";position:absolute;left:0;color:var(--accent)}.pricing-card-btn{width:100%;text-decoration:none;display:block}.pricing-section{padding:48px 16px;max-width:600px;margin:0 auto;position:relative;z-index:1}.pricing-section-title{font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.pricing-table{border:var(--border-width) solid var(--fg);background:var(--surface);overflow:hidden}.pricing-table-row{display:grid;grid-template-columns:1fr 60px 60px;border-bottom:1px solid var(--border)}.pricing-table-row:last-child{border-bottom:none}.pricing-table-header{background:var(--fg);color:var(--bg);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.pricing-table-cell{padding:14px 16px;font-size:13px}.pricing-table-feature{font-size:13px}.pricing-table-cell-center{text-align:center;padding:14px 8px}.pricing-table-check{color:var(--accent);font-weight:700}.pricing-table-na{color:var(--muted)}.pricing-faqs{border-top:var(--border-width) solid var(--fg)}.pricing-faq{border-bottom:var(--border-width) solid var(--fg)}.pricing-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-family:var(--font);font-size:14px;font-weight:700;background:none;border:none;cursor:pointer;color:var(--fg);text-align:left;gap:16px}.pricing-faq-chevron{font-size:18px;flex-shrink:0;color:var(--muted)}.pricing-faq-a{padding:0 0 20px;font-size:13px;color:var(--muted);line-height:1.6}.pricing-bottom-cta{text-align:center;padding:64px 16px;position:relative;z-index:1}.pricing-bottom-cta-title{font-size:26px;font-weight:700;margin-bottom:12px}.pricing-bottom-cta-sub{font-size:15px;color:var(--muted);margin-bottom:32px}.pricing-bottom-cta-btn{text-decoration:none;display:inline-block}.pricing-footer{text-align:center;padding:32px 16px;font-size:13px;color:var(--muted);position:relative;z-index:1}.pricing-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.pricing-footer-dot{margin:0 8px}