:root{--color-bg:#f7f6f2;--color-surface:#fff;--color-text:#1d1d1b;--color-muted:#5f5e5a;--color-border:#dedcd4;--color-primary:#1f5f4a;--color-primary-text:#fff;--color-accent:#e8a33d;--color-ok:#1f7a4d;--color-warn:#a86400;--color-danger:#b42318;--color-sample-bg:#fff4d6;--radius:12px;--space:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#151614;--color-surface:#1e201d;--color-text:#ecebe6;--color-muted:#a9a8a1;--color-border:#34362f;--color-primary:#5fbf98;--color-primary-text:#0d1f18;--color-accent:#f0b65c;--color-ok:#6fd3a0;--color-warn:#f0b65c;--color-danger:#ff8a7a;--color-sample-bg:#3a3218;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}a{color:inherit}.container{max-width:560px;padding:var(--space);margin:0 auto}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.site-header .container{justify-content:space-between;align-items:center;padding-block:12px;display:flex}.brand{color:var(--color-primary);font-size:1.2rem;font-weight:700;text-decoration:none}.muted{color:var(--color-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.service-card{min-height:72px;text-decoration:none;display:block}.service-card:hover,.service-card:focus-visible{border-color:var(--color-primary)}.btn{border-radius:var(--radius);border:1px solid var(--color-primary);background:var(--color-primary);width:100%;min-height:48px;color:var(--color-primary-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 20px;font-weight:600;display:inline-flex}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--color-primary);background:0 0}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px;font-weight:600}.option{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.option+.option{margin-top:8px}.option:has(input:checked){border-color:var(--color-primary);outline:2px solid var(--color-primary)}.price-total{margin:4px 0;font-size:1.75rem;font-weight:700}.lines{margin:0;padding:0;list-style:none}.lines li{border-bottom:1px dashed var(--color-border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.lines li.sub{color:var(--color-muted);font-size:.95rem}.banner-sample{background:var(--color-sample-bg);border:1px solid var(--color-accent);border-radius:var(--radius);padding:10px 12px;font-weight:600}.banner-danger{border:2px solid var(--color-danger);border-radius:var(--radius);padding:12px}.error{color:var(--color-danger)}.checks{margin:0;padding:0;list-style:none}.checks li:before{content:"✓ ";color:var(--color-ok);font-weight:700}input[type=datetime-local]{min-height:48px;font:inherit;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);width:100%;padding:0 12px}.option-button{width:100%;font:inherit;color:inherit;text-align:left}.link-button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}input[type=text],input[type=tel],textarea{width:100%;min-height:48px;font:inherit;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:10px 12px}label.field{font-weight:600;display:block}label.field>input,label.field>textarea{margin-top:6px;font-weight:400}.check{align-items:flex-start;gap:10px;min-height:44px;display:flex}.check input{width:22px;height:22px;margin-top:2px}.steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.steps li{border:1px solid var(--color-border);border-radius:999px;padding:4px 10px;font-size:.9rem}.steps li.done{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.steps li.current{border:2px solid var(--color-primary);font-weight:700}.row{flex-wrap:wrap;gap:8px;display:flex}.row>.btn{flex:auto;width:auto}.lines li>span:last-child{white-space:nowrap;text-align:right}legend:focus{outline:none}legend:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}main:has(.admin){max-width:1180px}.admin-nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:4px 16px;margin-bottom:16px;padding-bottom:12px;display:flex}.admin-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-grid{gap:var(--space);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:960px){.admin-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.preview{position:sticky;top:16px}}.btn-inline{width:auto}.table{border-collapse:collapse;background:var(--color-surface);width:100%;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:8px 10px}.table td.num{white-space:nowrap}.badge{border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;font-size:.85rem;display:inline-block}.badge-warn{background:var(--color-sample-bg);border-color:var(--color-accent)}.badge-ok{border-color:var(--color-ok);color:var(--color-ok)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}select,input[type=number],input[type=date]{width:100%;min-height:44px;font:inherit;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:8px 10px}label.field>select,label.field>input[type=number],label.field>input[type=date]{margin-top:6px;font-weight:400}.question-box{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px}.option-row{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;align-items:center;gap:8px;margin-top:8px;display:grid}.ok{color:var(--color-ok)}a.btn{text-decoration:none}body:has(.admin) .site-header .container{max-width:1180px}.map{border-radius:var(--radius);border:1px solid var(--color-border);height:260px;overflow:hidden}:root{--color-bg:#fcfaf5;--color-surface:#fff;--color-text:#26221b;--color-muted:#6e675c;--color-border:#e7e3da;--color-primary:#2f5bff;--color-primary-text:#fff;--color-accent:#ffc83d;--color-ok:#246547;--color-warn:#77500a;--color-danger:#b42318;--color-sample-bg:#fff4d6;--color-canvas:#eeece6;--color-primary-soft:#eef2ff;--color-primary-hover:#2345c7;--color-ok-soft:#eaf4ed;--color-water:#087a7a;--color-water-soft:#eaf5f2;--color-danger-soft:#fdece8;--font:"Be Vietnam Pro", system-ui, sans-serif;--radius:16px;--space:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{overflow-x:clip}html{scroll-padding-top:24px}body{background:var(--color-canvas);font-size:15px;line-height:1.65}h1,h2,h3{overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal;font-weight:600;line-height:1.35}h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}p{margin:0}svg{vertical-align:middle;flex-shrink:0}img{max-width:100%}a{text-underline-offset:4px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--color-primary)}.app-shell{background:var(--color-bg);min-height:100dvh;margin-inline:auto}.customer-shell,.worker-shell{max-width:390px}.container{width:100%;max-width:none;padding:24px}.app-shell>main{min-height:65dvh}.site-header{background:var(--color-bg);border:0}.shell-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.brand{color:var(--color-text);white-space:nowrap;align-items:center;gap:10px;font-size:21px;display:inline-flex}.brand-mark{background:var(--color-primary);width:32px;height:36px;color:var(--color-accent);border-radius:10px;place-items:center;display:grid}.shell-caption,.header-back{font-size:12px}.header-back{white-space:nowrap;align-items:center;gap:4px;min-height:44px;text-decoration:none;display:inline-flex}.customer-nav{padding:12px 16px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-around;align-items:center;display:flex}.customer-nav a{min-width:96px;min-height:48px;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.customer-nav [aria-current]{color:var(--color-primary)}.skip-link{inset-inline-start:12px;z-index:2000;background:var(--color-surface);color:var(--color-text);padding:12px;position:absolute;top:-100px}.skip-link:focus{top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--color-muted);font-size:11px;font-weight:600}.caption{font-size:12px;line-height:1.6}.page-heading>*+*{margin-top:12px}.stack>*+*{margin-top:24px}.card{border-radius:var(--radius);padding:20px}.card.stack>*+*{margin-top:16px}.card>h2+p{margin-top:12px}.card,.field,.row>*,.grid>*{min-width:0}.row{align-items:center;gap:12px}.btn{white-space:nowrap;border-radius:12px;gap:8px;min-height:52px;padding:12px 16px;font-size:15px;line-height:1.4}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn[disabled]{background:var(--color-canvas);color:var(--color-muted);border-color:var(--color-border);opacity:1}.btn:active:not(:disabled){transform:translateY(1px)}.link-button{text-underline-offset:4px;align-items:center;min-height:44px;font-size:13px;font-weight:500;display:inline-flex}.option{border-radius:12px;min-height:64px;padding:14px 16px;line-height:1.5}.option:has(input:checked){background:var(--color-primary-soft);outline:0}.option-button{min-height:60px}input[type=radio],input[type=checkbox]{accent-color:var(--color-primary);flex-shrink:0;width:18px;height:18px}input[type=text],input[type=tel],input[type=number],input[type=date],input[type=datetime-local],textarea,select{border-radius:10px;min-height:52px;padding:12px 14px;font-size:16px;line-height:1.5}textarea{resize:vertical}label.field{font-size:13px;font-weight:600}.check{align-items:center;gap:12px;font-size:13px}.price-total{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(22px,6.7vw,28px);font-weight:600;line-height:1.4}.lines li{border-bottom-style:solid;flex-wrap:wrap;align-items:flex-start;padding:14px 0;font-size:13px}.lines li>span:last-child{font-variant-numeric:tabular-nums;margin-inline-start:auto;font-weight:600}.lines li.sub{font-size:12px}.lines li:last-child{border-bottom:0}.lines li>span:first-child{flex:120px;min-width:0}.banner-sample{color:var(--color-warn);border:0;border-radius:12px;padding:14px 16px;font-size:12px;font-weight:500}.banner-danger{background:var(--color-danger-soft);color:var(--color-danger);border-width:1px;border-radius:12px;font-size:14px}.error,.ok,.connection-note{background:var(--color-danger-soft);border-radius:10px;padding:12px 16px;font-size:14px}.ok{background:var(--color-ok-soft)}.connection-note{background:var(--color-sample-bg);color:var(--color-warn)}.badge{background:var(--color-primary-soft);color:var(--color-primary-hover);border:0;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.5}.badge-ok{background:var(--color-ok-soft);color:var(--color-ok)}.badge-warn{background:var(--color-sample-bg);color:var(--color-warn)}.empty-state{border:1px dashed var(--color-border);color:var(--color-muted);border-radius:16px;padding:32px 20px}.empty-state h2{font-size:16px}.home-page>*+*{margin-top:28px}.home-intro h1{margin:12px 0;font-size:32px;line-height:1.3}.home-intro>.muted{font-size:14px}.category-grid{gap:12px}.category-tile{border:1px solid var(--color-border);background:var(--color-surface);min-height:164px;color:var(--color-primary);border-radius:16px;flex-direction:column;justify-content:space-between;gap:24px;padding:20px 16px;text-decoration:none;display:flex}.category-tile h2{color:var(--color-text);justify-content:space-between;align-items:center;gap:8px;display:flex}.category-tile p{margin-top:8px;font-size:11px}.category-water{color:var(--color-water)}.help-strip{background:var(--color-primary-soft);border-radius:16px;align-items:flex-start;gap:12px;padding:20px;display:flex}.help-strip>svg{color:var(--color-primary)}.help-strip h2{font-size:15px}.help-strip p{color:var(--color-muted);margin-top:8px;font-size:12px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.service-section{scroll-margin-top:24px}.service-list-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-decoration:none;display:flex}.service-list-item>span:first-child{font-size:14px}.service-price-link{color:var(--color-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.home-footnote{align-items:center;gap:8px;padding-bottom:8px;font-size:10px;display:flex}.question-progress{background:var(--color-border);border-radius:4px;height:4px;margin:12px 0 24px}.question-progress span{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.estimate-flow legend{margin-bottom:20px;font-size:22px;line-height:1.4}.estimate-flow fieldset>.option{font-size:15px}.estimate-result{border-top:1px solid var(--color-border);padding-block:24px 4px}.estimate-heading .price-total{margin-top:12px;font-size:clamp(23px,7vw,30px)}.estimate-heading>.muted{margin-top:12px;font-size:13px}.price-assurances{padding:0;font-size:13px}.price-assurances li+li{margin-top:12px}.booking-estimate{border-block:1px solid var(--color-border);padding:16px 0}.booking-flow>section+section,.login-panel{border-top:1px solid var(--color-border);padding-top:24px}.section-number{background:var(--color-primary-soft);width:24px;height:24px;color:var(--color-primary);border-radius:50%;place-items:center;margin-right:8px;font-size:12px;display:inline-grid}.booking-flow .map{border-radius:14px;height:210px}.booking-flow>section>.muted,.login-panel>.muted{font-size:12px}.action-footer{border-top:1px solid var(--color-border);padding-top:20px}.action-footer>*+*{margin-top:12px}.order-timeline{flex-direction:column;margin:24px 0 0;padding:0;list-style:none;display:flex}.order-timeline li{color:var(--color-muted);align-items:center;gap:16px;padding-bottom:20px;font-size:13px;display:flex;position:relative}.order-timeline li:last-child{padding-bottom:0}.order-timeline li:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:26px;bottom:2px;left:11px}.timeline-dot{background:var(--color-canvas);width:24px;height:24px;color:var(--color-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.order-timeline .done .timeline-dot{background:var(--color-ok-soft);color:var(--color-ok)}.order-timeline .current{color:var(--color-primary);font-weight:600}.order-timeline .current .timeline-dot{background:var(--color-primary);color:var(--color-primary-text)}.status-callout{background:var(--color-primary-soft);border-radius:12px;padding:16px;font-size:14px}.profile-heading{align-items:center;gap:12px;display:flex}.profile-heading .muted{font-size:12px}.avatar{background:var(--color-water-soft);width:48px;height:48px;color:var(--color-water);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid}.verified-label{color:var(--color-ok);align-items:center;gap:4px;font-size:10px;display:inline-flex}.contact-actions{margin-top:16px}.contact-actions .btn{min-height:44px;padding-inline:12px;font-size:13px}.quote-decision .price-total{border-top:1px solid var(--color-border);padding-top:16px}.quote-decision .row{flex-direction:column;align-items:stretch}.order-tracker>.card>.muted,.order-tracker>.muted{font-size:12px}.steps{gap:0}.steps li{border:0;border-bottom:2px solid var(--color-border);background:0 0;border-radius:0;padding:8px 10px;font-size:12px}.steps li.done{color:var(--color-ok);border-color:var(--color-ok);background:0 0}.steps li.current{border:0;border-bottom:2px solid var(--color-primary);color:var(--color-primary)}.worker-shell{font-size:18px}.worker-shell h1{font-size:28px}.worker-shell h2{font-size:22px}.worker-shell .btn{min-height:60px;font-size:18px}.worker-shell .card{padding:20px}.worker-shell .steps{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.worker-shell .steps li{text-align:center;padding-inline:4px;font-size:12px}.worker-shell label.field{font-size:16px}.worker-shell input[type=text],.worker-shell textarea{font-size:18px}.worker-shell .row>.btn-inline{min-height:48px;padding:10px;font-size:14px}.worker-shell .price-total{font-size:24px}.worker-shell .lines li{font-size:16px}.worker-shell .muted{font-size:15px}.worker-shell .shell-caption{font-size:12px}.worker-action-panel>h2{color:var(--color-muted);font-size:16px}.worker-offer{background:0 0;border:0;padding:0}.worker-offer-title{font-size:30px;font-weight:600;line-height:1.3}.offer-price{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px}.quote-line{border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:0 0 20px}.quote-line+.quote-line{padding-top:20px}.quote-form>fieldset{padding-block:8px}.quote-total{background:var(--color-primary-soft);border-radius:12px;padding:20px}.photo-input{background:var(--color-bg);border:1px dashed var(--color-border);border-radius:12px;padding:16px}.photo-input input[type=file]{width:100%;max-width:100%;min-height:48px;color:var(--color-muted);font-size:12px}.photo-input input::file-selector-button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px;margin-right:12px;padding:8px 12px}.photo-remove{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;font-size:24px;display:grid;position:absolute;top:-8px;right:-8px}.admin-shell .shell-header{max-width:1280px;margin:auto;padding-inline:32px}.admin-shell>.container{max-width:1280px;padding:0 32px 40px}.admin-nav{gap:4px 24px;margin-bottom:32px;padding-bottom:20px}.admin-nav a{white-space:nowrap;min-height:44px;color:var(--color-muted);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.admin-nav [aria-current]{color:var(--color-primary);box-shadow:inset 0 -2px var(--color-primary)}.admin-head{flex-wrap:wrap;align-items:flex-start}.admin-head .page-heading>p:last-child{font-size:14px}.order-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat strong{font-size:30px;font-weight:600;line-height:1.3}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-tabs a{border:1px solid var(--color-border);min-height:44px;color:var(--color-muted);white-space:nowrap;background:var(--color-surface);border-radius:999px;align-items:center;padding:10px 14px;font-size:12px;text-decoration:none;display:inline-flex}.filter-tabs [aria-current]{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.table-scroll{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;overflow-x:auto}.table{font-size:13px}.table th{color:var(--color-muted);background:var(--color-bg);padding:14px 16px;font-size:11px;font-weight:500}.table td{padding:18px 16px}.table .btn{min-height:44px;padding:10px 12px;font-size:13px}.admin .stack>.table{display:block;overflow-x:auto}.admin-detail-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-detail-grid>.order-overview{order:2}.admin-detail-grid>.matching-panel{order:1}.order-overview p{font-size:13px}.invitation-result{background:var(--color-ok-soft);border-radius:12px;padding:16px}.candidates-table td:first-child{font-weight:600}@media (min-width:960px){.admin-detail-grid{grid-template-columns:minmax(0,1fr) 340px}.admin-detail-grid>.order-overview{grid-area:1/2}.admin-detail-grid>.matching-panel{grid-area:1/1}}@media (max-width:767px){.admin-shell .shell-header,.admin-shell>.container{padding-inline:20px}.admin-nav{gap:4px 16px}.admin-head{gap:12px}.order-stats{gap:8px}.stat{padding:12px}.stat .caption{font-size:10px}.stat strong{font-size:26px}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td,.candidates-table,.candidates-table tbody,.candidates-table tr,.candidates-table td{width:100%;display:block}.orders-table thead,.candidates-table thead{display:none}.orders-table tr,.candidates-table tr{border-bottom:1px solid var(--color-border);padding:16px}.orders-table td,.candidates-table td{border:0;padding:5px 0}.orders-table td[data-label]:before{content:attr(data-label);color:var(--color-muted);font-size:10px;display:block}.orders-table .order-title{font-size:16px;font-weight:600}.orders-table td:first-child a{align-items:center;min-height:44px;display:inline-flex}.candidates-table td:nth-child(2):before{content:"Kỹ năng: ";color:var(--color-muted)}.candidates-table td:nth-child(3):before{content:"Cách: ";color:var(--color-muted)}.candidates-table td:nth-child(4):before{content:"Đơn đang làm: ";color:var(--color-muted)}.form-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:359px){.container{padding:20px}.shell-header{padding:16px 20px}.home-intro h1{font-size:29px}.category-tile{padding:16px 12px}.category-tile h2{font-size:16px}.category-tile p{font-size:10px}.card,.worker-shell .card{padding:16px}.worker-shell .btn{font-size:16px}.home-footnote{align-items:flex-start}.row>.btn{flex-basis:100%}.contact-actions>.btn{flex-basis:0}}@media (hover:hover){.btn:not(:disabled):hover{background:var(--color-primary-hover);color:var(--color-primary-text)}.btn-secondary:not(:disabled):hover{background:var(--color-primary-soft);color:var(--color-primary-hover)}.service-list-item:hover{color:var(--color-primary)}.category-tile:hover{border-color:var(--color-primary)}input:hover,textarea:hover{background:var(--color-bg)}}@media (prefers-reduced-motion:reduce){.btn:active:not(:disabled){transform:none}}.worker-offer .worker-offer-title{font-size:30px}.worker-offer>.eyebrow{font-size:11px}.offer-countdown{justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.quote-total[data-band=yellow]{background:var(--color-sample-bg)}.quote-total[data-band=red]{background:var(--color-danger-soft)}.quote-total .error{padding:0}.worker-shell .btn-secondary{font-size:16px}.more-services summary{cursor:pointer;color:var(--color-primary);align-items:center;gap:8px;min-height:48px;padding-block:12px;font-size:12px;display:flex}.more-services summary:after{content:"+";margin-left:auto;font-size:18px}.more-services[open] summary:after{content:"−"}:is(.worker-job:has(>.quote-form)>.worker-status,.worker-job:has(>.quote-form)>.worker-details,.worker-job:has(>.quote-form)>.quote-history,.worker-job:has(>.quote-form)>.ok){display:none}.worker-job>.quote-form{background:0 0;border:0;margin-top:0;padding:0}.quote-form>fieldset.stack>*+*{margin-top:16px}.photo-picker{position:relative}.upload-affordance{border:1px solid var(--color-border);background:var(--color-surface);min-height:52px;color:var(--color-text);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:14px;font-weight:500;display:flex}.photo-input .upload-file{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.photo-picker:focus-within .upload-affordance{outline:2px solid var(--color-primary);outline-offset:3px}.photo-picker:has(input:disabled) .upload-affordance{color:var(--color-muted);background:var(--color-canvas)}.admin-settings-page{min-width:0}.admin-settings-page h2,.admin-settings-page h3{overflow-wrap:anywhere;margin:0}.admin-settings-page h3{font-size:16px}.admin-settings-page p{margin:0}.admin-settings-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:clip}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px 8px 24px 24px;min-width:0}.settings-section>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:20px 24px;display:flex}.settings-section>summary h2{font-size:20px}.settings-section>summary>span{flex-shrink:0;font-size:13px}.setting-row{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 32px;padding:24px;display:grid}.setting-copy{min-width:0}.setting-copy p{margin-top:8px;font-size:13px}.setting-row fieldset{border:0;min-width:0;margin:0;padding:0}.setting-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.setting-fields:has(.setting-toggle){grid-template-columns:minmax(0,1fr);gap:8px}.setting-row label.field{min-width:0;margin:0;font-size:13px}.setting-row input:not([type=checkbox]),.setting-row select{border-width:1px;width:100%;min-width:0;min-height:48px}.setting-toggle{border:1px solid var(--color-border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:8px 12px;font-size:14px;display:flex}.setting-toggle input[type=checkbox]{appearance:auto;accent-color:var(--color-primary);flex:0 0 22px;width:22px;height:22px;min-height:22px;margin:0}.setting-toggle:has(input:checked){background:var(--color-primary-soft);border-color:var(--color-primary)}.setting-toggle:has(input:focus-visible){outline:2px solid var(--color-text);outline-offset:3px}.setting-row fieldset:disabled{opacity:.6}.setting-row :is(input,select)[aria-invalid=true]{border-color:var(--color-danger)}.setting-actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:12px;min-width:0;display:flex}.setting-actions .btn{white-space:nowrap;min-height:44px}.setting-feedback{overflow-wrap:anywhere;flex:180px;min-height:1.5em;font-size:13px}.ai-status-list{border-block:1px solid var(--color-border)}.ai-status-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-block:16px;display:grid}.ai-status-item+.ai-status-item{border-top:1px solid var(--color-border)}.ai-status-item p{overflow-wrap:anywhere;margin-top:4px;font-size:13px}.ai-status-item>div:last-child{justify-self:start}.ai-usage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.ai-usage p{flex-direction:column;gap:6px;font-size:13px;display:flex}.ai-usage strong{font-variant-numeric:tabular-nums;font-size:16px}@media (hover:hover){.setting-toggle:hover,.settings-section>summary:hover{background:var(--color-bg)}}@media (max-width:767px){.setting-row,.ai-status-item,.ai-usage{grid-template-columns:minmax(0,1fr);gap:12px}.setting-actions{grid-column:1}.setting-row,.settings-section>summary{padding:16px}.settings-section>summary h2{font-size:18px}}
:root{--color-paper:#fcfaf5;--color-surface:#fff;--color-canvas:#f4f0e7;--color-ink:#151f32;--color-muted:#535b69;--color-rule:#d7dde6;--color-accent:#2f5bff;--color-accent-hover:#1f42d0;--color-accent-ink:#fff;--color-accent-soft:#eaf0ff;--color-navy:#16254c;--color-on-navy:#ccd4e5;--color-focus:#1c3cb2;--color-water:#005d58;--color-water-soft:#daf4f0;--color-success:#135535;--color-success-soft:#e5f7eb;--color-warning:#feebc0;--color-warning-ink:#614013;--color-yellow:#ffc83d;--color-error:#9e1614;--color-error-soft:#ffedea;--color-placeholder:#ebe6db;--color-shadow:#1721370f;--color-shadow-strong:#17213721;--color-transparent:transparent;--font-display:"Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, sans-serif;--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:20px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-display:30px;--radius-card:24px 8px 24px 24px;--radius-button:16px 6px 16px 16px;--radius-input:12px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.18s;--shadow-card:0 4px 18px var(--color-shadow);--shadow-raised:0 8px 24px var(--color-shadow-strong);--radius-mark:14px 4px 14px 14px;--paper:var(--color-paper);--white:var(--color-surface);--canvas:var(--color-canvas);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-rule);--blue:var(--color-accent);--blue-dark:var(--color-accent-hover);--blue-soft:var(--color-accent-soft);--yellow:var(--color-yellow);--yellow-soft:var(--color-warning);--amber:var(--color-warning-ink);--teal:var(--color-water);--teal-soft:var(--color-water-soft);--green:var(--color-success);--green-soft:var(--color-success-soft);--red:var(--color-error);--red-soft:var(--color-error-soft);--placeholder:var(--color-placeholder);--font:var(--font-body);--s1:var(--space-3xs);--s2:var(--space-2xs);--s3:var(--space-xs);--s4:var(--space-sm);--s5:var(--space-md);--s6:var(--space-lg);--s8:var(--space-xl);--s10:var(--space-2xl);--radius:var(--radius-card)}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(98.3233% .0430346 2.65071);--color-surface:lab(100% 0 0);--color-canvas:lab(94.8314% .385433 4.96575);--color-ink:lab(11.5687% .641614 -14.3598);--color-muted:lab(38.4039% -.530571 -9.24731);--color-rule:lab(87.7641% -.458509 -5.25583);--color-accent:lab(44.5103% 33.044 -87.2018);--color-accent-hover:lab(34.0388% 31.8194 -77.7411);--color-accent-ink:lab(100% 0 0);--color-accent-soft:lab(94.6473% -.00604987 -9.40164);--color-navy:lab(15.1665% 5.2263 -26.6664);--color-on-navy:lab(84.7974% -.279874 -9.3771);--color-focus:lab(29.9939% 25.6544 -67.1084);--color-water:lab(34.8687% -29.1706 -4.60296);--color-water-soft:lab(94.3053% -9.47115 -1.0131);--color-success:lab(31.5109% -27.6747 12.8602);--color-success-soft:lab(95.6984% -7.73674 3.96299);--color-warning:lab(93.8351% 1.91069 23.6745);--color-warning-ink:lab(30.2574% 11.8842 32.1971);--color-yellow:lab(83.9336% 11.0429 72.2405);--color-error:lab(34.514% 53.3831 40.1339);--color-error-soft:lab(95.1864% 5.96726 3.65481);--color-placeholder:lab(91.3586% .455946 5.73756);--color-shadow:lab(12.6609% 1.43544 -16.1732/.06);--color-shadow-strong:lab(12.6609% 1.43544 -16.1732/.13)}}
:root{--color-bg:var(--paper);--color-text:var(--ink);--color-border:var(--line);--color-primary:var(--blue);--color-primary-hover:var(--blue-dark);--color-primary-text:var(--white);--color-primary-soft:var(--blue-soft);--color-ok:var(--green);--color-ok-soft:var(--green-soft);--color-warn:var(--amber);--color-danger:var(--red);--color-danger-soft:var(--red-soft);--color-sample-bg:var(--yellow-soft);--font:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{overflow-x:clip}h1{font-weight:700;line-height:1.32}.app-shell{background:var(--paper)}.brand{color:var(--ink)}.brand-mark{border-radius:var(--radius-mark);background:var(--blue);width:40px;height:44px;color:var(--yellow)}.brand-mark svg{width:32px;height:32px}.brand-oi{color:var(--blue)}.brand-dot{color:var(--teal)}.card,.category-tile,.estimate-heading,.table-scroll,.stat,.option,.order-timeline,.contact-card{border-radius:var(--radius-card)}.card,.stat,.contact-card{box-shadow:var(--shadow-card)}.btn{border-radius:var(--radius-button);min-height:54px}.btn-secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.btn:disabled{opacity:1;background:var(--canvas);color:var(--muted);border-color:var(--line)}input:not([type=checkbox]):not([type=radio]),textarea,select{border-radius:var(--radius-input)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.customer-nav a[aria-current]{border-radius:var(--radius-button);background:var(--blue-soft);color:var(--blue-dark)}.home-intro{background:var(--blue);color:var(--white);padding:var(--s6);padding-top:var(--s10);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);position:relative}.home-intro>.brand-call{right:var(--s5);top:var(--s5);color:var(--yellow);position:absolute}.home-intro h1{color:var(--white)}.home-intro .brand-line{color:var(--yellow)}.home-intro .muted{color:var(--white)}.home-intro .eyebrow{color:var(--color-navy);background:var(--yellow);border-radius:8px 3px 8px 8px;padding:5px 8px;font-size:10px;display:inline-block}.category-tile{background:var(--blue-soft)}.category-tile.category-water{background:var(--teal-soft)}.category-tile>svg{box-sizing:content-box;background:var(--white);border-radius:var(--radius-mark);padding:8px}.category-water>svg{color:var(--teal)}.service-list{background:var(--white);padding-inline:var(--s5);border:1px solid var(--line);border-radius:var(--radius-card)}.service-section .section-heading{margin-bottom:var(--s3)}.help-strip{border-radius:var(--radius-card);background:var(--teal-soft)}.estimate-heading{background:var(--color-navy);color:var(--white);padding:var(--s6)}.estimate-heading .muted{color:var(--color-on-navy)}.estimate-heading .price-total{color:var(--white)}.price-breakdown{border-top:4px solid var(--blue)}.price-breakdown .lines li{padding-block:var(--s4);border-bottom-style:solid}.option:has(input:checked){background:var(--blue-soft);border-color:var(--blue);box-shadow:inset 3px 0 var(--blue);outline:none}.order-timeline{background:var(--white);border:1px solid var(--line);padding:var(--s5)}.order-timeline .current{background:var(--blue-soft);border-radius:var(--radius-input)}.worker-status{border-top:4px solid var(--blue)}.worker-shell .btn{min-height:60px}.admin-shell{background:var(--canvas)}.admin-shell .site-header{background:var(--color-navy)}.admin-shell .brand,.admin-shell .shell-caption{color:var(--white)}.admin-shell .brand-oi,.admin-shell .brand-dot{color:var(--yellow)}.admin-shell>.container{max-width:1440px;padding:0}.admin{min-height:calc(100dvh - 80px);margin:0}.admin-nav{background:var(--color-navy);padding:var(--s5);gap:var(--s2);border:0;margin:0}.admin-nav a{color:var(--color-on-navy);padding:var(--s3) var(--s4);border-radius:var(--radius-input);min-height:44px}.admin-nav a[aria-current]{background:var(--yellow);color:var(--color-navy);box-shadow:none;font-weight:600}.admin>.stack{padding:var(--s5);min-width:0;margin:0;container-type:inline-size}.stat:first-child{background:var(--color-navy);color:var(--white)}.stat:first-child .muted{color:var(--color-on-navy)}.stat strong{font-weight:700}.table{width:100%}.table-scroll{box-shadow:var(--shadow-card)}.registration-review-grid{gap:var(--s6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.registration-details{gap:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.registration-details dt{color:var(--muted);font-size:12px}.registration-details dd{margin:4px 0 0;font-weight:500}.registration-photo{padding:var(--s4);border:1px dashed var(--line);border-radius:var(--radius-input);background:var(--paper)}.private-document{object-fit:contain;width:100%;max-height:360px}.review-decision{border-top:4px solid var(--blue)}.registration-list-row{justify-content:space-between;align-items:flex-start;gap:var(--s4);text-decoration:none;display:flex}.registration-list-row h2{font-size:18px}.registration-list-row p{font-size:13px}.embedded-map,.embedded-map>.map{border:0;border-radius:0;height:100dvh;min-height:240px;margin:0}@media (min-width:60rem){.admin{grid-template-columns:208px minmax(0,1fr);align-items:stretch;display:grid}.admin-nav{flex-direction:column;place-content:stretch flex-start}.admin>.stack{padding:var(--s8)}.registration-review-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@container (max-width:56rem){.registration-review-grid{grid-template-columns:minmax(0,1fr)}.orders-table,.orders-table tbody,.orders-table tr,.orders-table td{width:100%;display:block}.orders-table thead{display:none}.orders-table tr{padding:var(--s5);border-bottom:1px solid var(--line)}.orders-table td{border:0;padding:6px 0}.orders-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:11px;display:block}}@media (max-width:47.99rem){.registration-details{grid-template-columns:minmax(0,1fr)}.registration-list-row{flex-direction:column}.admin .order-stats{grid-template-columns:minmax(0,1fr)}.home-intro{padding:var(--s5);padding-top:var(--s10)}.home-intro .brand-call{top:var(--s4);right:var(--s4)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-shell>main{width:100%;max-width:1080px;padding:var(--s4) var(--s4) var(--s10);flex:1;margin-inline:auto}.site-shell .site-header{z-index:50;background:color-mix(in oklch, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-shell .shell-header{max-width:1080px;padding:var(--s3) var(--s4);margin-inline:auto}.site-nav{align-items:center;gap:var(--s2);display:flex}.site-nav-link{min-height:44px;padding-inline:var(--s3);color:var(--ink);border-radius:var(--radius-input);align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav-link:hover{background:var(--blue-soft)}.site-nav-cta{min-height:44px;padding:8px 16px;font-size:14px}.site-footer{border-top:1px solid var(--line);background:var(--white)}.site-footer-inner{max-width:1080px;padding:var(--s8) var(--s4);gap:var(--s4);margin-inline:auto;display:grid}.site-footer-inner>p{margin:0;font-size:13px}.site-footer-links{gap:var(--s2) var(--s5);flex-wrap:wrap;font-size:13px;display:flex}.site-footer-links a{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.store-links{gap:var(--s3);flex-wrap:wrap;display:flex}.store-link{border-radius:var(--radius-button);background:var(--ink);min-width:168px;min-height:60px;color:var(--white);flex-direction:column;justify-content:center;padding:8px 18px;line-height:1.3;text-decoration:none;display:inline-flex}.store-link strong{font-size:17px;font-weight:600}.store-link .caption{color:var(--color-on-navy);font-size:11px}.store-link-soon{background:var(--canvas);color:var(--muted);border:1px dashed var(--line)}.store-link-soon .caption{color:var(--muted)}.store-links-compact .store-link{min-width:140px;min-height:52px}.app-handoff{border-top:4px solid var(--yellow)}.app-handoff>.row{flex-wrap:wrap}@media (max-width:47.99rem){.site-nav-link{display:none}}.admin-nav-group{display:contents}.admin-nav-label{margin:0;display:none}.admin-nav a{justify-content:space-between;gap:var(--s2)}.admin-nav-count{border-radius:var(--radius-pill);background:var(--yellow);min-width:22px;height:22px;color:var(--color-navy);font-variant-numeric:tabular-nums;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.admin-nav a[aria-current] .admin-nav-count{background:var(--color-navy);color:var(--yellow)}@media (min-width:60rem){.admin-nav{gap:2px}.admin-nav-group{flex-direction:column;gap:2px;display:flex}.admin-nav-group+.admin-nav-group{margin-top:var(--s4)}.admin-nav-label{padding:0 var(--s4) var(--s1);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-navy);opacity:.7;font-size:11px;font-weight:600;display:block}}.site-shell>main>.stack{max-width:680px;margin-inline:auto}.lines li>span:only-child{margin-inline-start:0;font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-search{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.admin-search .field{flex:260px;margin:0}.admin-search input[type=search]{border:1px solid var(--line);background:var(--white);width:100%;min-height:48px;padding:10px 14px;font-size:15px}.admin-search .btn{min-height:48px}.waiting-orders{border-top:4px solid var(--yellow)}.waiting-list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.waiting-list li{align-items:center;gap:var(--s2);padding:var(--s3) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:14px;display:flex}.waiting-list li:last-child{border-bottom:0}.waiting-list a{color:var(--ink);text-decoration:none}.waiting-list a:hover strong{color:var(--blue)}.order-code-link{color:var(--blue);white-space:nowrap;font-weight:600}.badge-muted{background:var(--canvas);color:var(--muted)}.pager{justify-content:flex-end}.btn-danger{background:var(--red);border-color:var(--red);color:var(--white)}.btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--red) 85%, black)}.danger-link{color:var(--red)}.confirm-danger{border:1px solid var(--red);background:var(--red-soft);box-shadow:none}.candidate-actions{gap:var(--s2);flex-wrap:nowrap}.pricing-row>summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.pricing-row>summary::-webkit-details-marker{display:none}.pricing-row[open]>summary{padding-bottom:var(--s3);border-bottom:1px solid var(--line);margin-bottom:var(--s4)}.pricing-summary{align-items:center;gap:6px var(--s3);flex-wrap:wrap;display:flex}.pricing-summary .muted{font-size:13px}.form-grid{gap:var(--s4);grid-template-columns:minmax(0,1fr);display:grid}.form-grid .field{gap:6px;margin:0;display:grid}.form-grid input:disabled{background:var(--canvas);color:var(--muted)}@media (min-width:40rem){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-wide{grid-column:1/-1}}input[type=time],input[type=search]{border:1px solid var(--line);border-radius:var(--radius-input);min-height:52px;font:inherit;background:var(--white);color:var(--ink);padding:12px 14px;font-size:16px}@media (max-width:59.99rem){.admin-nav{scrollbar-width:thin;padding:var(--s3) var(--s4);gap:var(--s1);scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto}.admin-nav a{scroll-snap-align:start;flex-shrink:0}}