@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#173332;background:#f4f1eb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:#f4f1eb}.sidebar{width:264px;flex:0 0 264px;background:#112a29;color:#d7e2dd;display:flex;flex-direction:column;padding:28px 16px 18px}.brand-row{display:flex;align-items:center;gap:11px;padding:0 10px 30px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;color:#112a29;background:#e5b876;border-radius:10px}.brand-row strong{display:block;font-size:18px;letter-spacing:-.05em;color:#fffaf0}.brand-row span{display:block;color:#7f9b95;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.workspace-switcher{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #2a4946;border-radius:12px;margin-bottom:28px}.workspace-switcher>div:nth-child(2){min-width:0;flex:1}.workspace-switcher small,.user-row span{display:block;font-size:10px;color:#7f9b95;margin-bottom:2px}.workspace-switcher strong{display:block;font-size:11px;color:#eff5ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar,.top-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#315450;color:#e9c792;font-size:10px;font-weight:700}.avatar-warm{background:#d5a86c;color:#173332}.nav-caption{margin:0 12px 9px;color:#66837d;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.nav-caption-spaced{margin-top:29px}.nav-item{width:100%;border:0;background:transparent;color:#91aaa4;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;text-align:left;font-size:12px;margin-bottom:3px;transition:.15s ease}.nav-item:hover,.nav-item.active{color:#fffaf0;background:#264845}.nav-item.active{box-shadow:inset 3px 0 #e5b876}.nav-item em{margin-left:auto;font-style:normal;color:#e5b876;font-size:10px}.sidebar-footer{margin-top:auto}.help-card{display:flex;gap:9px;padding:12px;border-radius:12px;background:#1a3835;margin-bottom:17px}.help-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #75948d;border-radius:50%;font-size:12px}.help-card strong,.user-row strong{display:block;color:#f0f5f0;font-size:11px}.help-card p{margin:3px 0 0;color:#7f9b95;font-size:10px}.user-row{display:flex;align-items:center;gap:9px;padding:0 8px}.user-row>div:nth-child(2){flex:1}.signout-button{display:grid;place-items:center;border:0;background:transparent;color:#78938d;padding:5px;border-radius:7px}.signout-button:hover{color:#fffaf0;background:#264845}.main-content{min-width:0;flex:1}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid #dfddd6}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:11px;color:#8b9891}.breadcrumbs strong{color:#3d5650;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.search-box{display:flex;gap:8px;align-items:center;color:#81908b;border-bottom:1px solid #ccd2cc;padding-bottom:7px}.search-box input{width:145px;border:0;outline:0;background:transparent;font-size:11px;color:#173332}.search-box input::placeholder{color:#9ba7a1}.notification-button,.icon-button{position:relative;border:0;background:transparent;color:#5c716b;padding:4px}.notification-button i{position:absolute;width:5px;height:5px;top:2px;right:1px;border-radius:50%;background:#de755d}.top-avatar{width:31px;height:31px;border-radius:50%;background:#efc08a;color:#254441}.page-wrap{max-width:1180px;margin:0 auto;padding:44px 4.5vw 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{margin:0 0 9px;color:#9a7563;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.page-heading h1{margin:0;letter-spacing:-.055em;font-size:clamp(28px,3.5vw,42px);line-height:1.08;color:#173332}.page-heading h1 span{color:#c88956;font-size:.7em;vertical-align:top}.heading-subtitle{margin:12px 0 0;color:#82928b;font-size:13px}.portal-picker{display:flex;align-items:center;gap:10px;color:#8a9791;font-size:11px}.portal-picker select{border:1px solid #d9ddd5;color:#2f4b46;background:#fffdf8;padding:10px 30px 10px 12px;border-radius:8px;font-size:11px}.page-wrap-wide{max-width:1260px}.notice{display:flex;align-items:center;gap:13px;padding:14px 17px;background:#e4eee7;border:1px solid #cadfd2;border-radius:11px;margin:34px 0 21px}.notice-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#2f7563;background:#c8e2d3}.notice div:nth-child(2){flex:1}.notice strong{color:#285447;font-size:12px}.notice p{margin:3px 0 0;color:#6c8a7d;font-size:10px}.notice button{border:0;background:transparent;color:#286254;font-size:11px;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:19px 18px;min-height:125px;border-radius:11px;background:#fffdf8;border:1px solid #e4e1d9}.metric-card.teal{border-top:3px solid #68a796}.metric-card.gold{border-top:3px solid #dbad62}.metric-card.coral{border-top:3px solid #dc856d}.metric-card.blue{border-top:3px solid #779db2}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#84918b;font-size:10px}.metric-dot{width:7px;height:7px;border-radius:50%;background:#b9cfc5}.gold .metric-dot{background:#e0b36d}.coral .metric-dot{background:#df8c76}.blue .metric-dot{background:#89aabd}.metric-card>strong{display:block;color:#173332;font-size:29px;letter-spacing:-.05em;margin:13px 0 6px}.metric-card p{margin:0;color:#9aa6a0;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:14px;margin-top:14px}.panel{background:#fffdf8;border:1px solid #e4e1d9;border-radius:11px}.schedule-panel{padding:23px 21px 11px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel h2{margin:0;color:#173332;font-size:19px;letter-spacing:-.04em}.text-button{border:0;background:transparent;color:#4d8175;padding:3px 0;font-size:10px}.text-button span{margin-left:4px;font-size:15px}.schedule-list{margin-top:17px}.schedule-row{display:grid;grid-template-columns:39px 10px 1fr auto;align-items:center;gap:8px;border-top:1px solid #eeeae1;padding:15px 0}.schedule-row time{color:#88948f;font-family:DM Mono,monospace;font-size:10px}.schedule-line{width:3px;height:32px;border-radius:3px;background:#b1d8cb}.schedule-row:nth-child(2) .schedule-line{background:#e6c282}.schedule-row:nth-child(3) .schedule-line{background:#e49c86}.schedule-row:nth-child(4) .schedule-line{background:#9db9ce}.schedule-details strong,.focus-task strong{display:block;color:#35504a;font-size:11px}.schedule-details span,.focus-task small{display:block;color:#9aa5a0;font-size:10px;margin-top:4px}.schedule-assignee{text-align:right}.schedule-assignee small{display:block;color:#687d75;font-size:10px;margin-top:6px}.status{display:inline-block;border-radius:100px;padding:4px 7px;font-size:9px}.status-confirmed{color:#397662;background:#e3f1e9}.status-in-progress{color:#9d6c2f;background:#fbefd8}.status-attention{color:#a95f4e;background:#fae7e1}.empty-state{padding:25px 0;color:#9aa5a0;font-size:11px}.focus-panel{padding:24px 22px 19px;background:#e9f0e8;border-color:#d1dfd3;position:relative;overflow:hidden}.focus-orb{display:grid;place-items:center;width:42px;height:42px;margin-bottom:23px;border-radius:50%;color:#2c6556;background:#c5ddce}.focus-panel h2{font-size:24px;max-width:220px}.focus-panel>p:not(.eyebrow){color:#718a7f;font-size:11px;line-height:1.55;max-width:235px;margin:10px 0 23px}.focus-task{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #d5e3d7}.task-number{color:#a2b7a7;font-family:DM Mono;font-size:10px}.focus-task>div{flex:1}.arrow{color:#588475;font-size:16px}.focus-button{width:100%;border:1px solid #8daf9f;border-radius:8px;background:transparent;color:#397262;font-size:10px;font-weight:700;padding:10px;margin-top:12px}.page-footer{display:flex;justify-content:space-between;color:#a6aea8;font-size:9px;margin-top:27px}.mobile-only{display:none}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:#112a29;color:#fffaf0}.app-loading span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#e5b876;color:#173332}.app-loading strong{font-size:13px;letter-spacing:-.01em}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(430px,.85fr);background:#f4f1eb}.auth-story{display:flex;flex-direction:column;padding:48px clamp(40px,7vw,110px);color:#eef4ef;background:radial-gradient(circle at 85% 15%,#41675f 0,transparent 28%),#112a29}.auth-brand{display:flex;align-items:center;gap:11px}.auth-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5b876;color:#173332}.auth-brand strong{font-size:20px;letter-spacing:-.05em}.auth-copy{margin:auto 0;max-width:550px}.auth-copy .eyebrow{color:#e0b373}.auth-copy h1{margin:0;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.065em}.auth-copy>p:last-child{max-width:440px;margin:25px 0 0;color:#a3bbb5;font-size:15px;line-height:1.7}.auth-proof{display:flex;align-items:center;gap:9px;color:#92ada6;font-size:11px}.auth-form-wrap{display:grid;place-items:center;padding:35px}.auth-form{width:min(100%,390px)}.auth-form h2{margin:0;color:#173332;font-size:31px;letter-spacing:-.05em}.auth-intro{margin:10px 0 29px;color:#86958e;font-size:12px;line-height:1.55}.auth-form label,.modal-card label{display:grid;gap:7px;margin-bottom:16px;color:#49615b;font-size:11px;font-weight:700}.auth-form input,.modal-card input,.modal-card textarea,.modal-card select{width:100%;border:1px solid #d8ddd6;border-radius:9px;outline:0;background:#fffdf8;color:#173332;padding:12px 13px;font:inherit;font-size:12px;resize:vertical}.auth-form input:focus,.modal-card input:focus,.modal-card textarea:focus,.modal-card select:focus{border-color:#6c9d90;box-shadow:0 0 0 3px #79a99c20}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle{position:absolute;top:50%;right:9px;display:grid;place-items:center;transform:translateY(-50%);border:0;background:transparent;color:#6c817a;padding:5px;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{color:#23463f}.password-toggle:focus-visible{outline:2px solid #6c9d90;outline-offset:2px;border-radius:5px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:9px;background:#173c38;color:#fffdf8;padding:13px 16px;font-size:11px;font-weight:700}.primary-button:hover{background:#24574f}.primary-button:disabled{opacity:.6;cursor:wait}.auth-form .primary-button{width:100%;margin-top:4px}.primary-button.compact{padding:10px 13px}.auth-mode{width:100%;border:0;background:transparent;color:#527c72;padding:18px 8px;font-size:10px}.form-message{border-radius:8px;padding:10px 12px;margin:0 0 13px;font-size:10px;line-height:1.45}.error-message{color:#8b4c40;background:#fae6e0;border:1px solid #edc9be}.success-message{color:#2d6b59;background:#e2f1e8;border:1px solid #c8e2d3}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.section-heading h1,.feature-placeholder h1{margin:0;color:#173332;font-size:clamp(30px,4vw,45px);letter-spacing:-.06em}.section-heading>div>p:last-child{margin:10px 0 0;color:#82928b;font-size:12px}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 14px}.crm-toolbar label{display:flex;align-items:center;gap:8px;min-width:min(420px,55%);border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.crm-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.crm-toolbar>span{color:#89958f;font-size:10px}.crm-error{margin-bottom:14px}.loading-card,.empty-crm{min-height:300px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed #d5d8d1;border-radius:12px;background:#faf8f3;color:#82918b;font-size:11px}.empty-crm svg{color:#c08c63}.empty-crm h2{margin:12px 0 3px;color:#35504a;font-size:17px}.empty-crm p{margin:0 0 18px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.client-card{padding:20px;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.client-card:hover{transform:translateY(-2px);border-color:#bfcfc6;box-shadow:0 10px 30px #1733320b}.client-card-head{display:flex;align-items:center;gap:11px}.client-initial{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#dceae2;color:#316c5c;font-size:11px;font-weight:800}.client-card-head>div:nth-child(2){flex:1;min-width:0}.client-card h2{margin:0;color:#284a44;font-size:14px}.client-card-head span{display:block;margin-top:3px;color:#93a09a;font-size:9px}.card-action{display:inline-flex;align-items:center;gap:4px;border:1px solid #d3ddd7;border-radius:7px;background:transparent;color:#4f7c70;padding:6px 8px;font-size:9px;font-weight:700}.client-contact{display:flex;gap:15px;flex-wrap:wrap;min-height:35px;margin:16px 0 5px;color:#7c8d86;font-size:9px}.client-contact span{display:flex;align-items:center;gap:5px}.site-list{border-top:1px solid #eeeae2;padding-top:6px}.site-list>p{color:#a1aaa5;font-size:10px}.site-row{display:flex;gap:8px;align-items:flex-start;padding:9px 0;color:#769087}.site-row div{min-width:0}.site-row strong{display:block;color:#49625b;font-size:10px}.site-row span{display:block;color:#929f99;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:20px;background:#102a2990;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(100%,510px);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:14px;background:#f9f7f2;padding:25px;box-shadow:0 25px 80px #0e282650}.modal-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.modal-head h2{margin:0;color:#173332;font-size:23px;letter-spacing:-.04em}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary-button{border:1px solid #d4d9d3;border-radius:9px;background:transparent;color:#60756e;padding:10px 13px;font-size:11px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.danger-button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e4c7be;border-radius:9px;background:#fff6f2;color:#9a5547;padding:10px 13px;font-size:11px}.check-label{display:flex!important;grid-template-columns:none;align-items:center;gap:9px!important;font-weight:600!important}.check-label input{width:16px;height:16px;accent-color:#315f55}.drawer-backdrop{position:fixed;inset:0;z-index:7;background:#102a295c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.detail-drawer{position:absolute;inset:0 0 0 auto;width:min(510px,100%);overflow-y:auto;background:#f7f5ef;box-shadow:-20px 0 70px #0f29272e;padding:29px}.drawer-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid #dfdfd7}.client-initial.large{width:47px;height:47px;border-radius:13px;font-size:13px}.drawer-head .eyebrow{margin-bottom:4px}.drawer-head h2{margin:0;color:#173332;font-size:23px;letter-spacing:-.045em}.drawer-actions{display:flex;gap:8px;padding:18px 0 3px}.detail-block{padding:20px 0;border-bottom:1px solid #e2e1da}.detail-block h3{margin:0;color:#38534c;font-size:12px}.detail-block>p{color:#99a49f;font-size:10px}.detail-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-title button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#4b7a6e;font-size:9px;font-weight:700}.detail-lines{display:flex;flex-wrap:wrap;gap:13px;margin-top:13px}.detail-lines span{display:flex;align-items:center;gap:6px;color:#667d75;font-size:10px}.notes-box{margin-top:14px;border-radius:8px;background:#eeece5;color:#6d7d77;padding:11px;font-size:10px;line-height:1.55}.contact-row,.drawer-site{display:flex;align-items:center;gap:9px;padding:10px 0}.contact-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e0e9e2;color:#4d776c}.contact-row>div:nth-child(2),.drawer-site>div{min-width:0;flex:1}.contact-row strong,.drawer-site strong{display:flex;align-items:center;gap:5px;color:#425c55;font-size:10px}.contact-row strong svg{color:#c18b52}.contact-row span,.drawer-site span{display:block;margin-top:3px;color:#929e99;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-site>svg{color:#718e84}.row-actions{display:flex;gap:4px}.row-edit{display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#789087;padding:6px}.row-edit:hover{background:#e7ece7;color:#3e685d}.row-edit.danger:hover{color:#a05748;background:#f6e7e2}.feature-placeholder{min-height:520px;display:grid;place-content:center;justify-items:center;text-align:center}.feature-placeholder>span{display:grid;place-items:center;width:45px;height:45px;margin-bottom:19px;border-radius:14px;background:#dbe9df;color:#397062}.feature-placeholder>p:last-child{max-width:430px;color:#82918b;font-size:12px;line-height:1.65}@media(max-width:900px){.sidebar{width:228px;flex-basis:228px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.focus-panel{min-height:auto}}@media(max-width:680px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:4;transform:translate(-100%);transition:transform .2s ease;box-shadow:12px 0 30px #102a2930}.sidebar-open{transform:translate(0)}.mobile-only{display:inline-flex}.brand-row .mobile-only{margin-left:auto;color:#a8bfba}.topbar{height:62px;padding:0 18px;gap:12px}.breadcrumbs{flex:1}.topbar-actions{gap:9px}.search-box{display:none}.page-wrap{padding:30px 18px 24px}.page-heading,.section-heading{display:block}.section-heading .primary-button{margin-top:18px}.portal-picker{margin-top:19px;justify-content:space-between}.notice{align-items:flex-start;flex-wrap:wrap}.notice button{margin-left:43px}.metrics-grid{gap:9px}.metric-card{padding:14px;min-height:112px}.metric-card>strong{font-size:24px}.schedule-panel{padding:18px 14px 8px}.panel-heading{display:block}.text-button{margin-top:10px}.schedule-row{grid-template-columns:36px 6px 1fr;gap:7px}.schedule-assignee{grid-column:3;text-align:left;margin-top:7px}.schedule-row{padding:13px 0;flex-wrap:wrap}.schedule-details{min-width:0}.page-footer{display:block;line-height:1.8}.client-grid{grid-template-columns:1fr}.crm-toolbar{align-items:flex-start;flex-direction:column}.crm-toolbar label{min-width:100%}.form-pair,.auth-page{grid-template-columns:1fr}.auth-story{min-height:260px;padding:28px}.auth-copy{margin:45px 0}.auth-copy h1{font-size:42px}.auth-copy>p:last-child{display:none}.auth-proof{display:none}.auth-form-wrap{padding:34px 22px}}.quote-tabs{display:flex;gap:7px;margin:28px 0 14px;border-bottom:1px solid #dedfd8}.quote-tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;background:transparent;color:#89958f;padding:10px 5px 11px;font-size:11px;font-weight:700}.quote-tabs button.active{color:#285c50;border-bottom-color:#d2a15f}.quote-tabs span{min-width:19px;border-radius:20px;background:#e7ebe6;padding:3px 6px;font-size:8px}.commercial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 12px}.commercial-metrics article{border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:15px 16px}.commercial-metrics span{display:block;color:#899790;font-size:9px}.commercial-metrics strong{display:block;margin-top:8px;color:#23463f;font-size:21px;letter-spacing:-.04em}.quote-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.quote-toolbar label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.quote-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.quote-toolbar select{border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#5f746d;padding:10px 31px 10px 12px;font-size:10px}.quote-list{overflow:hidden;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8}.quote-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(200px,1.5fr) minmax(110px,.7fr) minmax(100px,.6fr) auto;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid #ece9e1;cursor:pointer}.quote-row:first-child{border-top:0}.quote-row:hover{background:#faf9f4}.quote-ref{display:flex;align-items:center;gap:9px;color:#6c897f}.quote-ref strong,.quote-subject strong{display:block;color:#39564f;font-size:10px}.quote-ref span,.quote-subject span{display:block;margin-top:3px;color:#95a09b;font-size:9px}.quote-value{text-align:right;color:#284940;font-size:12px}.quote-status,.contract-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;text-transform:capitalize;font-size:8px;font-weight:700}.quote-draft{color:#687872;background:#e9ece8}.quote-sent{color:#946827;background:#faedcf}.quote-accepted,.quote-converted{color:#34705e;background:#e0f0e7}.quote-declined,.quote-expired{color:#a05a4c;background:#f7e5df}.quote-drawer-icon,.contract-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#f1dfbd;color:#8b632d}.quote-drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #e2e1da}.quote-drawer-summary span{display:block;margin-bottom:5px;color:#96a19c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.quote-drawer-summary strong{color:#405a53;font-size:10px}.quote-actions{flex-wrap:wrap;border-bottom:1px solid #e2e1da;padding-bottom:18px}.quote-lines>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;color:#637971;font-size:10px}.quote-lines>h3{margin-bottom:8px}.quote-lines small{display:block;margin-top:4px;color:#9aa49f;font-size:8px}.quote-lines .quote-total-row{margin-top:8px;border-top:1px solid #dfdfd7;padding-top:14px}.quote-lines .quote-grand-total{color:#21473e;font-size:13px;font-weight:800}.quote-modal{width:min(100%,820px)}.line-builder{margin-bottom:17px;border:1px solid #dedfd8;border-radius:10px;background:#fffdf8;padding:13px}.line-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.line-builder-head h3{margin:0;color:#3c5851;font-size:11px}.line-builder-head button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#4c7b6f;font-size:9px;font-weight:700}.line-editor{display:grid;grid-template-columns:2fr .55fr .7fr .8fr .65fr auto;align-items:end;gap:7px;padding:9px 0;border-top:1px solid #eeece5}.line-editor label{margin:0;font-size:8px}.line-editor input{padding:9px}.line-editor>strong{align-self:center;padding-top:13px;text-align:right;color:#405c54;font-size:10px}.quote-form-total{display:flex;justify-content:flex-end;gap:20px;border-radius:9px;background:#ebece6;padding:12px 14px;color:#75837e;font-size:9px}.quote-form-total strong{display:block;margin-top:4px;color:#2f5149;font-size:12px}.day-picker{margin:0 0 16px;border:0;padding:0}.day-picker legend{margin-bottom:8px;color:#49615b;font-size:11px;font-weight:700}.day-picker>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-picker button{border:1px solid #d8ddd6;border-radius:8px;background:#fffdf8;color:#74847e;padding:9px 4px;font-size:9px}.day-picker button.active{border-color:#4d7d70;background:#dfece5;color:#285c50}.conversion-note{display:flex;gap:10px;border-radius:9px;background:#e8efe9;color:#4c7469;padding:12px}.conversion-note strong,.conversion-note span{display:block;font-size:10px}.conversion-note span{margin-top:4px;color:#789087;font-size:9px}.contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contract-card{border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8;padding:19px}.contract-head{display:flex;justify-content:space-between;align-items:flex-start}.contract-icon{width:38px;height:38px;border-radius:10px;background:#dceae2;color:#316c5c}.contract-active{color:#34705e;background:#e0f0e7}.contract-paused,.contract-draft{color:#946827;background:#faedcf}.contract-ended{color:#78837f;background:#e9ece8}.contract-card h2{margin:14px 0 4px;color:#315149;font-size:15px}.contract-card>p{margin:0;color:#929f99;font-size:9px}.contract-schedule{display:flex;align-items:center;gap:8px;margin:18px 0;border-radius:8px;background:#f0f2ec;color:#547168;padding:11px}.contract-schedule strong{font-size:10px}.contract-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ece9e1;padding-top:13px}.contract-meta span{color:#95a09b;font-size:8px}.contract-meta strong{display:block;margin-top:4px;color:#405b54;font-size:10px}@media(max-width:680px){.client-grid,.contract-grid{grid-template-columns:1fr}.commercial-metrics{grid-template-columns:repeat(2,1fr)}.quote-toolbar{align-items:stretch;flex-direction:column}.quote-row{grid-template-columns:1fr auto;gap:9px}.quote-subject{grid-column:1 / -1;grid-row:2}.quote-value{text-align:left}.quote-row>svg{display:none}.line-editor{grid-template-columns:1fr 1fr}.line-editor label:first-child{grid-column:1 / -1}.quote-form-total{justify-content:space-between;gap:8px}}.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 13px}.date-controls{display:flex;align-items:center;gap:8px;color:#4a625b}.date-controls strong{margin-left:8px;font-size:13px}.date-controls .icon-button{border:1px solid #d8ddd6;background:#fffdf8;color:#668078}.today-button{border:1px solid #d8ddd6;border-radius:8px;background:#fffdf8;color:#4e7267;padding:9px 12px;font-size:10px;font-weight:700}.schedule-toolbar>label{display:flex;align-items:center;gap:8px;min-width:min(410px,45%);border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.schedule-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.schedule-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.schedule-metrics article{border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:14px 16px}.schedule-metrics span{display:block;color:#899790;font-size:9px}.schedule-metrics strong{display:block;margin-top:7px;color:#23463f;font-size:21px}.offline-banner{display:flex;align-items:center;gap:9px;margin:0 0 12px;border:1px solid #ecd7ae;border-radius:9px;background:#fff8e8;color:#8b682d;padding:10px 12px;font-size:9px}.offline-banner strong{font-size:10px}.offline-banner span{color:#a1844e}.availability-panel{margin:0 0 12px;border:1px solid #e2e0d8;border-radius:11px;background:#fffdf8;padding:18px 20px}.availability-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.availability-head h2{margin:0;color:#315149;font-size:15px}.availability-head p:last-child{margin:5px 0 0;color:#899b94;font-size:10px}.availability-head select{min-width:160px;border:1px solid #d8ddd6;border-radius:8px;background:#fffdf8;color:#4e7267;padding:9px 10px;font-size:10px}.availability-head>span{border-radius:8px;background:#edf1eb;color:#55736a;padding:9px 11px;font-size:10px}.availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;margin-top:15px}.availability-row{display:grid;grid-template-columns:minmax(125px,1fr) 92px auto 92px;align-items:center;gap:7px;border-top:1px solid #eeece5;padding:8px 0}.availability-row input[type=time]{border:1px solid #d8ddd6;border-radius:7px;background:#fffdf8;color:#55736a;padding:7px;font-size:9px}.availability-row input:disabled{opacity:.45}.availability-row>span{color:#a1aaa5;font-size:9px;text-align:center}.availability-toggle{display:flex;align-items:center;gap:8px;color:#506960;font-size:10px}.availability-toggle input{accent-color:#315f55}.availability-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px;color:#9aa49f;font-size:9px}.job-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.job-status-conflict{color:#a05a4c;background:#f7e5df}.job-warning{margin:13px 0 0;border-radius:7px;background:#fff2ec;color:#a05a4c;padding:9px 10px;font-size:9px}.job-board{display:grid;gap:10px}.job-card{display:grid;grid-template-columns:71px 7px 1fr;gap:15px;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8;padding:18px 20px}.job-time{padding-top:2px;text-align:right}.job-time strong,.job-time span{display:block}.job-time strong{color:#426159;font-family:DM Mono,monospace;font-size:12px}.job-time span{margin-top:5px;color:#a1aaa5;font-size:9px}.job-marker{width:4px;min-height:100%;border-radius:4px;background:#b4d7ca}.job-draft .job-marker{background:#d8dcd3}.job-in_progress .job-marker{background:#e6c282}.job-completed .job-marker{background:#87bca5}.job-cancelled .job-marker{background:#e29c8b}.job-main{min-width:0}.job-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.job-title-row h2{margin:0;color:#315149;font-size:14px}.job-site{display:flex;align-items:center;gap:5px;margin-top:6px;color:#899b94;font-size:10px}.job-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;font-size:8px;font-weight:700}.job-status-draft{color:#687872;background:#e9ece8}.job-status-scheduled,.job-status-in_progress{color:#946827;background:#faedcf}.job-status-completed{color:#34705e;background:#e0f0e7}.job-status-cancelled{color:#a05a4c;background:#f7e5df}.job-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:15px;color:#6f857c;font-size:9px}.job-meta span{display:flex;align-items:center;gap:5px}.job-notes{margin:13px 0 0;border-radius:7px;background:#f0eee8;color:#788983;padding:9px 10px;font-size:9px}.job-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}@media(max-width:680px){.schedule-toolbar{align-items:stretch;flex-direction:column}.schedule-toolbar>label{min-width:100%}.date-controls{justify-content:space-between}.date-controls strong{flex:1;text-align:center}.schedule-metrics{grid-template-columns:repeat(2,1fr)}.job-card{grid-template-columns:42px 5px 1fr;gap:10px;padding:15px 13px}.job-title-row{display:block}.job-badges{justify-content:flex-start;margin-top:10px}.job-time{text-align:left}.job-time strong{font-size:10px}.job-time span{font-size:8px}.availability-head{display:block}.availability-head select,.availability-head>span{display:inline-block;margin-top:12px}.availability-grid{grid-template-columns:1fr}.availability-row{grid-template-columns:minmax(110px,1fr) 82px auto 82px}.availability-actions{align-items:flex-start;flex-direction:column}}.timesheet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 12px}.timesheet-metrics article{border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:15px 16px}.timesheet-metrics span{display:block;color:#899790;font-size:9px}.timesheet-metrics strong{display:block;margin-top:7px;color:#23463f;font-size:21px}.timesheet-metrics small{display:block;margin-top:5px;color:#a1aaa5;font-size:9px}.timesheet-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.timesheet-toolbar label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.timesheet-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.timesheet-toolbar select{border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#5f746d;padding:10px 30px 10px 12px;font-size:10px}.timesheet-list{display:grid;gap:10px}.timesheet-card{display:flex;gap:14px;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8;padding:18px 20px}.timesheet-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:#dceae2;color:#316c5c}.timesheet-main{min-width:0;flex:1}.timesheet-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.timesheet-title h2{margin:0;color:#315149;font-size:14px}.timesheet-title span:not(.timesheet-status){display:block;margin-top:6px;color:#899b94;font-size:10px}.timesheet-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.timesheet-submitted{color:#946827;background:#faedcf}.timesheet-approved{color:#34705e;background:#e0f0e7}.timesheet-rejected{color:#a05a4c;background:#f7e5df}.timesheet-draft{color:#687872;background:#e9ece8}.timesheet-details{display:flex;flex-wrap:wrap;gap:18px;margin-top:15px;color:#6f857c;font-size:9px}.timesheet-details span{display:flex;align-items:center;gap:5px}.timesheet-rejection{margin:13px 0 0;border-radius:7px;background:#fff2ec;color:#a05a4c;padding:9px 10px;font-size:9px}.timesheet-actions{display:flex;gap:7px;margin-top:15px}@media(max-width:680px){.timesheet-metrics{grid-template-columns:1fr}.timesheet-toolbar{align-items:stretch;flex-direction:column}.timesheet-card{padding:15px 13px}.timesheet-title{display:block}.timesheet-status{margin-top:10px}.offline-banner{align-items:flex-start;flex-direction:column;gap:3px}}.invoice-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 12px}.invoice-metrics article{border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:15px 16px}.invoice-metrics span{display:block;color:#899790;font-size:9px}.invoice-metrics strong{display:block;margin-top:8px;color:#23463f;font-size:21px}.invoice-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.invoice-toolbar label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.invoice-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.invoice-toolbar select{border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#5f746d;padding:10px 30px 10px 12px;font-size:10px}.invoice-list{overflow:hidden;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8}.invoice-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(200px,1.5fr) minmax(110px,.7fr) minmax(100px,.6fr) auto;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid #ece9e1;cursor:pointer}.invoice-row:first-child{border-top:0}.invoice-row:hover{background:#faf9f4}.invoice-ref{display:flex;align-items:center;gap:9px;color:#6c897f}.invoice-ref strong,.invoice-subject strong{display:block;color:#39564f;font-size:10px}.invoice-ref span,.invoice-subject span{display:block;margin-top:3px;color:#95a09b;font-size:9px}.invoice-value{text-align:right;color:#284940;font-size:12px}.invoice-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;text-transform:capitalize;font-size:8px;font-weight:700}.invoice-draft{color:#687872;background:#e9ece8}.invoice-sent{color:#946827;background:#faedcf}.invoice-paid{color:#34705e;background:#e0f0e7}.invoice-overdue,.invoice-void{color:#a05a4c;background:#f7e5df}.invoice-drawer-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#dceae2;color:#316c5c}.invoice-drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #e2e1da}.invoice-drawer-summary span{display:block;margin-bottom:5px;color:#96a19c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.invoice-drawer-summary strong{color:#405a53;font-size:10px}.invoice-actions{flex-wrap:wrap;border-bottom:1px solid #e2e1da;padding-bottom:18px}.invoice-lines>p{color:#687d75;font-size:10px;line-height:1.6}.invoice-lines>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;color:#637971;font-size:10px}.invoice-lines small{display:block;margin-top:4px;color:#9aa49f;font-size:8px}.invoice-lines .invoice-total-row{margin-top:8px;border-top:1px solid #dfdfd7;padding-top:14px}.invoice-lines .invoice-grand-total{color:#21473e;font-size:13px;font-weight:800}@media(max-width:680px){.invoice-metrics{grid-template-columns:repeat(2,1fr)}.invoice-toolbar{align-items:stretch;flex-direction:column}.invoice-row{grid-template-columns:1fr auto;gap:9px}.invoice-subject{grid-column:1 / -1;grid-row:2}.invoice-value{text-align:left}.invoice-row>svg{display:none}}@media print{.sidebar,.topbar,.page-footer,.invoices-view>:not(.drawer-backdrop){display:none!important}.drawer-backdrop{position:static;background:transparent}.invoice-drawer{position:static;width:100%;box-shadow:none;padding:0;background:#fff}.invoice-drawer .drawer-head{border-bottom:2px solid #173332}.invoice-drawer .invoice-actions{display:none}.invoice-drawer .invoice-printable{display:block}.invoice-drawer .invoice-lines{border-bottom:0}.app-shell,.main-content,.page-wrap{display:block;padding:0;margin:0}.drawer-backdrop{display:block}}.payroll-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 12px}.payroll-metrics article{border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:15px 16px}.payroll-metrics span{display:block;color:#899790;font-size:9px}.payroll-metrics strong{display:block;margin-top:8px;color:#23463f;font-size:21px}.payroll-metrics small{display:block;margin-top:5px;color:#a1aaa5;font-size:9px}.payroll-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.payroll-toolbar label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.payroll-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.payroll-list{overflow:hidden;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8}.payroll-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(105px,.45fr) minmax(100px,.45fr) auto;align-items:center;gap:14px;padding:15px 18px;border-top:1px solid #ece9e1;cursor:pointer}.payroll-row:first-child{border-top:0}.payroll-row:hover{background:#faf9f4}.payroll-ref{display:flex;align-items:center;gap:9px;color:#6c897f}.payroll-ref strong{display:block;color:#39564f;font-size:10px}.payroll-ref span{display:block;margin-top:3px;color:#95a09b;font-size:9px}.payroll-value{text-align:right;color:#284940;font-size:12px}.payroll-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.payroll-draft{color:#687872;background:#e9ece8}.payroll-approved{color:#946827;background:#faedcf}.payroll-exported{color:#34705e;background:#e0f0e7}.payroll-drawer-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#dceae2;color:#316c5c}.payroll-drawer-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #e2e1da}.payroll-drawer-summary span{display:block;margin-bottom:5px;color:#96a19c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.payroll-drawer-summary strong{color:#405a53;font-size:10px}.payroll-actions{flex-wrap:wrap;border-bottom:1px solid #e2e1da;padding-bottom:18px}.payroll-items{padding-top:18px}.payroll-items h3{margin:0 0 8px;color:#405b54;font-size:11px}.payroll-items>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #ece9e1;color:#637971;font-size:10px}.payroll-items small{display:block;margin-top:4px;color:#9aa49f;font-size:8px}.audit-panel{margin-top:20px;border-top:1px solid #e2e1da;padding-top:15px}.audit-heading{display:flex;align-items:center;justify-content:space-between;color:#405b54}.audit-heading h3{margin:0;font-size:11px}.audit-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ece9e1;padding:9px 0;color:#91a099;font-size:8px}.audit-row strong{color:#567169;font-size:9px;text-transform:capitalize}.audit-panel>p{color:#9aa49f;font-size:9px}.payroll-modal{width:min(100%,530px)}.modal-intro{margin:-5px 0 18px;color:#7b8f88;font-size:10px;line-height:1.5}.field-hint{display:block;margin-top:6px;color:#9aa49f;font-size:8px}@media(max-width:680px){.payroll-metrics{grid-template-columns:repeat(2,1fr)}.payroll-toolbar{align-items:stretch;flex-direction:column}.payroll-row{grid-template-columns:1fr auto;gap:9px}.payroll-value{text-align:left}.payroll-row>svg{display:none}.audit-row{display:block}.audit-row strong{display:block;margin-top:4px}}.outbox-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0 12px}.outbox-metrics article{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;border:1px solid #e2e0d8;border-radius:10px;background:#fffdf8;padding:15px 16px;color:#6d887e}.outbox-metrics span{color:#899790;font-size:9px}.outbox-metrics strong{grid-column:2;margin-top:5px;color:#23463f;font-size:21px}.outbox-toolbar{display:flex;align-items:center;gap:9px;margin:12px 0}.outbox-toolbar label{flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#8b9993;padding:0 12px}.outbox-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:#173332;font-size:11px}.outbox-toolbar select{border:1px solid #dedfd8;border-radius:9px;background:#fffdf8;color:#5f746d;padding:10px 30px 10px 12px;font-size:10px}.outbox-list{overflow:hidden;border:1px solid #e1dfd7;border-radius:11px;background:#fffdf8}.outbox-row{display:grid;grid-template-columns:minmax(230px,1fr) minmax(105px,.4fr) minmax(180px,.8fr);align-items:center;gap:14px;padding:15px 18px;border-top:1px solid #ece9e1;cursor:pointer}.outbox-row:first-child{border-top:0}.outbox-row:hover{background:#faf9f4}.outbox-topic{display:flex;align-items:center;gap:10px}.outbox-topic strong{display:block;color:#39564f;font-size:10px;text-transform:capitalize}.outbox-topic span:not(.outbox-icon){display:block;margin-top:3px;color:#95a09b;font-size:9px}.outbox-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px}.outbox-icon-pending{background:#faedcf;color:#946827}.outbox-icon-processing{background:#e8eef0;color:#557884}.outbox-icon-completed{background:#e0f0e7;color:#34705e}.outbox-icon-failed{background:#f7e5df;color:#a05a4c}.outbox-status{display:inline-flex;width:fit-content;border-radius:100px;padding:5px 8px;font-size:8px;font-weight:700;white-space:nowrap}.outbox-pending{color:#946827;background:#faedcf}.outbox-processing{color:#557884;background:#e8eef0}.outbox-completed{color:#34705e;background:#e0f0e7}.outbox-failed{color:#a05a4c;background:#f7e5df}.outbox-date{color:#899b94;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outbox-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #e2e1da}.outbox-detail-grid span{display:block;margin-bottom:5px;color:#96a19c;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.outbox-detail-grid strong{color:#405a53;font-size:10px}.outbox-error{display:flex;gap:8px;margin:17px 0;border-radius:8px;background:#fff2ec;color:#a05a4c;padding:10px;font-size:9px}.outbox-payload{margin:18px 0}.outbox-payload h3{margin:0 0 8px;color:#405b54;font-size:11px}.outbox-payload pre{max-height:190px;overflow:auto;margin:0;border-radius:8px;background:#f0f2ec;color:#58736a;padding:12px;font:9px/1.5 DM Mono,monospace;white-space:pre-wrap}@media(max-width:680px){.outbox-metrics{grid-template-columns:repeat(2,1fr)}.outbox-toolbar{align-items:stretch;flex-direction:column}.outbox-row{grid-template-columns:1fr auto;gap:9px}.outbox-date{grid-column:1 / -1}.outbox-detail-grid{grid-template-columns:1fr}}