:root{--bg:oklch(0.97 0.006 75);--surface:oklch(0.995 0.003 75);--surface-2:oklch(0.98 0.005 75);--border:oklch(0.89 0.008 75);--border-soft:oklch(0.92 0.006 75);--text:oklch(0.22 0.01 75);--text-mid:oklch(0.4 0.01 75);--text-dim:oklch(0.5 0.01 75);--accent:oklch(0.55 0.15 250);--accent-soft:oklch(0.94 0.03 250);--accent-deep:oklch(0.4 0.13 250);--green:oklch(0.55 0.13 150);--green-soft:oklch(0.94 0.04 150);--amber:oklch(0.6 0.12 75);--amber-soft:oklch(0.95 0.04 85);--red:oklch(0.55 0.16 25);--red-soft:oklch(0.94 0.03 25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}::selection{background:var(--accent-soft)}.display{font-family:Space Grotesk,sans-serif;letter-spacing:-.01em}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px}.btn{background:var(--accent);color:white;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:10px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:9px;cursor:pointer;border:1px solid var(--border)}.btn-ghost,.input{background:var(--surface-2);color:var(--text)}.input{width:100%;border:1px solid oklch(.87 .008 75);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit}.btn-ghost:focus-visible,.btn:focus-visible,.input:focus{outline:2px solid var(--accent);outline-offset:1px}.label{font-size:12.5px;color:var(--text-dim);margin-bottom:6px}.pill{font-size:12px;font-weight:600;padding:5px 11px;border-radius:20px}.blog-body{font-size:15.5px;line-height:1.7;color:var(--text-mid)}.blog-body h2{font-family:Space Grotesk,sans-serif;font-size:21px;color:var(--text);margin:32px 0 10px}.blog-body p{margin:0 0 16px}.blog-body ol,.blog-body ul{margin:0 0 16px;padding-left:24px}.blog-body li{margin-bottom:8px}.blog-body em,.blog-body strong{color:var(--text)}.builder-main{display:grid;grid-template-columns:1fr 340px;grid-gap:28px;gap:28px;align-items:flex-start}.builder-summary{position:-webkit-sticky;position:sticky;top:88px}.li-labor{grid-template-columns:2fr 90px 110px 90px 60px;grid-template-areas:"desc hours rate total actions";grid-gap:10px}.li-labor,.li-material{display:grid;gap:10px;align-items:center}.li-material{grid-template-columns:2fr 80px 90px 110px 90px 60px;grid-template-areas:"desc qty unit price total actions";grid-gap:10px}.li-misc{grid-template-columns:2fr 130px 30px;grid-template-areas:"desc price actions";grid-gap:10px}.li-margin,.li-misc{display:grid;gap:10px;align-items:center}.li-margin{grid-template-columns:1.6fr 80px 130px 120px 30px;grid-template-areas:"label pct target show actions";grid-gap:10px}.li-desc{grid-area:desc;min-width:0}.li-hours{grid-area:hours}.li-rate{grid-area:rate}.li-qty{grid-area:qty}.li-unit{grid-area:unit}.li-price{grid-area:price}.li-total{grid-area:total;text-align:right}.li-actions{grid-area:actions;display:flex;gap:2px;justify-content:flex-end}.li-label{grid-area:label;min-width:0}.li-pct{grid-area:pct}.li-target{grid-area:target}.li-show{grid-area:show}.li-head{font-size:11.5px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.dash-row{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr .8fr 90px 110px;grid-template-areas:"title client date total status share export";align-items:center;grid-gap:8px;gap:8px}.dash-title{grid-area:title;font-weight:600}.dash-client{grid-area:client}.dash-date{grid-area:date}.dash-total{grid-area:total}.dash-status{grid-area:status}.dash-share{grid-area:share}.dash-export,.dash-share{display:flex;justify-content:flex-end}.dash-export{grid-area:export}.mat-row{display:grid;grid-template-columns:36px 2.4fr 1fr .7fr .8fr .8fr 1fr;grid-template-areas:"check name cat unit cur avg note";align-items:center;grid-gap:10px;gap:10px}.mat-check{grid-area:check}.mat-name{grid-area:name;min-width:0}.mat-cat{grid-area:cat}.mat-unit{grid-area:unit}.mat-cur{grid-area:cur;text-align:right}.mat-avg{grid-area:avg;text-align:right}.mat-note{grid-area:note;text-align:right}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:900px){.builder-main{grid-template-columns:1fr;gap:20px}.builder-summary{position:static}}@media (max-width:720px){.li-head{display:none}.li-labor,.li-margin,.li-material,.li-misc{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:10px;padding:12px;gap:8px}.li-labor{grid-template-areas:"desc  desc  desc  actions" "hours rate  total total"}.li-labor,.li-material{grid-template-columns:1fr 1fr 1fr auto}.li-material{grid-template-areas:"desc desc  desc  actions" "qty  unit  price price" "total total total total"}.li-misc{grid-template-columns:1fr auto;grid-template-areas:"desc  actions" "price price"}.li-margin{grid-template-columns:1fr 1fr auto;grid-template-areas:"label  label  actions" "pct    target target" "show   show   show"}.li-total{padding-top:2px}.li-material .li-total,.li-misc .li-price,.li-total{text-align:left}.dash-row{grid-template-columns:1fr auto;grid-template-areas:"title  status" "client date" "total  total" "share  export";gap:6px 10px;padding:16px 18px!important}.dash-export,.dash-share{justify-content:flex-start;margin-top:6px}.dash-total{font-size:17px}.mat-row{grid-template-columns:28px 1fr auto;grid-template-areas:"check name name" ".     cat  unit" ".     cur  avg" ".     note note";gap:4px 10px;padding:14px 16px!important}.mat-avg,.mat-cur,.mat-note{text-align:left}.mat-avg:before{content:"90d avg: ";color:var(--text-dim)}.two-col{grid-template-columns:1fr}.btn{padding:13px 20px}.input{padding:11px 12px;font-size:16px}}@media (max-width:560px){.nav-links{display:none}.nav-mobile{display:flex!important}}