@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--canvasBg:oklch(93% .028 300);--cardBg:oklch(99.5% .002 300);--text:oklch(24% .03 290);--subtext:oklch(53% .025 290);--border:oklch(91% .015 300);--chipBg:oklch(94% .03 300);--accent:oklch(58% .17 292);--redBg:oklch(93% .05 20);--redText:oklch(50% .18 20);--amberBg:oklch(93% .06 75);--amberText:oklch(50% .13 65);--greenBg:oklch(92% .07 150);--greenText:oklch(45% .14 150);--stripeA:oklch(90% .02 300);--stripeB:oklch(95% .01 300);--shadow:oklch(45% .05 295/.16)}body.theme-dark{--canvasBg:oklch(21% .035 290);--cardBg:oklch(27% .035 290);--text:oklch(96% .01 290);--subtext:oklch(71% .025 290);--border:oklch(37% .035 290);--chipBg:oklch(33% .035 290);--accent:oklch(72% .15 295);--redBg:oklch(30% .07 20);--redText:oklch(72% .16 20);--amberBg:oklch(32% .07 75);--amberText:oklch(78% .13 70);--greenBg:oklch(30% .08 150);--greenText:oklch(72% .14 150);--stripeA:oklch(31% .03 290);--stripeB:oklch(26% .025 290);--shadow:oklch(8% .02 290/.45)}*{box-sizing:border-box}body{background:var(--canvasBg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;transition:background .2s,color .2s}input,textarea,select,button{font-family:inherit}::placeholder{opacity:.5}#root{min-height:100dvh}.pi-root{--pi-bg:oklch(97.5% .012 250);--pi-ink:oklch(22% .035 285);--pi-ink-2:oklch(48% .03 285);--pi-ink-3:oklch(62% .025 285);--pi-card:oklch(100% 0 0/.82);--pi-card-solid:#fff;--pi-card-border:oklch(100% 0 0/.7);--pi-line:oklch(92% .015 270);--pi-accent:oklch(58% .19 292);--pi-accent-2:oklch(72% .13 235);--pi-hero-a:oklch(27% .08 285);--pi-hero-b:oklch(38% .14 290);--pi-hero-c:oklch(52% .16 260);--pi-paid-a:oklch(33% .08 160);--pi-paid-b:oklch(47% .13 155);--pi-paid-c:oklch(62% .13 175);--pi-green:oklch(52% .15 155);--pi-green-bg:oklch(95% .05 155);--pi-amber:oklch(55% .13 70);--pi-amber-bg:oklch(96% .05 85);--pi-red:oklch(52% .18 22);--pi-red-bg:oklch(95% .04 22);--pi-shadow:0 1px 2px oklch(30% .05 285/.06), 0 12px 32px -8px oklch(30% .08 285/.18);--pi-shadow-lg:0 2px 4px oklch(20% .05 285/.1), 0 30px 60px -16px oklch(25% .1 285/.45);--pi-radius:22px;min-height:100dvh;color:var(--pi-ink);background:var(--pi-bg);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;position:relative;overflow-x:hidden}body.theme-dark .pi-root{--pi-bg:oklch(17% .03 285);--pi-ink:oklch(96% .01 285);--pi-ink-2:oklch(74% .025 285);--pi-ink-3:oklch(60% .025 285);--pi-card:oklch(25% .035 285/.78);--pi-card-solid:oklch(25% .035 285);--pi-card-border:oklch(100% 0 0/.08);--pi-line:oklch(34% .03 285);--pi-accent:oklch(72% .16 292);--pi-green-bg:oklch(30% .07 155);--pi-green:oklch(78% .14 155);--pi-amber-bg:oklch(32% .07 80);--pi-amber:oklch(82% .13 80);--pi-red-bg:oklch(30% .07 22);--pi-red:oklch(78% .15 22);--pi-shadow:0 1px 2px oklch(0% 0 0/.3), 0 12px 32px -8px oklch(0% 0 0/.5);--pi-shadow-lg:0 2px 4px oklch(0% 0 0/.4), 0 30px 60px -16px oklch(0% 0 0/.7)}.pi-backdrop{z-index:0;pointer-events:none;background:radial-gradient(120% 70% at 50% -10%, oklch(90% .06 240/.9), transparent 60%), linear-gradient(180deg, oklch(96% .03 255), var(--pi-bg) 55%);transition:background .6s;position:fixed;inset:0;overflow:hidden}body.theme-dark .pi-backdrop{background:radial-gradient(120% 70% at 50% -10%, oklch(35% .1 285/.7), transparent 60%), linear-gradient(180deg, oklch(20% .04 285), var(--pi-bg) 55%)}.pi-backdrop--paid{background:radial-gradient(120% 70% at 50% -10%, oklch(90% .08 160/.9), transparent 60%), linear-gradient(180deg, oklch(96% .035 165), var(--pi-bg) 55%)}body.theme-dark .pi-backdrop--paid{background:radial-gradient(120% 70% at 50% -10%, oklch(35% .09 160/.7), transparent 60%), linear-gradient(180deg, oklch(20% .04 165), var(--pi-bg) 55%)}.pi-backdrop--muted{background:radial-gradient(120% 70% at 50% -10%, oklch(92% .02 270/.9), transparent 60%), linear-gradient(180deg, oklch(96% .01 270), var(--pi-bg) 55%)}.pi-blob{filter:blur(70px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite alternate pi-drift;position:absolute}.pi-blob--a{background:oklch(85% .1 240);width:46vmax;height:46vmax;top:-18vmax;left:-12vmax}.pi-blob--b{background:oklch(82% .12 300);width:38vmax;height:38vmax;animation-duration:22s;animation-delay:-6s;top:10vmax;right:-16vmax}.pi-blob--c{background:oklch(88% .09 200);width:30vmax;height:30vmax;animation-duration:26s;animation-delay:-12s;bottom:-14vmax;left:20vmax}.pi-backdrop--paid .pi-blob--a{background:oklch(85% .1 165)}.pi-backdrop--paid .pi-blob--b{background:oklch(85% .1 130)}.pi-backdrop--paid .pi-blob--c{background:oklch(88% .08 200)}.pi-backdrop--muted .pi-blob{opacity:.25}body.theme-dark .pi-blob{opacity:.28}.pi-grid{background-image:linear-gradient(90deg,oklch(30% .05 285/.05) 1px,#0000 1px),linear-gradient(oklch(30% .05 285/.05) 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 100%)}body.theme-dark .pi-grid{background-image:linear-gradient(90deg,oklch(100% 0 0/.05) 1px,#0000 1px),linear-gradient(oklch(100% 0 0/.05) 1px,#0000 1px)}@keyframes pi-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vmax,3vmax)scale(1.08)}}.pi-page{z-index:1;width:100%;max-width:560px;padding:clamp(18px, 4vw, 40px) 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}@media (width>=640px){.pi-page{gap:16px;padding-top:48px}}.pi-rise{animation:.6s cubic-bezier(.2,.8,.2,1) both pi-rise;animation-delay:var(--d,0s)}@keyframes pi-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.pi-brand{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 6px;display:flex}.pi-brand__id{align-items:center;gap:12px;min-width:0;display:flex}.pi-logo{filter:drop-shadow(0 6px 14px oklch(55% .17 280/.35));flex:none;width:44px;height:44px}.pi-brand__name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.15;overflow:hidden}.pi-brand__tag{color:var(--pi-ink-3);margin-top:2px;font-size:12px;font-weight:500}.pi-brand__ref{text-align:right;flex:none}.pi-brand__ref-label{text-transform:uppercase;letter-spacing:.12em;color:var(--pi-ink-3);font-size:10px;font-weight:700;display:block}.pi-brand__ref-id{color:var(--pi-ink-2);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px;font-weight:700;display:block}.pi-card{background:var(--pi-card);border:1px solid var(--pi-card-border);border-radius:var(--pi-radius);box-shadow:var(--pi-shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);padding:20px;position:relative}@media (width>=640px){.pi-card{padding:24px}}.pi-hero{color:#fff;background:radial-gradient(140% 120% at 100% 0%, var(--pi-hero-c) 0%, transparent 55%), radial-gradient(120% 100% at 0% 100%, var(--pi-hero-b) 0%, transparent 60%), linear-gradient(160deg, var(--pi-hero-a), var(--pi-hero-b));box-shadow:var(--pi-shadow-lg);border:none;padding:22px 22px 20px;transition:background .8s;overflow:hidden}@media (width>=640px){.pi-hero{padding:28px 28px 24px}}.pi-hero--paid{background:radial-gradient(140% 120% at 100% 0%, var(--pi-paid-c) 0%, transparent 55%), radial-gradient(120% 100% at 0% 100%, var(--pi-paid-b) 0%, transparent 60%), linear-gradient(160deg, var(--pi-paid-a), var(--pi-paid-b))}.pi-hero__sheen{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,oklch(100% 0 0/.16) 45%,oklch(100% 0 0/.02) 60%,#0000 75%) 0 0/250% 100%;animation:7s ease-in-out 1.2s infinite pi-sheen;position:absolute;inset:0}.pi-hero__sheen:after{content:"";background:repeating-linear-gradient(115deg,#0000 0 38px,oklch(100% 0 0/.035) 38px 40px);position:absolute;inset:-40%}@keyframes pi-sheen{0%{background-position:120% 0}45%{background-position:-120% 0}to{background-position:-120% 0}}.pi-hero__top{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.pi-hero__label{letter-spacing:.14em;text-transform:uppercase;color:oklch(100% 0 0/.7);font-size:12px;font-weight:700}.pi-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:oklch(100% 0 0/.14);border:1px solid oklch(100% 0 0/.2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;font-weight:700;display:inline-flex}.pi-pill__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.pi-pill--due{color:oklch(92% .12 85)}.pi-pill--due .pi-pill__dot{animation:1.8s ease-in-out infinite pi-pulse}.pi-pill--paid{color:oklch(95% .1 150)}@keyframes pi-pulse{0%,to{box-shadow:0 0 oklch(92% .12 85/.6)}60%{box-shadow:0 0 0 6px oklch(92% .12 85/0)}}.pi-amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 2px 24px oklch(0% 0 0/.25);justify-content:center;align-items:flex-start;margin:22px 0 20px;line-height:1;display:flex;position:relative}.pi-amount__cur{color:oklch(100% 0 0/.75);margin-top:clamp(8px,2vw,12px);margin-right:2px;font-size:clamp(22px,6vw,30px);font-weight:700}.pi-amount__whole{font-size:clamp(56px,17vw,84px);font-weight:800}.pi-amount__cents{color:oklch(100% 0 0/.75);margin-top:clamp(8px,2vw,12px);font-size:clamp(20px,5.5vw,28px);font-weight:700}.pi-hero__meta{border-top:1px solid oklch(100% 0 0/.16);justify-content:space-between;align-items:baseline;gap:12px;padding-top:16px;display:flex;position:relative}.pi-hero__meta-label{color:oklch(100% 0 0/.65);font-size:12px;font-weight:600}.pi-hero__meta-value{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.pi-doc__head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pi-doc__head--toggle{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0}.pi-doc__chevron{color:var(--pi-subtle);margin-left:auto;transition:transform .2s;display:inline-flex}.pi-doc__chevron--open{transform:rotate(180deg)}.pi-doc__collapse{max-height:130px;position:relative;overflow:hidden}.pi-doc__collapse--open{max-height:none}.pi-doc__fade{background:linear-gradient(to bottom, transparent, var(--pi-card-solid));pointer-events:none;border-radius:0 0 14px 14px;height:56px;position:absolute;bottom:0;left:0;right:0}.pi-doc__more{border:none;border-top:1px dashed var(--pi-line);width:100%;color:var(--pi-accent);cursor:pointer;background:0 0;margin-top:12px;padding:10px;font-size:13px;font-weight:700}.pi-doc__icon{width:30px;height:30px;color:var(--pi-accent);background:color-mix(in oklch, var(--pi-accent) 12%, transparent);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.pi-doc__title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:800}.pi-doc__body{background:var(--pi-card-solid);border:1px solid var(--pi-line);color:var(--pi-ink);overflow-wrap:anywhere;border-radius:14px;padding:16px 18px;font-size:14.5px;line-height:1.7}.pi-doc__body b,.pi-doc__body strong{font-weight:700}.pi-pay{flex-direction:column;gap:14px;display:flex}.pi-check{border:1.5px solid var(--pi-line);background:var(--pi-card-solid);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;grid-template-columns:24px 1fr;align-items:start;gap:12px;padding:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.pi-check:hover{border-color:color-mix(in oklch, var(--pi-accent) 45%, var(--pi-line))}.pi-check--on{border-color:var(--pi-accent);background:color-mix(in oklch, var(--pi-accent) 6%, var(--pi-card-solid));box-shadow:0 0 0 4px color-mix(in oklch, var(--pi-accent) 12%, transparent)}.pi-check--locked{cursor:default}.pi-check input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pi-check input:focus-visible+.pi-check__box{outline:2px solid var(--pi-accent);outline-offset:2px}.pi-check__box{border:2px solid var(--pi-ink-3);background:var(--pi-card-solid);border-radius:8px;place-items:center;width:24px;height:24px;margin-top:1px;transition:background .2s,border-color .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}.pi-check__box svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;width:16px;height:16px;transition:stroke-dashoffset .3s 50ms}.pi-check--on .pi-check__box{background:linear-gradient(135deg, var(--pi-accent), var(--pi-accent-2));border-color:#0000;transform:scale(1.06)}.pi-check--on .pi-check__box svg{stroke-dashoffset:0}.pi-check__text{color:var(--pi-ink-2);font-size:13.5px;font-weight:500;line-height:1.5}.pi-check--on .pi-check__text{color:var(--pi-ink)}.pi-check__accepted{color:var(--pi-green);background:var(--pi-green-bg);vertical-align:1px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pi-btn{appearance:none;letter-spacing:-.01em;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:0 20px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .2s,opacity .2s,filter .2s;display:inline-flex}.pi-btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.pi-btn:focus-visible{outline:3px solid color-mix(in oklch, var(--pi-accent) 50%, transparent);outline-offset:2px}.pi-btn--pay{color:#fff;background:linear-gradient(135deg,oklch(60% .2 292),oklch(50% .2 280) 55%,oklch(60% .17 255));position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.25),0 10px 24px -8px oklch(50% .2 285/.7)}.pi-btn--pay:after{content:"";opacity:0;background:linear-gradient(110deg,#0000 35%,oklch(100% 0 0/.22) 50%,#0000 65%) 130% 0/250% 100%;transition:opacity .3s;position:absolute;inset:0}.pi-btn--pay:not(:disabled):after{opacity:1;animation:2.8s ease-in-out .4s infinite pi-btn-shine}@keyframes pi-btn-shine{0%{background-position:130% 0}40%{background-position:-130% 0}to{background-position:-130% 0}}.pi-btn--pay:hover:not(:disabled){filter:brightness(1.04);box-shadow:inset 0 1px oklch(100% 0 0/.25),0 14px 30px -8px oklch(50% .2 285/.85)}.pi-btn--pay:disabled{cursor:not-allowed;background:var(--pi-line);color:var(--pi-ink-3);box-shadow:none}.pi-btn--busy:disabled{color:#fff;opacity:.9;cursor:progress;background:linear-gradient(135deg,oklch(60% .2 292),oklch(50% .2 280))}.pi-btn--ghost{min-height:46px;color:var(--pi-accent);background:color-mix(in oklch, var(--pi-accent) 10%, transparent);border:1.5px solid color-mix(in oklch, var(--pi-accent) 30%, transparent);margin-top:8px;font-size:15px}.pi-btn--ghost:hover{background:color-mix(in oklch, var(--pi-accent) 16%, transparent)}.pi-pay__hint{text-align:center;color:var(--pi-ink-3);margin:-4px 0 0;font-size:12.5px;font-weight:500;transition:color .3s}.pi-pay__hint--ready{color:var(--pi-ink-2)}.pi-alert{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.pi-alert svg{flex:none;margin-top:1px}.pi-alert--error{background:var(--pi-red-bg);color:var(--pi-red);font-weight:600}.pi-alert--info{background:var(--pi-amber-bg);color:var(--pi-amber)}.pi-alert--info strong{font-weight:800}.pi-alert--info span{color:color-mix(in oklch, var(--pi-amber) 80%, var(--pi-ink))}.pi-card--state{text-align:center;flex-direction:column;align-items:center;padding:28px 22px;display:flex}.pi-state-title{letter-spacing:-.02em;margin:14px 0 8px;font-size:22px;font-weight:800;line-height:1.2}.pi-state-text{color:var(--pi-ink-2);max-width:40ch;margin:0;font-size:14.5px;line-height:1.6}.pi-state-detail{color:var(--pi-ink-3);overflow-wrap:anywhere;margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pi-state-icon{border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.pi-state-icon--neutral{background:var(--pi-line);color:var(--pi-ink-2)}.pi-paid__thanks{color:var(--pi-green);background:var(--pi-green-bg);border-radius:999px;margin-top:16px;padding:8px 14px;font-size:13px;font-weight:700}.pi-success-mark{place-items:center;width:88px;height:88px;display:grid;position:relative}.pi-success-svg{z-index:1;width:72px;height:72px;position:relative}.pi-success-circle{fill:var(--pi-green-bg);stroke:var(--pi-green);stroke-width:3px;stroke-dasharray:176;stroke-dashoffset:176px;transform-origin:50%;animation:.7s cubic-bezier(.65,0,.35,1) .25s forwards pi-draw;transform:rotate(-90deg)}.pi-success-check{fill:none;stroke:var(--pi-green);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.45s cubic-bezier(.65,0,.35,1) .85s forwards pi-draw}@keyframes pi-draw{to{stroke-dashoffset:0}}.pi-success-ring{border:2px solid var(--pi-green);opacity:0;border-radius:50%;animation:1.6s ease-out 1.1s both pi-ring;position:absolute;inset:0}.pi-success-ring--2{animation-delay:1.4s}@keyframes pi-ring{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.45)}}.pi-confetti{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pi-confetti__piece{opacity:0;border-radius:2px;animation-name:pi-confetti-fall;animation-timing-function:cubic-bezier(.25,.6,.4,1);animation-fill-mode:forwards;position:absolute;top:-20px}.pi-confetti__piece--round{border-radius:50%}@keyframes pi-confetti-fall{0%{transform:translate3d(0, -5vh, 0) rotate(var(--rot));opacity:0}8%{opacity:1}to{transform:translate3d(var(--dx,0px), 105vh, 0) rotate(calc(var(--rot) + 540deg));opacity:.2}}.pi-skel{background:color-mix(in oklch, var(--pi-ink) 8%, transparent);border-radius:8px;position:relative;overflow:hidden}.pi-skel:after{content:"";background:linear-gradient(90deg,#0000,oklch(100% 0 0/.5),#0000);animation:1.4s ease-in-out infinite pi-shimmer;position:absolute;inset:0;transform:translate(-100%)}body.theme-dark .pi-skel:after{background:linear-gradient(90deg,#0000,oklch(100% 0 0/.1),#0000)}@keyframes pi-shimmer{to{transform:translate(100%)}}.pi-skel--text{height:16px}.pi-skel--thin{height:11px}.pi-skel--line{width:100%;height:12px;margin-top:12px}.pi-skel--amount{border-radius:14px;width:62%;height:64px;margin:20px auto 16px}.pi-hero--skeleton .pi-skel{background:oklch(100% 0 0/.14)}.pi-hero--skeleton .pi-skel:after{background:linear-gradient(90deg,#0000,oklch(100% 0 0/.22),#0000)}.pi-hero--skeleton{flex-direction:column;align-items:center;display:flex}.pi-loading-note{color:var(--pi-ink-3);justify-content:center;align-items:center;gap:8px;margin:4px 0 0;font-size:13px;font-weight:600;display:flex}.pi-spinner{border:2px solid color-mix(in oklch, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite pi-spin;display:inline-block}.pi-spinner--light{color:#fff}.pi-spinner--big{width:34px;height:34px;color:var(--pi-accent);border-width:3px}@keyframes pi-spin{to{transform:rotate(360deg)}}.pi-redirect{z-index:10;background:color-mix(in oklch, var(--pi-bg) 60%, transparent);-webkit-backdrop-filter:blur(10px);place-items:center;padding:24px;animation:.25s both pi-fade;display:grid;position:fixed;inset:0}.pi-redirect__card{background:var(--pi-card-solid);border:1px solid var(--pi-card-border);box-shadow:var(--pi-shadow-lg);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:28px 26px;animation:.4s cubic-bezier(.2,.8,.2,1) both pi-rise;display:flex}.pi-redirect__title{letter-spacing:-.01em;margin-top:6px;font-size:17px;font-weight:800}.pi-redirect__text{color:var(--pi-ink-2);font-size:13.5px;line-height:1.5}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}.pi-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:10px;padding:8px 12px 0;display:flex}.pi-footer__secure{color:var(--pi-ink-2);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.pi-footer__note{color:var(--pi-ink-3);max-width:38ch;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.pi-rise,.pi-blob,.pi-hero__sheen,.pi-btn--pay:after,.pi-pill__dot,.pi-success-ring,.pi-confetti__piece,.pi-skel:after,.pi-redirect,.pi-redirect__card{animation:none!important}.pi-rise{opacity:1;transform:none}.pi-success-circle,.pi-success-check{animation-duration:10ms;animation-delay:0s}.pi-confetti{display:none}}.screen-center{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{background:var(--cardBg);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:0 6px 18px var(--shadow);border-radius:18px;padding:28px 24px}.auth-card h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.5rem;font-weight:800}.subtitle{color:var(--subtext);margin:0 0 20px;font-size:.95rem}.auth-card form{flex-direction:column;gap:4px;display:flex}.auth-card label{margin-top:12px;font-size:.85rem;font-weight:600}.auth-card input,.auth-card select{border:1px solid var(--border);box-sizing:border-box;background:var(--canvasBg);width:100%;color:var(--text);border-radius:10px;padding:12px;font-size:1rem}.auth-card button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:20px;padding:13px;font-size:1rem;font-weight:700}.auth-card button[type=submit]:disabled{opacity:.6}.switch{text-align:center;margin-top:18px;font-size:.9rem}.link{color:var(--accent);cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0}.error{color:var(--redText);margin-top:10px;font-size:.85rem}.muted{color:var(--subtext);font-size:.9rem}.app-shell{min-height:100dvh;display:flex}.app-column{flex-direction:column;flex:1;min-width:0;min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);flex-direction:column;flex:none;gap:4px;width:220px;padding:28px 16px;display:none}.sidebar-top{align-items:center;gap:8px;padding:0 0 20px;display:flex}.sidebar-brand{letter-spacing:-.01em;font-size:15px;font-weight:800}.waffle-btn{background:var(--chipBg);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.more-menu{max-width:340px}.more-menu-list{flex-direction:column;gap:4px;display:flex}.more-menu-item{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:10px;padding:13px 14px;font-size:15px;font-weight:600}.more-menu-item.active{background:var(--chipBg);color:var(--accent)}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-item{text-align:left;cursor:pointer;color:var(--subtext);background:0 0;border:none;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:600}.sidebar-item.active{background:var(--chipBg);color:var(--text)}.sidebar-spacer{flex:1}.sidebar-user{color:var(--subtext);flex-direction:column;gap:6px;padding:11px 12px;font-size:13px;font-weight:600;display:flex}.topbar{padding:calc(16px + env(safe-area-inset-top)) 18px 16px;border-bottom:1px solid var(--border);background:var(--canvasBg);z-index:5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:10px;display:flex}.bottom-tabs{background:var(--cardBg);box-shadow:0 -6px 24px var(--shadow);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:5;border-radius:22px 22px 0 0;display:flex;position:sticky;bottom:0}.bottom-tab{cursor:pointer;min-width:0;color:var(--subtext);white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:5px;padding:4px 6px;font-size:10px;font-weight:700;display:flex}.bottom-tab.active{color:var(--accent)}.tab-icon{box-sizing:border-box;border:2.5px solid;border-radius:6px;width:18px;height:18px}.tab-icon-team{border-radius:50%}.fab{right:22px;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 6px 20px var(--shadow);z-index:6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:400;line-height:1;display:flex;position:fixed}@media (width>=900px){.sidebar{display:flex}.topbar,.bottom-tabs{display:none}.main{padding-bottom:16px}.fab{bottom:24px}}.brand{letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.user-chip{align-items:center;gap:10px;font-size:.9rem;display:flex}.main{box-sizing:border-box;flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px}.placeholder-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;padding:24px}.admin-page h2{margin:20px 0 10px;font-size:1.1rem}.admin-page h2:first-child{margin-top:0}.section-header{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.section-header button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:9px 16px;font-weight:700}.user-row{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.row-actions{align-items:center;gap:8px;display:flex}.row-actions button,.row-actions select{border:1px solid var(--border);background:var(--canvasBg);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 12px;font-size:.85rem}.row-actions button.danger{border-color:var(--redText);color:var(--redText);background:var(--redBg)}.outline-btn{border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:.85rem;font-weight:600}.outline-btn--block{border-radius:10px;width:100%;padding:13px;font-size:15px;font-weight:700}.contract-actions{flex-direction:column;gap:12px;margin-top:16px;display:flex}.contract-actions .save-btn,.contract-actions .danger-outline{margin:0}.modal-overlay{z-index:120;background:oklch(10% .02 290/.55);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--cardBg);box-shadow:0 20px 60px var(--shadow);border-radius:18px;width:100%;max-width:420px;max-height:88vh;padding:16px;overflow-y:auto}.inline-form{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;flex-direction:column;gap:8px;margin-bottom:14px;padding:16px;display:flex}.inline-form input,.inline-form select{border:1px solid var(--border);background:var(--canvasBg);color:var(--text);border-radius:8px;padding:10px;font-size:.95rem}.inline-form textarea{border:1px solid var(--border);resize:vertical;background:var(--canvasBg);color:var(--text);border-radius:8px;padding:10px;font-family:inherit;font-size:.95rem}.inline-form button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:12px;font-weight:700}.inline-form button[type=submit]:disabled{opacity:.6}.main.wide{max-width:640px}.quotes-page .section-header{margin-top:0}.quotes-page h2{margin:0;font-size:1.1rem;font-weight:800}.quote-form label{margin-top:8px;font-size:.85rem;font-weight:700}.quote-form label:first-of-type{margin-top:0}.schedule-box{border:1px solid var(--border);background:var(--chipBg);border-radius:14px;min-width:0;margin:14px 0 4px;padding:14px 14px 16px}.schedule-box legend{letter-spacing:.06em;text-transform:uppercase;color:var(--subtext);padding:0 6px;font-size:.75rem;font-weight:800}.field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field label{margin-top:0;font-size:.8rem;font-weight:700}.field input,.field select{border:1px solid var(--border);background:var(--cardBg);color:var(--text);border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.95rem}.schedule-hint{margin:10px 0 0;font-size:.8rem}.price-field{border:1px solid var(--border);background:var(--canvasBg);border-radius:8px;align-items:center;display:flex;overflow:hidden}.price-prefix{color:var(--subtext);border-right:1px solid var(--border);align-self:stretch;align-items:center;padding:0 10px;font-weight:700;display:flex}.price-field input{outline-offset:-2px;background:0 0;border:none;flex:1;min-width:0}.filter-bar{flex-wrap:wrap;gap:8px;margin:18px 0 14px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--cardBg);color:var(--subtext);cursor:pointer;border-radius:999px;padding:8px 13px;font-size:.85rem;font-weight:700}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-count{opacity:.7;font-weight:600}.quote-section{margin-top:22px}.quote-section-title{color:var(--subtext);text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px;font-size:13px;font-weight:700}.quote-list{flex-direction:column;gap:10px;display:flex}.quote-when{color:var(--subtext);margin-top:2px;font-size:12px;font-weight:500}.quote-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;flex-direction:column;padding:14px 16px;display:flex}.quote-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.quote-service{color:var(--text);opacity:.85;white-space:pre-wrap;margin:0 0 10px;font-size:.9rem}.quote-meta{justify-content:space-between;gap:10px;padding:3px 0;font-size:.85rem;display:flex}.meta-label{color:var(--subtext)}.quote-price{font-weight:800}.quote-notes{border-top:1px solid var(--border);color:var(--subtext);white-space:pre-wrap;margin:10px 0 0;padding-top:10px;font-size:.85rem}.quote-actions{border-top:1px solid var(--border);justify-content:space-between;margin-top:12px;padding-top:12px}.status-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:800}.status-draft{background:var(--chipBg);color:var(--subtext);border-color:var(--border)}.status-sent{background:color-mix(in oklab, var(--accent) 18%, var(--cardBg));color:var(--accent);border-color:color-mix(in oklab, var(--accent) 35%, var(--cardBg))}.status-accepted{background:var(--greenBg);color:var(--greenText);border-color:color-mix(in oklab, var(--greenText) 30%, var(--cardBg))}.status-declined{background:var(--redBg);color:var(--redText);border-color:color-mix(in oklab, var(--redText) 30%, var(--cardBg))}.status-completed{background:var(--greenBg);color:var(--greenText);border-color:color-mix(in oklab, var(--greenText) 30%, var(--cardBg))}.status-cancelled{background:var(--redBg);color:var(--redText);border-color:color-mix(in oklab, var(--redText) 30%, var(--cardBg))}.schedule-picker{flex-direction:column;gap:12px;display:flex}.sp-cal{background:var(--cardBg);border:1px solid var(--border);border-radius:14px;padding:12px}.sp-cal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sp-cal-head strong{font-size:.9rem;font-weight:800}.sp-nav{background:var(--chipBg);width:30px;height:30px;color:var(--text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.sp-weekdays,.sp-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.sp-weekdays div{text-align:center;color:var(--subtext);padding:4px 0 8px;font-size:.7rem;font-weight:700}.sp-day{aspect-ratio:1;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;position:relative}.sp-day:disabled{visibility:hidden}.sp-day.today{box-shadow:inset 0 0 0 1.5px var(--accent)}.sp-day.selected{background:var(--accent);color:#fff;font-weight:800}.sp-day .sp-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.sp-day.selected .sp-dot{background:#fff}.sp-day.has-jobs:not(.selected){background:var(--chipBg)}.sp-slots{flex-wrap:wrap;gap:8px;display:flex}.sp-slot{border:1px solid var(--border);background:var(--cardBg);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 13px;font-size:.82rem;font-weight:700}.sp-slot.selected{background:var(--accent);border-color:var(--accent);color:#fff}.sp-slot.booked{background:var(--redBg);color:var(--redText);border-color:#0000}.sp-slot.booked:after{content:" · booked";opacity:.85;font-weight:600}.sp-agenda{background:var(--cardBg);border:1px dashed var(--border);color:var(--subtext);border-radius:12px;padding:10px 12px;font-size:.82rem}.sp-agenda strong{color:var(--text)}.sp-agenda-row{justify-content:space-between;padding:3px 0;display:flex}.dashboard-page h2{margin:0 0 16px;font-size:22px;font-weight:800}.period-toggle{background:var(--chipBg);border-radius:26px;margin-bottom:18px;padding:5px;display:flex}.period-opt{text-align:center;cursor:pointer;color:var(--subtext);background:0 0;border:none;border-radius:22px;flex:1;padding:11px 0;font-size:13px;font-weight:700}.segmented{background:var(--chipBg);border-radius:26px;margin-bottom:14px;padding:5px;display:flex}.segmented-opt{text-align:center;cursor:pointer;color:var(--subtext);background:0 0;border:none;border-radius:22px;flex:1;padding:10px 8px;font-size:13px;font-weight:700}.segmented-opt.active{background:var(--cardBg);color:var(--text);box-shadow:0 2px 8px var(--shadow)}.invoice-preview-frame{border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;height:80vh;margin-bottom:16px;overflow:hidden}.invoice-preview-frame iframe{border:none;width:100%;height:100%;display:block}.period-opt.active{background:var(--cardBg);color:var(--text);box-shadow:0 2px 8px var(--shadow)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.dashboard-section{margin-bottom:22px}.stat-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;padding:14px}.stat-card--clickable{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer}.stat-label{color:var(--subtext);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.stat-value{margin-top:6px;font-size:26px;font-weight:800}.stat-sub{color:var(--subtext);margin-top:2px;font-size:11px}.chart-card,.winrate-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;margin-bottom:18px;padding:18px}.chart-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.chart-head strong{font-size:14px;font-weight:800}.chart-bars{align-items:flex-end;gap:8px;height:120px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-val{color:var(--subtext);white-space:nowrap;font-size:9px;font-weight:700}.chart-bar{background:var(--chipBg);border-radius:8px;flex-direction:column-reverse;width:100%;min-height:4px;display:flex;overflow:hidden}.chart-bar-seg{width:100%;min-height:2px}.chart-legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px;display:flex}.chart-legend-item{color:var(--subtext);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.chart-legend-dot{border-radius:50%;flex:none;width:9px;height:9px}.avg-time-strip{border-top:1px solid var(--border);align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;display:flex}.avg-time-strip__label{color:var(--subtext);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:700}.avg-time-strip__value{color:var(--text);font-size:15px;font-weight:800}.avg-time-strip__sub{color:var(--subtext);text-align:right;margin-left:auto;font-size:11px}.chart-label{color:var(--subtext);font-size:10px;font-weight:600}.winrate-card{align-items:center;gap:20px;display:flex}.winrate-ring{border-radius:50%;flex:none;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.winrate-inner{background:var(--cardBg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.winrate-pct{font-size:20px;font-weight:800}.winrate-label{color:var(--subtext);font-size:9px;font-weight:700}.winrate-breakdown{flex-direction:column;flex:1;gap:10px;display:flex}.winrate-row{color:var(--subtext);align-items:center;gap:8px;font-size:13px;display:flex}.winrate-row b{color:var(--text);margin-left:auto}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot.accent{background:var(--accent)}.dot.chip{background:var(--chipBg);border:1px solid var(--border)}.dot.red{background:var(--redText)}.empty-dashed{background:var(--cardBg);border:1px dashed var(--border);text-align:center;color:var(--subtext);border-radius:18px;padding:24px;font-size:13px}.today-job-card{background:var(--cardBg);color:var(--text);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;padding:14px;display:flex}.today-job-card--clickable{text-align:left;width:100%;font:inherit;cursor:pointer}.today-job-card:has(.today-job-card__main){flex-direction:column;align-items:stretch;gap:10px}.today-job-card__main{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.today-job-card__cancel{width:100%}.today-job-started{color:var(--accent);margin-top:4px;font-size:12px;font-weight:700}.today-job-time{font-size:14px;font-weight:700}.notice-amber{background:var(--amberBg);color:var(--amberText);border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:600}.notice-green{background:var(--greenBg);color:var(--greenText);border-radius:14px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:700}.save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin:16px 0 0;padding:13px;font-size:15px;font-weight:700;display:block}.danger-outline{border:1px solid var(--redText);width:100%;color:var(--redText);cursor:pointer;background:0 0;border-radius:10px;margin:12px 0 0;padding:12px;font-weight:700;display:block}.search-input{border:1px solid var(--border);width:100%;box-shadow:0 6px 18px var(--shadow);background:var(--cardBg);color:var(--text);border-radius:10px;padding:13px 14px;font-size:15px}.back-link{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:14px;font-weight:700}.mini-row{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.mini-row.clickable{cursor:pointer}.settings-page h2{margin:0 0 14px;font-size:22px;font-weight:800}.settings-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;margin-bottom:16px;padding:4px 16px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:14px;font-weight:600}.stepper{align-items:center;gap:10px;display:flex}.stepper button{background:var(--chipBg);cursor:pointer;width:30px;height:30px;color:var(--text);border:none;border-radius:8px;font-size:16px;font-weight:800}.stepper-val{text-align:center;min-width:72px;font-size:14px;font-weight:700}.settings-form{flex-direction:column;gap:10px;padding:14px;display:flex}.settings-form input{border:1px solid var(--border);background:var(--canvasBg);color:var(--text);border-radius:8px;padding:11px;font-size:14px}.settings-form input:disabled{opacity:.7}.contract-template-input{border:1px solid var(--border);width:100%;min-height:140px;box-shadow:0 6px 18px var(--shadow);background:var(--cardBg);color:var(--text);resize:vertical;border-radius:18px;padding:14px;font-size:13px;line-height:1.6}.client-detail h2{margin:0 0 14px;font-size:22px;font-weight:800}.detail-card{background:var(--cardBg);border:1px solid var(--border);box-shadow:0 6px 18px var(--shadow);border-radius:18px;flex-direction:column;gap:8px;margin-bottom:14px;padding:16px;display:flex}.detail-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.balance-amount{font-size:28px;font-weight:800}.balance-split{color:var(--subtext);gap:16px;font-size:13px;display:flex}.client-detail textarea{border:1px solid var(--border);width:100%;min-height:70px;box-shadow:0 6px 18px var(--shadow);background:var(--cardBg);color:var(--text);resize:vertical;border-radius:10px;padding:12px;font-size:14px}.status-pill{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.status-pill-draft{background:var(--chipBg);color:var(--subtext)}.status-pill-sent{background:color-mix(in oklab, var(--accent) 18%, var(--cardBg));color:var(--accent)}.status-pill-signed{background:var(--greenBg);color:var(--greenText)}.status-pill-paid{background:var(--greenBg);color:var(--greenText);font-weight:800}.status-pill-unpaid{background:var(--amberBg);color:var(--amberText);font-weight:800}.receipt-preview{object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:200px}@media print{.no-print,.sidebar,.topbar,.bottom-tabs,.fab{display:none!important}.app-shell,.app-column,.main{max-width:none!important;padding:0!important;display:block!important}body{background:#fff!important}}.qw-overlay{background:var(--canvasBg);height:100dvh;color:var(--text);z-index:100;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.qw-panel{background:var(--canvasBg);flex-direction:column;width:100%;max-width:430px;height:100%;display:flex}.qw-header{padding:calc(14px + env(safe-area-inset-top)) 16px 8px;align-items:center;gap:10px;display:flex}.qw-back{background:var(--chipBg);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;font-size:18px;font-weight:700}.qw-header-mid{flex-direction:column;flex:1;line-height:1.3;display:flex}.qw-step-count{color:var(--subtext);font-size:12px}.qw-header-mid strong{font-size:16px}.qw-exit{flex-shrink:0;font-size:13px}.qw-progress{background:var(--border);border-radius:4px;height:4px;margin:0 16px 10px;overflow:hidden}.qw-progress-fill{background:var(--accent);height:100%;transition:width .2s}.qw-body{flex:1;padding:4px 16px 16px;overflow-y:auto}.qw-footer{border-top:1px solid var(--border);padding:12px 16px 18px}.qw-btn-filled,.qw-btn-outline{cursor:pointer;border-radius:14px;width:100%;margin-bottom:10px;padding:13px;font-size:15px;font-weight:700}.qw-btn-filled{background:var(--accent);color:#fff;border:none}.qw-btn-filled:disabled{opacity:.5;cursor:not-allowed}.qw-btn-outline{border:1.5px solid var(--accent);color:var(--accent);background:0 0}.qw-input{border:1px solid var(--border);background:var(--cardBg);width:100%;color:var(--text);border-radius:12px;margin-bottom:10px;padding:12px;font-size:14px}.qw-input::placeholder{color:var(--subtext);opacity:1}.qw-label{color:var(--subtext);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.qw-choice-grid{flex-direction:column;gap:10px;display:flex}.qw-choice-card{text-align:left;border:1.5px solid var(--border);background:var(--cardBg);color:var(--text);cursor:pointer;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.qw-choice-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.qw-choice-card strong{font-size:15px}.qw-choice-sub{color:var(--subtext);font-size:12px}.qw-freq-list{flex-direction:column;gap:10px;display:flex}.qw-client-list{flex-direction:column;gap:6px;max-height:40vh;margin-bottom:14px;display:flex;overflow-y:auto}.qw-client-row{border:1px solid var(--border);background:var(--cardBg);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.qw-client-row.active{border-color:var(--accent)}.qw-new-client-chip{border:1.5px dashed var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:12px 14px;font-weight:600}.qw-stepper-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.qw-running-total{text-align:center;margin-top:12px;font-weight:700}.qw-addon-card{border:1px solid var(--border);background:var(--cardBg);border-radius:14px;margin-bottom:10px;padding:14px}.qw-addon-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qw-addon-head .stepper{margin-top:10px}.qw-toggle{background:var(--border);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;width:44px;height:26px;position:relative}.qw-toggle.on{background:var(--accent)}.qw-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.qw-toggle.on .qw-toggle-knob{left:21px}.qw-hours-step{text-align:center;padding-top:20px}.qw-hours-big{margin-bottom:10px;font-size:42px;font-weight:800}.qw-review .qw-input{margin-bottom:0}.qw-line-row{justify-content:space-between;padding:8px 0;font-size:14px;display:flex}.qw-line-margin{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:14px}.qw-note-amber{background:var(--amberBg);color:var(--amberText);border-radius:10px;margin:8px 0;padding:8px 12px;font-size:13px}.qw-price-big{text-align:center;margin:14px 0 4px;font-size:36px;font-weight:800}.qw-price-sub{text-align:center;margin-bottom:14px}.qw-margin-good{color:var(--greenText)}.qw-margin-low{color:var(--amberText)}.qw-sqft-check{text-align:center;background:var(--chipBg);border-radius:10px;margin-bottom:14px;padding:8px 12px;font-size:13px}.qw-sqft-check.amber{background:var(--amberBg);color:var(--amberText)}.qw-save-step{text-align:center;padding-top:10px}.qw-saved-state{text-align:center;padding-top:40px}.qw-check-circle{background:var(--greenBg);width:64px;height:64px;color:var(--greenText);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:30px;display:flex}.qw-saved-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}@media (width>=640px){.qw-overlay{align-items:center}.qw-panel{height:92vh;box-shadow:0 20px 60px var(--shadow);border-radius:24px}}.job-overlay{background:var(--canvasBg);z-index:100;justify-content:center;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0}.job-panel{background:var(--canvasBg);flex-direction:column;width:100%;max-width:480px;height:100%;display:flex}.job-header{padding:calc(16px + env(safe-area-inset-top)) 16px 16px;border-bottom:1px solid var(--border);background:var(--cardBg);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-header__save{white-space:nowrap;width:auto;margin:0;padding:10px 16px}.job-body{flex:1;padding:16px;overflow-y:auto}.job-instructions{background:var(--chipBg);color:var(--text);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:13px;font-weight:600}.job-photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.job-photo{aspect-ratio:1;border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.job-photo img{object-fit:cover;width:100%;height:100%;display:block}.job-photo__remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;position:absolute;top:4px;right:4px}.job-photo-add{aspect-ratio:1;border:1.5px dashed var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;font-size:13px;font-weight:700}.job-notes{border:1px solid var(--border);background:var(--cardBg);width:100%;color:var(--text);resize:vertical;border-radius:12px;padding:12px;font-family:inherit;font-size:14px}@media (width>=640px){.job-overlay{align-items:center}.job-panel{height:92vh;box-shadow:0 20px 60px var(--shadow);border-radius:24px}}