@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&family=JetBrains+Mono:wght@400;500&display=swap";:root{--hm-bg: #f5f3ef;--hm-surface: #ffffff;--hm-surface-alt: #faf9f7;--hm-border: #e8e4de;--hm-border-strong: #d4cfc6;--hm-text: #1a1815;--hm-text-secondary: #6b6560;--hm-text-muted: #9e9890;--hm-accent: #c45d3e;--hm-accent-hover: #b04e32;--hm-accent-soft: rgba(196, 93, 62, .08);--hm-accent-glow: rgba(196, 93, 62, .15);--hm-accent-warm: #e8a87c;--hm-success: #3a7d5c;--hm-success-soft: rgba(58, 125, 92, .1);--hm-shadow-sm: 0 1px 3px rgba(26, 24, 21, .04);--hm-shadow-md: 0 4px 16px rgba(26, 24, 21, .06);--hm-shadow-lg: 0 8px 32px rgba(26, 24, 21, .08);--hm-shadow-float: 0 16px 48px rgba(26, 24, 21, .12);--hm-radius-sm: 6px;--hm-radius-md: 10px;--hm-radius-lg: 14px;--hm-radius-xl: 20px;--hm-radius-pill: 100px;--hm-transition: .25s cubic-bezier(.4, 0, .2, 1);--hm-font-body: "DM Sans", -apple-system, sans-serif;--hm-font-display: "DM Serif Display", Georgia, serif;--hm-font-mono: "JetBrains Mono", monospace}.home-wrapper{font-family:var(--hm-font-body);background:var(--hm-bg);color:var(--hm-text);min-height:100vh;overflow-x:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--hm-border);position:sticky;top:0;z-index:100}.auth-buttons{display:flex;align-items:center;gap:10px}.auth-buttons a{text-decoration:none}.login-btn{font-family:var(--hm-font-body);font-size:.82rem;font-weight:600;letter-spacing:.03em;padding:9px 22px;border-radius:var(--hm-radius-pill);border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text-secondary);cursor:pointer;transition:all var(--hm-transition)}.login-btn:hover{border-color:var(--hm-border-strong);color:var(--hm-text);box-shadow:var(--hm-shadow-sm)}.signup-btn{font-family:var(--hm-font-body);font-size:.82rem;font-weight:600;letter-spacing:.03em;padding:9px 22px;border-radius:var(--hm-radius-pill);border:1px solid var(--hm-accent);background:var(--hm-accent);color:#fff;cursor:pointer;transition:all var(--hm-transition)}.signup-btn:hover{background:var(--hm-accent-hover);border-color:var(--hm-accent-hover);box-shadow:0 4px 20px var(--hm-accent-glow);transform:translateY(-1px)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:80px 48px 100px;max-width:1200px;margin:0 auto;position:relative}.hero-section:before{content:"";position:absolute;top:-60px;right:-120px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--hm-accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-text{position:relative;z-index:1}.hero-text h1{font-family:var(--hm-font-display);font-size:3.2rem;font-weight:400;line-height:1.12;letter-spacing:-.02em;color:var(--hm-text);margin:0 0 20px;animation:heroFadeUp .7s ease both}.hero-text>p{font-size:1.1rem;line-height:1.65;color:var(--hm-text-secondary);margin:0 0 32px;max-width:480px;animation:heroFadeUp .7s .1s ease both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;animation:heroFadeUp .7s .2s ease both}.hero-features span{font-size:.82rem;font-weight:500;color:var(--hm-text-secondary);padding:8px 16px;border-radius:var(--hm-radius-pill);border:1px solid var(--hm-border);background:var(--hm-surface);transition:all var(--hm-transition);white-space:nowrap}.hero-features span:hover{border-color:var(--hm-accent);color:var(--hm-accent);background:var(--hm-accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px var(--hm-accent-glow)}.cta-buttons{display:flex;align-items:center;gap:14px;animation:heroFadeUp .7s .3s ease both}.cta-buttons a{text-decoration:none}.primary-btn{font-family:var(--hm-font-body);font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:14px 32px;border-radius:var(--hm-radius-pill);border:none;background:var(--hm-accent);color:#fff;cursor:pointer;transition:all var(--hm-transition);box-shadow:0 4px 16px var(--hm-accent-glow)}.primary-btn:hover{background:var(--hm-accent-hover);box-shadow:0 6px 24px #c45d3e40;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.secondary-btn{font-family:var(--hm-font-body);font-size:.92rem;font-weight:600;letter-spacing:.01em;padding:14px 32px;border-radius:var(--hm-radius-pill);border:1px solid var(--hm-border-strong);background:var(--hm-surface);color:var(--hm-text);cursor:pointer;transition:all var(--hm-transition)}.secondary-btn:hover{border-color:var(--hm-text);box-shadow:var(--hm-shadow-md);transform:translateY(-2px)}.hero-image{position:relative;z-index:1;animation:heroFadeUp .8s .15s ease both}.hero-illus-wrap{position:relative;width:100%}.hero-illus-window{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius-xl);box-shadow:var(--hm-shadow-float);overflow:hidden;width:100%}.hero-illus-titlebar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--hm-surface-alt);border-bottom:1px solid var(--hm-border)}.hero-illus-dots{display:flex;gap:5px}.hero-illus-dot{width:10px;height:10px;border-radius:50%}.hero-illus-dot.red{background:#ff5f57}.hero-illus-dot.yellow{background:#febc2e}.hero-illus-dot.green{background:#28c840}.hero-illus-title{font-family:var(--hm-font-mono);font-size:.68rem;color:var(--hm-text-secondary);letter-spacing:.02em;flex:1;text-align:center}.hero-illus-body{display:grid;grid-template-columns:1fr 1fr;min-height:280px}.hero-illus-form{padding:16px;border-right:1px solid var(--hm-border);display:flex;flex-direction:column;gap:10px}.hero-illus-field{display:flex;flex-direction:column;gap:3px}.hero-illus-field-row{display:flex;gap:8px}.hero-illus-field-half{flex:1}.hero-illus-label{font-size:.58rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hm-text-muted)}.hero-illus-select,.hero-illus-input{font-size:.72rem;color:var(--hm-text);background:var(--hm-bg);border:1px solid var(--hm-border);border-radius:5px;padding:5px 8px}.hero-illus-items{border:1px solid var(--hm-border);border-radius:6px;overflow:hidden;font-size:.68rem}.hero-illus-items-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:4px 8px;background:var(--hm-bg);color:var(--hm-text-muted);font-weight:600;font-size:.6rem;letter-spacing:.05em;border-bottom:1px solid var(--hm-border)}.hero-illus-item-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:4px 8px;color:var(--hm-text);border-bottom:1px solid var(--hm-border)}.hero-illus-item-row:last-child{border-bottom:none}.hero-illus-item-add{padding:4px 8px;font-size:.6rem;color:var(--hm-accent);cursor:pointer}.hero-illus-totals{margin-top:auto;display:flex;flex-direction:column;gap:2px}.hero-illus-total-row{display:flex;justify-content:space-between;font-size:.66rem;color:var(--hm-text-secondary)}.hero-illus-total-bold{font-weight:700;color:var(--hm-text);font-size:.74rem;padding-top:4px;border-top:1px solid var(--hm-border);margin-top:2px}.hero-illus-preview{padding:16px;background:#f0ede8;display:flex;align-items:center;justify-content:center}.hero-illus-paper{background:#fff;border-radius:8px;padding:14px;width:100%;box-shadow:0 4px 16px #00000014;position:relative}.hero-illus-paper-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hero-illus-paper-logo{display:flex;align-items:center;gap:5px}.hero-illus-paper-logo-sq{width:18px;height:18px;border-radius:4px;background:#c45d3e}.hero-illus-paper-logo-txt{width:36px;height:8px;border-radius:4px;background:#e8e4de}.hero-illus-paper-inv{font-family:var(--hm-font-mono);font-size:.62rem;color:var(--hm-text-muted)}.hero-illus-paper-divider{height:1px;background:var(--hm-border);margin:8px 0}.hero-illus-paper-line{height:6px;border-radius:3px;background:#e8e4de;margin-bottom:5px}.hero-illus-paper-line.w-full{width:100%}.hero-illus-paper-line.w-3q{width:75%}.hero-illus-paper-line.w-half{width:50%}.hero-illus-paper-gap{height:8px}.hero-illus-paper-total{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1.5px solid #1a1815}.hero-illus-paper-total-label{font-family:var(--hm-font-mono);font-size:.55rem;letter-spacing:.08em;color:var(--hm-text-muted)}.hero-illus-paper-total-amount{font-family:var(--hm-font-mono);font-size:.8rem;font-weight:700;color:var(--hm-text)}.hero-illus-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:var(--hm-font-mono);font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#3a7d5c;border:2.5px solid #3a7d5c;border-radius:4px;padding:4px 10px;opacity:.35;pointer-events:none}.hero-illus-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--hm-border);background:var(--hm-surface-alt)}.hero-illus-action-btn{font-family:var(--hm-font-body);font-size:.72rem;font-weight:600;padding:7px 16px;border-radius:var(--hm-radius-pill);border:none;cursor:pointer;transition:all .2s}.hero-illus-btn-primary{background:#c45d3e;color:#fff}.hero-illus-btn-ghost{background:transparent;border:1px solid var(--hm-border-strong);color:var(--hm-text-secondary)}.hero-illus-badge{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--hm-border);border-radius:var(--hm-radius-pill);padding:7px 14px;font-size:.72rem;font-weight:500;color:var(--hm-text);box-shadow:var(--hm-shadow-md);white-space:nowrap;z-index:2}.hero-illus-badge-top{top:-16px;right:20px}.hero-illus-badge-bottom{bottom:-16px;left:20px;color:#3a7d5c;font-weight:600}.hero-illus-badge-dot{width:8px;height:8px;border-radius:50%;background:#25d366;flex-shrink:0;animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.feat-illus{width:100%;height:220px;border-bottom:1px solid var(--hm-border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.feat-illus-quoting{background:linear-gradient(135deg,#faf9f7,#f0ede8)}.feat-doc{background:#fff;border:1px solid var(--hm-border);border-radius:10px;padding:16px;width:210px;box-shadow:var(--hm-shadow-lg);position:relative}.feat-doc-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.feat-doc-logo-sq{width:22px;height:22px;border-radius:5px;background:#c45d3e;flex-shrink:0}.feat-doc-title{font-family:var(--hm-font-display);font-size:.82rem;color:var(--hm-text);line-height:1}.feat-doc-subtitle{font-family:var(--hm-font-mono);font-size:.58rem;color:var(--hm-text-muted);margin-top:1px}.feat-doc-clock{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.feat-doc-clock-label{font-family:var(--hm-font-mono);font-size:.56rem;font-weight:700;color:var(--hm-accent)}.feat-doc-divider{height:1px;background:var(--hm-border);margin:8px 0}.feat-doc-items{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.feat-doc-item{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--hm-text);opacity:0;transform:translate(-6px);animation:itemSlideIn .4s ease forwards}.feat-item-appear-1{animation-delay:.2s}.feat-item-appear-2{animation-delay:.5s}.feat-item-appear-3{animation-delay:.8s}@keyframes itemSlideIn{to{opacity:1;transform:translate(0)}}.feat-doc-item-name{color:var(--hm-text-secondary)}.feat-doc-item-price{font-weight:600;font-family:var(--hm-font-mono);font-size:.66rem}.feat-doc-total{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:700;color:var(--hm-text);padding-top:4px}.feat-doc-total-amt{font-family:var(--hm-font-mono);color:var(--hm-accent)}.feat-doc-cursor{position:absolute;bottom:12px;right:12px;width:2px;height:12px;background:var(--hm-accent);border-radius:1px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.feat-illus-payments{background:linear-gradient(135deg,#1a1815,#2e2b27);position:relative}.feat-phone{width:110px;background:#111;border-radius:20px;border:2px solid #333;overflow:hidden;box-shadow:0 8px 32px #00000080;position:relative}.feat-phone-notch{width:40px;height:8px;background:#111;border-radius:0 0 8px 8px;margin:0 auto;position:relative;z-index:2}.feat-phone-screen{background:#fff;padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px}.feat-pay-header{text-align:center}.feat-pay-merchant{font-size:.56rem;color:var(--hm-text-muted);font-weight:500}.feat-pay-amount{font-family:var(--hm-font-mono);font-size:.92rem;font-weight:700;color:var(--hm-text);margin-top:2px}.feat-qr{background:#f5f5f5;border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.feat-qr-corner{position:absolute;width:10px;height:10px;border-color:#1a1815;border-style:solid}.feat-qr-corner.tl{top:4px;left:4px;border-width:2px 0 0 2px}.feat-qr-corner.tr{top:4px;right:4px;border-width:2px 2px 0 0}.feat-qr-corner.bl{bottom:18px;left:4px;border-width:0 0 2px 2px}.feat-qr-dots{display:grid;grid-template-columns:repeat(4,8px);gap:3px}.feat-qr-dot{width:8px;height:8px;border-radius:1px}.feat-qr-dot.filled{background:#1a1815}.feat-qr-label{font-size:.5rem;color:var(--hm-text-muted);font-weight:500}.feat-pay-or{display:flex;align-items:center;gap:4px;font-size:.5rem;color:var(--hm-text-muted)}.feat-pay-or-line{flex:1;height:1px;background:var(--hm-border)}.feat-pay-methods{display:flex;gap:5px}.feat-pay-method{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;font-size:.55rem;font-weight:500;color:var(--hm-text-secondary);background:var(--hm-bg);border:1px solid var(--hm-border);border-radius:5px;padding:4px 2px}.feat-pay-method-active{color:var(--hm-accent);border-color:var(--hm-accent);background:var(--hm-accent-soft)}.feat-pay-toast{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d4f0e5;border-radius:20px;padding:6px 12px;font-size:.68rem;font-weight:600;color:#3a7d5c;box-shadow:0 4px 16px #0000004d;animation:toastPop .4s cubic-bezier(.34,1.56,.64,1) both 1s;opacity:0}@keyframes toastPop{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.feat-illus-dashboard{background:linear-gradient(135deg,#faf9f7,#f0ede8);flex-direction:column;gap:0;padding:14px;align-items:stretch}.feat-dash-stats{display:flex;gap:6px;margin-bottom:10px}.feat-dash-stat{flex:1;background:#fff;border:1px solid var(--hm-border);border-radius:7px;padding:7px 8px;text-align:center}.feat-dash-stat-val{font-family:var(--hm-font-mono);font-size:.7rem;font-weight:700;color:var(--hm-text);white-space:nowrap}.feat-dash-pending{color:#b58b00}.feat-dash-overdue{color:#b0392e}.feat-dash-stat-lbl{font-size:.54rem;color:var(--hm-text-muted);margin-top:2px}.feat-dash-chart{display:flex;align-items:flex-end;gap:4px;height:40px;margin-bottom:10px;padding:0 2px}.feat-dash-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.feat-dash-bar{width:100%;background:var(--hm-accent);border-radius:3px 3px 0 0;opacity:0;transform:scaleY(0);transform-origin:bottom;animation:barGrow .5s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes barGrow{to{opacity:.7;transform:scaleY(1)}}.feat-dash-table{display:flex;flex-direction:column;gap:5px}.feat-dash-row{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--hm-border);border-radius:6px;padding:5px 8px}.feat-dash-avatar{width:22px;height:22px;border-radius:50%;background:var(--hm-accent-soft);border:1px solid var(--hm-accent-glow);display:flex;align-items:center;justify-content:center;font-size:.48rem;font-weight:700;color:var(--hm-accent);flex-shrink:0}.feat-dash-info{flex:1;min-width:0}.feat-dash-name{font-size:.64rem;font-weight:600;color:var(--hm-text)}.feat-dash-quote{font-size:.56rem;color:var(--hm-text-muted);font-family:var(--hm-font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feat-dash-badge{font-size:.52rem;font-weight:600;padding:2px 7px;border-radius:20px;flex-shrink:0;letter-spacing:.04em}.feat-badge-paid{background:#3a7d5c1a;color:#3a7d5c;border:1px solid rgba(58,125,92,.2)}.feat-badge-pending{background:#b58b001a;color:#b58b00;border:1px solid rgba(181,139,0,.2)}.feat-badge-overdue{background:#b0392e1a;color:#b0392e;border:1px solid rgba(176,57,46,.2)}.features-section{padding:100px 48px;max-width:1200px;margin:0 auto;position:relative}.features-section>h2{font-family:var(--hm-font-display);font-size:2.2rem;font-weight:400;text-align:center;margin:0 0 12px;letter-spacing:-.01em}.features-section>.features-subtitle{text-align:center;color:var(--hm-text-muted);font-size:.95rem;margin:0 0 56px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius-xl);padding:0;overflow:hidden;transition:all var(--hm-transition);position:relative}.feature-card:hover{border-color:var(--hm-border-strong);box-shadow:var(--hm-shadow-lg);transform:translateY(-6px)}.feature-card .feat-illus{transition:transform .4s ease}.feature-card:hover .feat-illus{transform:scale(1.02)}.feature-card-body{padding:28px}.feature-card h3{font-family:var(--hm-font-display);font-size:1.2rem;font-weight:400;margin:0 0 8px;color:var(--hm-text)}.feature-card p{font-size:.88rem;line-height:1.6;color:var(--hm-text-secondary);margin:0}.feature-card-tag{display:inline-block;font-family:var(--hm-font-mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hm-accent);background:var(--hm-accent-soft);padding:4px 10px;border-radius:var(--hm-radius-pill);margin-bottom:12px}.how-section{padding:80px 48px 100px;background:var(--hm-surface);border-top:1px solid var(--hm-border);border-bottom:1px solid var(--hm-border)}.how-section-inner{max-width:1200px;margin:0 auto}.how-section h2{font-family:var(--hm-font-display);font-size:2.2rem;font-weight:400;text-align:center;margin:0 0 56px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}.how-steps:before{content:"";position:absolute;top:32px;left:calc(16.66% + 32px);right:calc(16.66% + 32px);height:1px;background:var(--hm-border-strong);z-index:0}.how-step{text-align:center;position:relative;z-index:1}.how-step-number{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--hm-bg);border:2px solid var(--hm-border-strong);font-family:var(--hm-font-display);font-size:1.4rem;color:var(--hm-accent);margin-bottom:20px;transition:all var(--hm-transition)}.how-step:hover .how-step-number{background:var(--hm-accent);color:#fff;border-color:var(--hm-accent);box-shadow:0 4px 20px var(--hm-accent-glow);transform:scale(1.08)}.how-step h3{font-family:var(--hm-font-body);font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--hm-text)}.how-step p{font-size:.88rem;line-height:1.6;color:var(--hm-text-secondary);max-width:280px;margin:0 auto}.testimonials-section{padding:100px 48px;max-width:1200px;margin:0 auto}.testimonials-section>h2{font-family:var(--hm-font-display);font-size:2.2rem;font-weight:400;text-align:center;margin:0 0 48px}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.testimonial-card{background:var(--hm-surface);border:1px solid var(--hm-border);border-radius:var(--hm-radius-xl);padding:36px;position:relative;transition:all var(--hm-transition)}.testimonial-card:hover{border-color:var(--hm-border-strong);box-shadow:var(--hm-shadow-lg);transform:translateY(-4px)}.testimonial-card:before{content:'"';position:absolute;top:20px;left:28px;font-family:var(--hm-font-display);font-size:4rem;line-height:1;color:var(--hm-accent-glow);pointer-events:none}.testimonial-card p{font-size:1rem;line-height:1.7;color:var(--hm-text);margin:0 0 20px;padding-top:16px;font-style:italic;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--hm-accent-soft);color:var(--hm-accent);display:flex;align-items:center;justify-content:center;font-family:var(--hm-font-body);font-size:.85rem;font-weight:700}.testimonial-name{font-weight:600;font-size:.88rem;color:var(--hm-text)}.testimonial-role{font-size:.78rem;color:var(--hm-text-muted)}.cta-banner{padding:80px 48px;background:var(--hm-text);position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(196,93,62,.2) 0%,transparent 70%);pointer-events:none}.cta-banner-inner{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-banner h2{font-family:var(--hm-font-display);font-size:2.2rem;font-weight:400;color:#fff;margin:0 0 14px}.cta-banner p{font-size:1rem;color:#fff9;line-height:1.6;margin:0 0 32px}.cta-banner .primary-btn{font-size:1rem;padding:16px 40px}.footer{padding:32px 48px;text-align:center;border-top:1px solid var(--hm-border);background:var(--hm-surface-alt)}.footer p{font-size:.8rem;color:var(--hm-text-muted);margin:0;letter-spacing:.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease both}.animate-in-d1{animation-delay:.1s}.animate-in-d2{animation-delay:.2s}.animate-in-d3{animation-delay:.3s}@media(max-width:960px){.navbar{padding:14px 20px}.hero-section{grid-template-columns:1fr;gap:40px;padding:48px 20px 64px;text-align:center}.hero-text h1{font-size:2.4rem}.hero-text>p{max-width:100%}.hero-features{justify-content:center}.cta-buttons{justify-content:center;flex-wrap:wrap}.hero-image{max-width:500px;margin:0 auto}.features-section,.testimonials-section{padding:64px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.how-section{padding:64px 20px}.how-steps{grid-template-columns:1fr;gap:32px}.how-steps:before{display:none}.testimonials-grid{grid-template-columns:1fr}.cta-banner{padding:56px 20px}.cta-banner h2{font-size:1.6rem}.footer{padding:24px 20px}}@media(max-width:640px){.navbar{padding:12px 16px}.login-btn{font-size:.8rem;padding:8px 14px}.signup-btn{font-size:.8rem;padding:8px 18px}.hero-section{padding:32px 16px 56px;gap:28px;text-align:center}.hero-text h1{font-size:2rem;line-height:1.15}.hero-text>p{font-size:.95rem}.hero-features{gap:8px;justify-content:center}.hero-features span{font-size:.78rem;padding:6px 12px}.cta-buttons{flex-direction:column;gap:10px;width:100%}.cta-buttons a{width:100%}.primary-btn,.secondary-btn{width:100%;text-align:center;padding:14px 20px}.hero-image{max-width:100%}.hero-image:after{display:none}.features-section{padding:48px 16px}.features-section>h2{font-size:1.7rem}.feature-card img{height:160px}.feature-card-body{padding:20px}.how-section{padding:48px 16px}.how-section h2{font-size:1.7rem;margin-bottom:36px}.how-steps{gap:24px}.how-step-number{width:52px;height:52px;font-size:1.2rem}.testimonials-section{padding:48px 16px}.testimonials-section>h2{font-size:1.7rem;margin-bottom:28px}.testimonial-card{padding:24px}.cta-banner{padding:48px 16px}.cta-banner h2{font-size:1.7rem}.cta-banner .primary-btn{width:100%;padding:14px 20px}.footer{padding:20px 16px}}@media(max-width:480px){.hero-text h1{font-size:1.75rem}.features-section>h2,.how-section h2,.testimonials-section>h2,.cta-banner h2{font-size:1.5rem}}:root{--dm-bg: #f5f3ef;--dm-surface: #ffffff;--dm-surface-alt: #faf9f7;--dm-border: #e8e4de;--dm-border-strong: #d4cfc6;--dm-text: #1a1815;--dm-text-secondary: #6b6560;--dm-text-muted: #9e9890;--dm-accent: #c45d3e;--dm-accent-hover: #b04e32;--dm-accent-soft: rgba(196, 93, 62, .08);--dm-accent-glow: rgba(196, 93, 62, .15);--dm-success: #3a7d5c;--dm-success-soft: rgba(58, 125, 92, .12);--dm-success-text: #2d6347;--dm-warning: #b07d2a;--dm-warning-soft: rgba(176, 125, 42, .12);--dm-warning-text: #8a5f1a;--dm-danger: #b03a2a;--dm-danger-soft: rgba(176, 58, 42, .12);--dm-danger-text: #8a2a1a;--dm-shadow-sm: 0 1px 3px rgba(26, 24, 21, .04);--dm-shadow-md: 0 4px 16px rgba(26, 24, 21, .07);--dm-shadow-lg: 0 8px 32px rgba(26, 24, 21, .09);--dm-shadow-float: 0 16px 48px rgba(26, 24, 21, .12);--dm-radius-sm: 6px;--dm-radius-md: 10px;--dm-radius-lg: 14px;--dm-radius-xl: 20px;--dm-radius-pill: 100px;--dm-transition: .25s cubic-bezier(.4, 0, .2, 1);--dm-font-body: "DM Sans", -apple-system, sans-serif;--dm-font-display: "DM Serif Display", Georgia, serif;--dm-font-mono: "JetBrains Mono", monospace}.demo-wrapper{font-family:var(--dm-font-body);background:var(--dm-bg);color:var(--dm-text);min-height:100vh;overflow-x:hidden}.dm-navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--dm-border);position:sticky;top:0;z-index:100}.dm-logo{font-family:var(--dm-font-display);font-size:1.45rem;font-weight:400;color:var(--dm-text);text-decoration:none;letter-spacing:-.01em;transition:color var(--dm-transition)}.dm-logo:hover{color:var(--dm-accent)}.dm-auth-buttons{display:flex;align-items:center;gap:10px}.dm-auth-buttons a{text-decoration:none}.dm-login-btn{font-family:var(--dm-font-body);font-size:.82rem;font-weight:600;letter-spacing:.03em;padding:9px 22px;border-radius:var(--dm-radius-pill);border:1px solid var(--dm-border);background:var(--dm-surface);color:var(--dm-text-secondary);cursor:pointer;transition:all var(--dm-transition)}.dm-login-btn:hover{border-color:var(--dm-border-strong);color:var(--dm-text);box-shadow:var(--dm-shadow-sm)}.dm-signup-btn{font-family:var(--dm-font-body);font-size:.82rem;font-weight:600;letter-spacing:.03em;padding:9px 22px;border-radius:var(--dm-radius-pill);border:1px solid var(--dm-accent);background:var(--dm-accent);color:#fff;cursor:pointer;transition:all var(--dm-transition)}.dm-signup-btn:hover{background:var(--dm-accent-hover);border-color:var(--dm-accent-hover);box-shadow:0 4px 20px var(--dm-accent-glow);transform:translateY(-1px)}.dm-hero{padding:80px 24px 72px;text-align:center;position:relative;overflow:hidden}.dm-hero:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:600px;height:400px;border-radius:50%;background:radial-gradient(ellipse at center,var(--dm-accent-glow) 0%,transparent 70%);pointer-events:none}.dm-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.dm-hero-heading{font-family:var(--dm-font-display);font-size:3rem;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--dm-text);margin:0 0 20px}.dm-hero-sub{font-size:1.1rem;line-height:1.65;color:var(--dm-text-secondary);max-width:520px;margin:0 auto 28px}.dm-try-btn{font-family:var(--dm-font-body);font-size:.9rem;font-weight:600;padding:13px 28px;border-radius:var(--dm-radius-pill);border:2px solid var(--dm-accent);background:transparent;color:var(--dm-accent);cursor:pointer;transition:all var(--dm-transition);display:inline-block}.dm-try-btn:hover{background:var(--dm-accent);color:#fff;box-shadow:0 4px 20px #c45d3e40;transform:translateY(-1px)}.dm-steps-section{padding:20px 48px 100px;position:relative}.dm-steps-inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:80px;position:relative}.dm-step-connector{display:block;position:absolute;left:-32px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--dm-border-strong) 0px,var(--dm-border-strong) 6px,transparent 6px,transparent 14px);pointer-events:none}.dm-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.dm-step-even{direction:rtl}.dm-step-even>*{direction:ltr}.dm-step-text-col{display:flex;flex-direction:column;gap:12px}.dm-step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--dm-accent-soft);border:2px solid var(--dm-accent);font-family:var(--dm-font-display);font-size:1.3rem;color:var(--dm-accent);flex-shrink:0;align-self:flex-start;transition:all var(--dm-transition)}.dm-step:hover .dm-step-number{background:var(--dm-accent);color:#fff;box-shadow:0 4px 20px var(--dm-accent-glow);transform:scale(1.08)}.dm-step-tag{display:inline-block;font-family:var(--dm-font-mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dm-accent);background:var(--dm-accent-soft);padding:4px 10px;border-radius:var(--dm-radius-pill);align-self:flex-start}.dm-step-title{font-family:var(--dm-font-display);font-size:1.85rem;font-weight:400;line-height:1.15;letter-spacing:-.01em;color:var(--dm-text);margin:0}.dm-step-body{font-size:1rem;line-height:1.7;color:var(--dm-text-secondary);margin:0;max-width:440px}.demo-mockup{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:16px;box-shadow:var(--dm-shadow-float);padding:0;min-height:280px;overflow:hidden;position:relative;transition:box-shadow var(--dm-transition),transform var(--dm-transition)}.dm-step:hover .demo-mockup{box-shadow:0 24px 64px #1a181524;transform:translateY(-4px)}.mock-titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--dm-surface-alt);border-bottom:1px solid var(--dm-border);min-height:40px}.mock-titlebar-dots{display:flex;gap:5px;flex-shrink:0}.mock-dot{display:block;width:10px;height:10px;border-radius:50%}.mock-dot-red{background:#ff5f57}.mock-dot-yellow{background:#febc2e}.mock-dot-green{background:#28c840}.mock-titlebar-label{flex:1;text-align:center;font-size:.72rem;font-weight:600;color:var(--dm-text-secondary);letter-spacing:.02em}.mock-save-btn{font-size:.66rem;font-weight:700;padding:4px 12px;border-radius:var(--dm-radius-pill);border:1px solid var(--dm-accent);background:var(--dm-accent);color:#fff;cursor:default;letter-spacing:.03em}.mock-canvas{position:relative;padding:20px;min-height:240px;background:var(--dm-bg)}.mock-grid-bg{position:absolute;inset:0;background-image:radial-gradient(circle,var(--dm-border-strong) 1px,transparent 1px);background-size:20px 20px;opacity:.6;pointer-events:none}.mock-block{position:relative;z-index:1;background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:8px;padding:10px 12px;box-shadow:var(--dm-shadow-md);display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.mock-block-header{border-left:3px solid var(--dm-accent);background:linear-gradient(135deg,rgba(196,93,62,.04) 0%,var(--dm-surface) 100%)}.mock-block-items{border-left:3px solid #4a90d9;flex-direction:column;gap:6px}.mock-block-notes{border-left:3px solid #7cba6a;width:60%}.mock-block-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dm-text-secondary)}.mock-drag-handle{font-size:.9rem;color:var(--dm-border-strong);cursor:grab;line-height:1;flex-shrink:0}.mock-block-lines{display:flex;flex-direction:column;gap:5px;width:100%}.mock-line{height:6px;border-radius:3px;background:var(--dm-border)}.mock-line-full{width:100%}.mock-line-three-quarter{width:75%}.mock-line-half{width:50%}.mock-line-quarter{width:25%}.mock-two-panel{display:grid;grid-template-columns:1.2fr 1fr;height:calc(100% - 40px);min-height:240px}.mock-form-panel{padding:14px;border-right:1px solid var(--dm-border);display:flex;flex-direction:column;gap:10px}.mock-field-group{display:flex;flex-direction:column;gap:3px}.mock-field-row{display:flex;gap:8px}.mock-field-half{flex:1}.mock-field-label{font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dm-text-muted)}.mock-select,.mock-input{font-size:.68rem;font-weight:500;padding:5px 8px;border-radius:var(--dm-radius-sm);border:1px solid var(--dm-border);background:var(--dm-surface);color:var(--dm-text-secondary)}.mock-select{color:var(--dm-text-muted)}.mock-items-table{border:1px solid var(--dm-border);border-radius:var(--dm-radius-sm);overflow:hidden;font-size:.62rem}.mock-items-header{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:4px 6px;background:var(--dm-bg);font-weight:700;color:var(--dm-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.56rem}.mock-item-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:4px 6px;color:var(--dm-text-secondary);border-top:1px solid var(--dm-border)}.mock-item-row span:last-child{font-weight:600;color:var(--dm-text)}.mock-totals-mini{display:flex;flex-direction:column;gap:2px;margin-top:4px}.mock-total-row{display:flex;justify-content:space-between;font-size:.62rem;color:var(--dm-text-secondary);padding:2px 0}.mock-total-bold{font-weight:700;color:var(--dm-text);font-size:.68rem;border-top:1px solid var(--dm-border);padding-top:4px;margin-top:2px}.mock-preview-panel{padding:12px;display:flex;align-items:flex-start;justify-content:center;background:var(--dm-bg)}.mock-paper{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:6px;padding:12px;box-shadow:var(--dm-shadow-sm);width:100%;display:flex;flex-direction:column;gap:6px}.mock-paper-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.mock-paper-logo{width:28px;height:12px;border-radius:3px;background:var(--dm-accent-soft);border:1px solid var(--dm-accent);opacity:.6}.mock-paper-invoice-no{font-size:.58rem;font-weight:700;color:var(--dm-text-muted);letter-spacing:.06em}.mock-paper-line{height:5px;border-radius:3px;background:var(--dm-border)}.mock-paper-line-full{width:100%}.mock-paper-line-three-quarter{width:75%}.mock-paper-line-half{width:50%}.mock-paper-line-quarter{width:30%}.mock-paper-divider{height:1px;background:var(--dm-border-strong);margin:3px 0}.mock-paper-total-block{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.mock-paper-total-amount{font-size:.7rem;font-weight:700;color:var(--dm-accent)}.demo-mockup-send{padding:24px 20px;display:flex;flex-direction:column;gap:20px;min-height:280px;justify-content:center}.mock-send-buttons{display:flex;flex-direction:column;gap:10px}.mock-send-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--dm-radius-md);border:none;font-family:var(--dm-font-body);font-size:.82rem;font-weight:700;cursor:default;color:#fff;transition:transform var(--dm-transition);letter-spacing:.01em}.mock-send-icon{font-size:1rem;line-height:1}.mock-send-whatsapp{background:#25d366}.mock-send-email{background:#4a90d9}.mock-send-pdf{background:var(--dm-text)}.mock-phone-row{display:flex;align-items:center;gap:14px}.mock-phone{width:80px;flex-shrink:0;border:2px solid var(--dm-border-strong);border-radius:14px;padding:8px 6px 10px;background:var(--dm-text);box-shadow:var(--dm-shadow-md);position:relative}.mock-phone:before{content:"";display:block;width:22px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 6px}.mock-phone-screen{background:#e8f5e0;border-radius:8px;padding:6px;min-height:70px}.mock-wa-bubble{background:#fff;border-radius:8px 8px 8px 2px;padding:6px 8px;box-shadow:0 1px 3px #00000014}.mock-wa-name{font-size:.52rem;font-weight:700;color:#25d366;margin-bottom:2px;letter-spacing:.02em}.mock-wa-text{font-size:.52rem;color:var(--dm-text);line-height:1.4;margin-bottom:4px}.mock-wa-meta{display:flex;justify-content:space-between;align-items:center}.mock-wa-line{height:4px;border-radius:2px;background:var(--dm-border)}.mock-wa-line-three-quarter{width:70%}.mock-wa-time{font-size:.46rem;color:var(--dm-text-muted);white-space:nowrap}.mock-send-label{font-size:.72rem;color:var(--dm-success);font-weight:600;display:flex;align-items:center;gap:4px}.mock-send-label:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--dm-success-soft);color:var(--dm-success);font-size:.6rem;font-weight:700;flex-shrink:0}.mock-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border-bottom:1px solid var(--dm-border)}.mock-stat-card{background:var(--dm-bg);border:1px solid var(--dm-border);border-radius:var(--dm-radius-md);padding:10px 8px;text-align:center}.mock-stat-value{font-family:var(--dm-font-display);font-size:.88rem;font-weight:400;color:var(--dm-text);line-height:1.2}.mock-stat-pending{color:var(--dm-warning)}.mock-stat-overdue{color:var(--dm-danger)}.mock-stat-label{font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dm-text-muted);margin-top:2px}.mock-dash-table{padding:10px 14px 14px;display:flex;flex-direction:column;gap:0}.mock-dash-header{display:grid;grid-template-columns:1fr auto 80px;gap:8px;padding:4px 0 6px;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dm-text-muted);border-bottom:1px solid var(--dm-border);margin-bottom:2px}.mock-dash-row{display:grid;grid-template-columns:1fr auto 80px;gap:8px;align-items:center;padding:7px 0;font-size:.65rem;color:var(--dm-text-secondary);border-bottom:1px solid var(--dm-border)}.mock-dash-row:last-child{border-bottom:none}.mock-dash-row span:nth-child(2){font-weight:600;color:var(--dm-text);font-size:.67rem}.mock-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:var(--dm-radius-pill);white-space:nowrap}.mock-badge-paid{background:var(--dm-success-soft);color:var(--dm-success-text)}.mock-badge-pending{background:var(--dm-warning-soft);color:var(--dm-warning-text)}.mock-badge-overdue{background:var(--dm-danger-soft);color:var(--dm-danger-text)}.dm-cta{background:var(--dm-text);padding:88px 24px;position:relative;overflow:hidden}.dm-cta:before{content:"";position:absolute;top:-80px;right:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(196,93,62,.22) 0%,transparent 70%);pointer-events:none}.dm-cta-inner{max-width:640px;margin:0 auto;text-align:center;position:relative;z-index:1}.dm-cta-heading{font-family:var(--dm-font-display);font-size:2.4rem;font-weight:400;color:#fff;margin:0 0 14px;letter-spacing:-.01em}.dm-cta-sub{font-size:1rem;color:#fff9;line-height:1.6;margin:0 0 36px}.dm-cta a{text-decoration:none}.dm-cta-btn{font-family:var(--dm-font-body);font-size:1rem;font-weight:700;letter-spacing:.01em;padding:16px 40px;border-radius:var(--dm-radius-pill);border:none;background:var(--dm-accent);color:#fff;cursor:pointer;transition:all var(--dm-transition);box-shadow:0 4px 24px #c45d3e4d;display:inline-block}.dm-cta-btn:hover{background:var(--dm-accent-hover);box-shadow:0 8px 36px #c45d3e66;transform:translateY(-2px)}.dm-cta-btn:active{transform:translateY(0)}.dm-cta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.dm-cta-btn-outline{background:transparent;border:2px solid rgba(255,255,255,.35);box-shadow:none;color:#ffffffd9}.dm-cta-btn-outline:hover{background:#ffffff1f;border-color:#fff9;color:#fff;box-shadow:none}.dm-cta-login{margin-top:24px;font-size:.85rem;color:#ffffff73}.dm-cta-login-link{color:#ffffffbf;text-decoration:underline;text-underline-offset:3px;transition:color var(--dm-transition)}.dm-cta-login-link:hover{color:#fff}.dm-footer{padding:32px 48px;text-align:center;border-top:1px solid var(--dm-border);background:var(--dm-surface-alt)}.dm-footer p{font-size:.8rem;color:var(--dm-text-muted);margin:0;letter-spacing:.02em}@keyframes dmFadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.dm-animate-in{animation:dmFadeInUp .65s ease both}.dm-animate-in-d1{animation-delay:.08s}.dm-animate-in-d2{animation-delay:.16s}.dm-animate-in-d3{animation-delay:.24s}@media(max-width:900px){.dm-navbar{padding:14px 20px}.dm-hero{padding:60px 20px 56px}.dm-hero-heading{font-size:2.3rem}.dm-steps-section{padding:16px 20px 72px}.dm-step-connector{display:none}.dm-steps-inner{gap:60px}.dm-step,.dm-step-even{grid-template-columns:1fr;direction:ltr;gap:28px}.dm-step-mockup-col,.dm-step-even .dm-step-mockup-col{order:-1}.dm-cta{padding:64px 20px}.dm-cta-heading{font-size:1.9rem}}@media(max-width:640px){.dm-navbar{padding:12px 16px}.dm-hero{padding:48px 16px 44px}.dm-hero-heading{font-size:1.85rem}.dm-hero-sub{font-size:.95rem}.dm-steps-section{padding:12px 16px 56px}.dm-step-title{font-size:1.5rem}.dm-step-body{font-size:.92rem;max-width:100%}.mock-two-panel{grid-template-columns:1fr;min-height:auto}.mock-form-panel{border-right:none;border-bottom:1px solid var(--dm-border)}.mock-preview-panel{display:none}.mock-stats-row{gap:6px;padding:10px}.mock-stat-value{font-size:.78rem}.dm-cta-btn{width:100%;font-size:.95rem;padding:15px 20px}.dm-cta-heading{font-size:1.6rem}.dm-footer{padding:24px 16px}.dm-login-btn,.dm-signup-btn{padding:8px 14px;font-size:.78rem}}@media(max-width:400px){.dm-hero-heading{font-size:1.6rem}.mock-send-btn{font-size:.75rem;padding:10px 14px}.mock-dash-header span:nth-child(2),.mock-dash-row span:nth-child(2){display:none}.mock-dash-header,.mock-dash-row{grid-template-columns:1fr 90px}}:root{--tc-bg: #f5f3ef;--tc-surface: #ffffff;--tc-surface-alt: #faf9f7;--tc-border: #e8e4de;--tc-border-strong: #d4cfc6;--tc-text: #1a1815;--tc-text-secondary: #6b6560;--tc-text-muted: #9e9890;--tc-accent: #c45d3e;--tc-accent-hover: #b04e32;--tc-accent-soft: rgba(196, 93, 62, .08);--tc-accent-glow: rgba(196, 93, 62, .15);--tc-success: #3a7d5c;--tc-danger: #c44040;--tc-danger-soft: rgba(196, 64, 64, .08);--tc-shadow-sm: 0 1px 3px rgba(26, 24, 21, .04);--tc-shadow-md: 0 4px 16px rgba(26, 24, 21, .06);--tc-shadow-lg: 0 8px 32px rgba(26, 24, 21, .08);--tc-shadow-float: 0 12px 40px rgba(26, 24, 21, .12);--tc-radius-sm: 6px;--tc-radius-md: 10px;--tc-radius-lg: 14px;--tc-transition: .2s cubic-bezier(.4, 0, .2, 1);--tc-font-body: "DM Sans", -apple-system, sans-serif;--tc-font-display: "DM Serif Display", Georgia, serif;--tc-font-mono: "JetBrains Mono", monospace}.template-page{font-family:var(--tc-font-body);background:var(--tc-bg);height:100vh;overflow:hidden;padding:0;color:var(--tc-text);display:flex;flex-direction:column}.template-page h1{font-family:var(--tc-font-display);font-size:1.75rem;font-weight:400;letter-spacing:-.01em;color:var(--tc-text);margin:0}.template-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid var(--tc-border);flex-shrink:0;position:relative;z-index:100}.template-top-bar-left{display:flex;align-items:center;gap:16px}.template-top-bar-left .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);background:var(--tc-surface);color:var(--tc-text-secondary);cursor:pointer;transition:all var(--tc-transition);font-size:1.1rem}.template-top-bar-left .back-btn:hover{border-color:var(--tc-border-strong);color:var(--tc-text);background:var(--tc-surface-alt)}.template-name-input{font-family:var(--tc-font-display);font-size:1.35rem;border:none;background:transparent;color:var(--tc-text);outline:none;padding:4px 0;border-bottom:2px solid transparent;transition:border-color var(--tc-transition);min-width:200px}.template-name-input::placeholder{color:var(--tc-text-muted);font-style:italic}.template-name-input:focus{border-bottom-color:var(--tc-accent)}.template-top-bar-right{display:flex;align-items:center;gap:10px}.tc-btn{font-family:var(--tc-font-body);font-size:.8rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:9px 18px;border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);background:var(--tc-surface);color:var(--tc-text-secondary);cursor:pointer;transition:all var(--tc-transition);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tc-btn:hover{border-color:var(--tc-border-strong);color:var(--tc-text);box-shadow:var(--tc-shadow-sm)}.tc-btn:disabled{opacity:.45;cursor:not-allowed}.tc-btn-primary{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent)}.tc-btn-primary:hover{background:var(--tc-accent-hover);border-color:var(--tc-accent-hover);box-shadow:0 4px 16px var(--tc-accent-glow)}.tc-btn-ghost{border:none;background:transparent}.tc-btn-ghost:hover{background:var(--tc-accent-soft);color:var(--tc-accent)}.tc-btn-danger{color:var(--tc-danger);border-color:transparent;background:transparent}.tc-btn-danger:hover{background:var(--tc-danger-soft)}.tc-btn-icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--tc-radius-sm);font-size:1rem}.toolbar{display:flex;align-items:center;gap:6px;padding:12px 32px;background:var(--tc-surface);border-bottom:1px solid var(--tc-border);overflow-x:auto;scrollbar-width:none;flex-shrink:0;position:relative;z-index:100}.toolbar::-webkit-scrollbar{display:none}.toolbar-item{font-family:var(--tc-font-body);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--tc-text-secondary);padding:8px 14px;border-radius:100px;border:1px solid var(--tc-border);background:var(--tc-surface);cursor:pointer;transition:all var(--tc-transition);white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px;position:relative}.toolbar-item-tooltip{position:fixed;transform:translate(-50%);background:#3f3f50;color:#e8e8f0;font-size:.72rem;font-weight:400;line-height:1.45;padding:6px 10px;border-radius:7px;white-space:normal;width:190px;text-align:center;box-shadow:0 4px 14px #00000024;pointer-events:none;z-index:99999}.toolbar-item-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#3f3f50}.toolbar-item:hover{border-color:var(--tc-accent);color:var(--tc-accent);background:var(--tc-accent-soft);box-shadow:0 2px 8px var(--tc-accent-glow);transform:translateY(-1px)}.toolbar-item:active{transform:translateY(0)}.toolbar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tc-text-muted);padding-right:10px;margin-right:4px;border-right:1px solid var(--tc-border);font-weight:600}.template-canvas-area{flex:1;min-height:0;padding:32px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.template-canvas{position:relative;background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:var(--tc-radius-lg);box-shadow:var(--tc-shadow-lg);overflow-x:auto;overflow-y:clip;min-width:800px;max-width:1000px;width:100%;transition:box-shadow var(--tc-transition)}.template-canvas:hover{box-shadow:var(--tc-shadow-float)}.template-canvas-edit{background-image:radial-gradient(circle,var(--tc-border) .8px,transparent .8px);background-size:24px 24px;background-color:var(--tc-surface-alt)}.template-canvas-preview{background:#fff}.block-wrapper{transition:box-shadow .15s ease;border-radius:var(--tc-radius-md);padding-top:44px;margin-top:-44px}.block-wrapper:hover{box-shadow:0 0 0 2px var(--tc-accent-glow)}.block-wrapper:hover .block-toolbar{opacity:1;transform:translateY(0);pointer-events:auto}.block-toolbar{position:absolute;top:4px;right:0;display:flex;align-items:center;gap:4px;opacity:0;transform:translateY(4px);transition:all var(--tc-transition);pointer-events:none;z-index:20}.block-toolbar button{font-family:var(--tc-font-body);font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);background:var(--tc-surface);color:var(--tc-danger);cursor:pointer;transition:all var(--tc-transition);box-shadow:var(--tc-shadow-sm)}.block-toolbar button:hover{background:var(--tc-danger-soft);border-color:var(--tc-danger)}.block-toolbar button.toolbar-btn-duplicate{color:var(--tc-text-secondary)}.block-toolbar button.toolbar-btn-duplicate:hover{background:var(--tc-accent-soft);border-color:var(--tc-accent);color:var(--tc-accent)}.block{background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:var(--tc-radius-md);padding:16px;touch-action:none;box-shadow:var(--tc-shadow-sm);font-family:var(--tc-font-body);transition:border-color var(--tc-transition),box-shadow var(--tc-transition)}.block:hover{border-color:var(--tc-border-strong)}.block:focus-within{border-color:var(--tc-accent);box-shadow:0 0 0 3px var(--tc-accent-glow)}.block input,.block textarea{font-family:var(--tc-font-body);font-size:.88rem;width:100%;padding:8px 10px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);background:var(--tc-surface-alt);color:var(--tc-text);transition:all var(--tc-transition);outline:none;box-sizing:border-box}.block input:focus,.block textarea:focus{border-color:var(--tc-accent);background:#fff;box-shadow:0 0 0 3px var(--tc-accent-glow)}.block input::placeholder,.block textarea::placeholder{color:var(--tc-text-muted)}.header-block{display:flex;flex-direction:column;gap:8px}.header-block:before{content:"HEADER";font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--tc-accent);text-transform:uppercase;margin-bottom:4px}.customer-block{display:flex;flex-direction:column;gap:8px}.customer-block input{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;text-align:inherit!important}.customer-block:before{content:"CUSTOMER INFO";font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--tc-accent);text-transform:uppercase;margin-bottom:4px}.table-block{padding:0;overflow:hidden}.table-block:before{content:"SERVICE TABLE";font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--tc-accent);text-transform:uppercase;display:block;padding:12px 16px 8px}.table-block table{width:100%;border-collapse:collapse;font-size:.85rem}.table-block thead th{text-align:left;padding:10px 12px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-text-muted);background:var(--tc-surface-alt);border-bottom:2px solid var(--tc-border)}.table-block tbody td{padding:6px 8px;border-bottom:1px solid var(--tc-border);vertical-align:middle}.table-block tbody td input{border:none;background:transparent;padding:6px 4px;font-size:.85rem}.table-block tbody td input:focus{background:var(--tc-accent-soft);border-radius:var(--tc-radius-sm);box-shadow:none}.table-block tbody tr:hover{background:var(--tc-accent-soft)}.table-block tbody td:last-child{font-weight:600;font-family:var(--tc-font-mono);font-size:.82rem;color:var(--tc-text-secondary);padding-right:16px;text-align:right}.table-block button{font-family:var(--tc-font-body);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--tc-accent);background:transparent;border:none;padding:10px 16px;cursor:pointer;transition:all var(--tc-transition);display:flex;align-items:center;gap:4px;width:100%;justify-content:center;border-top:1px dashed var(--tc-border)}.table-block button:hover{background:var(--tc-accent-soft);color:var(--tc-accent-hover)}.notes-block{display:flex;flex-direction:column;gap:8px}.notes-block:before{content:"NOTES";font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--tc-accent);text-transform:uppercase}.notes-block textarea{min-height:80px;resize:vertical;line-height:1.6}.icon-block{display:flex;flex-direction:column;gap:8px}.icon-block:before{content:"LOGO / ICON";font-size:.6rem;font-weight:700;letter-spacing:.12em;color:var(--tc-accent);text-transform:uppercase}.icon-block img{border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);object-fit:contain;background:var(--tc-surface-alt)}.page-break-display{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;margin:12px 0;position:relative;color:var(--tc-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.page-break-display:before,.page-break-display:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--tc-border-strong) 0,var(--tc-border-strong) 6px,transparent 6px,transparent 12px)}.page-break-display span{padding:0 16px}.resizable-corner{opacity:0;transition:opacity var(--tc-transition)}.block-wrapper:hover .resizable-corner{opacity:1}.preview-block-header h2{font-family:var(--tc-font-display);font-size:1.5rem;margin:0 0 6px;color:var(--tc-text)}.preview-block-header p{margin:2px 0;font-size:.88rem;color:var(--tc-text-secondary)}.preview-block-customer p{margin:2px 0}.modal-overlay{position:fixed;inset:0;background:#1a181580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--tc-surface);border-radius:var(--tc-radius-lg);padding:32px;min-width:380px;max-width:90vw;box-shadow:var(--tc-shadow-float);animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-content h3{font-family:var(--tc-font-display);font-size:1.25rem;font-weight:400;margin:0 0 16px}.modal-content input{font-family:var(--tc-font-body);font-size:.95rem;width:100%;padding:10px 14px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);background:var(--tc-surface-alt);color:var(--tc-text);outline:none;transition:all var(--tc-transition);box-sizing:border-box}.modal-content input:focus{border-color:var(--tc-accent);box-shadow:0 0 0 3px var(--tc-accent-glow)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{font-family:var(--tc-font-body);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:9px 20px;border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);background:var(--tc-surface);color:var(--tc-text-secondary);cursor:pointer;transition:all var(--tc-transition)}.modal-actions button:last-child{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent)}.modal-actions button:last-child:hover{background:var(--tc-accent-hover)}.tc-status-badge{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:100px;background:var(--tc-accent-soft);color:var(--tc-accent)}.tc-status-badge-editing{background:#3a7d5c1a;color:var(--tc-success)}.canvas-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tc-text-muted);pointer-events:none;gap:12px}.canvas-empty-state-icon{font-size:2.5rem;opacity:.4}.canvas-empty-state p{font-size:.9rem;margin:0}.canvas-empty-state span{font-size:.78rem;color:var(--tc-text-muted);opacity:.7}.tc-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(0);padding:12px 24px;border-radius:var(--tc-radius-md);font-family:var(--tc-font-body);font-size:.85rem;font-weight:500;z-index:9999;animation:toastIn .3s ease;box-shadow:var(--tc-shadow-float);display:flex;align-items:center;gap:8px}.tc-toast-success{background:var(--tc-success);color:#fff}.tc-toast-error{background:var(--tc-danger);color:#fff}@keyframes toastIn{0%{transform:translate(-50%) translateY(16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.tc-shortcut-hint{font-family:var(--tc-font-mono);font-size:.6rem;letter-spacing:.04em;padding:2px 6px;border-radius:3px;background:#0000000f;color:var(--tc-text-muted);margin-left:4px}@media(min-width:1440px){.template-top-bar,.toolbar{padding-left:max(32px,calc((100% - 1400px)/2));padding-right:max(32px,calc((100% - 1400px)/2))}.template-name-input{max-width:420px}}@media(max-width:900px){.template-top-bar{padding:12px 16px;flex-wrap:wrap;gap:10px}.template-canvas-area{padding:16px}.template-canvas{min-width:unset;border-radius:var(--tc-radius-md)}.toolbar{padding:10px 16px}.tc-shortcut-hint{display:none}}.tc-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--tc-border);z-index:200;justify-content:space-around;align-items:center;padding:0 4px}.tc-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--tc-radius-sm);color:var(--tc-text-muted);font-size:10px;font-family:var(--tc-font-body);font-weight:500;transition:all .15s ease;min-width:52px}.tc-mobile-nav-item:hover,.tc-mobile-nav-active{color:var(--tc-accent)}.tc-mobile-save-bar{display:none;gap:10px;padding:10px 16px;background:var(--tc-surface);border-bottom:1px solid var(--tc-border)}.tc-mobile-save-btn{flex:1;padding:11px;border-radius:var(--tc-radius-sm);border:1px solid var(--tc-border);background:var(--tc-surface-alt);color:var(--tc-text-secondary);font-family:var(--tc-font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--tc-transition)}.tc-mobile-save-btn:disabled{opacity:.45;cursor:not-allowed}.tc-mobile-save-btn-primary{background:var(--tc-accent);color:#fff;border-color:var(--tc-accent)}.tc-mobile-save-btn-ghost{background:transparent;color:var(--tc-text-secondary)}@media(max-width:640px){.tc-style-panel{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:0;right:0;width:100%;max-height:30vh;border-left:none;border-top:1px solid var(--tc-border);border-radius:14px 14px 0 0;z-index:250;box-shadow:0 -2px 12px #1a181514;animation:tc-panel-up .2s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}@keyframes tc-panel-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.tc-style-panel-header{padding:6px 14px 5px}.tc-style-panel-header:before{content:"";display:block;width:28px;height:3px;background:var(--tc-border-strong);border-radius:2px;margin:0 auto 6px}.tc-style-panel-body{padding:8px 14px 10px;gap:8px}.tc-workspace.has-panel .template-canvas-area{padding-bottom:32vh}}@media(max-width:640px){.tc-workspace{padding-bottom:60px}.template-top-bar{padding:10px 12px;gap:8px}.template-top-bar-left{gap:8px;flex:1;min-width:0}.template-name-input{font-size:1rem;min-width:0;width:100%}.template-top-bar-right,.tc-status-badge{display:none}.tc-mobile-save-bar{display:flex}.toolbar{padding:8px 12px;gap:5px;flex-wrap:wrap;overflow-x:visible}.toolbar-label{display:none}.toolbar-item{padding:7px 10px;font-size:.74rem}.toolbar-item-tooltip{display:none!important}.template-canvas-area{padding:12px;overflow-x:auto}.template-canvas{min-width:unset;width:100%;overflow-x:clip}.tc-mobile-nav{display:flex}.tc-toast{bottom:72px}}.tc-starter-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#c45d3e12;border-bottom:1px solid rgba(196,93,62,.2);font-size:.82rem;color:var(--tc-accent, #c45d3e);flex-shrink:0;line-height:1.4}.tc-workspace{flex:1;display:flex;overflow:hidden;min-height:0}.tc-workspace .template-canvas-area{flex:1;min-width:0}.tc-style-panel{width:240px;flex-shrink:0;background:#fff;border-left:1px solid var(--tc-border);display:flex;flex-direction:column;overflow:hidden;animation:tc-panel-in .18s cubic-bezier(.4,0,.2,1)}@keyframes tc-panel-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.tc-style-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--tc-border);flex-shrink:0;background:#fff}.tc-style-panel-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tc-text-muted)}.tc-style-panel-close{background:none;border:none;font-size:1.1rem;color:var(--tc-text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:background .15s,color .15s}.tc-style-panel-close:hover{background:var(--tc-border);color:var(--tc-text)}.tc-style-panel-body{padding:14px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;min-height:0}.tc-style-row{display:flex;flex-direction:column;gap:6px}.tc-style-label{font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tc-text-muted)}.tc-style-slider-row{display:flex;align-items:center;gap:8px}.tc-style-slider{flex:1;accent-color:var(--tc-accent);height:4px}.tc-style-slider-val{font-size:.72rem;font-family:var(--tc-font-mono);color:var(--tc-text-secondary);width:30px;text-align:right;flex-shrink:0}.tc-style-colour-row{display:flex;align-items:center;gap:8px}.tc-style-colour{width:32px;height:28px;border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);padding:2px;cursor:pointer;background:none}.tc-style-colour-val{font-size:.7rem;font-family:var(--tc-font-mono);color:var(--tc-text-secondary)}.tc-style-pills{display:flex;gap:4px}.tc-style-pill{flex:1;padding:5px 4px;font-size:.7rem;font-weight:600;font-family:var(--tc-font-body);border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);background:var(--tc-surface-alt);color:var(--tc-text-secondary);cursor:pointer;transition:all .15s;text-align:center}.tc-style-pill:hover{border-color:var(--tc-accent);color:var(--tc-accent)}.tc-style-pill.active{background:var(--tc-accent);border-color:var(--tc-accent);color:#fff}.tc-style-divider{height:1px;background:var(--tc-border);margin:2px 0}.tc-style-section-label{font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tc-text-muted);margin:0}.block-toolbar button.toolbar-btn-style{color:#3b82f6}.block-toolbar button.toolbar-btn-style:hover{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.block-wrapper.selected{box-shadow:0 0 0 2px var(--tc-accent)!important}.block-wrapper.selected .block-toolbar{opacity:1;transform:translateY(0);pointer-events:auto}.di-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cq-border);position:sticky;top:0;z-index:200}.di-nav-right{display:flex;align-items:center;gap:12px}.di-demo-badge{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cq-accent);background:var(--cq-accent-soft);border:1px solid var(--cq-accent-glow);padding:4px 10px;border-radius:100px}.di-login-btn{font-family:var(--cq-font-body);font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:var(--cq-radius-sm);border:1px solid var(--cq-border);background:var(--cq-surface);color:var(--cq-text-secondary);cursor:pointer;transition:all var(--cq-transition)}.di-login-btn:hover{border-color:var(--cq-border-strong);color:var(--cq-text)}.di-signup-btn{font-family:var(--cq-font-body);font-size:.8rem;font-weight:600;padding:7px 16px;border-radius:var(--cq-radius-sm);border:1px solid var(--cq-accent);background:var(--cq-accent);color:#fff;cursor:pointer;transition:all var(--cq-transition)}.di-signup-btn:hover{background:var(--cq-accent-hover);border-color:var(--cq-accent-hover);box-shadow:0 4px 16px var(--cq-accent-glow)}.di-banner{display:flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#c45d3e0f,#c45d3e05);border-bottom:1px solid var(--cq-accent-glow);font-size:.82rem;color:var(--cq-text-secondary);flex-wrap:wrap;gap:8px}.di-banner-icon{font-size:1rem;flex-shrink:0}.di-banner-cta{margin-left:auto;font-size:.78rem;font-weight:600;color:var(--cq-accent);text-decoration:none;white-space:nowrap}.di-banner-cta:hover{text-decoration:underline}.di-canvas-paper{position:relative;width:794px;background:#fff;box-shadow:0 2px 8px #1a181514,0 8px 32px #1a18150f;border-radius:2px;margin:0 auto;padding-bottom:48px;box-sizing:border-box;overflow:hidden}.di-modal-overlay{position:fixed;inset:0;background:#1a18158c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.di-modal{background:#fff;border-radius:16px;padding:40px 36px 32px;max-width:420px;width:100%;box-shadow:0 24px 64px #1a181533;text-align:center;animation:di-modal-in .18s ease}@keyframes di-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.di-modal-icon{width:56px;height:56px;border-radius:50%;background:var(--cq-accent-soft, rgba(196,93,62,.08));color:var(--cq-accent, #c45d3e);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.di-modal-title{font-size:1.3rem;font-weight:700;color:#1a1815;margin:0 0 10px}.di-modal-body{font-size:.88rem;color:#6b6560;line-height:1.6;margin:0 0 24px}.di-modal-primary{width:100%;padding:14px 24px;border-radius:100px;border:none;background:#c45d3e;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .18s;margin-bottom:10px}.di-modal-primary:hover{background:#b04e32}.di-modal-secondary{width:100%;padding:11px 24px;border-radius:100px;border:1px solid #e8e4de;background:transparent;color:#9e9890;font-size:.82rem;cursor:pointer;transition:color .18s,border-color .18s}.di-modal-secondary:hover:not(:disabled){color:#1a1815;border-color:#d4cfc6}.di-modal-secondary:disabled{opacity:.5;cursor:not-allowed}.tc-btn-whatsapp{background:#25d366;color:#fff;border-color:#25d366}.tc-btn-whatsapp:hover{background:#1ebe5a;border-color:#1ebe5a}.tc-btn-email{background:#4a7fd4;color:#fff;border-color:#4a7fd4}.tc-btn-email:hover:not(:disabled){background:#3b6dc0;border-color:#3b6dc0}.di-save-cta-btn{background:transparent;border-style:dashed;color:var(--tc-accent, #c45d3e);border-color:var(--tc-accent, #c45d3e)}.di-save-cta-btn:hover{background:var(--tc-accent-soft, rgba(196,93,62,.08));box-shadow:none}.di-send-hint{font-size:.72rem;color:var(--cq-text-muted);margin:8px 0 0;line-height:1.5}.di-panel-cta{background:var(--cq-accent-soft);border-top:1px solid var(--cq-accent-glow)!important}.di-panel-cta-text{font-size:.82rem;color:var(--cq-text-secondary);line-height:1.5;margin:0 0 12px}:root{--au-bg: #ede8df;--au-bg-paper: #f5f3ef;--au-surface: #ffffff;--au-surface-alt: #faf9f7;--au-border: #e8e4de;--au-border-strong: #d4cfc6;--au-text: #1a1815;--au-text-secondary: #6b6560;--au-text-muted: #9e9890;--au-text-light: rgba(255, 255, 255, .85);--au-text-light-muted: rgba(255, 255, 255, .4);--au-accent: #c45d3e;--au-accent-hover: #b04e32;--au-accent-soft: rgba(196, 93, 62, .08);--au-accent-glow: rgba(196, 93, 62, .15);--au-success: #3a7d5c;--au-success-soft: rgba(58, 125, 92, .1);--au-danger: #c44040;--au-shadow-sm: 0 1px 3px rgba(26, 24, 21, .04);--au-shadow-md: 0 4px 16px rgba(26, 24, 21, .06);--au-shadow-lg: 0 8px 32px rgba(26, 24, 21, .08);--au-shadow-float: 0 20px 60px rgba(26, 24, 21, .15);--au-radius-sm: 6px;--au-radius-md: 10px;--au-radius-lg: 14px;--au-radius-xl: 20px;--au-radius-pill: 100px;--au-transition: .25s cubic-bezier(.4, 0, .2, 1);--au-font-body: "DM Sans", -apple-system, sans-serif;--au-font-display: "DM Serif Display", Georgia, serif;--au-font-mono: "JetBrains Mono", monospace}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;font-family:var(--au-font-body);background:var(--au-bg);overflow:hidden}.auth-illustration{position:relative;display:flex;align-items:center;justify-content:center;padding:48px;overflow:hidden;background:var(--au-bg)}.auth-illustration:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(26,24,21,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(26,24,21,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.auth-illustration:after{content:"";position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(196,93,62,.12) 0%,transparent 70%);pointer-events:none}.auth-illust-content{position:relative;z-index:1;width:100%;max-width:400px}.invoice-paper{background:var(--au-surface);border-radius:var(--au-radius-lg);padding:32px;box-shadow:0 2px 4px #0000000d,0 20px 60px #00000040;transform:rotate(-2deg);animation:paperFloat 6s ease-in-out infinite;position:relative}@keyframes paperFloat{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}.invoice-paper:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,#ede9e3 50%);border-radius:0 var(--au-radius-lg) 0 0}.invoice-paper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--au-border)}.invoice-paper-brand{display:flex;flex-direction:column;gap:4px}.invoice-paper-brand span:first-child{font-family:var(--au-font-display);font-size:1.1rem;color:var(--au-text)}.invoice-paper-brand span:last-child{font-family:var(--au-font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--au-text-muted);text-transform:uppercase}.invoice-paper-meta{text-align:right;font-family:var(--au-font-mono);font-size:.65rem;color:var(--au-text-muted);line-height:1.8}.invoice-paper-meta .inv-number{font-weight:600;color:var(--au-accent);font-size:.7rem}.invoice-lines{margin-bottom:20px}.invoice-line-header{display:grid;grid-template-columns:1fr 48px 64px;gap:8px;font-family:var(--au-font-mono);font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--au-text-muted);padding-bottom:8px;border-bottom:1px solid var(--au-border);margin-bottom:6px}.invoice-line{display:grid;grid-template-columns:1fr 48px 64px;gap:8px;padding:7px 0;font-size:.78rem;color:var(--au-text);border-bottom:1px solid #f0ede8;animation:lineReveal .5s ease both}.invoice-line:nth-child(2){animation-delay:1.2s}.invoice-line:nth-child(3){animation-delay:1.5s}.invoice-line:nth-child(4){animation-delay:1.8s}@keyframes lineReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.invoice-line .line-amount{text-align:right;font-family:var(--au-font-mono);font-weight:600;font-size:.75rem}.invoice-line .line-qty{text-align:center;color:var(--au-text-secondary)}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:2px solid var(--au-border);margin-top:4px}.invoice-total-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--au-text-secondary)}.invoice-total-value{font-family:var(--au-font-mono);font-size:1.15rem;font-weight:700;color:var(--au-accent);animation:totalPulse 3s ease-in-out infinite}@keyframes totalPulse{0%,to{opacity:1}50%{opacity:.7}}.invoice-stamp{position:absolute;bottom:24px;right:24px;font-family:var(--au-font-body);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--au-success);border:2.5px solid var(--au-success);padding:6px 14px;border-radius:var(--au-radius-sm);transform:rotate(12deg);opacity:0;animation:stampSlam .4s 2.5s ease both}@keyframes stampSlam{0%{opacity:0;transform:rotate(12deg) scale(2)}60%{opacity:1;transform:rotate(12deg) scale(.9)}to{opacity:.85;transform:rotate(12deg) scale(1)}}.invoice-paper-shadow{position:absolute;inset:20px -10px -10px 20px;background:#c45d3e1a;border-radius:var(--au-radius-lg);transform:rotate(1deg);z-index:-1}.invoice-paper-shadow-2{position:absolute;inset:36px -20px -20px 36px;background:#c45d3e0d;border-radius:var(--au-radius-lg);transform:rotate(3deg);z-index:-2}.auth-illust-caption{margin-top:40px;text-align:center;color:var(--au-text-secondary);font-size:.78rem;line-height:1.6}.auth-illust-caption strong{color:var(--au-text);font-weight:600}.printer-lines{position:absolute;top:50%;left:0;right:0;display:flex;flex-direction:column;gap:3px;transform:translateY(-50%);opacity:.04;pointer-events:none}.printer-line{height:1px;background:#1a1815;animation:printerScan 4s linear infinite}.printer-line:nth-child(2){animation-delay:.3s}.printer-line:nth-child(3){animation-delay:.6s}@keyframes printerScan{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;background:var(--au-bg-paper);position:relative;overflow-y:auto}.auth-form-container{width:100%;max-width:400px;animation:formFadeIn .6s ease both}@keyframes formFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-back-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--au-font-body);font-size:.8rem;font-weight:500;color:var(--au-text-muted);background:none;border:none;cursor:pointer;padding:0;margin-bottom:32px;transition:color var(--au-transition)}.auth-back-btn:hover{color:var(--au-text)}.auth-form-header{margin-bottom:32px}.auth-form-header h2{font-family:var(--au-font-display);font-size:2rem;font-weight:400;color:var(--au-text);margin:0 0 8px}.auth-form-header p{font-size:.9rem;color:var(--au-text-secondary);margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--au-text-muted)}.auth-field input{font-family:var(--au-font-body);font-size:.95rem;padding:13px 16px;border:1px solid var(--au-border);border-radius:var(--au-radius-md);background:var(--au-surface);color:var(--au-text);outline:none;transition:all var(--au-transition);width:100%;box-sizing:border-box}.auth-field input:focus{border-color:var(--au-accent);box-shadow:0 0 0 4px var(--au-accent-glow)}.auth-field input::placeholder{color:var(--au-text-muted)}.auth-submit-btn{font-family:var(--au-font-body);font-size:.92rem;font-weight:600;letter-spacing:.02em;padding:14px 32px;border-radius:var(--au-radius-pill);border:none;background:var(--au-accent);color:#fff;cursor:pointer;transition:all var(--au-transition);margin-top:8px;width:100%;box-shadow:0 4px 16px var(--au-accent-glow)}.auth-submit-btn:hover:not(:disabled){background:var(--au-accent-hover);box-shadow:0 6px 24px #c45d3e40;transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--au-radius-md);background:#c440400f;border:1px solid rgba(196,64,64,.15);color:var(--au-danger);font-size:.85rem;font-weight:500;animation:errorShake .4s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth-error-icon{flex-shrink:0;font-size:1rem}.auth-success{text-align:center;padding:40px 24px;border-radius:var(--au-radius-lg);background:var(--au-success-soft);border:1px solid rgba(58,125,92,.2);animation:successPop .5s ease both}@keyframes successPop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.auth-success-icon{font-size:2.5rem;margin-bottom:12px;display:block}.auth-success h3{font-family:var(--au-font-display);font-size:1.3rem;font-weight:400;color:var(--au-success);margin:0 0 8px}.auth-success p{font-size:.88rem;color:var(--au-text-secondary);margin:0;line-height:1.5}.auth-footer-link{text-align:center;margin-top:28px;font-size:.85rem;color:var(--au-text-muted)}.auth-footer-link a{color:var(--au-accent);font-weight:600;text-decoration:none;transition:color var(--au-transition)}.auth-footer-link a:hover{color:var(--au-accent-hover);text-decoration:underline}.password-strength{display:flex;gap:4px;margin-top:4px}.password-strength-bar{flex:1;height:3px;border-radius:2px;background:var(--au-border);transition:background .3s ease}.password-strength-bar.active-weak{background:var(--au-danger)}.password-strength-bar.active-medium{background:var(--au-accent-warm, #e8a87c)}.password-strength-bar.active-strong{background:var(--au-success)}.password-strength-label{font-family:var(--au-font-mono);font-size:.62rem;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.password-strength-label.weak{color:var(--au-danger)}.password-strength-label.medium{color:var(--au-accent)}.password-strength-label.strong{color:var(--au-success)}.auth-mobile-logo{display:none;margin-bottom:28px}@media(max-width:900px){.auth-mobile-logo{display:flex}.auth-page{grid-template-columns:1fr;overflow:visible;min-height:100dvh}.auth-illustration{display:none}.auth-form-panel{padding:48px 24px 32px;min-height:100dvh;overflow-y:auto;justify-content:flex-start}.auth-form-container{max-width:100%}}@media(max-width:480px){.auth-page{min-height:100dvh}.auth-form-panel{padding:32px 20px 48px;justify-content:flex-start}.auth-form-container{width:100%}.auth-back-btn{font-size:.85rem;margin-bottom:24px;padding:8px 0;min-height:44px}.auth-form-header{margin-bottom:24px}.auth-form-header h2{font-size:1.75rem}.auth-form-header p{font-size:.88rem}.auth-field input{font-size:1rem;padding:14px 16px;min-height:48px}.auth-field label{font-size:.7rem}.auth-submit-btn{font-size:1rem;padding:15px 32px;min-height:52px;margin-top:4px}.auth-form{gap:18px}.auth-footer-link{margin-top:24px;font-size:.9rem}.auth-error{font-size:.82rem;padding:11px 14px}.auth-success{padding:32px 20px}.auth-success h3{font-size:1.2rem}.auth-success p{font-size:.85rem}}@media(max-width:360px){.auth-form-panel{padding:28px 16px 40px}.auth-form-header h2{font-size:1.5rem}}.sub-wrap{display:flex;align-items:center;gap:9px;margin:2px 8px;padding:7px 10px;border-radius:8px;background:#c45d3e0f;border:1px solid rgba(196,93,62,.14);text-decoration:none;color:#c45d3e;transition:background .15s,border-color .15s}.sub-wrap:hover{background:#c45d3e1c;border-color:#c45d3e40}.sub-shimmer,.sub-top,.sub-headline,.sub-body{display:none}.sub-crown{color:#c45d3e;opacity:.75;flex-shrink:0}.sub-label-text{font-size:.8rem;font-weight:600;color:#c45d3e;opacity:.85;flex:1}.sub-cta{display:flex;align-items:center;opacity:.55;color:#c45d3e;background:none;border:none;padding:0;font-size:0}.sub-collapsed{display:flex;align-items:center;justify-content:center;width:36px;height:28px;border-radius:7px;margin:2px auto;background:#c45d3e12;border:1px solid rgba(196,93,62,.15);color:#c45d3e;text-decoration:none;opacity:.8;transition:opacity .15s,background .15s}.sub-collapsed:hover{opacity:1;background:#c45d3e21}:root{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #0f172a;--accent-hover: #1e293b;--green: #10b981;--green-light: #ecfdf5;--green-border: #a7f3d0;--amber: #f59e0b;--amber-light: #fffbeb;--amber-border: #fde68a;--red: #ef4444;--red-light: #fef2f2;--red-border: #fecaca;--blue: #3b82f6;--blue-light: #eff6ff;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.06);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px}.dashboard-shell{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;height:100vh;overflow:hidden;background:var(--bg);color:var(--text-primary)}.db-loading{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:80px;color:var(--text-muted);font-size:14px}.db-loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:db-spin .7s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--border)!important;background:var(--surface)!important;flex-shrink:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid var(--border)}.logo{font-size:18px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);margin:0}.collapse-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;justify-content:flex-end;border-radius:var(--radius-sm);transition:color .15s,background .15s}.collapse-btn:hover{color:var(--text-primary);background:var(--surface-2)}.sidebar-logout{position:absolute;bottom:0;width:100%;border-top:1px solid var(--border)}.dashboard-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.db-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:32px 36px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.db-mobile-logout-btn{display:none}.db-page-title{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);margin:0 0 4px}.db-page-sub{font-size:13px;color:var(--text-muted);margin:0}.db-create-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;text-decoration:none;white-space:nowrap}.db-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a33}.db-content{padding:32px 36px;display:flex;flex-direction:column;gap:32px}.db-stats{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:16px}.db-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;align-items:flex-start;gap:16px;transition:box-shadow .2s,transform .2s;animation:db-card-in .3s ease both}.db-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.db-stat-card:nth-child(2){animation-delay:.05s}.db-stat-card:nth-child(3){animation-delay:.1s}.db-stat-card:nth-child(4){animation-delay:.15s}@keyframes db-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.db-stat-card-alert{border-color:var(--red-border);background:var(--red-light)}.db-stat-revenue{background:var(--accent);border-color:var(--accent)}.db-stat-revenue .db-stat-label{color:#fff9}.db-stat-revenue .db-stat-value{color:#fff}.db-stat-revenue .db-stat-sub{color:#ffffff80}.db-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-stat-icon-revenue{background:#ffffff26;color:#fff}.db-stat-icon-outstanding{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.db-stat-icon-total{background:var(--blue-light);color:var(--blue);border:1px solid #bfdbfe}.db-stat-icon-overdue{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.db-stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.db-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.db-stat-value{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;font-family:DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-stat-value-sm{font-size:22px}.db-stat-value-danger{color:var(--red)}.db-stat-sub{font-size:12px;color:var(--text-muted)}.db-table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:db-card-in .35s ease both;animation-delay:.2s}.db-table-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.db-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.2px;white-space:nowrap}.db-table-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.db-search-wrap{position:relative;display:flex;align-items:center}.db-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.db-search{padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--surface);width:220px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.db-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.db-search::placeholder{color:var(--text-muted)}.db-filter-tabs{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.db-filter-tab{padding:5px 12px;border:none;background:transparent;border-radius:5px;font-size:12.5px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-family:inherit}.db-filter-tab:hover{color:var(--text-secondary)}.db-filter-tab-active{background:var(--surface);color:var(--text-primary);font-weight:600;box-shadow:var(--shadow-sm)}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse}.db-table thead tr{background:var(--surface-2);border-bottom:1px solid var(--border)}.db-table th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);white-space:nowrap}.db-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-secondary);vertical-align:middle}.db-table tbody tr{transition:background .12s}.db-table tbody tr:hover{background:var(--surface-2)}.db-table tbody tr:last-child td{border-bottom:none}.db-row-overdue td{background:#fff9f9}.db-row-overdue:hover td{background:#fff3f3}.db-cell-id{font-family:DM Mono,monospace;font-size:12px!important;color:var(--text-muted)!important}.db-cell-customer{display:flex!important;align-items:center;gap:10px}.db-customer-avatar{width:32px;height:32px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.db-customer-name{font-size:13.5px;font-weight:600;color:var(--text-primary)}.db-customer-email{font-size:11.5px;color:var(--text-muted);margin-top:1px}.db-cell-date{font-size:13px!important;color:var(--text-muted)!important;white-space:nowrap}.db-cell-amount{font-family:DM Mono,monospace;font-weight:600!important;color:var(--text-primary)!important;white-space:nowrap}.db-cell-actions{width:40px;text-align:right}.db-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.db-badge-paid{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.db-badge-unpaid{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.db-badge-overdue{background:var(--red-light);color:var(--red);border-color:var(--red-border)}.db-menu-btn{width:auto;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s;margin-left:auto}.db-menu-btn:hover{background:var(--surface-2);border-color:var(--border);color:var(--text-primary)}.db-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 8px 24px #00000021,0 2px 6px #00000012;min-width:180px;z-index:100;overflow:hidden;padding:4px 0;animation:db-drop-in .15s ease}@keyframes db-drop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.db-dropdown-item{width:100%;display:flex;align-items:center;gap:9px;padding:9px 14px;background:none;border:none;text-align:left;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.db-dropdown-item:hover{background:var(--surface-2);color:var(--text-primary)}.db-dropdown-item-success:hover{background:var(--green-light);color:var(--green)}.db-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;color:var(--text-muted);font-size:14px}.db-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:db-overlay-in .2s ease}@keyframes db-overlay-in{0%{opacity:0}to{opacity:1}}.db-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:380px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;animation:db-modal-in .22s ease}@keyframes db-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.db-modal-icon{width:52px;height:52px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-bottom:4px}.db-modal-icon-success{background:var(--green-light);border-color:var(--green-border);color:var(--green)}.db-modal-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.db-modal-body-text{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.db-date-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);font-family:inherit;margin-top:4px;transition:border-color .15s,box-shadow .15s}.db-date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.db-modal-actions{display:flex;gap:8px;width:100%;margin-top:8px}.db-modal-cancel{flex:1;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.db-modal-cancel:hover{background:var(--surface-2);color:var(--text-primary)}.db-modal-confirm{flex:2;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;font-family:inherit}.db-modal-confirm:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #0f172a40}.db-modal-confirm:disabled{opacity:.4;cursor:not-allowed}.db-card-list{display:none;flex-direction:column;gap:0}.db-quote-card{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface);transition:background .12s}.db-quote-card:last-child{border-bottom:none}.db-quote-card-overdue{background:#fff9f9}.db-quote-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.db-quote-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.db-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:16px}.db-template-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .15s ease,border-color .15s ease}.db-template-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.db-template-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);flex-shrink:0}.db-template-info{flex:1;min-width:0}.db-template-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-template-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.db-template-actions{display:flex;gap:6px;flex-shrink:0}.db-template-btn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.db-template-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.db-template-btn-use{background:var(--accent);color:#fff;border-color:var(--accent)}.db-template-btn-use:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.db-mobile-nav,.db-mobile-fab{display:none}@media(max-width:1100px){.db-stats{grid-template-columns:1fr 1fr}.db-stat-revenue{grid-column:1 / -1}}@media(max-width:800px){.db-topbar,.db-content{padding-left:20px;padding-right:20px}.db-topbar{padding-top:20px;padding-bottom:16px}.db-content{padding-top:20px;padding-bottom:20px;gap:20px}.db-table-header{flex-direction:column;align-items:flex-start}.db-table-controls,.db-search{width:100%}}@media(max-width:640px){.sidebar{display:none!important}.dashboard-shell{height:100dvh}.dashboard-main{padding-bottom:70px}.dashboard-main{width:100%;min-width:0}.db-topbar{padding:14px 16px;align-items:center;flex-wrap:nowrap;position:relative}.db-page-title{font-size:18px}.db-page-sub{font-size:12px;margin:0}.db-topbar .db-create-btn{display:none}.db-mobile-logout-btn{display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:auto;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.db-mobile-logout-btn:active{background:var(--red-light);border-color:var(--red-border);color:var(--red)}.db-stats{grid-template-columns:1fr 1fr;gap:10px}.db-stat-revenue{grid-column:1 / -1}.db-stat-card{padding:14px 16px}.db-stat-value{font-size:20px}.db-stat-value-sm{font-size:18px}.db-content{padding:16px;gap:16px}.db-table-header{padding:14px 16px 12px;gap:10px}.db-filter-tabs{width:100%;justify-content:space-between}.db-filter-tab{flex:1;text-align:center;padding:5px 4px;font-size:11.5px}.db-table-wrap{display:none}.db-card-list{display:flex}.db-template-grid{grid-template-columns:1fr;padding:12px;gap:8px}.db-dropdown{right:0;top:auto;bottom:calc(100% + 4px)}.db-mobile-fab{display:flex!important;align-items:center;justify-content:center;position:fixed;bottom:76px;right:18px;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px #00000038;z-index:999;text-decoration:none;transition:transform .15s,box-shadow .15s}.db-mobile-fab:active{transform:scale(.93);box-shadow:0 2px 8px #00000026}.db-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);align-items:center;justify-content:space-around;z-index:200;padding:0 8px;padding-bottom:env(safe-area-inset-bottom)}.db-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;flex:1;padding:6px 0;transition:color .15s}.db-mobile-nav-item:hover,.db-mobile-nav-active{color:var(--accent)}.db-modal{margin:16px;padding:24px}.db-preview-modal{margin:0;border-radius:16px 16px 0 0;max-height:90dvh;overflow-y:auto}.db-modal-overlay{padding-top:0;padding-bottom:0;align-items:flex-end}.db-preview-modal-body{padding:16px}}.db-preview-modal{background:#fff;border-radius:16px;width:100%;max-width:940px;box-shadow:0 20px 60px #0003;animation:dbSlideIn .25s ease}@keyframes dbSlideIn{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.db-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #e8e4de;gap:12px;flex-wrap:wrap}.db-preview-modal-header>div:first-child{min-width:0;flex:1 1 180px}.db-preview-modal-title{font-family:"DM Serif Display",Georgia,serif;font-size:1.25rem;font-weight:400;margin:0 0 6px;color:#1a1815}.db-preview-modal-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#6b6560;flex-wrap:wrap}.db-preview-modal-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.db-preview-action-btn{display:flex;align-items:center;justify-content:center;width:auto;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid #e8e4de;background:#fff;color:#6b6560;cursor:pointer;transition:all .2s ease;flex-shrink:0}.db-preview-action-btn:hover:not(:disabled){border-color:#d4cfc6;color:#1a1815;background:#faf9f7}.db-preview-action-btn:disabled{opacity:.4;cursor:not-allowed}.db-preview-action-btn-success{border-color:#3a7d5c;color:#3a7d5c}.db-preview-action-btn-success:hover{background:#3a7d5c14}.db-preview-close-btn{display:flex;align-items:center;justify-content:center;width:auto;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid #e8e4de;background:#fff;color:#9e9890;cursor:pointer;transition:all .2s ease;margin-left:4px;flex-shrink:0}.db-preview-close-btn:hover{border-color:#d4cfc6;color:#1a1815}.db-preview-modal-body{padding:28px;background:#f5f3ef;border-radius:0 0 16px 16px;display:flex;justify-content:center;overflow-x:auto}.db-preview-paper{background:#fff;border:1px solid #e8e4de;border-radius:12px;box-shadow:0 4px 20px #1a18150f;flex-shrink:0}.db-modal-overlay{overflow:auto;align-items:flex-start;padding-top:40px;padding-bottom:40px}.db-dropdown-item:disabled{opacity:.4;cursor:not-allowed}.db-table tbody tr{cursor:pointer;transition:background .15s ease}.db-table tbody tr:hover{background:#c45d3e0a}@media(max-width:560px){.db-preview-modal-header{padding:14px 16px;gap:10px}.db-preview-modal-actions{gap:4px}.db-preview-action-btn{width:auto;min-width:32px;height:32px;padding:0 8px;border-radius:7px}.db-preview-close-btn{width:32px;height:32px;border-radius:7px}.db-preview-modal-body{padding:16px 12px}}.dashboard-shell{display:flex;min-height:100vh;font-family:var(--tc-font-body, "DM Sans", sans-serif)}.dashboard-main{flex:1;background:var(--tc-bg, #f5f3ef);overflow-y:auto;min-width:0}.tp-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--tc-border, #e8e4de);background:var(--tc-surface, #fff);position:sticky;top:0;z-index:50}.tp-page-title{font-family:var(--tc-font-display, "DM Serif Display", serif);font-size:1.5rem;font-weight:400;margin:0;color:var(--tc-text, #1a1815)}.tp-page-sub{font-size:.82rem;color:var(--tc-text-muted, #9e9890);margin:4px 0 0}.tp-create-btn{font-family:var(--tc-font-body, "DM Sans", sans-serif);font-size:.8rem;font-weight:600;letter-spacing:.03em;padding:10px 20px;border-radius:var(--tc-radius-sm, 6px);border:none;background:var(--tc-accent, #c45d3e);color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.tp-create-btn:hover{background:var(--tc-accent-hover, #b04e32);box-shadow:0 4px 16px #c45d3e26}.tp-content{padding:32px}.tp-section{margin-bottom:48px}.tp-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.tp-section-title{font-family:var(--tc-font-body, "DM Sans", sans-serif);font-size:1.05rem;font-weight:600;margin:0;color:var(--tc-text, #1a1815)}.tp-section-count{font-family:var(--tc-font-mono, "JetBrains Mono", monospace);font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--tc-accent-soft, rgba(196, 93, 62, .08));color:var(--tc-accent, #c45d3e)}.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.tp-card-wrap{animation:cardFadeIn .4s ease both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tc-card{background:var(--tc-surface, #fff);border:1px solid var(--tc-border, #e8e4de);border-radius:var(--tc-radius-lg, 14px);overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column}.tc-card:hover{border-color:var(--tc-border-strong, #d4cfc6);box-shadow:0 8px 32px #1a181514;transform:translateY(-2px)}.tc-thumb{position:relative;overflow:hidden;cursor:pointer;border-bottom:1px solid var(--tc-border, #e8e4de)}.tc-thumb-inner{width:100%;height:200px;overflow:hidden;position:relative;background:#fff}.tc-thumb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--tc-text-muted, #9e9890)}.tc-thumb-empty span{font-size:.75rem}.tc-thumb-overlay{position:absolute;inset:0;background:#1a18158c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.tc-thumb:hover .tc-thumb-overlay{opacity:1}.tc-thumb-overlay span{color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:8px 18px;border:1px solid rgba(255,255,255,.3);border-radius:var(--tc-radius-sm, 6px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tc-body{padding:16px 18px 12px;flex:1}.tc-meta{display:flex;gap:6px;margin-bottom:8px}.tc-badge{font-family:var(--tc-font-mono, "JetBrains Mono", monospace);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:100px;background:var(--tc-accent-soft, rgba(196, 93, 62, .08));color:var(--tc-accent, #c45d3e)}.tc-badge-muted{background:var(--tc-surface-alt, #faf9f7);color:var(--tc-text-muted, #9e9890)}.tc-name{font-size:.95rem;font-weight:600;margin:0;color:var(--tc-text, #1a1815)}.tc-desc{font-size:.8rem;color:var(--tc-text-secondary, #6b6560);margin:4px 0 0;line-height:1.4}.tc-footer{display:flex;gap:6px;padding:12px 18px;border-top:1px solid var(--tc-border, #e8e4de)}.tc-btn-full{flex:1;justify-content:center}.tc-btn-danger-solid{background:var(--tc-danger, #c44040);color:#fff;border-color:var(--tc-danger, #c44040)}.tc-btn-danger-solid:hover{background:#a93535;border-color:#a93535}.tm-overlay{position:fixed;inset:0;background:#1a181580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .2s ease}.tm-modal{display:flex;flex-direction:column;height:90vh;max-width:920px;width:100%;background:var(--tc-surface, #fff);border-radius:var(--tc-radius-lg, 14px);overflow:hidden;box-shadow:0 20px 60px #1a181533;animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1)}.tm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--tc-border, #e8e4de);flex-shrink:0}.tm-modal-title{font-family:var(--tc-font-display, "DM Serif Display", serif);font-size:1.25rem;font-weight:400;margin:0}.tm-modal-sub{font-size:.82rem;color:var(--tc-text-muted, #9e9890);margin:4px 0 0}.tm-close-btn{display:flex;align-items:center;justify-content:center;width:auto;height:36px;border-radius:var(--tc-radius-sm, 6px);border:1px solid var(--tc-border, #e8e4de);background:var(--tc-surface, #fff);color:var(--tc-text-secondary, #6b6560);cursor:pointer;transition:all .2s ease}.tm-close-btn:hover{border-color:var(--tc-border-strong, #d4cfc6);color:var(--tc-text, #1a1815)}.tm-modal-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.tm-paper-scroll{width:100%;flex:1;min-height:0;overflow:auto;padding:28px;box-sizing:border-box;background:var(--tc-bg, #f5f3ef)}.tm-paper{background:#fff;border:1px solid var(--tc-border, #e8e4de);border-radius:var(--tc-radius-md, 10px);box-shadow:0 4px 20px #1a18150f;margin:0 auto;padding:40px;box-sizing:border-box;min-width:min-content}.tm-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 28px;border-top:1px solid var(--tc-border, #e8e4de);flex-shrink:0}.tm-confirm{background:var(--tc-surface, #fff);border-radius:var(--tc-radius-lg, 14px);padding:32px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #1a181533;animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1)}.tm-confirm-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--tc-danger-soft, rgba(196, 64, 64, .08));color:var(--tc-danger, #c44040);margin-bottom:16px}.tm-confirm h3{font-family:var(--tc-font-display, "DM Serif Display", serif);font-size:1.15rem;font-weight:400;margin:0 0 8px}.tm-confirm p{font-size:.85rem;color:var(--tc-text-secondary, #6b6560);margin:0 0 24px}.tm-confirm-actions{display:flex;gap:10px;justify-content:center}.tp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--tc-text-muted, #9e9890);font-size:.88rem}.tp-loading-spinner{width:32px;height:32px;border:3px solid var(--tc-border, #e8e4de);border-top-color:var(--tc-accent, #c45d3e);border-radius:50%;animation:spin .8s linear infinite}.tp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px;gap:8px;text-align:center}.tp-empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--tc-surface-alt, #faf9f7);color:var(--tc-text-muted, #9e9890);margin-bottom:8px}.tp-empty-title{font-weight:600;font-size:.95rem;color:var(--tc-text, #1a1815);margin:0}.tp-empty-sub{font-size:.82rem;color:var(--tc-text-muted, #9e9890);margin:0 0 16px}@media(max-width:640px){.sidebar{display:none!important}.dashboard-main{width:100%;min-width:0;padding-bottom:70px}.tp-topbar{padding:12px 16px}.tp-page-title{font-size:18px!important}.tp-page-sub{font-size:12px!important}}@media(max-width:768px){.tp-topbar{padding:16px 20px;flex-wrap:wrap;gap:12px}.tp-content{padding:20px}.tp-grid{grid-template-columns:1fr}.tm-modal{max-height:95vh}.tm-paper-scroll{padding:16px}.tm-modal-footer{flex-wrap:wrap}}.tc-starter-actions{display:flex;gap:6px;width:100%}.tc-starter-customise{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.tc-starter-customise:hover{border-color:var(--tc-accent, #c45d3e);color:var(--tc-accent, #c45d3e);background:var(--tc-accent-soft, rgba(196,93,62,.06))}.tc-starter-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#c45d3e12;border-bottom:1px solid rgba(196,93,62,.2);font-size:.82rem;color:var(--tc-accent, #c45d3e);flex-shrink:0}.tc-starter-banner strong{font-weight:600}.upgrade-overlay{position:fixed;inset:0;background:#1a18158c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.upgrade-modal{background:#fff;border-radius:16px;padding:36px 32px 28px;width:100%;max-width:400px;text-align:center;position:relative;box-shadow:0 20px 60px #1a18152e;animation:upgradeSlideIn .2s ease}@keyframes upgradeSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upgrade-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;line-height:1;padding:4px}.upgrade-close:hover{color:#1a1815}.upgrade-icon{font-size:40px;margin-bottom:12px}.upgrade-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0 0 8px}.upgrade-body{font-size:.88rem;color:#64748b;line-height:1.6;margin:0 0 20px}.upgrade-plan-card{background:#fdf8f6;border:2px solid #c45d3e;border-radius:12px;padding:18px 20px;margin-bottom:20px}.upgrade-plan-name{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c45d3e;margin-bottom:6px}.upgrade-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:12px}.upgrade-plan-amount{font-size:2rem;font-weight:800;color:#0f172a}.upgrade-plan-period{font-size:.85rem;color:#64748b}.upgrade-plan-features{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:6px}.upgrade-plan-features li{font-size:.84rem;color:#334155}.upgrade-actions{display:flex;flex-direction:column;gap:10px}.upgrade-btn-primary{background:#c45d3e;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.upgrade-btn-primary:hover{background:#a84d32}.upgrade-btn-ghost{background:none;border:none;color:#94a3b8;font-size:.84rem;cursor:pointer;padding:4px}.upgrade-btn-ghost:hover{color:#475569}*,*:before,*:after{box-sizing:border-box}.quotes-page{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #0f172a;--accent-hover: #1e293b;--accent-light: #f1f5f9;--green: #10b981;--red: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);min-height:100vh;color:var(--text-primary)}.qp-sticky-top{position:sticky;top:0;z-index:100;background:var(--surface)}.qp-header{display:flex;align-items:center;gap:16px;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.qp-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.qp-back-btn:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.qp-title-area{display:flex;align-items:center;gap:10px;flex:1}.qp-title{font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--text-primary);margin:0}.qp-template-badge{display:inline-block;padding:3px 10px;background:var(--accent-light);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-secondary)}.qp-header-actions{display:flex;align-items:center;gap:8px}.qp-action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.qp-action-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.qp-action-btn:disabled{opacity:.4;cursor:not-allowed}.qp-send-btn{display:flex;align-items:center;gap:7px;padding:8px 18px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;font-family:inherit}.qp-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f172a40}.qp-send-btn:disabled{opacity:.4;cursor:not-allowed}.qp-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qp-spin .7s linear infinite}@keyframes qp-spin{to{transform:rotate(360deg)}}.qp-body{display:grid;grid-template-columns:300px 1fr;gap:0;min-height:calc(100vh - 57px)}.qp-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:28px}.qp-sidebar-section{display:flex;flex-direction:column;gap:10px}.qp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted)}.qp-select-wrapper{position:relative}.qp-select{width:100%;padding:9px 34px 9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-primary);cursor:pointer;appearance:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.qp-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.qp-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.qp-customer-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);animation:qp-fade-in .2s ease}@keyframes qp-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.qp-customer-avatar{width:36px;height:36px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.qp-customer-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.qp-customer-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-customer-email,.qp-customer-meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-total-display{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-family:DM Mono,monospace}.qp-preview-area{background:var(--bg);padding:40px;overflow:auto;display:flex;flex-direction:column;align-items:center}.qp-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;gap:12px;color:var(--text-muted);animation:qp-fade-in .3s ease}.qp-empty-icon{width:72px;height:72px;background:var(--surface);border:1px solid var(--border);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:4px}.qp-empty-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.qp-empty-sub{font-size:14px;color:var(--text-muted);margin:0;max-width:300px}.qp-paper-wrapper{overflow-x:auto;display:flex;flex-direction:row;align-items:flex-start;animation:qp-fade-in .25s ease}.qp-canvas-scaler{flex-shrink:0}.qp-paper{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:60px;flex-shrink:0}.qp-modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:qp-overlay-in .2s ease}@keyframes qp-overlay-in{0%{opacity:0}to{opacity:1}}.qp-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;overflow:hidden;animation:qp-modal-in .2s ease}@keyframes qp-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.qp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.qp-modal-header h3{font-size:16px;font-weight:700;margin:0;letter-spacing:-.2px}.qp-modal-close{width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.qp-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.qp-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.qp-modal-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surface-2);border-radius:var(--radius-sm)}.qp-modal-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.qp-modal-value{font-size:14px;font-weight:500;color:var(--text-primary)}.qp-modal-total{font-family:DM Mono,monospace;font-size:15px;font-weight:700}.qp-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);cursor:pointer;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background .15s}.qp-checkbox-label:hover{background:var(--surface-2)}.qp-checkbox{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.qp-modal-footer{display:flex;gap:10px;padding:16px 24px 20px}.qp-modal-cancel{flex:1;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:inherit}.qp-modal-cancel:hover{background:var(--surface-2);color:var(--text-primary)}.qp-modal-confirm{flex:2;padding:10px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;font-family:inherit}.qp-modal-confirm:hover{background:var(--accent-hover);box-shadow:0 4px 12px #0f172a40}.qp-mobile-tabs{display:none}@media(max-width:900px){.qp-body{grid-template-columns:1fr}.qp-sidebar{border-right:none;border-bottom:1px solid var(--border);padding:20px;max-height:55vh;overflow-y:auto}.qp-preview-area{padding:20px}.qp-paper{padding:32px}}@media(max-width:700px){.qp-header{flex-wrap:wrap;padding:12px 16px 0;gap:10px;border-bottom:none}.qp-sticky-top{border-bottom:1px solid var(--border)}.qp-title-area{flex:1;min-width:0}.qp-header-actions{width:100%;overflow-x:auto;scrollbar-width:none;padding:10px 0 12px;gap:6px;flex-wrap:nowrap}.qp-header-actions::-webkit-scrollbar{display:none}.qp-action-btn{flex-shrink:0;padding:8px 12px;font-size:12px;min-height:36px}.qp-send-btn{flex-shrink:0;padding:8px 16px;font-size:12px;min-height:36px}.qp-mobile-tabs{display:flex;background:var(--surface);border-top:1px solid var(--border);padding:0 16px;gap:0}.qp-mobile-tab{flex:1;padding:11px 0;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-muted);cursor:pointer;transition:all .15s ease;min-height:44px}.qp-mobile-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.qp-body{display:block;min-height:0}.qp-sidebar-hidden,.qp-preview-hidden{display:none}.qp-sidebar{max-height:none;border-bottom:none;padding:20px 16px;overflow-y:visible}.qp-field-input,.qp-select{min-height:44px;font-size:16px}.qp-notes-input{font-size:16px}.qp-add-row-btn{min-height:44px;padding:10px 14px}.qp-line-remove{width:36px;height:36px;font-size:18px}.qp-preview-area{padding:16px;min-height:calc(100vh - 115px);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start}.qp-paper-wrapper{width:100%;overflow:visible}.qp-paper{padding:60px}}@media(max-width:480px){.qp-btn-label{display:none}.qp-action-btn{padding:8px 10px;gap:0;min-width:40px;justify-content:center}}@media(max-width:600px){.qp-title{font-size:15px}.qp-template-badge{display:none}}.qp-field-group{display:flex;flex-direction:column;gap:4px}.qp-field-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.qp-field-input{width:100%;padding:8px 11px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--text-primary);transition:border-color .15s,box-shadow .15s}.qp-field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.qp-field-input::placeholder{color:var(--text-muted)}.qp-field-row{display:flex;gap:8px}.qp-field-half{flex:1;min-width:0}.qp-field-third{flex:0 0 60px}.qp-field-two-thirds{flex:1;min-width:0}.qp-line-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.qp-line-item-top{display:flex;gap:6px;align-items:center}.qp-line-desc{flex:1;min-width:0}.qp-line-remove{flex-shrink:0;width:26px;height:26px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-muted);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.qp-line-remove:hover{background:#fef2f2;color:var(--red);border-color:#fecaca}.qp-line-item-bottom{display:flex;gap:8px;align-items:flex-end}.qp-line-amount{flex-shrink:0;font-size:12px;font-weight:600;font-family:DM Mono,monospace;color:var(--text-secondary);white-space:nowrap;padding-bottom:8px}.qp-add-row-btn{align-self:flex-start;background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:7px 14px;font-size:12.5px;font-weight:600;font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:all .15s;width:100%;text-align:center}.qp-add-row-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.qp-notes-input{width:100%;min-height:90px;padding:9px 11px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--text-primary);resize:vertical;transition:border-color .15s,box-shadow .15s;line-height:1.55}.qp-notes-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.qp-notes-input::placeholder{color:var(--text-muted)}.qp-customer-nudge{display:flex;align-items:center;gap:7px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:9px 14px;font-size:12.5px;color:#92400e;margin-bottom:16px;width:100%;max-width:794px}.mq-stats{grid-template-columns:1.5fr 1fr 1fr 1fr}.mq-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;border:1px solid transparent}.mq-badge-paid{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.mq-badge-pending{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}.mq-badge-sent{background:var(--blue-light);color:var(--blue);border-color:#bfdbfe}.mq-cell-template{font-size:13px;color:var(--text-secondary);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mq-actions{display:flex;align-items:center;gap:6px}.mq-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:"DM Sans",inherit;white-space:nowrap}.mq-action-remind{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.mq-action-remind:hover{background:#d1fae5;box-shadow:0 2px 6px #10b98133}.mq-action-remove{background:transparent;color:var(--text-muted);border-color:var(--border)}.mq-action-remove:hover{background:var(--red-light);color:var(--red);border-color:var(--red-border)}.db-create-btn{width:auto}.mq-card-list{display:none;flex-direction:column}.mq-quote-card{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.mq-quote-card:last-child{border-bottom:none}.mq-quote-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mq-quote-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.mq-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:10px}.mq-pagination-info{font-size:12.5px;color:var(--text-muted);font-weight:500}.mq-pagination-controls{display:flex;align-items:center;gap:4px}.mq-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.mq-page-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text-primary)}.mq-page-btn:disabled{opacity:.35;cursor:not-allowed}.mq-page-btn-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.mq-page-btn-active:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.mq-page-ellipsis{padding:0 4px;color:var(--text-muted);font-size:13px;line-height:32px}.db-table-section .db-filter-tabs{flex-shrink:0;overflow-x:auto;scrollbar-width:none}.db-table-section .db-filter-tabs::-webkit-scrollbar{display:none}@media(max-width:1100px){.mq-stats{grid-template-columns:1fr 1fr}.mq-stats .db-stat-revenue{grid-column:1 / -1}}@media(max-width:640px){.mq-stats{grid-template-columns:1fr 1fr}.mq-stats .db-stat-revenue{grid-column:1 / -1}.dashboard-main{padding-bottom:70px}.db-topbar .db-create-btn,.db-table-wrap{display:none}.mq-card-list{display:flex}.mq-action-btn{padding:6px 8px;font-size:11px}.mq-pagination{padding:12px 16px;justify-content:center}.mq-pagination-info{width:100%;text-align:center}}.cust-main{flex:1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;position:relative;overflow-x:hidden;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-y:auto}.cust-header{display:flex;justify-content:space-between;align-items:center;padding:32px 40px;position:relative;z-index:1}.cust-content{padding:0 40px 40px;position:relative;z-index:1}.cust-table-wrapper{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.04);overflow-x:auto}.cust-card-list{display:none;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.cust-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f1f5f9;gap:12px}.cust-card:last-child{border-bottom:none}.cust-card-left{display:flex;align-items:center;gap:12px;min-width:0}.cust-card-info{min-width:0}.cust-card-name{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-card-contact{font-size:13px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-card-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:640px){.cust-main{padding-bottom:70px}.cust-header{padding:16px;gap:10px}.cust-header h1{font-size:22px!important}.cust-header p{font-size:13px!important}.cust-add-label{display:none}.cust-content{padding:0 16px 24px}.cust-table-wrapper{display:none}.cust-card-list{display:flex}}.pay-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;background:var(--red);color:#fff;border-radius:20px;font-size:10px;font-weight:800;line-height:1}.pay-settings-layout{display:flex;flex-direction:column;gap:20px}.pay-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;animation:db-card-in .25s ease both}.pay-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.pay-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.2px}.pay-section-sub{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.5}.pay-enabled-count{display:inline-flex;align-items:center;padding:4px 10px;background:var(--accent);color:#fff;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;margin-top:2px}.pay-tiles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px;gap:12px}.pay-tile{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .18s ease;font-family:inherit;min-height:120px}.pay-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pay-tile-on{background:var(--surface);border-color:var(--tile-color, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--tile-color, var(--accent)) 12%,transparent)}.pay-tile-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.pay-tile-emoji{font-size:22px;line-height:1}.pay-tile-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--border);color:var(--text-muted);transition:all .18s;white-space:nowrap;flex-shrink:0}.pay-tile-pill-on{background:var(--tile-color, var(--accent));color:#fff}.pay-tile-name{font-size:13px;font-weight:700;color:var(--text-primary)}.pay-tile-desc{font-size:11.5px;color:var(--text-muted);line-height:1.4}.pay-creds-list{display:flex;flex-direction:column;gap:0;padding:20px;gap:14px}.pay-cred-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.pay-cred-block-ready{border-color:color-mix(in srgb,var(--cred-color, var(--green)) 40%,transparent)}.pay-cred-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2);border-bottom:1px solid var(--border)}.pay-cred-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pay-cred-header-text{display:flex;flex-direction:column;gap:3px}.pay-cred-name{font-size:13.5px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pay-cred-ready-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--green-light);color:var(--green);border:1px solid var(--green-border);border-radius:20px;font-size:10px;font-weight:700}.pay-cred-docs{font-size:11.5px;color:var(--blue);text-decoration:none;transition:opacity .15s}.pay-cred-docs:hover{opacity:.7}.pay-cred-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.pay-cred-fields-4{grid-template-columns:1fr 1fr}.pay-field{display:flex;flex-direction:column;gap:5px}.pay-field-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted)}.pay-input{padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;color:var(--text-primary);background:var(--surface);font-family:"DM Sans",inherit;transition:border-color .15s,box-shadow .15s}.pay-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f172a14}.pay-input::placeholder{color:var(--text-muted)}.pay-empty-hint{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);font-size:14px;text-align:center}.pay-empty-hint p{margin:0}.pay-enabled-pills{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pay-enabled-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600;white-space:nowrap}.pay-request-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.pay-request-btn:hover{background:var(--accent-hover);box-shadow:0 2px 8px #0f172a33}.pay-send-modal{max-width:520px!important;align-items:stretch!important;text-align:left!important;gap:16px!important;padding:24px!important}.pay-send-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.pay-close-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s;flex-shrink:0}.pay-close-btn:hover{background:var(--surface-2);color:var(--text-primary)}.pay-msg-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.pay-msg-preview-label{padding:8px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface)}.pay-msg-text{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text-secondary);white-space:pre-wrap;line-height:1.7;margin:0;padding:14px;max-height:280px;overflow-y:auto}.pay-send-actions{display:flex;gap:8px;width:100%}.pay-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.pay-send-btn:disabled{opacity:.4;cursor:not-allowed}.pay-send-whatsapp{background:#dcfce7;color:#16a34a;flex:1.5}.pay-send-whatsapp:hover:not(:disabled){background:#bbf7d0}.pay-send-email{background:var(--blue-light);color:var(--blue);flex:1.5}.pay-send-email:hover:not(:disabled){background:#dbeafe}.pay-send-copy{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);flex:1}.pay-send-copy:hover:not(:disabled){background:var(--surface);border-color:var(--border-strong);color:var(--text-primary)}.pay-toast{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:var(--radius);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-md);z-index:9999;animation:pay-toast-in .25s ease}@keyframes pay-toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pay-toast-success{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.pay-toast-error{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}@media(max-width:1100px){.pay-tiles-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.pay-tiles-grid{grid-template-columns:repeat(2,1fr)}.pay-send-actions{flex-wrap:wrap}.pay-send-btn{flex:1 1 100%}}@media(max-width:500px){.pay-tiles-grid{grid-template-columns:1fr 1fr}.pay-cred-fields{grid-template-columns:1fr}}.pay-card-list{display:none;flex-direction:column}.pay-quote-card{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.pay-quote-card:last-child{border-bottom:none}.pay-quote-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pay-quote-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}@media(max-width:640px){.dashboard-main{padding-bottom:70px}.db-topbar{flex-wrap:wrap;gap:10px}.db-topbar>div:last-child{width:100%}.db-table-wrap{display:none}.pay-card-list{display:flex}.pay-toast{bottom:80px;right:16px;left:16px}.pay-tiles-grid{grid-template-columns:1fr 1fr}.pay-cred-fields{grid-template-columns:1fr}}:root{--cq-bg: #f5f3ef;--cq-surface: #ffffff;--cq-surface-alt: #faf9f7;--cq-border: #e8e4de;--cq-border-strong: #d4cfc6;--cq-text: #1a1815;--cq-text-secondary: #6b6560;--cq-text-muted: #9e9890;--cq-accent: #c45d3e;--cq-accent-hover: #b04e32;--cq-accent-soft: rgba(196, 93, 62, .08);--cq-accent-glow: rgba(196, 93, 62, .15);--cq-success: #3a7d5c;--cq-success-soft: rgba(58, 125, 92, .1);--cq-danger: #c44040;--cq-danger-soft: rgba(196, 64, 64, .08);--cq-whatsapp: #25d366;--cq-whatsapp-hover: #1ebe5a;--cq-email: #4a7fd4;--cq-email-hover: #3b6dc0;--cq-shadow-sm: 0 1px 3px rgba(26, 24, 21, .04);--cq-shadow-md: 0 4px 16px rgba(26, 24, 21, .06);--cq-shadow-lg: 0 8px 32px rgba(26, 24, 21, .08);--cq-shadow-float: 0 16px 48px rgba(26, 24, 21, .14);--cq-radius-sm: 6px;--cq-radius-md: 10px;--cq-radius-lg: 14px;--cq-radius-xl: 20px;--cq-radius-pill: 100px;--cq-transition: .2s cubic-bezier(.4, 0, .2, 1);--cq-font-body: "DM Sans", -apple-system, sans-serif;--cq-font-display: "DM Serif Display", Georgia, serif;--cq-font-mono: "JetBrains Mono", monospace}.create-quote-page{font-family:var(--cq-font-body);background:var(--cq-bg);min-height:100vh;color:var(--cq-text);display:flex;flex-direction:column}.cq-top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cq-border);position:sticky;top:0;z-index:100}.cq-top-bar-left{display:flex;align-items:center;gap:16px}.cq-top-bar-left h1{font-family:var(--cq-font-display);font-size:1.5rem;font-weight:400;margin:0}.cq-subtitle{font-size:.78rem;color:var(--cq-text-muted);padding-left:16px;border-left:1px solid var(--cq-border)}.cq-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--cq-radius-sm);border:1px solid var(--cq-border);background:var(--cq-surface);color:var(--cq-text-secondary);cursor:pointer;transition:all var(--cq-transition);font-size:1.1rem}.cq-back-btn:hover{border-color:var(--cq-border-strong);color:var(--cq-text)}.cq-top-bar-right{display:flex;align-items:center;gap:10px}.cq-btn{font-family:var(--cq-font-body);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:9px 18px;border-radius:var(--cq-radius-sm);border:1px solid var(--cq-border);background:var(--cq-surface);color:var(--cq-text-secondary);cursor:pointer;transition:all var(--cq-transition);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cq-btn:hover{border-color:var(--cq-border-strong);color:var(--cq-text);box-shadow:var(--cq-shadow-sm)}.cq-btn:disabled{opacity:.45;cursor:not-allowed}.cq-btn-primary{background:var(--cq-accent);color:#fff;border-color:var(--cq-accent)}.cq-btn-primary:hover:not(:disabled){background:var(--cq-accent-hover);border-color:var(--cq-accent-hover);box-shadow:0 4px 16px var(--cq-accent-glow)}.cq-btn-whatsapp{background:var(--cq-whatsapp);color:#fff;border-color:var(--cq-whatsapp)}.cq-btn-whatsapp:hover{background:var(--cq-whatsapp-hover);border-color:var(--cq-whatsapp-hover)}.cq-btn-email{background:var(--cq-email);color:#fff;border-color:var(--cq-email)}.cq-btn-email:hover{background:var(--cq-email-hover);border-color:var(--cq-email-hover)}.cq-btn-success{background:var(--cq-success);color:#fff;border-color:var(--cq-success)}.cq-btn-success:hover{background:#2e6b4c}.cq-btn-ghost{border:none;background:transparent}.cq-btn-ghost:hover{background:var(--cq-accent-soft);color:var(--cq-accent)}.cq-status-bar{display:flex;align-items:center;gap:24px;padding:10px 24px;background:var(--cq-surface-alt);border-bottom:1px solid var(--cq-border);font-size:.75rem}.cq-status-item{display:flex;align-items:center;gap:6px;color:var(--cq-text-muted)}.cq-status-item.active{color:var(--cq-success)}.cq-status-dot{width:6px;height:6px;border-radius:50%;background:var(--cq-border-strong)}.cq-status-item.active .cq-status-dot{background:var(--cq-success)}.cq-status-line{width:32px;height:1px;background:var(--cq-border)}.cq-content{display:grid;grid-template-columns:360px 1fr;flex:1;min-height:0}.cq-panel{border-right:1px solid var(--cq-border);background:var(--cq-surface);overflow-y:auto}.cq-panel-section{padding:20px 24px;border-bottom:1px solid var(--cq-border)}.cq-panel-section:last-child{border-bottom:none}.cq-section-label{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cq-accent);margin-bottom:12px;display:flex;align-items:center;gap:8px}.cq-step-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--cq-accent);color:#fff;font-size:.6rem;font-weight:700}.cq-select{font-family:var(--cq-font-body);font-size:.88rem;width:100%;padding:10px 36px 10px 14px;border:1px solid var(--cq-border);border-radius:var(--cq-radius-sm);background:var(--cq-surface-alt);color:var(--cq-text);cursor:pointer;outline:none;appearance:none;transition:all var(--cq-transition);background-image:url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239e9890' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.cq-select:focus{border-color:var(--cq-accent);box-shadow:0 0 0 3px var(--cq-accent-glow)}.cq-input{font-family:var(--cq-font-body);font-size:.88rem;width:100%;padding:9px 12px;border:1px solid var(--cq-border);border-radius:var(--cq-radius-sm);background:var(--cq-surface-alt);color:var(--cq-text);outline:none;transition:all var(--cq-transition);box-sizing:border-box}.cq-input:focus{border-color:var(--cq-accent);background:#fff;box-shadow:0 0 0 3px var(--cq-accent-glow)}.cq-input::placeholder{color:var(--cq-text-muted)}.cq-input-group{display:flex;flex-direction:column;gap:8px}.cq-input-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cq-text-muted)}.cq-table-editor{display:flex;flex-direction:column}.cq-table-header{display:grid;grid-template-columns:1fr 60px 80px 32px;gap:6px;padding:8px 0;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cq-text-muted);border-bottom:1px solid var(--cq-border);margin-bottom:4px}.cq-table-row{display:grid;grid-template-columns:1fr 60px 80px 32px;gap:6px;padding:4px 0;align-items:center;border-radius:var(--cq-radius-sm)}.cq-table-row:hover{background:var(--cq-accent-soft)}.cq-table-row input{font-family:var(--cq-font-body);font-size:.84rem;padding:7px 8px;border:1px solid transparent;border-radius:var(--cq-radius-sm);background:transparent;color:var(--cq-text);outline:none;width:100%;box-sizing:border-box;transition:all var(--cq-transition)}.cq-table-row input:focus{border-color:var(--cq-accent);background:#fff;box-shadow:0 0 0 2px var(--cq-accent-glow)}.cq-row-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--cq-radius-sm);border:none;background:transparent;color:var(--cq-text-muted);cursor:pointer;transition:all var(--cq-transition);font-size:1rem}.cq-row-delete:hover{background:var(--cq-danger-soft);color:var(--cq-danger)}.cq-add-row-btn{font-family:var(--cq-font-body);font-size:.75rem;font-weight:600;color:var(--cq-accent);background:transparent;border:1px dashed var(--cq-border);border-radius:var(--cq-radius-sm);padding:8px;cursor:pointer;margin-top:8px;text-align:center;transition:all var(--cq-transition)}.cq-add-row-btn:hover{background:var(--cq-accent-soft);border-color:var(--cq-accent)}.cq-totals{margin-top:12px;padding-top:12px;border-top:2px solid var(--cq-border);display:flex;flex-direction:column;gap:6px}.cq-total-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.cq-total-row.cq-total-final{font-weight:700;font-size:1rem;font-family:var(--cq-font-mono);padding-top:6px;border-top:1px solid var(--cq-border)}.cq-total-label{color:var(--cq-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.cq-total-value{font-family:var(--cq-font-mono);font-weight:600}.cq-customer-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;background:var(--cq-success-soft);color:var(--cq-success);font-size:.78rem;font-weight:600;margin-top:8px}.cq-customer-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cq-success)}.cq-no-customers{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--cq-radius-md);background:#c45d3e0f;border:1px dashed rgba(196,93,62,.35);color:var(--cq-text)}.cq-no-customers svg{flex-shrink:0;color:var(--cq-accent);opacity:.8}.cq-no-customers>div{flex:1}.cq-no-customers p{margin:0 0 2px;font-weight:600;font-size:.88rem}.cq-no-customers span{font-size:.78rem;color:var(--cq-text-muted)}.cq-preview-area{background:var(--cq-bg);padding:32px;overflow:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.cq-preview-scroll{flex-shrink:0}.cq-preview-paper{background:#fff;border:1px solid var(--cq-border);border-radius:var(--cq-radius-lg);box-shadow:var(--cq-shadow-lg);box-sizing:border-box;flex-shrink:0;overflow:visible}.cq-preview-paper:hover{box-shadow:var(--cq-shadow-float)}.cq-preview-header h2{font-family:var(--cq-font-display);font-size:1.6rem;margin:0 0 6px;color:var(--cq-text)}.cq-preview-header p{margin:2px 0;font-size:.88rem;color:var(--cq-text-secondary)}.cq-preview-customer{line-height:1.6}.cq-preview-customer strong{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cq-text-muted);display:block;margin-bottom:4px}.cq-preview-customer p{margin:1px 0;font-size:.9rem;color:var(--cq-text)}.cq-preview-table-header{display:flex;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cq-text-muted);border-bottom:2px solid var(--cq-border-strong);padding-bottom:10px;margin-bottom:6px}.cq-preview-table-row{display:flex;padding:10px 0;font-size:.88rem;border-bottom:1px solid #f0ede8}.cq-preview-table-row:last-of-type{border-bottom:none}.cq-preview-total-area{margin-top:16px;padding-top:14px;border-top:2px solid var(--cq-border-strong);text-align:right}.cq-preview-total-final{font-family:var(--cq-font-mono);font-size:1.1rem;font-weight:700}.cq-preview-notes{color:var(--cq-text-secondary);line-height:1.65;font-size:.88rem}.cq-empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;align-self:stretch;min-height:400px;color:var(--cq-text-muted);text-align:center;gap:12px}.cq-empty-preview-icon{font-size:3rem;opacity:.3}.cq-empty-preview p{font-size:.95rem;margin:0}.cq-empty-preview span{font-size:.8rem;opacity:.7}.cq-modal-overlay{position:fixed;inset:0;background:#1a18158c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:40px 24px;overflow:auto}@keyframes cqFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cqSlideIn{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.cq-modal{background:var(--cq-surface);border-radius:var(--cq-radius-xl);width:100%;max-width:920px;box-shadow:var(--cq-shadow-float);animation:cqSlideIn .3s ease}.cq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--cq-border);flex-shrink:0}.cq-modal-header h2{font-family:var(--cq-font-display);font-size:1.3rem;font-weight:400;margin:0}.cq-modal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cq-modal-body{padding:28px;background:var(--cq-bg);border-radius:0 0 var(--cq-radius-xl) var(--cq-radius-xl);display:flex;flex-direction:row;justify-content:flex-start}.cq-modal-scaler{flex-shrink:0}.cq-modal-paper{background:#fff;border:1px solid var(--cq-border);border-radius:var(--cq-radius-lg);box-shadow:0 4px 20px #1a18150f;box-sizing:border-box}.cq-log-popup{background:var(--cq-surface);border-radius:var(--cq-radius-xl);padding:40px;max-width:440px;width:100%;text-align:center;box-shadow:var(--cq-shadow-float);animation:cqSlideIn .3s ease;margin-top:20vh}.cq-log-popup-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--cq-success-soft);color:var(--cq-success);font-size:1.6rem;margin-bottom:16px}.cq-log-popup h3{font-family:var(--cq-font-display);font-size:1.3rem;font-weight:400;margin:0 0 10px}.cq-log-popup p{font-size:.88rem;color:var(--cq-text-secondary);line-height:1.6;margin:0 0 24px}.cq-send-options{display:flex;gap:8px;justify-content:center;margin-bottom:16px}@media(max-width:960px){.cq-content{grid-template-columns:1fr}.cq-panel{border-right:none;border-bottom:1px solid var(--cq-border)}.cq-preview-area{padding:20px 16px}.cq-top-bar{padding:12px 16px}.cq-modal-overlay{padding:16px}.cq-modal-actions{flex-wrap:wrap}}.cq-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--cq-border);z-index:200;justify-content:space-around;align-items:center;padding:0 4px}.cq-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:var(--cq-radius-sm);color:var(--cq-text-muted);font-size:10px;font-family:var(--cq-font-body);font-weight:500;transition:all .15s ease;min-width:52px}.cq-mobile-nav-item span:first-child{font-size:18px}.cq-mobile-nav-active{color:var(--cq-accent)}.cq-mobile-preview-toggle{display:none;padding:16px 24px}.cq-mobile-toggle-btn{width:100%;justify-content:center;padding:13px;font-size:.88rem}.cq-mobile-back-btn{display:none;width:100%;padding:10px 16px;background:var(--cq-surface);border:none;border-bottom:1px solid var(--cq-border);color:var(--cq-accent);font-family:var(--cq-font-body);font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;flex-shrink:0}@media(max-width:640px){.create-quote-page{padding-bottom:60px}.cq-top-bar{padding:10px 12px;gap:10px}.cq-subtitle{display:none}.cq-top-bar-left h1{font-size:1.1rem}.cq-top-bar-right{display:none}.cq-status-bar{padding:8px 12px;gap:12px;font-size:.7rem;overflow-x:auto}.cq-status-line{width:16px;flex-shrink:0}.cq-content{grid-template-columns:1fr;position:relative}.cq-panel{border-right:none;border-bottom:none;overflow-y:visible}.cq-mobile-preview-toggle{display:block}.cq-preview-area{display:none;flex-direction:column;padding:0;position:fixed;inset:0 0 60px;z-index:150;background:var(--cq-bg);overflow:auto}.cq-preview-area.cq-mobile-preview-open{display:flex}.cq-mobile-back-btn{display:block;position:sticky;top:0;z-index:10}.cq-preview-scroll{padding:16px;overflow-x:auto}.cq-panel-section{padding:16px}.cq-panel-section .cq-btn{flex:1;justify-content:center}.cq-modal-overlay{padding:0;align-items:stretch}.cq-modal{border-radius:0;max-width:100%;min-height:100vh}.cq-modal-header{padding:14px 16px;flex-wrap:wrap;gap:8px}.cq-modal-actions{gap:6px}.cq-modal-body{padding:16px;overflow-x:auto}.cq-log-popup{margin-top:10vh;padding:28px 20px;max-width:100%;border-radius:var(--cq-radius-lg)}.cq-send-options{flex-wrap:wrap}.cq-mobile-nav{display:flex}}.pricing-page{min-height:100vh;background:#faf9f7;font-family:DM Sans,sans-serif;padding-bottom:80px}.pricing-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.pricing-topbar{display:flex;align-items:center;gap:16px;padding:18px 32px;border-bottom:1px solid #ede8df;background:#fff}.pricing-back{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:7px 14px;font-size:.85rem;cursor:pointer;color:#475569;transition:background .15s}.pricing-back:hover{background:#f8fafc}.pricing-logo{font-weight:800;font-size:1.1rem;color:#c45d3e;flex:1}.pricing-badge-premium{background:#c45d3e;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.pricing-banner{display:flex;align-items:center;gap:10px;padding:14px 32px;font-size:.88rem;font-weight:500}.pricing-banner-info{background:#eff6ff;color:#1d4ed8}.pricing-banner-success{background:#f0fdf4;color:#15803d}.pricing-banner-warn{background:#fffbeb;color:#92400e}.pricing-hero{text-align:center;padding:56px 24px 40px}.pricing-headline{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 10px}.pricing-sub{font-size:1rem;color:#64748b;margin:0}.pricing-cards{display:flex;gap:20px;justify-content:center;padding:0 24px;flex-wrap:wrap}.pricing-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:28px 28px 24px;width:280px;position:relative;display:flex;flex-direction:column;gap:20px}.pricing-card-featured{border-color:#c45d3e;box-shadow:0 8px 32px #c45d3e1f}.pricing-card-active{border-color:#16a34a;box-shadow:0 8px 32px #16a34a1a}.pricing-card-popular{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#c45d3e;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border-radius:20px;white-space:nowrap}.pricing-card-header{display:flex;flex-direction:column;gap:6px}.pricing-plan-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.pricing-plan-price{display:flex;align-items:baseline;gap:4px}.pricing-plan-amount{font-size:2.2rem;font-weight:800;color:#0f172a;line-height:1}.pricing-plan-period{font-size:.85rem;color:#64748b}.pricing-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex:1}.pricing-features li{font-size:.87rem;color:#334155;display:flex;align-items:center;gap:8px}.feat-check{color:#c45d3e;font-weight:700}.pricing-subscribe-btn{width:100%;background:#c45d3e;color:#fff;border:none;border-radius:10px;padding:13px 20px;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s;margin-top:auto}.pricing-subscribe-btn:hover{background:#a84d32}.pricing-current-badge{text-align:center;font-size:.8rem;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:8px;padding:8px;margin-top:auto}.pricing-active-state{display:flex;flex-direction:column;align-items:center;gap:6px}.pricing-active-badge{background:#f0fdf4;color:#16a34a;font-size:.85rem;font-weight:700;padding:8px 20px;border-radius:8px;border:1.5px solid #bbf7d0;width:100%;text-align:center}.pricing-renews{font-size:.78rem;color:#64748b;margin:0;text-align:center}.pricing-cancel-btn{background:none;border:none;color:#94a3b8;font-size:.75rem;cursor:pointer;text-decoration:underline;padding:4px 0;margin-top:4px;transition:color .15s}.pricing-cancel-btn:hover{color:#ef4444}.pricing-cancel-confirm{width:100%;background:#fff5f5;border:1.5px solid #fecaca;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;margin-top:4px}.pricing-cancel-confirm p{font-size:.82rem;color:#334155;margin:0;line-height:1.5}.pricing-cancel-error{color:#dc2626!important;font-size:.78rem!important}.pricing-cancel-actions{display:flex;gap:8px}.pricing-cancel-confirm-btn{flex:1;background:#ef4444;color:#fff;border:none;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.pricing-cancel-confirm-btn:hover:not(:disabled){background:#dc2626}.pricing-cancel-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-cancel-keep-btn{flex:1;background:#f1f5f9;color:#334155;border:none;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.pricing-cancel-keep-btn:hover:not(:disabled){background:#e2e8f0}.pricing-cancel-keep-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-cancel-success{font-size:.78rem;color:#16a34a;text-align:center;margin:0}.pricing-usage{max-width:400px;margin:40px auto 0;padding:24px 28px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px}.pricing-usage-title{font-size:.88rem;font-weight:700;color:#0f172a;margin:0 0 16px}.pricing-usage-row{display:flex;align-items:center;gap:12px;font-size:.84rem;color:#475569}.pricing-usage-bar-wrap{flex:1;height:6px;background:#f1f5f9;border-radius:99px;overflow:hidden}.pricing-usage-bar{height:100%;background:#c45d3e;border-radius:99px;transition:width .4s ease}.pricing-usage-label{font-weight:600;min-width:40px;text-align:right}.pricing-faq{max-width:560px;margin:48px auto 0;padding:0 24px}.pricing-faq h3{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 20px}.pricing-faq-item{margin-bottom:18px}.pricing-faq-item strong{display:block;font-size:.88rem;color:#0f172a;margin-bottom:4px}.pricing-faq-item p{font-size:.84rem;color:#64748b;margin:0;line-height:1.6}.pricing-spinner,.pricing-spinner-sm{width:20px;height:20px;border:2px solid #bfdbfe;border-top-color:#1d4ed8;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.pricing-spinner{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.pricing-topbar{padding:14px 16px}.pricing-hero{padding:36px 16px 28px}.pricing-headline{font-size:1.5rem}.pricing-cards{padding:0 16px}.pricing-card{width:100%;max-width:340px}}.settings-sub-premium{display:flex;flex-direction:column;gap:10px}.settings-sub-badge{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#16a34a;border:1.5px solid #bbf7d0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;width:fit-content}.settings-sub-renews{font-size:.82rem;color:#6b7280;margin:0}.settings-sub-cancel-btn{background:none;border:none;color:#9ca3af;font-size:.78rem;cursor:pointer;text-decoration:underline;padding:0;width:fit-content;transition:color .15s}.settings-sub-cancel-btn:hover{color:#ef4444}.settings-sub-stop-btn{background:none;border:1.5px solid #ef4444;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;width:fit-content;transition:background .15s,color .15s;font-family:inherit}.settings-sub-stop-btn:hover{background:#ef4444;color:#fff}.settings-sub-confirm{background:#fff5f5;border:1.5px solid #fecaca;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;max-width:400px}.settings-sub-confirm p{font-size:.83rem;color:#374151;margin:0;line-height:1.5}.settings-sub-error{color:#dc2626!important;font-size:.78rem!important}.settings-sub-confirm-actions{display:flex;gap:8px}.settings-sub-confirm-yes{flex:1;background:#ef4444;color:#fff;border:none;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.settings-sub-confirm-yes:hover:not(:disabled){background:#dc2626}.settings-sub-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.settings-sub-confirm-no{flex:1;background:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.settings-sub-confirm-no:hover:not(:disabled){background:#e5e7eb}.settings-sub-confirm-no:disabled{opacity:.6;cursor:not-allowed}.settings-sub-done{font-size:.82rem;color:#16a34a;margin:0}.settings-sub-free{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.settings-sub-free-label{font-size:.85rem;color:#6b7280;margin:0}.settings-sub-upgrade-btn{display:inline-block;background:#c45d3e;color:#fff;text-decoration:none;padding:9px 18px;border-radius:8px;font-size:.82rem;font-weight:600;transition:background .15s}.settings-sub-upgrade-btn:hover{background:#a84d32}.settings-danger-section{border-color:#fecaca;background:#fffbfb}.settings-danger-icon{background:#fee2e2;color:#dc2626}.settings-danger-title{color:#dc2626}.settings-danger-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-danger-label{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px}.settings-danger-sub{font-size:13px;color:#64748b;margin:0}.settings-delete-btn{flex-shrink:0;padding:9px 18px;border-radius:8px;border:1.5px solid #dc2626;background:transparent;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.settings-delete-btn:hover{background:#dc2626;color:#fff}.settings-modal-overlay{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:0 0 28px;overflow:hidden;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column;align-items:center}.settings-modal-danger-bar{width:100%;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444);margin-bottom:28px}.settings-modal-icon{width:52px;height:52px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.settings-modal-title{font-size:20px;font-weight:600;color:#0f172a;margin:0 0 10px;text-align:center}.settings-modal-body{font-size:13.5px;color:#475569;line-height:1.6;text-align:center;margin:0 28px 18px}.settings-modal-prompt{font-size:13px;color:#64748b;margin:0 28px 8px;align-self:flex-start}.settings-modal-input{width:calc(100% - 56px);padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;margin-bottom:6px}.settings-modal-input:focus{border-color:#dc2626}.settings-modal-error{font-size:12.5px;color:#dc2626;margin:0 28px 8px;align-self:flex-start}.settings-modal-actions{display:flex;flex-direction:column;gap:10px;width:calc(100% - 56px);margin-top:16px}.settings-modal-confirm-btn{width:100%;padding:11px;border-radius:8px;border:none;background:#dc2626;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,opacity .15s}.settings-modal-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.settings-modal-confirm-btn:not(:disabled):hover{background:#b91c1c}.settings-modal-cancel-btn{width:100%;padding:10px;border-radius:8px;border:1.5px solid #e2e8f0;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.settings-modal-cancel-btn:hover{border-color:#94a3b8;color:#0f172a}.settings-content{padding:32px;display:flex;flex-direction:column;gap:32px;max-width:780px}.settings-section{background:#fff;border:1px solid #e5e9ef;border-radius:14px;padding:28px}.settings-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.settings-section-icon{width:40px;height:40px;border-radius:10px;background:#f0f4f9;display:flex;align-items:center;justify-content:center;color:#1e3a5f;flex-shrink:0;margin-top:2px}.settings-section-title{font-size:16px;font-weight:700;color:#1a1d23;margin:0 0 4px}.settings-section-sub{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.settings-currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:20px}.settings-currency-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;border-radius:10px;border:1.5px solid #e5e9ef;background:#fafbfc;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.settings-currency-card:hover{border-color:#1e3a5f;background:#f0f4f9}.settings-currency-card.active{border-color:#1e3a5f;background:#eef3fa}.settings-currency-flag{font-size:22px;line-height:1;margin-bottom:6px}.settings-currency-symbol{font-size:18px;font-weight:700;color:#1a1d23;line-height:1}.settings-currency-label{font-size:11.5px;color:#6b7280;margin-top:3px}.settings-currency-code{font-size:10px;font-weight:600;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase}.settings-currency-check{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center}.settings-preview{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fb;border-radius:8px;border:1px solid #e5e9ef}.settings-preview-label{font-size:12px;color:#9ca3af}.settings-preview-value{font-size:18px;font-weight:700;color:#1a1d23;letter-spacing:-.01em}.settings-language-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-language-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1.5px solid #e5e9ef;background:#fafbfc;cursor:pointer;font-family:inherit;font-size:14px;color:#1a1d23;text-align:left;transition:all .15s ease;width:100%}.settings-language-row:hover{border-color:#1e3a5f;background:#f0f4f9}.settings-language-row.active{border-color:#1e3a5f;background:#eef3fa;font-weight:600}.settings-language-flag{font-size:20px;line-height:1}.settings-language-label{flex:1}.settings-language-check{width:22px;height:22px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-lang-note{font-size:12px;color:#9ca3af;margin:0;line-height:1.6;padding:10px 14px;background:#f8f9fb;border-radius:8px;border-left:3px solid #e5e9ef}.settings-saved-badge{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;background:#ecfdf5;color:#059669;font-size:13px;font-weight:600;border:1px solid #a7f3d0;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings-loading{padding:64px 32px;text-align:center;color:#9ca3af;font-size:14px}@media(max-width:640px){.settings-content{padding:16px;gap:16px}.settings-section{padding:20px 16px}.settings-currency-grid{grid-template-columns:repeat(2,1fr)}}html,body{height:100%;margin:0;font-family:Arial,sans-serif;background-color:#f2f2f2}.header{background-color:#1e3a5f;padding:15px 30px;color:#fff;font-weight:700;position:fixed;top:0;left:0;width:100%;z-index:100;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:flex-start;gap:20px}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-list li{margin:0}.nav-list li a{color:#fff;text-decoration:none;font-weight:500;padding:5px 10px;border-radius:4px;transition:background .2s}.nav-list li a:hover{background-color:#fff3}main{display:flex;justify-content:center;align-items:center;height:100vh;padding-top:80px;box-sizing:border-box}.container{width:100%;max-width:400px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;text-align:center}.diff-container{width:95vw;max-width:1800px;margin:50px auto;padding:20px;font-family:Arial,sans-serif;box-sizing:border-box;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0003}.input-group{margin-bottom:15px;text-align:left}input[type=number]{width:100%;padding:8px;margin-top:5px;border-radius:4px;border:1px solid #ccc}button{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}button:hover{background-color:#162c4a}.result{margin-top:20px;font-size:1.2em;font-weight:700}@media(max-width:768px){.compare-button{width:100%}}