.client-shell{--client-ink:#263028;--client-border:#e0e6dd;min-height:100dvh;color:var(--client-ink);font-family:var(--sans);background:#f8faf7;grid-template-columns:265px minmax(0,1fr);display:grid}.client-sidebar{border-right:1px solid var(--client-border);background:#fff;flex-direction:column;height:100dvh;min-height:100dvh;padding:34px 24px 27px;display:flex;position:sticky;top:0}.client-sidebar-logo{width:110px;margin:0 0 45px;display:block}.client-sidebar-logo img,.client-gate-logo img{width:100%;height:auto}.client-sidebar-context{border-bottom:1px solid var(--client-border);gap:9px;margin-bottom:27px;padding-bottom:28px;display:grid}.client-sidebar-context small,.client-eyebrow{color:#96a295;letter-spacing:.12em;font-size:10px;font-weight:600}.client-sidebar-context strong{letter-spacing:-.04em;font-size:19px;line-height:1.3}.client-sidebar-context span{color:#9da89a;font-size:11px}.client-sidebar nav{gap:5px;display:grid}.client-sidebar nav button{text-align:left;color:#7c8c79;background:0 0;border:0;border-radius:3px;align-items:center;gap:12px;width:100%;padding:14px 13px;font-size:12px;display:flex}.client-sidebar nav button.active,.client-sidebar nav button:hover{color:#2d3d2f;background:#eef3ec;font-weight:600}.client-sidebar-bottom{border-top:1px solid var(--client-border);gap:13px;margin-top:auto;padding-top:25px;display:grid}.client-sidebar-bottom button,.client-sidebar-bottom a{text-align:left;color:#7f907c;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.client-main{min-width:0}.client-topbar{border-bottom:1px solid var(--client-border);color:#9ba698;letter-spacing:.09em;background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:0 clamp(24px,5vw,80px);font-size:10px;font-weight:600;display:flex}.client-page{max-width:1530px;min-height:calc(100dvh - 78px);margin:auto;padding:clamp(35px,6vw,86px) clamp(24px,5vw,80px) 48px}.client-page h1{font:600 clamp(42px,5.1vw,72px)/1.12 var(--sans);letter-spacing:-.065em;margin:17px 0 19px}.client-page h1 em{color:#d45840;font-style:normal}.client-lead{color:#7f8c7d;max-width:655px;margin:0 0 44px;font-size:15px;line-height:1.85}.client-page h2{letter-spacing:-.045em;font-size:25px;font-weight:600}.client-page h3{letter-spacing:-.03em;font-size:19px;font-weight:600}.client-primary,.client-secondary{white-space:nowrap;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:11px;padding:14px 18px;font-size:12px;font-weight:600;display:inline-flex}.client-primary{color:#fff;background:#2f3d30;border:1px solid #2f3d30}.client-primary:hover{background:#516552}.client-secondary{color:#4f614e;background:#fff;border:1px solid #d5dfd2}.client-primary:disabled,.client-secondary:disabled{opacity:.5;cursor:not-allowed}.client-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:38px 0 48px;display:grid}.client-metrics>div{border:1px solid var(--client-border);background:#fff;flex-direction:column;justify-content:space-between;min-height:150px;padding:26px;display:flex}.client-metrics span{color:#9da99c;letter-spacing:.1em;font-size:10px;font-weight:600}.client-metrics strong{letter-spacing:-.05em;overflow-wrap:anywhere;font-size:clamp(23px,3vw,42px);font-weight:600}.client-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.client-section-head>button{color:#788e76;background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:inline-flex}.client-request-list{border:1px solid var(--client-border);background:#fff;border-radius:4px;margin-bottom:23px;overflow:hidden}.client-request-list>button{text-align:left;color:#8d9b8a;background:#fff;border:0;border-bottom:1px solid #edf1eb;align-items:center;gap:15px;width:100%;padding:22px;display:flex}.client-request-list>button:last-child{border-bottom:0}.client-request-list>button:hover,.client-request-list>button.active{background:#f3f6f1}.client-request-list>button>span:first-child{flex:1;gap:7px;min-width:0;display:grid}.client-request-list strong{color:#324031;font-size:14px;font-weight:600}.client-request-list small{color:#9eaa9b;font-size:11px}.client-request-list>button>span:nth-child(2){color:#728971;white-space:nowrap;font-size:10px}.client-empty{text-align:center;color:#99a89a;padding:66px 25px;font-size:12px}.client-page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.client-page-heading p{color:#8f9b8f;font-size:13px}.client-panel{border:1px solid var(--client-border);background:#fff;margin:0 0 20px;padding:clamp(22px,3vw,35px)}.client-panel h2{margin:15px 0}.client-panel>p{white-space:pre-wrap;color:#778876;font-size:13px;line-height:1.8}.client-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:21px 0 26px;display:grid}.client-form-grid>label.wide{grid-column:1/-1}.client-form-grid label,.client-approval label,.client-work-messages label,.client-chat label{gap:8px;display:grid}.client-form-grid label>span,.client-approval label>span,.client-work-messages label>span,.client-chat label>span{color:#829381;font-size:11px;font-weight:600}.client-form-grid :is(input,select,textarea),.client-approval textarea,.client-work-messages textarea,.client-chat textarea{color:#2e3d30;font:13px/1.7 var(--sans);resize:vertical;background:#fff;border:1px solid #d8e2d5;border-radius:3px;outline:0;width:100%;min-width:0;padding:13px 15px}.client-form-grid :is(input,select){height:47px}.client-new-request>header{justify-content:space-between;align-items:center;display:flex}.client-new-request>header>button{color:#879987;background:0 0;border:0;padding:8px}.client-request-grid{grid-template-columns:minmax(250px,.9fr) minmax(340px,1.1fr);align-items:start;gap:18px;display:grid}.client-request-grid>.client-request-list{margin:0}.client-work-detail h2{font-size:28px}.client-detail-tags{flex-wrap:wrap;gap:12px;margin-bottom:25px;display:flex}.client-detail-tags span{color:#728771;border:1px solid #dce6d8;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex}.client-design-preview{color:#9ba99a;background:#f6f8f4;border:1px solid #e2e8dd;place-items:center;min-height:130px;margin:25px 0;font-size:12px;display:grid}.client-design-preview img{object-fit:contain;width:100%;max-height:570px}.client-design-notes{background:#f4f7f1;padding:14px 15px;color:#688066!important}.client-approval{border-top:1px solid #dce5da;justify-items:start;gap:16px;margin-top:27px;padding-top:26px;display:grid}.client-approval>p{color:#82927f;font-size:12px;line-height:1.7}.client-approval label{width:100%}.client-work-messages{border-top:1px solid #e4eae1;gap:13px;margin-top:33px;padding-top:23px;display:grid}.client-work-messages>p{color:#7b8a78;font-size:12px;line-height:1.7}.client-work-messages label{margin-top:16px}.client-quotes{gap:18px;display:grid}.client-quote{border:1px solid var(--client-border);background:#fff;padding:clamp(22px,3vw,35px)}.client-quote header{justify-content:space-between;align-items:start;gap:20px;padding-bottom:26px;display:flex}.client-quote header span:not(.client-stage){color:#9caa98;letter-spacing:.09em;font-size:10px}.client-quote h3{margin:13px 0 8px;font-size:27px}.client-quote small{color:#9aa99a;font-size:11px}.client-stage{color:#5f8c61;white-space:nowrap;border:1px solid #dae5d6;padding:7px 11px;font-size:11px}.client-quote-lines{border-top:1px solid #e0e7dc}.client-quote-lines>div{border-bottom:1px solid #e7ede3;justify-content:space-between;align-items:center;gap:19px;padding:18px 0;font-size:13px;display:flex}.client-quote-lines>div>span{gap:7px;display:grid}.client-quote-lines strong{white-space:nowrap;font-weight:600}.client-quote-total{justify-content:space-between;align-items:center;gap:18px;margin:25px 0;display:flex}.client-quote-total>span{color:#859883;font-size:12px}.client-quote-total strong{letter-spacing:-.05em;font-size:28px;font-weight:600}.client-quote-terms{color:#899888;white-space:pre-wrap;border-top:1px solid #e2e9df;padding-top:20px;font-size:11px;line-height:1.8}.client-quote-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.client-chat{gap:12px;max-width:850px;display:grid}.client-chat>article{background:#f7f9f6;border:1px solid #e3eae0;max-width:75%;padding:18px}.client-chat>article.mine{background:#edf3eb;margin-left:auto}.client-chat article small{color:#94a591;font-size:10px}.client-chat article p{color:#536651;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.client-chat label{margin-top:25px}.client-chat>.client-primary{justify-self:start}.client-feedback{color:#547651;background:#f0f8ed;border:1px solid #cadfc6;margin-bottom:20px;padding:14px 16px;font-size:12px}.client-feedback.error{color:#a44e43;background:#fff4f0;border-color:#f0d6d2}.client-footer{color:#a2aea0;letter-spacing:.1em;border-top:1px solid #e4eae2;margin-top:70px;padding-top:25px;font-size:10px}.client-gate{text-align:center;color:#2c392c;min-height:100dvh;font-family:var(--sans);background:#f8faf7;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;display:flex}.client-gate-logo{width:120px;position:absolute;top:45px}.client-gate>svg{color:#899d88;margin-bottom:25px}.client-gate>span{letter-spacing:.1em;color:#9cae99;font-size:10px}.client-gate h1{font:600 clamp(35px,6vw,65px)/1.1 var(--sans);letter-spacing:-.06em;max-width:770px;margin:22px auto}.client-gate p{color:#879784;max-width:520px;font-size:14px;line-height:1.8}.client-gate>a:not(.client-gate-logo),.client-gate button{color:#fff;background:#344335;border:1px solid #344335;align-items:center;gap:10px;margin-top:27px;padding:13px 17px;font-size:12px;display:flex}.client-loading{color:#859785;background:#f9faf8;place-items:center;min-height:100dvh;font-size:13px;display:grid}.client-shell :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #d45840}@media (max-width:1180px){.client-request-grid{grid-template-columns:1fr}.client-shell{grid-template-columns:225px minmax(0,1fr)}.client-sidebar{padding:28px 17px}}@media (max-width:780px){.client-shell{display:block}.client-sidebar{border-right:0;border-bottom:1px solid var(--client-border);height:auto;min-height:0;padding:18px 20px;position:relative}.client-sidebar-logo{width:83px;margin:0 0 13px}.client-sidebar-context{margin-bottom:13px;padding-bottom:15px}.client-sidebar-context strong{font-size:16px}.client-sidebar nav{gap:8px;display:flex;overflow-x:auto}.client-sidebar nav button{flex-shrink:0;width:auto;padding:11px}.client-sidebar-bottom{justify-content:space-between;margin-top:14px;padding-top:12px;display:flex}.client-topbar{min-height:53px;padding:0 20px;font-size:9px}.client-page{padding:35px 20px}.client-page h1{font-size:45px}.client-lead{font-size:13px}.client-metrics{gap:8px}.client-metrics>div{min-height:117px;padding:15px}.client-metrics strong{font-size:24px}.client-metrics span{font-size:8px}.client-page-heading{flex-direction:column;align-items:start}.client-form-grid{grid-template-columns:1fr}.client-form-grid>label.wide{grid-column:1}.client-request-list>button{flex-wrap:wrap}.client-request-list>button>span:first-child{flex-basis:100%}.client-chat>article{max-width:93%}.client-quote header{flex-direction:column}.client-quote-total strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.client-shell *{transition:none!important;animation:none!important}}
