.landing-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}.landing-content{flex:1}.landing-nav{position:sticky;top:0;z-index:200;height:64px;background:#0c0c0ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color var(--ease)}.landing-nav.nav--scrolled{border-bottom-color:var(--border)}.landing-nav-inner{max-width:1120px;margin:0 auto;padding:0 var(--space-5);height:100%;display:flex;align-items:center;gap:var(--space-6)}.landing-nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;font-family:var(--font-display);font-size:var(--text-md);color:var(--accent);flex-shrink:0}.landing-nav-links{display:none;align-items:center;gap:var(--space-6);margin-left:auto}@media (min-width: 768px){.landing-nav-links{display:flex}}.landing-nav-link{font-size:var(--text-sm);color:var(--text2);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body);transition:color var(--ease-fast)}.landing-nav-link:hover{color:var(--text)}.landing-nav-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}@media (min-width: 768px){.landing-nav-actions{margin-left:0}}.landing-nav-signin{display:none}@media (min-width: 768px){.landing-nav-signin{display:inline-flex}}.landing-footer{border-top:1px solid var(--border);padding:var(--space-8) var(--space-5)}.landing-footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}@media (min-width: 768px){.landing-footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}.landing-footer-brand{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text2)}.landing-footer-links{display:flex;gap:var(--space-5);font-size:var(--text-sm)}.landing-footer-links a{color:var(--text3);text-decoration:none;transition:color var(--ease-fast)}.landing-footer-links a:hover{color:var(--text2)}.landing-section{padding:var(--space-16) var(--space-5)}@media (min-width: 768px){.landing-section{padding:96px var(--space-8)}}.landing-section-inner{max-width:1120px;margin:0 auto}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.reveal--visible{opacity:1;transform:none}.landing-heading-block{text-align:center;max-width:560px;margin:0 auto var(--space-10)}.landing-eyebrow{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.landing-heading{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);color:var(--text);line-height:1.15;margin-bottom:var(--space-4)}.landing-subtext{font-size:var(--text-base);color:var(--text2);line-height:1.6;max-width:400px;margin:0 auto}.hero-section{background:radial-gradient(ellipse 800px 600px at 60% 40%,rgba(232,213,163,.05) 0%,transparent 70%),var(--bg);padding-top:80px;padding-bottom:80px}.hero-layout{display:flex;align-items:center;gap:var(--space-16)}.hero-left{flex:1 1 480px;max-width:560px}.hero-right{flex:1 1 420px;display:none;justify-content:center;position:relative}@media (min-width: 1024px){.hero-right{display:flex}}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-dim2);background:var(--accent-dim);border-radius:var(--radius-xs);padding:4px 10px;margin-bottom:var(--space-5)}.hero-headline{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.1;color:var(--text);margin-bottom:var(--space-5)}.hero-accent{color:var(--accent);font-style:italic}.hero-sub{font-size:var(--text-base);color:var(--text2);line-height:1.6;max-width:420px;margin-bottom:var(--space-7)}.hero-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-7)}@media (max-width: 479px){.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%;justify-content:center}}.hero-social-proof{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text3);flex-wrap:wrap}.hero-avatar-stack{display:flex}.hero-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg4);border:2px solid var(--bg2);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--text2);margin-left:-8px}.hero-avatar:first-child{margin-left:0}.hero-proof-count{color:var(--accent);font-family:var(--font-mono)}.hero-stats-strip{display:flex;gap:var(--space-5);padding:var(--space-5) 0;border-top:1px solid var(--border);margin-top:var(--space-6)}@media (min-width: 768px){.hero-stats-strip{display:none}}.hero-stat-item{text-align:center;flex:1}.hero-stat-value{display:block;font-family:var(--font-mono);font-size:var(--text-xl);color:var(--accent);font-weight:400}.hero-stat-label{font-size:var(--text-xs);color:var(--text3);margin-top:2px}.hero-mockup-wrap{position:relative;width:100%;max-width:420px}.hero-mockup{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg),0 0 80px #e8d5a30f;padding:var(--space-5);width:100%}.hero-mockup-chip{position:absolute;top:-16px;right:-12px;background:var(--green-dim);border:1px solid var(--green);border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-xs);font-weight:600;color:var(--green);display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:var(--shadow-md);z-index:1}.mockup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.mockup-brand{display:flex;align-items:center;gap:var(--space-2)}.mockup-wordmark{font-family:var(--font-display);font-size:var(--text-sm);color:var(--accent)}.mockup-divider{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}.mockup-meta{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.mockup-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text2);margin-bottom:4px}.mockup-client{font-size:var(--text-base);font-weight:500;color:var(--text)}.mockup-items{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.mockup-item-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text2)}.mockup-item-amount{font-family:var(--font-mono);font-size:var(--mono-sm);color:var(--text);flex-shrink:0}.mockup-total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text2);margin-bottom:var(--space-3)}.mockup-total-amount{font-family:var(--font-mono);font-size:var(--text-md);color:var(--accent);font-weight:600}.mockup-dates{font-size:var(--text-xs);color:var(--text3);margin-bottom:var(--space-4)}.mockup-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.showcase-section{border-top:1px solid var(--border)}.showcase-tabs-wrap{display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-8)}.showcase-tabs{display:inline-flex;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:2px;flex-shrink:0}.showcase-tab{padding:8px 20px;border-radius:calc(var(--radius) - 2px);font-size:var(--text-sm);font-weight:500;color:var(--text2);cursor:pointer;border:none;background:transparent;font-family:var(--font-body);transition:background var(--ease-fast),color var(--ease-fast);white-space:nowrap}.showcase-tab:hover:not(.showcase-tab--active){background:var(--bg3);color:var(--text)}.showcase-tab--active{background:var(--bg4);color:var(--text);border:1px solid var(--border2)}.showcase-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);min-height:480px;transition:opacity .2s ease}@media (max-width: 767px){.showcase-panel{min-height:0;max-height:320px;overflow:hidden;position:relative}.showcase-panel:after{content:"";position:absolute;bottom:0;right:0;width:60%;height:56px;background:linear-gradient(to top left,var(--bg2) 30%,transparent);pointer-events:none}}@media (min-width: 768px) and (max-width: 1023px){.showcase-panel{min-height:380px}}.showcase-panel-chrome{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-bottom:1px solid var(--border);background:var(--bg3);flex-shrink:0}.chrome-dot{width:10px;height:10px;border-radius:50%;background:var(--border2);flex-shrink:0}.chrome-address{margin-left:var(--space-3);flex:1;height:22px;border-radius:var(--radius-xs);background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-3);font-size:var(--text-xs);color:var(--text3);font-family:var(--font-mono);max-width:320px}.showcase-dashboard{padding:var(--space-4) var(--space-5)}.showcase-dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.showcase-dash-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 767px){.showcase-stats{grid-template-columns:repeat(2,1fr)}}.showcase-stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.showcase-stat-card-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-2)}.showcase-stat-card-value{font-family:var(--font-mono);font-size:var(--text-xl);line-height:1}.showcase-filter-row{display:flex;gap:2px;background:var(--bg3);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-3);width:fit-content}.showcase-filter-tab{padding:5px 14px;font-size:var(--text-sm);font-weight:500;color:var(--text2);border-radius:4px;border:none;background:none;cursor:default;white-space:nowrap;font-family:var(--font-body)}.showcase-filter-tab--active{background:var(--bg2);color:var(--text);box-shadow:var(--shadow-sm)}.showcase-editor{display:flex;min-height:440px}.showcase-editor-form{flex:0 0 45%;padding:var(--space-4);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.showcase-editor-preview{flex:1;background:#f5f5f7;padding:var(--space-4);overflow:hidden}.showcase-form-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3)}.showcase-form-card-label{font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.showcase-field-value{font-size:var(--text-sm);color:var(--text);background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 8px;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-pdf-wrap{display:flex;justify-content:center;padding:var(--space-6);background:var(--bg3);min-height:440px;overflow:hidden}.pdf-preview-card{background:#fff;color:#1a1a1a;border-radius:4px;padding:32px 36px;max-width:400px;width:100%;box-shadow:0 8px 40px #000000b3;font-size:11px;flex-shrink:0;align-self:flex-start}.showcase-captions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}@media (max-width: 767px){.showcase-captions{grid-template-columns:1fr;gap:var(--space-4)}}.showcase-caption-item{display:flex;gap:var(--space-3);align-items:flex-start}.showcase-caption-icon{width:36px;height:36px;flex-shrink:0;background:var(--accent-dim);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent)}.showcase-caption-title{font-size:var(--text-sm);font-weight:500;color:var(--text);margin-bottom:4px}.showcase-caption-body{font-size:var(--text-sm);color:var(--text3);line-height:1.5}.why-section{background:radial-gradient(ellipse 600px 800px at -10% 50%,rgba(232,213,163,.03) 0%,transparent 70%),var(--bg);border-top:1px solid var(--border)}.why-row{display:flex;align-items:center;gap:var(--space-16);margin-bottom:var(--space-12)}.why-row--reverse{flex-direction:row-reverse}.why-row-text,.why-row-illustration{flex:1 1 0}@media (max-width: 1023px){.why-row,.why-row--reverse{flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-10)}.why-row-illustration{max-width:380px;width:100%;margin:0 auto}}.why-icon-wrap{width:48px;height:48px;background:var(--accent-dim);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-4);flex-shrink:0}.why-row-heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);line-height:1.2;margin-bottom:var(--space-4)}.why-row-body{font-size:var(--text-base);color:var(--text2);line-height:1.6;max-width:380px;margin-bottom:var(--space-5)}.why-stat-callout{display:flex;flex-direction:column;gap:2px}.why-stat-number{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--accent);line-height:1}.why-stat-desc{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.why-illustration{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);position:relative}.saving-chip{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--green-dim);border:1px solid var(--green);border-radius:var(--radius-xs);padding:4px 10px;font-size:var(--text-xs);color:var(--green);display:flex;align-items:center;gap:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 1.4s ease infinite;flex-shrink:0}.why-illus-field{background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 10px;font-size:var(--text-sm);color:var(--text2);margin-bottom:var(--space-2)}.why-illus-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.why-illus-total{display:flex;justify-content:space-between;padding:var(--space-3) 0 0;border-top:1px solid var(--border);margin-top:var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--text)}.why-illus-total-val{font-family:var(--font-mono);color:var(--accent)}.why-pdf-card{background:#fff;color:#1a1a2e;border-radius:var(--radius-sm);padding:var(--space-5);box-shadow:var(--shadow-lg);overflow:hidden}.why-pdf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.why-pdf-logo-placeholder{width:32px;height:32px;background:#e8e8f0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.why-pdf-co{font-size:12px;font-weight:600;color:#1a1a2e;margin-left:8px}.why-pdf-doc-type{font-size:18px;font-weight:700;color:#1e3a5f;text-transform:uppercase;letter-spacing:-.01em}.why-pdf-table{width:100%;border-collapse:collapse;font-size:10px;margin:8px 0 12px}.why-pdf-table th{background:#1e3a5f;color:#fff;padding:5px 8px;text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.why-pdf-table th:last-child{text-align:right}.why-pdf-table td{padding:5px 8px;border-bottom:1px solid #f0f0f0;color:#555}.why-pdf-table td:last-child{text-align:right;font-weight:600}.why-pdf-accent-stripe{height:4px;background:var(--accent);margin:0 calc(-1 * var(--space-5))}.why-brand-badge{display:inline-block;font-size:9px;font-weight:600;background:#e8d5a31f;color:#a07820;border:1px solid rgba(232,213,163,.3);border-radius:4px;padding:2px 8px;margin-top:var(--space-3)}.why-stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.why-mini-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.why-mini-card-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.why-mini-card-value{font-family:var(--font-mono);font-size:var(--text-xl);line-height:1}.why-overdue-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text2)}.why-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--space-12);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.why-stat-cell{padding:var(--space-6);text-align:center;border-right:1px solid var(--border)}.why-stat-cell:last-child{border-right:none}.why-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--accent);display:block;margin-bottom:4px}.why-stat-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 767px){.why-stats-bar{grid-template-columns:repeat(2,1fr)}.why-stat-cell:nth-child(2){border-right:none}.why-stat-cell:nth-child(3){border-top:1px solid var(--border)}.why-stat-cell:nth-child(4){border-top:1px solid var(--border);border-right:none}}.pricing-section{border-top:1px solid var(--border)}.billing-toggle-wrap{display:flex;justify-content:center;margin-bottom:var(--space-8)}.billing-toggle{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text2);cursor:default}.billing-toggle-switch{position:relative;width:44px;height:24px;background:var(--bg4);border:1px solid var(--border2);border-radius:12px;cursor:pointer;transition:background var(--ease);flex-shrink:0}.billing-toggle-switch.is-annual{background:var(--accent)}.billing-toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#0c0c0e;transition:transform var(--ease)}.billing-toggle-switch.is-annual .billing-toggle-knob{transform:translate(20px)}.billing-save-chip{display:inline-flex;padding:2px 8px;background:var(--green-dim);color:var(--green);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:600}.landing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);align-items:start;margin-bottom:var(--space-10)}@media (max-width: 767px){.landing-plans-grid{grid-template-columns:1fr;gap:var(--space-4)}.landing-plan-card[data-featured]{order:-1}}.landing-plan-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);position:relative;display:flex;flex-direction:column;gap:var(--space-4)}.landing-plan-card[data-featured]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg),0 0 40px #e8d5a31a;padding-top:calc(var(--space-6) + 16px)}.plan-featured-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--accent);color:#0c0c0e;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 14px;border-radius:var(--radius-xs);white-space:nowrap}.landing-plan-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.landing-plan-price-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.landing-plan-price-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text)}.landing-plan-price-period{font-size:var(--text-sm);color:var(--text3);font-family:var(--font-body)}.landing-plan-price-billed{font-size:var(--text-xs);color:var(--text3);width:100%;margin-top:-8px}.landing-plan-tagline{font-size:var(--text-sm);color:var(--text2);margin-top:calc(-1 * var(--space-2))}.landing-plan-features-list{display:flex;flex-direction:column;gap:var(--space-3);flex:1}.landing-plan-feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text2)}.landing-plan-feature-check{width:16px;height:16px;flex-shrink:0;color:var(--green);margin-top:1px}.landing-plan-divider{border:none;border-top:1px solid var(--border);margin:0}.comparison-col-pro{background:var(--accent-dim);color:var(--text)}.pricing-comparison-label{font-family:var(--font-display);font-size:var(--text-md);color:var(--text);margin-bottom:var(--space-5)}.faq-list{margin-top:var(--space-8);border-bottom:1px solid var(--border)}.faq-item{border-top:1px solid var(--border);padding:var(--space-4) 0}.faq-item summary{cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--text-md);color:var(--text3);flex-shrink:0}details[open]>summary:after{content:"−"}.faq-body{font-size:var(--text-sm);color:var(--text2);line-height:1.6;padding-top:var(--space-3);max-width:640px}.cta-section{background:radial-gradient(ellipse 900px 600px at 50% 50%,rgba(232,213,163,.07) 0%,transparent 70%),var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:96px var(--space-5);text-align:center}.cta-main{max-width:640px;margin:0 auto}.cta-logo-row{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);color:var(--accent)}.cta-headline{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);line-height:1.1;color:var(--text);margin-bottom:var(--space-5)}.cta-accent{color:var(--accent);font-style:italic}.cta-subtext{font-size:var(--text-base);color:var(--text2);max-width:400px;margin:0 auto var(--space-8);line-height:1.6}.cta-btn-wrap{margin-bottom:var(--space-4)}.cta-btn-wrap .btn{min-width:280px}@media (max-width: 479px){.cta-btn-wrap .btn{width:100%;min-width:unset}}.cta-fine-print{font-size:var(--text-xs);color:var(--text3);margin-top:var(--space-3)}.cta-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:1120px;margin:var(--space-10) auto 0;text-align:left}@media (max-width: 767px){.cta-testimonials{grid-template-columns:1fr;gap:var(--space-4)}}.testimonial-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.testimonial-quote{font-size:var(--text-sm);color:var(--text);line-height:1.6;flex:1}.testimonial-quote:before{content:'"';font-family:var(--font-display);font-size:28px;color:var(--accent);line-height:1;display:block;margin-bottom:var(--space-2)}.testimonial-author{display:flex;align-items:center;gap:var(--space-3)}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg4);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--text2);flex-shrink:0}.testimonial-name{font-size:var(--text-sm);font-weight:500;color:var(--text)}.testimonial-role{font-size:var(--text-xs);color:var(--text3);margin-top:2px}.cta-secondary-strip{margin-top:var(--space-8);display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text3);flex-wrap:wrap}.cta-secondary-strip a{color:var(--text2);text-decoration:none;font-weight:500;transition:color var(--ease-fast)}.cta-secondary-strip a:hover{color:var(--text)}.landing-shell a:focus-visible,.landing-shell button:focus-visible,.landing-nav a:focus-visible,.landing-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.hero-text{flex:1 1 480px;max-width:560px}.hero-mockup-col{flex:1 1 420px;display:none;justify-content:center;position:relative}@media (min-width: 1024px){.hero-mockup-col{display:flex}}.hero-subheadline{font-size:var(--text-base);color:var(--text2);line-height:1.6;max-width:420px;margin-bottom:var(--space-7)}.hero-cta-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-7)}@media (max-width: 479px){.hero-cta-row{flex-direction:column}.hero-cta-row .btn{width:100%;justify-content:center}}.hero-avatars{display:flex}.hero-social-text{font-size:var(--text-sm);color:var(--text3);display:inline-flex;align-items:center;gap:var(--space-3)}.hero-social-count{color:var(--accent);font-family:var(--font-mono)}.hero-mockup-wrapper{position:relative;width:100%;max-width:420px}.mockup-inv-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text2);margin-bottom:4px}.mockup-item{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text2)}.mockup-amount{font-family:var(--font-mono);color:var(--text);flex-shrink:0}.mockup-total-label{font-size:var(--text-sm);color:var(--text2)}.mockup-total-value{font-family:var(--font-mono);font-size:var(--text-md);color:var(--accent);font-weight:600}.sc-dash-body{padding:var(--space-4) var(--space-5);overflow:auto;max-height:440px}.sc-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.sc-page-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.sc-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 767px){.sc-stats-row{grid-template-columns:repeat(2,1fr)}}.sc-stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4)}.sc-stat-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-2);display:block}.sc-stat-value{font-family:var(--font-mono);font-size:var(--text-xl);line-height:1;display:block}.sc-filter-pills{display:flex;gap:2px;background:var(--bg3);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-3);width:fit-content}.sc-pill{padding:5px 14px;font-size:var(--text-sm);font-weight:500;color:var(--text2);border-radius:4px;border:none;background:none;cursor:default;white-space:nowrap;font-family:var(--font-body)}.sc-pill--active{background:var(--bg2);color:var(--text);box-shadow:var(--shadow-sm)}.sc-editor-body{display:flex;min-height:440px;overflow:hidden}.sc-editor-form{flex:0 0 45%;padding:var(--space-4);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.sc-editor-preview{flex:1;background:#f5f5f7;padding:var(--space-4);overflow:hidden}.sc-form-section{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3)}.sc-form-section-label{font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.sc-form-field{margin-bottom:var(--space-2)}.sc-form-field-label{font-size:var(--text-xs);color:var(--text3);margin-bottom:2px}.sc-form-field-value{font-size:var(--text-sm);color:var(--text);background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-xs);padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-line-items-header{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-3);font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding-bottom:var(--space-2);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.sc-line-item-row{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-3);font-size:var(--text-sm);color:var(--text2);padding:2px 0}.sc-totals{padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2)}.sc-totals-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text2)}.sc-totals-row--total{font-weight:600;color:var(--text);padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:var(--space-1)}.sc-pdf-body{display:flex;justify-content:center;padding:var(--space-6);background:var(--bg3);min-height:440px;overflow:auto}.sc-pdf-preview-inner{width:100%;max-width:400px;align-self:flex-start}.sc-pdf-header{display:flex;justify-content:space-between;align-items:flex-start}.why-mock-label{font-size:var(--text-xs);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.why-mock-field{background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-xs);padding:6px 10px;font-size:var(--text-sm);color:var(--text2);margin-bottom:var(--space-2)}.why-mock-items{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.why-mock-item-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text2)}.why-stat-mini{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.why-illustration--pdf{background:transparent;border:none;padding:0}.plan-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.plan-price-row{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.plan-price-value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--text)}.plan-price-period{font-size:var(--text-sm);color:var(--text3);font-family:var(--font-body)}.plan-billed{font-size:var(--text-xs);color:var(--text3);width:100%;margin-top:-6px}.plan-tagline{font-size:var(--text-sm);color:var(--text2);margin-top:calc(-1 * var(--space-2))}.plan-features-list{display:flex;flex-direction:column;gap:var(--space-3);flex:1;list-style:none;padding:0;margin:0}.plan-feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text2)}.plan-feature-check{width:16px;height:16px;flex-shrink:0;color:var(--green);margin-top:1px}.plan-divider{border:none;border-top:1px solid var(--border);margin:0}.landing-plan-card.plan-card--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg),0 0 40px #e8d5a31a;padding-top:calc(var(--space-6) + 16px)}.comparison-table th.col-pro,.comparison-table td.col-pro{background:var(--accent-dim);color:var(--text)}.cta-brand{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);justify-content:center}.cta-btn{min-width:280px}@media (max-width: 479px){.cta-btn{width:100%;min-width:unset}}.cta-signin-link{color:var(--text2);text-decoration:none;font-weight:500;transition:color var(--ease-fast)}.cta-signin-link:hover{color:var(--text)}.docs-page{max-width:760px;margin:0 auto;padding:var(--space-12) var(--space-5) var(--space-16)}@media (min-width: 600px){.docs-page{padding-left:var(--space-8);padding-right:var(--space-8)}}.docs-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.docs-header-eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.docs-header h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);margin-bottom:var(--space-4)}.docs-header p{font-size:var(--text-base);color:var(--text2);line-height:1.6;max-width:560px;margin:0}.docs-section{margin-bottom:var(--space-12)}.docs-section h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-3)}.docs-section p,.docs-section li{font-size:var(--text-sm);color:var(--text2);line-height:1.7}.docs-section ul{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);list-style:disc}.docs-concepts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-5)}@media (max-width: 600px){.docs-concepts-grid{grid-template-columns:1fr}}.docs-concept-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.docs-concept-badge{align-self:flex-start}.docs-concept-title{font-size:var(--text-sm);font-weight:500;color:var(--text)}.docs-concept-body{font-size:var(--text-sm);color:var(--text2);line-height:1.6}.docs-api-signpost{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--accent-dim);border:1px solid var(--accent-dim2);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text2);line-height:1.6}.docs-api-signpost a{color:var(--accent);font-weight:500;text-decoration:none}.docs-api-signpost a:hover{text-decoration:underline}.docs-cta-strip{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap;padding-top:var(--space-8);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text3)}.dev-docs-link{font-size:var(--text-sm);color:var(--text3);text-decoration:none;margin-left:auto;transition:color var(--ease-fast);white-space:nowrap}.dev-docs-link:hover{color:var(--accent)}.dev-upgrade-gate{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0 var(--space-2)}.dev-upgrade-icon{width:40px;height:40px;background:var(--bg3);border-radius:var(--radius);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text3);flex-shrink:0}.dev-upgrade-heading{font-family:var(--font-display);font-size:var(--text-md);color:var(--text);max-width:480px;line-height:1.4}.dev-upgrade-body{font-size:var(--text-sm);color:var(--text2);max-width:480px;line-height:1.6}.dev-upgrade-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-2)}.dev-upgrade-docs-link{font-size:var(--text-sm);color:var(--text3);text-decoration:none;transition:color var(--ease-fast)}.dev-upgrade-docs-link:hover{color:var(--text2)}.dev-empty-state{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) 0 var(--space-2)}.dev-empty-body{font-size:var(--text-sm);color:var(--text2);max-width:440px;line-height:1.6}.dev-skeleton{padding:var(--space-5) 0}.dev-credential-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);margin-top:var(--space-5)}.dev-cred-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.dev-cred-name{font-size:var(--text-sm);font-weight:500;color:var(--text)}.dev-cred-meta{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.dev-cred-row{display:flex;flex-direction:column;gap:6px}.dev-cred-row-header{display:flex;align-items:center;gap:var(--space-3)}@media (max-width: 479px){.dev-cred-row-header{flex-direction:column;align-items:flex-start}}.dev-cred-value-display{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text2);background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px var(--space-3);word-break:break-all;line-height:1.5;-webkit-user-select:all;user-select:all}.dev-cred-timestamps{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-2)}.dev-cred-timestamp-row{display:flex;gap:var(--space-3);font-size:var(--text-xs);flex-wrap:wrap}.dev-cred-timestamp-label{color:var(--text3);width:80px;flex-shrink:0}.dev-cred-timestamp-value{color:var(--text2)}.dev-cred-timestamp-value--never{color:var(--text3)}.dev-cred-timestamp-nudge{color:var(--amber)}.dev-cred-row-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.dev-cred-footer{border-top:1px solid var(--border);margin-top:var(--space-5);padding-top:var(--space-4);display:flex;justify-content:flex-end}.dev-credential-field{margin-bottom:var(--space-5)}.dev-credential-label{font-size:var(--text-xs);font-weight:600;color:var(--text2);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.dev-credential-row{display:flex;gap:var(--space-3);align-items:center}@media (max-width: 479px){.dev-credential-row{flex-direction:column;align-items:flex-start}}.dev-credential-value{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px var(--space-3);word-break:break-all;line-height:1.5;-webkit-user-select:all;user-select:all}.dev-credential-value--secret{border-color:var(--amber);background:#e8b96a0d}.dev-credential-hint{font-size:var(--text-xs);color:var(--text3);margin-top:var(--space-2)}.dev-copy-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-width:32px;white-space:nowrap}.dev-copy-btn--copied{color:var(--green)!important;pointer-events:none}.dev-secret-warning{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--amber-dim);border:1px solid var(--amber);border-radius:var(--radius-sm);margin-bottom:var(--space-5)}.dev-secret-warning-icon{color:var(--amber);flex-shrink:0;margin-top:1px}.dev-secret-warning-text{font-size:var(--text-sm);color:var(--text);line-height:1.5}.dev-secret-warning-text strong{color:var(--amber);display:block;font-weight:600;margin-bottom:2px}.dev-confirm-checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:var(--space-2);cursor:pointer}.dev-confirm-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;margin-top:2px;cursor:pointer}.dev-confirm-checkbox-label{font-size:var(--text-sm);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.dev-modal-emphasis{font-size:var(--text-sm);color:var(--text);font-weight:500;padding:var(--space-3) var(--space-4);background:var(--bg3);border-radius:var(--radius-sm);border-left:3px solid var(--amber);margin-top:var(--space-4)}.dev-revoke-warning{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--red-dim);border:1px solid rgba(224,123,123,.3);border-radius:var(--radius-sm);margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--red);font-weight:500}.dev-revoke-confirm-label .credential-name-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text)}.shell-main:has(.api-reference-page){overflow-y:visible}.page-container:has(.api-reference-page){max-width:100%;padding:0;margin:0}.api-reference-page .page-header{padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border);margin-bottom:0}.api-reference-page ::-webkit-scrollbar{width:6px;height:6px}.api-reference-page ::-webkit-scrollbar-track{background:transparent}.api-reference-page ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.api-reference-page :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.api-reference-page table{border-collapse:collapse;width:100%}.api-reference-page table th{background-color:var(--bg3)!important;color:var(--text)!important;border-color:var(--border)!important;font-weight:600}.api-reference-page table td{background-color:var(--bg2)!important;color:var(--text2)!important;border-color:var(--border)!important}.api-reference-page table tr:nth-child(2n) td{background-color:var(--bg3)!important}.api-reference-page [class*=description] p,.api-reference-page [class*=description] li,.api-reference-page [class*=description] span,.api-reference-page [class*=Markdown] p,.api-reference-page [class*=Markdown] li,.api-reference-page [class*=summary],.api-reference-page p,.api-reference-page li{color:var(--text2)!important}.api-reference-page h1,.api-reference-page h2,.api-reference-page h3,.api-reference-page h4,.api-reference-page h5{color:var(--text)!important}.api-reference-page [class*=menu-item],.api-reference-page [class*=MenuItem],.api-reference-page [class*=SideNavItem]{color:var(--text2)!important}.api-reference-page [class*=menu-item]:hover,.api-reference-page [class*=MenuItem]:hover{color:var(--text)!important}.api-reference-page [class*=active] [class*=menu-item],.api-reference-page [class*=active] [class*=MenuItem]{color:var(--accent)!important}.api-reference-page [class*=property-name],.api-reference-page [class*=PropertyName],.api-reference-page [class*=param-name],.api-reference-page span[class*=name]{color:var(--text)!important}.api-reference-page [class*=type-name],.api-reference-page [class*=TypeName],.api-reference-page [class*=property-type],.api-reference-page span[class*=type]{color:var(--accent)!important}.api-reference-page [class*=required]{color:var(--red)!important}.api-reference-page [class*=response-title],.api-reference-page [class*=ResponseTitle],.api-reference-page [class*=statusCode],.api-reference-page [class*=status-code]{color:var(--text)!important}.api-reference-page code{color:var(--text)!important;background:var(--bg3)!important}.api-reference-page pre,.api-reference-page pre code,.api-reference-page [class*=FieldLabel],.api-reference-page [class*=field-label],.api-reference-page label{color:var(--text2)!important}.api-reference-page [class*=operation-endpoint],.api-reference-page [class*=endpoint]{color:var(--text)!important}.api-reference-page [style*="color: rgb(0"],.api-reference-page [style*="color: #0"],.api-reference-page [style*="color:#0"]{color:var(--text2)!important}.dev-downgrade-warning{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--amber-dim);border:1px solid var(--amber);border-left:3px solid var(--amber);border-radius:var(--radius-sm);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text2);line-height:1.6}:root{--bg: #0c0c0e;--bg2: #141416;--bg3: #1c1c1f;--bg4: #242428;--border: #2a2a2f;--border2: #38383f;--text: #f0efe8;--text2: #9998a3;--text3: #65646e;--accent: #e8d5a3;--accent2: #c9b47a;--accent-dim: rgba(232, 213, 163, .08);--accent-dim2: rgba(232, 213, 163, .15);--green: #7ec8a4;--green-dim: rgba(126, 200, 164, .12);--red: #e07b7b;--red-dim: rgba(224, 123, 123, .12);--blue: #7baee0;--blue-dim: rgba(123, 174, 224, .12);--amber: #e8b96a;--amber-dim: rgba(232, 185, 106, .12);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 21px;--text-xl: 28px;--text-2xl: 36px;--mono-sm: 13px;--mono-base: 15px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius: 10px;--radius-sm: 6px;--radius-xs: 4px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--ease: .15s ease;--ease-fast: .1s ease;--ease-slow: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}input,textarea,select,button{font-family:var(--font-body);font-size:var(--text-base)}button{cursor:pointer;background:none;border:none;color:inherit}ul,ol{list-style:none}img,svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--red-dim);border-bottom:1px solid var(--red);color:var(--red);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-5);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast),border-color var(--ease-fast),opacity var(--ease-fast);white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--icon-sm{height:32px;width:32px;padding:0}.btn--icon-md{height:36px;width:36px;padding:0}.btn--icon-lg{height:40px;width:40px;padding:0}.btn--full{width:100%}.btn--primary{background:var(--accent);color:#0c0c0e}.btn--primary:hover:not(:disabled){background:var(--accent2)}.btn--primary:active:not(:disabled){background:var(--accent2);opacity:.9}.btn--ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg3);color:var(--text)}.btn--danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(224,123,123,.3)}.btn--danger:hover:not(:disabled){background:#e07b7b33}.btn--warn{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(232,185,106,.3)}.btn--warn:hover:not(:disabled){background:#e8b96a33}.btn--subtle{background:var(--bg3);color:var(--text2);border:none}.btn--subtle:hover:not(:disabled){background:var(--bg4);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:var(--text-xs);font-weight:600;color:var(--text2);letter-spacing:.06em;text-transform:uppercase}.field-error{font-size:var(--text-xs);color:var(--red);margin-top:4px}.field-hint{font-size:var(--text-xs);color:var(--text3);margin-top:4px}.input{width:100%;height:40px;padding:0 12px;background:var(--bg4);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);outline:none}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim2)}.input:disabled{opacity:.5;cursor:not-allowed}.input--error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}textarea.input{height:auto;min-height:80px;padding:10px 12px;resize:vertical;line-height:1.5}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2365646e' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}select.input option{background:var(--bg3);color:var(--text)}input[type=number].input::-webkit-inner-spin-button,input[type=number].input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge--draft{background:var(--bg3);color:var(--text3)}.badge--sent{background:var(--blue-dim);color:var(--blue)}.badge--paid{background:var(--green-dim);color:var(--green)}.badge--overdue{background:var(--red-dim);color:var(--red)}.badge--cancelled{background:var(--bg3);color:var(--text3)}.badge--accepted{background:var(--green-dim);color:var(--green)}.badge--rejected{background:var(--red-dim);color:var(--red)}.badge--invoice{background:var(--accent-dim);color:var(--accent)}.badge--receipt{background:var(--green-dim);color:var(--green)}.badge--estimate{background:var(--blue-dim);color:var(--blue)}.badge--free{background:var(--bg3);color:var(--text2)}.badge--pro{background:var(--accent-dim);color:var(--accent)}.badge--enterprise{background:var(--blue-dim);color:var(--blue)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.card--sm{padding:var(--space-4)}.card--flush{padding:0}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead tr{background:var(--bg3);position:sticky;top:0;z-index:1}.data-table th{padding:10px 16px;font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap}.data-table td{padding:12px 16px;color:var(--text2);border-top:1px solid var(--border)}.data-table tbody tr{transition:background var(--ease-fast);cursor:pointer}.data-table tbody tr:hover{background:var(--bg3)}.data-table tbody tr:hover .row-actions{opacity:1}.row-actions{display:flex;gap:var(--space-1);justify-content:flex-end;opacity:0;transition:opacity var(--ease-fast)}.data-table td.actions-cell{text-align:right}.section-divider{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.quota-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--amber-dim);border-left:3px solid var(--amber);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--amber)}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--red-dim);border-left:3px solid var(--red);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--red)}.inline-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--red-dim);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--red);margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin .7s linear infinite;color:currentColor;flex-shrink:0}.spinner-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:200px;color:var(--text3);font-size:var(--text-sm)}.progress-track{height:6px;background:var(--bg4);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-3)}.empty-state-icon{color:var(--text3)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.empty-state-body{font-size:var(--text-sm);color:var(--text2);max-width:280px;line-height:1.6}.empty-state-action{margin-top:var(--space-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-5)}.modal-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:85vh;display:flex;flex-direction:column;width:100%;outline:none}.modal-panel--md{max-width:560px}.modal-panel--sm{max-width:400px}.modal-panel--lg{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--text)}.modal-body{overflow-y:auto;padding:var(--space-5);flex:1}.modal-footer{border-top:1px solid var(--border);padding:var(--space-4) var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}@media (max-width: 767px){.modal-overlay{align-items:flex-end;padding:0}.modal-panel{border-radius:var(--radius) var(--radius) 0 0;max-width:100%;max-height:90vh}}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:flex-end}.sheet-panel{background:var(--bg2);border-radius:var(--radius) var(--radius) 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:var(--shadow-lg);width:100%;max-height:85vh;overflow-y:auto;outline:none;padding-bottom:env(safe-area-inset-bottom,0);animation:slideUp var(--ease-slow) both}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:32px;height:4px;background:var(--bg4);border-radius:2px;margin:var(--space-3) auto var(--space-2)}.sheet-title-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3) var(--space-4) var(--space-5)}.sheet-title{font-size:var(--text-md);font-family:var(--font-display);color:var(--text)}.sheet-close-btn{color:var(--red)!important;border-color:transparent!important;opacity:.8;flex-shrink:0}.sheet-close-btn:hover{opacity:1;background:var(--red-dim)!important}.sheet-body{padding:0 var(--space-5) var(--space-5)}.toast-stack{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:var(--space-4);z-index:900;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;width:calc(100vw - 32px)}@media (min-width: 1024px){.toast-stack{bottom:var(--space-5);width:380px}}.toast{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);box-shadow:var(--shadow-md);animation:toastIn var(--ease-slow) both}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:var(--green-dim);color:var(--green);border:1px solid rgba(126,200,164,.3)}.toast--error{background:var(--red-dim);color:var(--red);border:1px solid rgba(224,123,123,.3)}.toast--warning{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(232,185,106,.3)}.toast--info{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(123,174,224,.3)}.toast-message{flex:1}.toast-close{background:none;border:none;color:currentColor;opacity:.6;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex-shrink:0}.toast-close:hover{opacity:1}.shell{display:flex;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:none;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;overflow-y:auto}@media (min-width: 1024px){.sidebar{display:flex}}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-wordmark{font-family:var(--font-display);font-size:var(--text-md);color:var(--accent)}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;padding:0 var(--space-5) var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text2);border-left:3px solid transparent;transition:background var(--ease-fast),color var(--ease-fast);text-decoration:none}.sidebar-link:hover{background:var(--bg3);color:var(--text)}.sidebar-link--active{background:var(--accent-dim2);color:var(--accent);border-left-color:var(--accent)}.sidebar-link-icon{flex-shrink:0}.sidebar-link-label{flex:1}.sidebar-link-shortcut{font-size:var(--text-xs);color:var(--text3);opacity:0;transition:opacity var(--ease-fast);font-family:var(--font-mono)}.sidebar-link:hover .sidebar-link-shortcut{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-shrink:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--bg2);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100}@media (min-width: 1024px){.topbar{display:none}}.topbar-wordmark{font-family:var(--font-display);font-size:var(--text-md);color:var(--accent)}.topbar-menu-btn{color:var(--text2)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg2);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:var(--text-xs);color:var(--text3);text-decoration:none;border:none;background:none;cursor:pointer;transition:color var(--ease-fast)}.bottom-tab:hover,.bottom-tab--active{color:var(--accent)}.new-doc-sheet{display:flex;flex-direction:column;gap:var(--space-2)}.new-doc-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);font-size:var(--text-base);color:var(--text2);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--ease-fast),color var(--ease-fast)}.new-doc-option:hover{background:var(--bg3);color:var(--text)}.drawer-nav{display:flex;flex-direction:column}.drawer-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-base);color:var(--text2);text-decoration:none;transition:color var(--ease-fast)}.drawer-link:hover,.drawer-link.active{color:var(--accent)}.drawer-divider{border-top:1px solid var(--border);margin:var(--space-3) 0}.shell-main{flex:1;min-width:0;overflow-y:auto;padding-top:56px;padding-bottom:80px}@media (min-width: 1024px){.shell-main{margin-left:220px;padding-top:0;padding-bottom:0}}.page-container{max-width:1120px;margin:0 auto;padding:var(--space-5)}@media (min-width: 768px){.page-container{padding:var(--space-8)}}.account-menu-wrap{position:relative}.avatar-btn{background:none;border:none;cursor:pointer;padding:0}.avatar{width:32px;height:32px;background:var(--accent-dim2);border:1px solid var(--accent-dim2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--accent);flex-shrink:0}.account-popover{position:absolute;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;z-index:200;overflow:hidden}.account-popover--bottom-left{top:calc(100% + 8px);left:0}.account-popover--bottom-right{top:calc(100% + 8px);right:0}.account-popover--top-left{bottom:calc(100% + 8px);left:0}.account-popover-header{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.account-name{font-size:var(--text-sm);font-family:var(--font-display);color:var(--text)}.account-email{font-size:var(--text-xs);color:var(--text3)}.account-popover-divider{border-top:1px solid var(--border);margin:var(--space-1) 0}.account-popover-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text2);background:none;border:none;text-decoration:none;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast)}.account-popover-item:hover{background:var(--bg3);color:var(--text)}.account-popover-item--danger{color:var(--red)}.account-popover-item--danger:hover{background:var(--red-dim)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.page-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text);line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--text2)}.page-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 767px){.page-header{flex-direction:column}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}}.usage-summary{margin-bottom:var(--space-6)}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.usage-plan{font-size:var(--text-sm);color:var(--text2);font-weight:600;letter-spacing:.05em}.usage-upgrade{font-size:var(--text-sm);color:var(--accent);text-decoration:none}.usage-upgrade:hover{color:var(--accent2)}.usage-rows{display:flex;flex-direction:column;gap:var(--space-3)}.usage-row{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:var(--space-3)}.usage-row-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text2)}.usage-bar{flex:1}.usage-count{font-size:var(--text-sm);color:var(--text2);text-align:right;font-family:var(--font-mono);font-size:var(--mono-sm)}@media (max-width: 599px){.usage-row{grid-template-columns:1fr 80px}.usage-bar{display:none}}.client-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 599px){.client-form{grid-template-columns:1fr}.client-form .field[style*="1 / -1"]{grid-column:unset}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:var(--text-xs);color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-tabs{display:flex;gap:2px;background:var(--bg3);border-radius:var(--radius-sm);padding:3px;overflow-x:auto}.filter-tab{padding:5px 14px;font-size:var(--text-sm);font-weight:500;color:var(--text2);border-radius:4px;border:none;background:none;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast);white-space:nowrap}.filter-tab:hover{color:var(--text)}.filter-tab--active{background:var(--bg2);color:var(--text);box-shadow:var(--shadow-sm)}.search-wrap{position:relative}.search-input{padding-left:36px!important;width:240px}@media (max-width: 767px){.search-input{width:100%}.filter-row{flex-direction:column;align-items:stretch}}.desktop-only{display:none}.mobile-only{display:block}@media (min-width: 768px){.desktop-only{display:block}.mobile-only{display:none}}.clients-table-wrap{display:none}.clients-card-list{display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.clients-table-wrap{display:block}.clients-card-list{display:none}}.docs-table-wrap{display:none}.docs-card-list{display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.docs-table-wrap{display:block}.docs-card-list{display:none}}.doc-cards{display:flex;flex-direction:column;gap:var(--space-3)}.doc-card{cursor:pointer;transition:border-color var(--ease-fast)}.doc-card:hover{border-color:var(--border2)}.doc-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.doc-card-number{font-size:var(--mono-sm);color:var(--text2)}.doc-card-client{font-size:var(--text-base);color:var(--text);font-weight:500;margin-bottom:var(--space-2)}.doc-card-mid{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.doc-card-amount{font-size:var(--text-md);color:var(--accent);font-family:var(--font-mono)}.doc-card-footer{font-size:var(--text-xs);color:var(--text3)}.toggle-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.client-cards{display:flex;flex-direction:column;gap:var(--space-3)}.client-card{cursor:pointer;transition:border-color var(--ease-fast)}.client-card:hover{border-color:var(--border2)}.client-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.client-card-name{font-size:var(--text-base);color:var(--text);font-weight:500}.client-card-detail{font-size:var(--text-sm);color:var(--text2)}.editor-layout{display:flex;flex-direction:column;min-height:calc(100vh - 56px);position:relative;margin-left:calc(-1 * var(--space-5));margin-right:calc(-1 * var(--space-5))}@media (min-width: 768px){.editor-layout{margin-left:calc(-1 * var(--space-8));margin-right:calc(-1 * var(--space-8))}}.editor-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:56px;z-index:40;gap:var(--space-3);flex-wrap:wrap}@media (min-width: 1024px){.editor-topbar{top:0}}.editor-topbar-center{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:center;flex-wrap:wrap}.editor-number{font-family:var(--font-mono);font-size:var(--mono-sm);color:var(--text2)}.editor-topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.editor-back{flex-shrink:0}.editor-preview-btn{display:inline-flex}.editor-body{display:flex;flex:1;overflow:hidden}.editor-body--no-preview{justify-content:center}.editor-body--no-preview .editor-form{max-width:800px}.editor-form{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media (min-width: 768px){.editor-form{padding:var(--space-8);max-width:800px}}.editor-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4)}.editor-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 599px){.editor-meta-grid{grid-template-columns:1fr}}.items-header{display:grid;grid-template-columns:1fr 80px 100px 80px 32px;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.item-row{border-bottom:1px solid var(--border);padding:var(--space-3) 0}.item-row:last-of-type{border-bottom:none}.item-row-desktop{display:grid;grid-template-columns:1fr 80px 100px 80px 32px;gap:var(--space-2);align-items:center}.item-row-mobile{display:flex;flex-direction:column;gap:var(--space-3)}.item-row-mobile-nums{display:flex;align-items:flex-end;gap:var(--space-2);flex-wrap:wrap}.item-row-x{font-size:var(--text-sm);color:var(--text3);padding-bottom:10px}.item-row-result{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.item-amount{font-family:var(--font-mono);font-size:var(--mono-sm);color:var(--text2);text-align:right}.remove-item-btn{color:var(--text3)}.remove-item-btn:hover{color:var(--red);background:var(--red-dim)}.add-item-btn{margin-top:var(--space-3)}.editor-totals{display:flex;flex-direction:column;gap:var(--space-3);max-width:360px;margin-left:auto}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text2);gap:var(--space-4)}.total-grand{font-size:var(--text-md);font-weight:600;color:var(--accent);border-top:2px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-1)}.tax-rate-input{width:64px!important;height:32px!important;text-align:right;display:inline-block}.desktop-preview{display:none;flex-direction:column;flex:1;min-width:460px;max-width:700px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg3);position:sticky;top:0;height:100vh;overflow:hidden}@media (min-width: 1100px){.desktop-preview{display:flex}}.preview-label{padding:var(--space-3) var(--space-5);font-size:var(--text-xs);display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);flex-shrink:0}.preview-frame-wrap{flex:1;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none;background:#fff}.preview-close-btn{color:var(--red)!important;border-color:transparent!important;opacity:.7;transition:opacity var(--ease-fast)}.preview-close-btn:hover{opacity:1;background:var(--red-dim)!important}.item-row-mobile{display:none}@media (max-width: 599px){.item-row-desktop{display:none}.item-row-mobile{display:flex}.items-header{display:none}}.client-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;margin-top:2px}.client-dropdown-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;cursor:pointer;transition:background var(--ease-fast);font-size:var(--text-sm)}.client-dropdown-item:hover{background:var(--bg3)}.linked-invoice-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm)}.editor-notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 599px){.editor-notes-grid{grid-template-columns:1fr}}.editor-action-bar{position:fixed;bottom:64px;left:0;right:0;height:64px;background:var(--bg2);border-top:1px solid var(--border);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-4);z-index:90}@media (min-width: 1024px){.editor-action-bar{display:none}}.welcome-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--accent-dim2);border-left:3px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-6)}.settings-layout{max-width:900px}.settings-body{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media (min-width: 1024px){.settings-body{grid-template-columns:160px 1fr}}.settings-nav{display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:var(--space-6);align-self:start}.settings-nav-link{font-size:var(--text-sm);color:var(--text3);text-decoration:none;padding:var(--space-1) 0;transition:color var(--ease-fast)}.settings-nav-link:hover{color:var(--text)}.settings-content{display:flex;flex-direction:column;gap:var(--space-5)}.settings-section-header{margin-bottom:var(--space-5)}.settings-section-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--text)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 599px){.settings-grid{grid-template-columns:1fr}}.settings-full{grid-column:1 / -1}.logo-dropzone{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px dashed var(--border2);border-radius:var(--radius-sm);flex-wrap:wrap}.logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text3);flex:1;text-align:center;font-size:var(--text-sm)}.logo-hint{font-size:var(--text-xs)}.logo-preview{max-width:120px;max-height:80px;object-fit:contain;border-radius:var(--radius-sm)}.logo-input-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text2);cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast);flex-shrink:0}.logo-input-label:hover{background:var(--bg4);color:var(--text)}.billing-current-card{margin-bottom:var(--space-5)}.billing-current-top{display:flex;align-items:flex-start;justify-content:space-between}.billing-current-label{font-size:var(--text-xs);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.billing-current-plan{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text)}.plans-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.plan-card--featured{border-color:var(--accent)}.plan-card--current{border-color:var(--green)}.plan-badge-top{display:inline-block;font-size:var(--text-xs);font-weight:600;background:var(--accent-dim);color:var(--accent);padding:2px 8px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.05em}.plan-badge-top--current{background:var(--green-dim);color:var(--green)}.plan-name{font-family:var(--font-display);font-size:var(--text-md);color:var(--text)}.plan-price{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text)}.plan-period{font-size:var(--text-sm);color:var(--text3);font-family:var(--font-body)}.plan-features{display:flex;flex-direction:column;gap:var(--space-2);flex:1;font-size:var(--text-sm);color:var(--text2)}.plan-features li{display:flex;align-items:center;gap:var(--space-2)}.plan-features li svg{color:var(--green);flex-shrink:0}.plan-current-tag{font-size:var(--text-sm);color:var(--green);font-weight:500}.comparison-table{cursor:default}.comparison-table tbody tr:hover{background:transparent}.auth-shell{min-height:100dvh;background:var(--bg);background-image:radial-gradient(ellipse at 50% 0%,rgba(232,213,163,.05) 0%,transparent 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);gap:var(--space-6)}.auth-logo{display:flex;align-items:center;gap:var(--space-2)}.auth-wordmark{font-family:var(--font-display);font-size:var(--text-xl);color:var(--accent)}.auth-card{width:100%;max-width:400px;padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.auth-headline{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);line-height:1.2}.auth-subtext{font-size:var(--text-base);color:var(--text2);line-height:1.6;margin-top:calc(-1 * var(--space-3))}.auth-footer{font-size:var(--text-xs);color:var(--text3)}