:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#faf8f5;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fdfcf9;--bg-warm-tint:#f7f4ee;--bg-glass:#fffffff2;--border-subtle:#e8e3da;--border-strong:#cbd5e1;--border-gold:#d9770659;--border-focus:#0284c7;--text-main:#0b132b;--text-muted:#1e293b;--text-dim:#334155;--text-light:#64748b;--gold-primary:#b45309;--gold-amber:#d97706;--gold-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gold-gradient-hover:linear-gradient(135deg, #d97706 0%, #b45309 100%);--gold-glow:#d9770638;--cyan-primary:#0284c7;--cyan-hover:#0369a1;--dark-slate:#0f172a;--dark-slate-hover:#1e293b;--emerald-success:#047857;--crimson-danger:#b91c1c;--amber-warning:#b45309;--purple-inquiry:#6b21a8;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 2px 6px 0 #0000000d;--shadow-md:0 4px 16px -2px #00000014;--shadow-lg:0 10px 30px -4px #0000001f;--shadow-gold:0 4px 16px #d9770647;--shadow-blue:0 4px 16px #0284c740;--shadow-dark:0 6px 20px #0f172a38}.font-display{font-family:var(--font-display)!important}.font-body{font-family:var(--font-body)!important}.heading-hero{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-main);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.heading-section{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;line-height:1.25}.heading-card{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-main);font-size:1.2rem;font-weight:700;line-height:1.35}.subtitle-main{font-family:var(--font-body);color:var(--text-dim);font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.92rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-sm{border-radius:var(--radius-sm);min-height:36px;padding:6px 14px;font-size:.82rem}.btn-md{min-height:44px;padding:10px 18px;font-size:.92rem}.btn-lg{border-radius:var(--radius-lg);min-height:52px;padding:14px 28px;font-size:1.05rem}.btn-block{width:100%}.btn-gold,.btn-cta-gold{background:var(--gold-gradient);box-shadow:var(--shadow-gold);border:none;color:#fff!important}.btn-gold:hover,.btn-cta-gold:hover{background:var(--gold-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 22px #d977066b}.btn-primary{background:var(--cyan-primary);box-shadow:var(--shadow-blue);border:none;color:#fff!important}.btn-primary:hover{background:var(--cyan-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0284c761}.btn-secondary{background:var(--bg-surface);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-xs);color:var(--text-main)!important}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px);color:var(--text-main)!important}.btn-dark{box-shadow:var(--shadow-dark);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:none;color:#fff!important}.btn-dark:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);transform:translateY(-1px);box-shadow:0 8px 24px #0f172a59}.btn-outline-gold{background:#fffbeb;border:1.5px solid #fde68a;color:var(--gold-primary)!important}.btn-outline-gold:hover{background:#fef3c7;border-color:#fcd34d;transform:translateY(-1px)}.badge{font-family:var(--font-body);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-gold{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-blue{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.badge-green{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.badge-shield{border-radius:var(--radius-full);color:var(--gold-primary);background:#fff;border:1.5px solid #fde68a;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #f59e0b1f}.card-warm{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}.card-warm:hover{box-shadow:var(--shadow-md);border-color:#d9770659;transform:translateY(-2px)}.card-step{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);box-sizing:border-box;border-radius:14px;padding:22px;transition:transform .2s,border-color .2s}.card-step:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-2px)}.form-label{font-family:var(--font-display);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.form-control,input[type=text].form-control,input[type=email].form-control,input[type=password].form-control,input[type=tel].form-control,input[type=number].form-control,select.form-control,textarea.form-control{width:100%;font-family:var(--font-body);color:var(--text-main);background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);box-sizing:border-box;outline:none;min-height:44px;padding:10px 14px;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-control::placeholder{color:#94a3b8;font-size:.88rem}.form-control:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.form-control:focus{border-color:var(--gold-amber);background:#fff;box-shadow:0 0 0 3px #d977062e}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}.landing-page-root{background:var(--bg-primary);min-height:100vh;color:var(--text-main);font-family:var(--font-body);flex-direction:column;display:flex}.landing-navbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;padding:12px 20px;position:sticky;top:0}.landing-navbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.landing-brand-group{align-items:center;gap:12px;display:flex}.landing-brand-text h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.landing-brand-text p{color:var(--text-light);margin:2px 0 0;font-size:.74rem;font-weight:500}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-hero{text-align:center;background:radial-gradient(at top,#fef3c773 0%,#faf8f500 70%);padding:64px 20px 54px}.landing-hero-content{max-width:880px;margin:0 auto}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-offer-card{border-radius:var(--radius-lg);text-align:left;background:#fff;border:1.5px solid #fcd34d;max-width:860px;margin:32px auto 0;padding:22px 24px;box-shadow:0 14px 34px -10px #d9770629,0 2px 6px #0f172a0a}.hero-offer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hero-offer-badge{color:#92400e;letter-spacing:.03em;background:#fef3c7;border-radius:20px;align-items:center;gap:7px;padding:4px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.hero-offer-sub{color:#64748b;font-size:.84rem;font-weight:600}.hero-offer-grid{border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:16px;display:grid}.hero-offer-item{border-radius:var(--radius-md);text-align:center;background:#faf8f5;border:1px solid #e8e3da;padding:10px 12px}.hero-offer-val{color:var(--text-main);font-size:1.15rem;font-weight:900;font-family:var(--font-display);line-height:1.2}.hero-offer-unit{color:var(--text-muted);font-size:.76rem;font-weight:700}.hero-offer-desc{color:var(--text-light);margin-top:4px;font-size:.76rem;font-weight:600;line-height:1.35}.hero-offer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.hero-offer-calc-btn{color:var(--gold-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.88rem;font-weight:800;text-decoration:underline;transition:color .15s;display:inline-flex}.hero-offer-calc-btn:hover{color:var(--gold-amber)}@media (width<=640px){.hero-offer-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-offer-footer{flex-direction:column;align-items:stretch;gap:10px}.hero-offer-footer .btn{width:100%}}@media (width<=440px){.hero-offer-grid{grid-template-columns:1fr}}.landing-proof-list{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:22px;margin-top:36px;font-size:.86rem;font-weight:600;display:flex}.landing-proof-item{align-items:center;gap:6px;display:flex}.landing-hero-image-wrapper{border-radius:var(--radius-lg);border:1.5px solid var(--border-subtle);background:var(--bg-surface);max-width:960px;margin:44px auto 0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 20px 48px -12px #0f172a1f,0 0 0 1px #e8e3da99}.landing-hero-image-wrapper:hover{transform:translateY(-2px);box-shadow:0 24px 56px -12px #0f172a29,0 0 0 1px #d977064d}.landing-hero-image{object-fit:cover;width:100%;height:auto;max-height:520px;display:block}.landing-image-caption{background:var(--bg-surface);border-top:1px solid var(--border-subtle);color:var(--text-dim);text-align:center;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:.88rem;display:flex}.landing-roles-section{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:64px 20px}.landing-roles-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:36px;display:grid}.card-role{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px 28px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}.card-role:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-role-client{border-top:4px solid var(--cyan-primary)}.card-role-contractor{border-top:4px solid var(--gold-primary)}.role-header-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:800;display:inline-flex}.role-problem-box{border-radius:var(--radius-md);color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;margin:18px 0 22px;padding:14px 16px;font-size:.86rem;line-height:1.5}.role-problem-title{align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.role-benefits-list{flex-direction:column;gap:14px;margin-top:auto;display:flex}.role-benefit-item{color:var(--text-main);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.role-benefit-item strong{color:var(--text-main)}.landing-features-section{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding:54px 20px}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.landing-steps-section{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:56px 20px}.landing-steps-inner{max-width:1040px;margin:0 auto}.landing-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.landing-footer{text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-light);margin-top:auto;padding:34px 20px;font-size:.84rem}@media (width<=640px){.landing-navbar{padding:10px 14px}.landing-navbar-inner{flex-direction:column;align-items:stretch;gap:10px}.landing-brand-group{justify-content:space-between;width:100%}.landing-nav-actions{justify-content:flex-end;width:100%;display:flex}.landing-nav-actions .btn{width:auto;min-height:38px;padding:8px 14px;font-size:.82rem}.landing-hero{padding:40px 16px 36px}.landing-hero-actions{flex-direction:column;gap:10px}.landing-hero-actions .btn{width:100%}.landing-hero-image-wrapper{margin-top:28px}.landing-roles-grid{grid-template-columns:1fr;gap:20px}.card-role{padding:24px 20px}.landing-proof-list{flex-direction:column;align-items:flex-start;gap:10px;padding-left:10px}.landing-features-grid{grid-template-columns:1fr;gap:16px}.landing-steps-grid{grid-template-columns:1fr;gap:14px}}.construction-header-banner{box-sizing:border-box;background:url(../images/construction_header.jpg) top/cover no-repeat;border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;min-height:104px;padding:14px 16px 12px;display:flex;position:relative;overflow:hidden}.construction-header-banner:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#ffffff61 60%,#faf8f5f5 100%);position:absolute;inset:0}.construction-header-content{z-index:2;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:relative}.btn-touch-sign{width:100%;min-height:52px;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.98rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 4px 14px #0f172a40;color:#fff!important}.btn-touch-sign:hover{background:linear-gradient(#334155 0%,#1e293b 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0f172a52}.btn-touch-sign:active{transform:scale(.98)}.btn-touch-sign .icon-pencil-gold{color:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b80)}.btn-field-secondary{min-height:48px;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a;color:#1e293b!important}.btn-field-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 8px #0000000f}.btn-field-secondary:active{transform:scale(.98)}.segment-ata-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.segment-ata-btn{color:#1e293b;font-family:var(--font-display);cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 8px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex}.segment-ata-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.segment-ata-btn.active{color:#0f172a;background:linear-gradient(#e5ba5a 0%,#d49d28 50%,#c48e1d 100%);border-color:#b48016;box-shadow:0 3px 10px #b4801652}.segment-ata-btn .ata-pill-badge{color:#334155;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.78rem;font-weight:800;transition:all .15s;display:inline-flex}.segment-ata-btn.active .ata-pill-badge{color:#fbbf24;background:#0f172a;box-shadow:0 1px 3px #0000004d}.field-box-integrated{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;min-height:48px;padding:4px 6px 4px 12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000008}.field-box-integrated:focus-within{border-color:#d49d28;box-shadow:0 0 0 3px #d49d282e}.field-box-integrated input{font-size:.92rem;font-family:var(--font-body);color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:8px 6px}.field-box-integrated .btn-field-mic,.textarea-box-integrated .btn-field-mic{color:#1e293b;font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.84rem;font-weight:700;transition:background-color .15s;display:inline-flex}.field-box-integrated .btn-field-mic:hover,.textarea-box-integrated .btn-field-mic:hover{background:#f1f5f9}.field-box-integrated .btn-field-mic.recording,.textarea-box-integrated .btn-field-mic.recording{color:#dc2626;background:#fef2f2;animation:1.5s infinite fieldPulse}@keyframes fieldPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.textarea-box-integrated{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;min-height:110px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000008}.textarea-box-integrated:focus-within{border-color:#d49d28;box-shadow:0 0 0 3px #d49d282e}.textarea-box-integrated .textarea-top-bar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.textarea-box-integrated textarea{color:#0f172a;resize:vertical;min-height:70px;font-size:.92rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;line-height:1.5}.card-select-field{cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;min-height:50px;padding:11px 14px;transition:border-color .2s;display:flex;box-shadow:0 1px 3px #0000000a}.card-select-field:hover{border-color:#cbd5e1}.photos-horizontal-scroll{-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.photo-dashed-uploader{cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:2px dashed #94a3b8;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:96px;height:96px;padding:6px;transition:border-color .2s,background-color .2s;display:flex}.photo-dashed-uploader:hover{background:#fdfcf9;border-color:#d49d28}.photo-thumb-card{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.photo-thumb-card img{object-fit:cover;width:100%;height:100%}.photo-thumb-delete{color:#fff;cursor:pointer;background:#000000bf;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 3px #0000004d}.field-bottom-nav{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffe0;border-top:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 12px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.btn-dock-pill{font-size:.84rem;font-weight:700;font-family:var(--font-display);cursor:pointer;background:#475569;border:none;border-radius:20px;align-items:center;gap:6px;padding:9px 18px;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0f172a38;color:#fff!important}.btn-dock-pill:hover{background:#334155;transform:translateY(-1px)}.btn-dock-cta{min-height:46px;font-size:.92rem;font-weight:800;font-family:var(--font-display);cursor:pointer;background:linear-gradient(#e5ba5a 0%,#d49d28 50%,#c48e1d 100%);border:1.5px solid #b48016;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #b4801661;color:#0f172a!important}.btn-dock-cta:hover{background:linear-gradient(#f0c466 0%,#e0a734 50%,#d09825 100%);transform:translateY(-1px);box-shadow:0 6px 18px #b4801673}.btn-dock-icon-circle{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;box-shadow:0 2px 6px #0f172a33}.btn-dock-icon-circle:hover{background:#334155;transform:translateY(-1px)}.mobile-home-indicator{opacity:.75;background:#0f172a;border-radius:3px;width:134px;height:5px;margin:8px auto 0}.reflow-table-desktop{width:100%;display:block;overflow-x:auto}.reflow-cards-mobile{display:none}@media (width<=860px){.reflow-table-desktop{display:none!important}.reflow-cards-mobile{flex-direction:column;gap:12px;padding:14px 14px 18px;display:flex!important}}.billing-reflow-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000a}.billing-reflow-card:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #0000000f}.billing-reflow-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.billing-reflow-details{border-radius:var(--radius-sm);background:#faf8f5;border:1px solid #efece6;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 14px;padding:10px 12px;display:grid}.billing-reflow-total-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.event-reflow-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:8px;padding:12px 14px;transition:border-color .15s;display:flex;box-shadow:0 1px 3px #00000008}.event-reflow-card:hover{border-color:#cbd5e1}.event-reflow-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.event-reflow-metrics{color:var(--text-dim);border-radius:var(--radius-sm);background:#faf8f5;border:1px solid #efece6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:.82rem;display:flex}:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary:#faf8f5;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fdfcf9;--bg-glass:#fffffff5;--border-subtle:#e8e3da;--border-focus:#0284c7;--border-gold:#d9770659;--text-main:#0b132b;--text-muted:#1e293b;--text-dim:#334155;--gold-primary:#b45309;--gold-glow:#b4530926;--cyan-primary:#0284c7;--emerald-success:#047857;--crimson-danger:#b91c1c;--amber-warning:#b45309;--purple-inquiry:#6b21a8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 14px -2px #00000014;--shadow-glow:0 4px 20px #0284c71f;--shadow-gold:0 4px 20px #d9770626}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-main);background-image:radial-gradient(circle at 10% 10%,#0284c70a 0%,#0000 40%),radial-gradient(circle at 90% 90%,#d977060a 0%,#0000 40%);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.brand-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:12px;display:flex;overflow-x:hidden}@media (width>=768px){.app-container{padding:24px}}.navbar{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:12px 18px;display:flex}.brand-badge{align-items:center;gap:10px;display:flex}.navbar-actions{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex}.navbar-status-group,.navbar-buttons-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-sync-indicator{color:var(--text-muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.role-switcher select{width:auto;max-width:160px;padding:6px 10px;font-size:.8rem}@media (width<=900px){.navbar{padding:12px 14px}.navbar-actions{justify-content:space-between;width:100%}}@media (width<=640px){.navbar{gap:10px;padding:12px}.brand-badge{width:100%}.brand-text h1{font-size:1.15rem}.navbar-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.navbar-status-group{justify-content:space-between;width:100%}.role-switcher{flex:1;display:flex}.role-switcher select{width:100%;max-width:100%}.navbar-buttons-group{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.navbar-buttons-group .btn-header-main{grid-column:span 2;justify-content:center;width:100%}.navbar-buttons-group .btn-header{white-space:nowrap;justify-content:center;padding:8px 6px;font-size:.78rem}}.crown-icon{filter:drop-shadow(0 0 8px #d977064d);font-size:1.8rem}.brand-text h1{background:linear-gradient(135deg,#0f172a 20%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem}.brand-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.btn-quick-log{color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font-display);border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;align-items:center;gap:8px;padding:10px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 15px #d9770659}.btn-quick-log:active{transform:scale(.97)}.btn-quick-log:hover{box-shadow:0 6px 20px #d9770680}.tabs-bar{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.tab-btn:hover{color:var(--text-main);background:#f8fafc;border-color:#cbd5e1}.tab-btn.active{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.tab-badge{color:#475569;border-radius:var(--radius-full);background:#f1f5f9;padding:2px 7px;font-size:.72rem}.tab-btn.active .tab-badge{color:#fff;background:#0284c7}.ata-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.ata-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1250px){.ata-grid{grid-template-columns:repeat(3,1fr)}}.ata-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ata-card:hover{box-shadow:var(--shadow-glow);border-color:#0284c780;transform:translateY(-2px)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%;margin-bottom:20px;display:grid}.metric-card{min-width:0;padding:14px 18px;overflow:hidden}.clickable-metric-card{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}.clickable-metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.badge-who-where{border-radius:var(--radius-full);color:#0369a1;background:#e0f2fe;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.badge-who-where.inquiry{color:#6b21a8;background:#f3e8ff}.clickable-metric-card:hover .badge-who-where{color:#fff;background:#0284c7}.clickable-metric-card:hover .badge-who-where.inquiry{color:#fff;background:#7c3aed}.metric-title{color:#1e293b;margin-bottom:4px;font-size:.8rem;font-weight:700}.metric-title.inquiry{color:#6b21a8}.metric-value{font-size:1.45rem;font-weight:800;font-family:var(--font-display)}.metric-value.approved{color:#047857}.metric-value.pending{color:#0284c7}.metric-value.inquiry{color:#581c87}.metric-subtitle{color:#334155;margin-top:2px;font-size:.74rem;font-weight:500}.export-card{flex-direction:column;justify-content:center;display:flex}.export-buttons-row{flex-wrap:wrap;gap:8px;display:flex}.export-btn{flex:auto;justify-content:center;align-items:center;gap:4px;min-width:110px;padding:6px 10px;font-size:.75rem;text-decoration:none;display:flex}@media (width<=640px){.metrics-grid{grid-template-columns:1fr;gap:10px}}.filter-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-bottom:20px;padding:12px 16px;display:flex}.filter-dropdowns{flex-wrap:wrap;flex:300px;align-items:center;gap:14px;min-width:0;display:flex}.filter-group{flex:200px;align-items:center;gap:8px;min-width:0;display:flex}.filter-label{color:#1e293b;white-space:nowrap;font-size:.82rem;font-weight:700}.filter-select{background:#fff;flex:1;width:100%;min-width:0;padding:8px 12px;font-size:.88rem;font-weight:600}.filter-view-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.filter-count-badge{color:#334155;font-size:.82rem;font-weight:600}@media (width<=768px){.filter-bar{gap:12px;padding:12px}.filter-dropdowns{flex-direction:column;align-items:stretch;gap:10px;width:100%}.filter-group{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.filter-select{width:100%}.filter-view-controls{border-top:1px solid #f1f5f9;justify-content:space-between;width:100%;padding-top:10px}}.view-mode-toggle{border-radius:var(--radius-md);background:#fff;border:1.5px solid #cbd5e1;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:0 1px 2px #00000008}.view-mode-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.view-mode-btn:hover{color:#0f172a;background:#f1f5f9}.view-mode-btn.active{color:#fff;background:#0284c7;box-shadow:0 1px 4px #0284c759}.ata-table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.ata-table{border-collapse:collapse;text-align:left;width:100%;font-size:.78rem}.ata-table th{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:8px 10px;font-size:.68rem;font-weight:700}.ata-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:.76rem}.ata-table td.ata-cell-nowrap{white-space:nowrap}.ata-table td.ata-cell-rubrik{white-space:normal;min-width:160px;line-height:1.3}.ata-table tbody tr{cursor:pointer;transition:background-color .15s}.ata-table tbody tr:hover{background-color:#f8fafc}.ata-table tbody tr:last-child td{border-bottom:none}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.ata-id-badge{font-family:var(--font-display);color:#0284c7;border-radius:var(--radius-sm);white-space:nowrap;background:#f0f9ff;border:1px solid #0284c74d;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-block}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.status-DRAFT{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.status-INTERNAL_REVIEW{color:#7e22ce;background:#faf5ff;border:1px solid #d8b4fe}.status-SENT_TO_CLIENT{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.status-APPROVED{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-REJECTED{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.status-DISPUTED_NOTICE_SENT{color:#be123c;background:#fff1f2;border:1px solid #fda4af}.status-INVOICE_READY{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-VOIDED{color:#64748b;background:#f8fafc;border:1px dashed #94a3b8;text-decoration:line-through}.type-tag{border-radius:var(--radius-sm);margin-bottom:8px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.type-tag.FORESKRIVEN,.type-tag.ANDRING{color:#0284c7;background:#f0f9ff}.type-tag.LIKSTALLD,.type-tag.TILLAGG{color:#b45309;background:#fef3c7}.type-tag.INTERNAL_INQUIRY{color:#7c3aed;background:#faf5ff}.type-tag.AVGAENDE{color:#dc2626;background:#fef2f2}.ata-title{color:var(--text-main);margin-bottom:6px;font-size:1.05rem;font-weight:700;line-height:1.35}.ata-desc-preview{color:#1e293b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card-footer{color:#334155;border-top:1px solid #e8e3da;justify-content:space-between;align-items:center;padding-top:12px;font-size:.84rem;display:flex}.amount-display{font-family:var(--font-display);color:var(--text-main);font-size:1.05rem;font-weight:700}.time-impact-badge{color:#d97706;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;color:var(--text-main);background:#fff;padding:24px;position:relative;overflow-y:auto;box-shadow:0 20px 45px #0000001f}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:var(--text-main)!important}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.form-group{margin-bottom:16px}.form-label{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);color:#0f172a;width:100%;font-family:var(--font-body);background:#fff;border:1.5px solid #cbd5e1;padding:12px 14px;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:#64748b;opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #0284c733}.signature-box{border-radius:var(--radius-md);touch-action:none;background:#fff;border:2px dashed #94a3b8;margin-bottom:12px;position:relative;overflow:hidden}canvas.signature-canvas{cursor:crosshair;width:100%;height:180px;display:block}.canvas-hint{color:#64748b;pointer-events:none;font-size:.78rem;font-weight:600;position:absolute;top:10px;left:12px}.btn-voice{color:#0284c7;border-radius:var(--radius-md);cursor:pointer;background:#f0f9ff;border:1px solid #0284c74d;align-items:center;gap:6px;margin-bottom:8px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-voice.recording{color:#dc2626;background:#fef2f2;border-color:#ef4444;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.btn-primary{background:var(--cyan-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:.95rem;font-weight:700;font-family:var(--font-display);border:none;padding:12px 20px;transition:opacity .2s,box-shadow .2s;box-shadow:0 2px 8px #0284c740}.btn-primary:hover{opacity:.92;box-shadow:0 4px 12px #0284c759}.btn-secondary{color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:#fff;border:1px solid #cbd5e1;padding:10px 18px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000008}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#dc2626;border-radius:var(--radius-md);cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;padding:10px 18px;font-weight:600}.btn-danger:hover{background:#fee2e2}@keyframes outbox-spin{to{transform:rotate(360deg)}}@keyframes outbox-blink{0%,to{opacity:1}50%{opacity:.35}}.outbox-spin{animation:1s linear infinite outbox-spin}.outbox-dot{background:#fca5a5;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite outbox-blink}.outbox-popover{z-index:900;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:min(380px,100vw - 24px);box-shadow:var(--shadow-md);padding:14px;position:absolute;top:calc(100% + 8px);right:0}.outbox-banner{z-index:800;border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:.86rem;line-height:1.4;display:flex;position:sticky;top:0}.outbox-banner-offline{color:#fff;box-shadow:var(--shadow-md);background:#991b1b}.outbox-banner-synced{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}@media (prefers-reduced-motion:reduce){.outbox-spin,.outbox-dot{animation:none}}.quick-actions-grid{grid-template-columns:1.2fr 1.3fr 1fr;gap:10px;display:grid}.pricing-grid{grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:20px;display:grid}@media (width<=640px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;width:100vw;max-width:100vw;min-height:90dvh;max-height:96dvh;padding:18px 16px 40px;box-shadow:0 -10px 30px #0000002e}.quick-actions-grid{flex-direction:column;gap:10px;display:flex}.quick-actions-grid button{min-height:48px;font-size:.95rem}.pricing-grid{grid-template-columns:1fr;gap:12px}.form-input,.form-select,textarea{font-size:16px!important}.tab-btn{min-height:48px}}.mobile-fab{display:none}@media (width<=640px){.mobile-fab{z-index:990;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(135deg,#ea580c 0%,#f59e0b 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 22px;transition:transform .15s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 8px 25px #ea580c73}.mobile-fab:active{transform:scale(.96)}}.mobile-window-page{z-index:2000;-webkit-overflow-scrolling:touch;flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow-y:auto;background-color:#faf8f5!important}.mobile-window-header{z-index:100;background:#fff;border-bottom:1px solid #e8e3da;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a}.btn-mobile-back{border-radius:var(--radius-md);color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;flex-shrink:0;align-items:center;gap:6px;min-height:44px;padding:8px 14px;font-size:.92rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-mobile-back:active{background:#e2e8f0;transform:scale(.97)}.mobile-window-body{box-sizing:border-box;flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 14px 40px}.mobile-form-card{background:#fff;border:1px solid #e8e3da;border-radius:14px;padding:18px 16px;box-shadow:0 2px 10px #0000000a}.btn-mobile-install-badge{color:#b45309;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde68a;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-mobile-install-badge:hover{color:#78350f;background:#fde68a;transform:translateY(-1px)}@keyframes lockPulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.editor-lock-badge{color:#b45309;border-radius:var(--radius-full);white-space:nowrap;background:#fffbeb;border:1.5px solid #fcd34d;align-items:center;gap:5px;padding:2px 8px;font-size:.74rem;font-weight:700;animation:2s infinite lockPulse;display:inline-flex}.editor-lock-banner{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.editor-lock-banner-title{color:#92400e;font-size:.92rem;font-weight:700}.editor-lock-banner-desc{color:#b45309;margin-top:2px;font-size:.82rem}