:root {
  --ink:#102f36; --ink-2:#294b50; --muted:#6d7d7c; --paper:#fbfcf8; --cream:#f2f0e8;
  --white:#fff; --line:#dce3df; --lime:#cce85c; --lime-dark:#9cb926; --blue:#6bc5d2;
  --orange:#ff8c59; --red:#dc5c53; --green:#238867; --shadow:0 22px 55px rgba(16,47,54,.12);
  --radius:22px; --radius-sm:13px;
}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px}.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;box-shadow:0 12px 32px rgba(16,47,54,.05)}.plan-card.featured{background:var(--ink);border-color:var(--ink);color:#fff}.plan-card.current{outline:3px solid var(--lime);outline-offset:2px}.plan-card h3{font-size:26px;margin-bottom:2px}.plan-card>p:not(.eyebrow){min-height:48px;color:var(--muted)}.plan-card.featured>p:not(.eyebrow){color:#c4d3d0}.plan-card.featured .check-list li:before{color:var(--ink)}.plan-price{display:block;font-size:36px;letter-spacing:-1.4px;margin:9px 0 13px}.plan-card .button{margin-top:14px}.plan-card.featured .button:not(.primary){background:#fff}.button:disabled{cursor:not-allowed;opacity:.58;transform:none!important;box-shadow:none!important}
@media(max-width:700px){.plan-grid{grid-template-columns:1fr}.plan-card>p:not(.eyebrow){min-height:0}}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} button,input,select,textarea{font:inherit} button,a{touch-action:manipulation} button{color:inherit} a{color:inherit;text-decoration:none} .skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;padding:10px 14px;border-radius:9px}.skip-link:focus{top:12px}.site-header{height:72px;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(251,252,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,47,54,.08)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand strong{color:var(--green)}.brand-mark{width:32px;height:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:7px;border-radius:10px;background:var(--ink);transform:rotate(-4deg)}.brand-mark i{display:block;background:var(--lime);border-radius:3px}.brand-mark i:nth-child(2){height:70%;align-self:end}.brand-mark i:nth-child(3){height:42%;align-self:end}.site-header nav{display:flex;justify-content:center;gap:5px}.site-header nav button,.nav-link{border:0;background:transparent;padding:10px 13px;border-radius:10px;cursor:pointer;font-weight:650;color:var(--ink-2)}.site-header nav button:hover,.site-header nav button.active{background:#e9eee9;color:var(--ink)}.account-actions{display:flex;align-items:center;gap:9px}.button,.account-actions button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 16px;font-weight:750;cursor:pointer;transition:.18s ease}.button:hover,.account-actions button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,47,54,.1)}.button.primary,.account-actions .primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.ghost{background:transparent}.button.danger{color:var(--red);border-color:#ecc7c3}.button.small{padding:7px 11px;font-size:13px}.loading-screen{min-height:65vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading-screen span{width:38px;height:38px;margin:auto;border:4px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.hero{overflow:hidden;background:var(--ink);color:#fff}.hero-inner{max-width:1240px;margin:auto;min-height:600px;display:grid;grid-template-columns:1.13fr .87fr;gap:70px;align-items:center;padding:76px 24px 86px;position:relative}.hero-inner:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 65%);right:-160px;top:-160px;opacity:.23}.eyebrow{margin:0 0 13px;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:850;color:var(--green)}.hero .eyebrow{color:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(47px,6vw,78px);line-height:.98;letter-spacing:-4px;max-width:760px;margin-bottom:25px}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:620px;color:#d0ddda}.hero-search{background:#fff;color:var(--ink);padding:14px;border-radius:17px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:34px;box-shadow:0 24px 65px rgba(0,0,0,.25)}.field-compact{padding:2px 12px;border-right:1px solid var(--line)}.field-compact label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.field-compact select,.field-compact input{width:100%;border:0;outline:0;color:var(--ink);padding:6px 0;background:#fff}.choice-panel{position:relative;z-index:1;background:#fff;color:var(--ink);padding:29px;border-radius:26px;box-shadow:var(--shadow)}.choice-panel h2{font-size:29px;letter-spacing:-1px;margin-bottom:7px}.choice-panel>p{color:var(--muted)}.choice-card{width:100%;border:1px solid var(--line);background:#fff;text-align:left;padding:18px;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;border-radius:15px;margin:11px 0;cursor:pointer}.choice-card:hover{border-color:var(--green);box-shadow:0 10px 25px rgba(16,47,54,.08)}.choice-icon{width:44px;height:44px;border-radius:12px;background:var(--cream);display:grid;place-items:center;font-weight:900}.choice-card:first-of-type .choice-icon{background:var(--lime)}.choice-card b{font-size:17px}.choice-card small{display:block;color:var(--muted);margin-top:2px}.quick-access{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}.quick-access strong{display:block;margin-bottom:9px}.inline-fields{display:flex;gap:7px}.inline-fields input{min-width:0;width:50%;border:1px solid var(--line);border-radius:9px;padding:9px}.trust-strip{background:var(--lime);padding:17px 24px}.trust-strip>div{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:20px;font-weight:750}.trust-strip span:before{content:"✓";margin-right:9px}.section{max-width:1240px;margin:auto;padding:92px 24px}.section-head{max-width:720px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,4vw,50px);letter-spacing:-2px;line-height:1.06;margin-bottom:14px}.section-head p{font-size:18px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.step-number{width:39px;height:39px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:850;margin-bottom:28px}.step-card:nth-child(2) .step-number{background:var(--green)}.step-card:nth-child(3) .step-number{background:var(--orange)}.step-card h3{font-size:21px;margin-bottom:8px}.step-card p{color:var(--muted)}.trade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.trade-tile{border:1px solid var(--line);background:#fff;border-radius:16px;padding:21px;text-align:left;cursor:pointer;min-height:116px}.trade-tile:hover{border-color:var(--green);transform:translateY(-2px)}.trade-tile span{font-size:25px;display:block;margin-bottom:16px}.trade-tile strong{font-size:15px}.band{background:var(--cream)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-copy h2{font-size:45px;letter-spacing:-2px;line-height:1.06}.check-list{padding:0;list-style:none}.check-list li{padding:10px 0 10px 33px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;width:22px;height:22px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:900}.mock-panel{background:var(--ink);border-radius:26px;padding:25px;color:#fff;box-shadow:var(--shadow);transform:rotate(1.5deg)}.mock-panel>div{background:#fff;color:var(--ink);border-radius:17px;padding:20px;margin:10px 0}.mock-panel small{color:var(--muted)}.mock-row{display:flex;justify-content:space-between;align-items:center}.price{font-size:23px;font-weight:850}.cta-panel{max-width:1192px;margin:30px auto 95px;padding:62px;border-radius:28px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-panel h2{font-size:39px;letter-spacing:-1.5px;margin-bottom:8px}.cta-panel p{color:#c8d8d4;margin:0}.cta-actions{display:flex;gap:10px;white-space:nowrap}
.workspace{max-width:1320px;margin:auto;padding:38px 24px 90px}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.workspace-head h1{font-size:40px;letter-spacing:-1.6px;margin-bottom:4px}.workspace-head p{color:var(--muted);margin:0}.workspace-nav{display:flex;gap:7px;padding:7px;background:#edf1ed;border-radius:14px;margin-bottom:25px;overflow-x:auto}.workspace-nav button{border:0;background:transparent;padding:10px 15px;border-radius:9px;white-space:nowrap;cursor:pointer;font-weight:730}.workspace-nav button.active{background:#fff;box-shadow:0 4px 12px rgba(16,47,54,.08)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px}.stat-card span{display:block;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.7px}.stat-card strong{display:block;font-size:31px;letter-spacing:-1px;margin-top:5px}.stat-card small{color:var(--muted)}.panel-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;overflow:hidden}.panel+.panel{margin-top:18px}.panel-grid .panel+.panel{margin-top:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-title h2,.panel-title h3{margin:0;font-size:20px}.panel-title p{margin:0;color:var(--muted)}.list{display:grid;gap:10px}.job-row{display:grid;grid-template-columns:1fr auto;gap:17px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:13px;cursor:pointer}.job-row:hover{border-color:#9db9ae}.job-row h3{font-size:16px;margin-bottom:4px}.job-row p{margin:0;color:var(--muted);font-size:13px}.row-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#edf1ed;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.badge.open{background:#e5f5d0;color:#3e6819}.badge.bids{background:#dff2f5;color:#246b75}.badge.awarded,.badge.paid{background:#dcefe7;color:#1c7254}.badge.unpaid,.badge.overdue{background:#ffe2d7;color:#8c3e22}.job-side{text-align:right}.job-side strong{display:block}.job-side small{color:var(--muted)}.empty{padding:35px;text-align:center;border:1px dashed #cbd6d1;border-radius:14px;color:var(--muted)}.profile-card{display:flex;gap:15px;align-items:center}.avatar{width:50px;height:50px;border-radius:15px;background:var(--lime);display:grid;place-items:center;font-size:20px;font-weight:900}.profile-card p{margin:0;color:var(--muted)}.skill-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.calendar-list{display:grid;gap:9px}.calendar-item{padding:12px 13px;border-left:4px solid var(--blue);background:#f5f8f6;border-radius:8px}.calendar-item.BLOCKED{border-color:var(--orange)}.calendar-item.BOOKED{border-color:var(--green)}.calendar-item strong{display:block}.calendar-item small{color:var(--muted)}
.job-detail{display:grid;grid-template-columns:1fr 390px;gap:20px}.detail-main,.detail-side{display:grid;gap:18px;align-content:start}.description{font-size:16px;color:var(--ink-2);white-space:pre-wrap}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fact{padding:13px;background:#f2f5f2;border-radius:11px}.fact span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.quote-card{border:1px solid var(--line);border-radius:15px;padding:18px;margin-top:12px}.quote-card.accepted{border:2px solid var(--green)}.quote-head{display:flex;justify-content:space-between;gap:15px}.quote-head h3{margin-bottom:2px}.quote-lines{width:100%;border-collapse:collapse;margin:15px 0}.quote-lines td{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.quote-lines td:last-child{text-align:right;font-weight:700}.quote-total{font-size:24px;font-weight:900}.messages{max-height:360px;overflow:auto;display:grid;gap:8px;padding:5px}.message{max-width:82%;padding:10px 12px;border-radius:12px;background:#edf2ef}.message.mine{justify-self:end;background:#dff0af}.message small{display:block;color:var(--muted);margin-top:4px}.compose{display:flex;gap:8px;margin-top:12px}.compose textarea{min-height:46px;resize:vertical;flex:1}.invoice-row{display:grid;grid-template-columns:1fr repeat(3,auto);gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.invoice-row:last-child{border:0}.follow-up-list,.customer-list{display:grid;gap:10px}.follow-up-row{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbf8}.follow-up-row strong,.follow-up-row small,.customer-row strong,.customer-row small{display:block}.follow-up-row small,.customer-row small{color:var(--muted)}.customer-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:15px;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.customer-row:last-child{border:0}.customer-row>div:nth-last-child(-n+2){text-align:right}.referral-box{display:flex;gap:9px;margin:18px 0}.referral-box input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#f6f8f6}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.mini-stats div{background:#f2f5f2;border-radius:12px;padding:13px;text-align:center}.mini-stats strong{display:block;font-size:25px}.mini-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}
.admin-shell{background:#f2f4f1;min-height:calc(100vh - 72px)}.admin-hero{background:var(--ink);color:#fff;padding:34px max(24px,calc((100vw - 1320px)/2))}.admin-hero h1{font-size:37px;margin-bottom:5px}.admin-hero p{color:#bfd0cb;margin:0}.admin-page{max-width:1320px;margin:auto;padding:26px 24px 80px}.admin-stats{grid-template-columns:repeat(6,1fr)}.admin-stats .stat-card{border:0}.admin-stats .stat-card:first-child{background:var(--lime)}.admin-stats .stat-card:nth-child(5){background:var(--ink);color:#fff}.admin-stats .stat-card:nth-child(5) span,.admin-stats .stat-card:nth-child(5) small{color:#c5d3d0}.chart{height:230px;display:flex;align-items:end;gap:8px;padding-top:25px;border-bottom:1px solid var(--line)}.chart-day{height:100%;flex:1;display:flex;align-items:end;gap:2px;position:relative}.bar{min-height:2px;flex:1;border-radius:5px 5px 0 0;background:var(--green)}.bar.jobs{background:var(--orange)}.chart-day label{position:absolute;bottom:-25px;font-size:9px;color:var(--muted);left:0}.chart-legend{display:flex;gap:18px;margin-top:35px;font-size:12px}.chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--green);margin-right:6px}.chart-legend span:nth-child(2):before{background:var(--orange)}.funnel{display:grid;gap:11px}.funnel-row{display:grid;grid-template-columns:120px 1fr 45px;align-items:center;gap:10px}.funnel-track{height:12px;background:#edf1ed;border-radius:99px;overflow:hidden}.funnel-track i{display:block;height:100%;background:var(--green);border-radius:99px}.breakdown-row{display:grid;grid-template-columns:120px 1fr auto;gap:10px;align-items:center;padding:7px 0}.breakdown-row i{height:7px;background:var(--blue);border-radius:99px}.activity{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:11px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-row>i{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:7px}.activity-row small{color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-item{background:#f4f7f4;border-radius:12px;padding:14px}.health-item strong{display:block;font-size:19px}.health-good{color:var(--green)}.health-warn{color:var(--orange)}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(8,27,31,.66);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal.wide{width:min(900px,100%)}.modal-head{position:sticky;top:0;z-index:2;background:#fff;padding:22px 24px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:0;font-size:25px}.close{border:0;background:#edf1ed;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:20px}.modal-body{padding:24px}.modal-actions{position:sticky;bottom:0;background:#fff;padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea,.compose textarea{width:100%;border:1px solid #cbd6d1;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.compose textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(35,136,103,.12)}.field textarea{min-height:110px;resize:vertical}.field small{color:var(--muted)}.field-error{color:var(--red)!important}.wizard-progress{display:flex;gap:6px;margin-bottom:22px}.wizard-progress i{height:5px;flex:1;background:#e6ece8;border-radius:99px}.wizard-progress i.done{background:var(--green)}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field .checkbox{min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 12px;display:flex;gap:10px;align-items:center;font-size:14px;line-height:1.3;font-weight:650;cursor:pointer}.field .checkbox input[type="checkbox"]{appearance:auto;width:18px;min-width:18px;height:18px;margin:0;padding:0;border:0;border-radius:3px;box-shadow:none;flex:0 0 18px}.field .checkbox input[type="checkbox"]:focus{box-shadow:0 0 0 3px rgba(35,136,103,.14)}.notice{padding:13px 14px;background:#eef5da;border-left:4px solid var(--lime-dark);border-radius:9px;margin:12px 0}.notice.warn{background:#fff0ea;border-color:var(--orange)}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.credentials div{background:var(--ink);color:#fff;padding:16px;border-radius:12px}.credentials span{display:block;color:#bcd0cb;font-size:11px;text-transform:uppercase}.credentials strong{font-size:21px}.line-editor{display:grid;grid-template-columns:1fr 90px 100px 40px;gap:7px;margin:8px 0}.line-editor input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}.line-editor button{border:0;background:#f7e1df;color:var(--red);border-radius:8px}.toast-root{position:fixed;z-index:120;right:18px;bottom:18px;display:grid;gap:8px}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:#9b3d39}.site-footer{background:#0c252a;color:#fff;padding:50px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-brand{margin-bottom:10px}.site-footer p,.site-footer span{color:#a8bfba}.site-footer>div{display:grid;align-content:start;gap:8px}.site-footer button{border:0;background:transparent;color:#bcd0cb;text-align:left;padding:0;cursor:pointer}.site-footer a:not(.brand){color:#bcd0cb}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.choice-panel{max-width:650px;margin:auto}.trade-grid{grid-template-columns:repeat(3,1fr)}.panel-grid,.job-detail{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}.site-header nav{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{padding:0 15px;gap:10px}.brand{font-size:18px}.account-actions button:not(.primary):not([data-action="logout"]){display:none}.account-actions>span{display:none}.hero-inner{padding:54px 17px}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero-search{grid-template-columns:1fr}.field-compact{border-right:0;border-bottom:1px solid var(--line)}.trust-strip>div{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.section{padding:65px 17px}.steps,.split-feature{grid-template-columns:1fr}.trade-grid{grid-template-columns:1fr 1fr}.cta-panel{margin:10px 17px 65px;padding:34px 24px;display:block}.cta-actions{margin-top:20px;flex-wrap:wrap}.workspace{padding:27px 15px 70px}.workspace-head{display:block}.workspace-head .button{margin-top:15px}.stat-grid,.admin-stats{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-backdrop{padding:0}.modal{border-radius:0;max-height:100vh;height:100vh}.line-editor{grid-template-columns:1fr 65px 80px 36px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.invoice-row{grid-template-columns:1fr auto}.invoice-row>*:nth-child(3){display:none}.customer-row{grid-template-columns:auto 1fr}.customer-row>div:nth-last-child(-n+2){text-align:left}.referral-box{display:grid}.admin-page{padding:20px 15px 60px}.chart{height:180px}.health-grid{grid-template-columns:1fr}.credentials{grid-template-columns:1fr}}