@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";.admin-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-tool-card{width:100%;border:1px solid #dce5eb;background:#fff;padding:18px;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer;transition:.2s}.admin-tool-card:hover,.admin-tool-card.active{border-color:#0f766e;box-shadow:0 8px 24px #0f766e1a;transform:translateY(-1px)}.admin-tool-card>div{width:42px;height:42px;border-radius:10px;background:#edf7f5;color:#0f766e;display:grid;place-items:center}.admin-tool-card>span{display:flex;flex:1;flex-direction:column;gap:4px}.admin-tool-card strong{font-size:15px;color:#16324f}.admin-tool-card small{font-size:12px;line-height:1.45;color:#667985}.admin-tool-card>svg{width:17px;color:#8b9ba5}.admin-document{padding:0;overflow:hidden}.admin-document-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid #e3e9ed}.admin-document-head>div:first-child{min-width:0}.admin-document-head span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#0f766e}.admin-document-head span svg{width:15px}.admin-document-head h3{margin:7px 0 4px;font-size:21px;color:#16324f}.admin-document-head p{margin:0;color:#667985;font-size:13px}.admin-document-head small{display:block;margin-top:8px;color:#7b8d98}.admin-document pre{margin:0;max-height:55vh;min-height:320px;overflow:auto;padding:24px;white-space:pre-wrap;word-break:break-word;background:#f9fbfc;color:#263f50;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.error-log pre{background:#10273a;color:#d9e8ef}.log-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.outline-btn.danger{color:#b42318;border-color:#f0cbc7}.admin-notice{margin:14px 24px 0;padding:10px 12px;border-radius:8px;background:#fff7df;color:#7a5511;font-size:13px}.admin-standard{margin-top:18px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.admin-standard>svg{color:#0f766e}.admin-standard strong{color:#16324f}.admin-standard p{margin:4px 0 0;color:#667985;font-size:13px;line-height:1.6}@media(max-width:900px){.admin-tool-grid{grid-template-columns:1fr}.admin-document-head{flex-direction:column}.log-actions{justify-content:flex-start}}:root{font-family:DM Sans,sans-serif;color:#1c2935;background:#f4f7f9;font-synthesis:none}.svcpro{--navy:#16324f;--teal:#0f766e;--ink:#1c2935;--muted:#708090;--line:#dde5ea;--bg:#f4f7f9;min-height:100vh;background:var(--bg);font-size:14px}.svcpro *{box-sizing:border-box}.svcpro button,.svcpro input,.svcpro select,.svcpro textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#102b45;color:#dce7ef;display:flex;flex-direction:column;z-index:20;transition:.2s}.sidebar.collapsed{width:76px}.brand{height:78px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid #ffffff16;gap:10px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#16a394;border-radius:10px;color:#fff}.brand>div:nth-child(2){display:flex;flex-direction:column}.brand strong{font:800 23px Manrope;letter-spacing:-1px;color:#fff}.brand strong span{color:#43c7b6}.brand small{font-size:8px;letter-spacing:2.5px;color:#91a9bb}.collapse{margin-left:auto;background:transparent;border:0;color:#afc1cf;padding:7px;cursor:pointer}.workspace{margin:18px 12px 9px;padding:12px;border:1px solid #ffffff18;border-radius:8px;min-height:62px;position:relative;display:flex;flex-direction:column}.workspace small{font-size:9px;letter-spacing:1.4px;color:#7f9aaf}.workspace strong{font-size:12px;color:#fff;margin-top:3px}.workspace span{font-size:10px;color:#8fa7b8}.workspace>svg{position:absolute;right:10px;top:24px}.sidebar nav{padding:6px 10px;display:flex;flex-direction:column;gap:4px}.sidebar nav button{border:0;background:transparent;color:#a9bdcc;display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:7px;cursor:pointer;text-align:left}.sidebar nav button svg{width:19px}.sidebar nav button span{white-space:nowrap}.sidebar nav button.active{background:#ffffff12;color:#fff;box-shadow:inset 3px 0 #25b7a6}.sidebar nav button:hover{background:#ffffff0b;color:#fff}.sidebar nav b{margin-left:auto;font-size:10px;background:#294761;padding:3px 7px;border-radius:10px}.collapsed nav button span,.collapsed nav button b,.collapsed .workspace svg{display:none}.collapsed .workspace{min-height:42px;margin:18px 10px}.side-footer{margin:auto 14px 18px;padding:12px;border-radius:8px;background:#0b2237;display:flex;gap:9px;align-items:center}.side-footer svg{color:#41b8a9}.side-footer div{display:flex;flex-direction:column}.side-footer strong{font-size:11px;color:#fff}.side-footer span{font-size:9px;color:#7991a4}.main{margin-left:248px;min-height:100vh;transition:.2s}.main.expanded{margin-left:76px}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font:700 19px Manrope;margin:0}.topbar>div:first-child p{margin:3px 0 0;color:var(--muted);font-size:11px}.top-actions{display:flex;align-items:center;gap:10px}.global-search{width:300px;height:39px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px;gap:8px;background:#f9fbfc}.global-search svg{width:16px;color:#8997a3}.global-search input{border:0;outline:0;background:transparent;flex:1;font-size:12px}.global-search kbd{font-size:9px;color:#93a1ac;border:1px solid #d9e0e5;padding:2px 5px;border-radius:4px;background:#fff}.icon-btn{position:relative;width:39px;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;display:grid;place-items:center;color:#52616e}.icon-btn svg{width:17px}.icon-btn i{position:absolute;top:-4px;right:-3px;background:#e84a4a;color:#fff;width:16px;height:16px;border-radius:50%;font-size:9px;font-style:normal;display:grid;place-items:center;border:2px solid white}.app-btn{height:39px;border-radius:7px;border:1px solid var(--navy);background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap}.app-btn:hover{filter:brightness(1.1)}.app-btn:disabled{opacity:.5;cursor:not-allowed}.app-btn.secondary{background:#fff;color:#344b5f;border-color:#ced9e1}.role-picker{height:43px;margin-left:5px;padding-left:7px;display:flex;align-items:center;gap:7px;border-left:1px solid var(--line)}.role-picker>div{display:flex;flex-direction:column}.role-picker small{font-size:8px;color:#8c9aa5;text-transform:uppercase;letter-spacing:.5px}.role-picker select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:11px;font-weight:700;color:#344b5f;background:transparent;outline:0}.role-picker>svg{width:13px}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:11px;flex:0 0 auto}.avatar.md{width:36px;height:36px}.avatar.sm{width:28px;height:28px;font-size:9px}.avatar.xs{width:20px;height:20px;font-size:7px}.avatar.lg{width:54px;height:54px;font-size:15px}.page{padding:25px 28px 50px;max-width:1700px;margin:0 auto}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px #17324d08}.welcome{background:linear-gradient(115deg,#15324e,#1b4f65);border-radius:11px;color:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;right:-80px;top:-230px;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#8bd8ce;font-weight:700}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38d2bd;box-shadow:0 0 0 4px #38d2bd22;margin-right:7px}.welcome h2{font:700 24px Manrope;margin:6px 0 3px}.welcome p{margin:0;color:#c5d5df;font-size:12px}.weather{z-index:1;display:flex;align-items:center;gap:11px;margin-right:15px}.weather>span{font:600 31px Manrope}.weather div{display:flex;flex-direction:column}.weather strong{font-size:11px}.weather small{font-size:9px;color:#a8becc;margin-top:3px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metric{padding:18px;display:flex;gap:13px;align-items:center}.metric-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;background:#e8f1f8;color:#2e688b}.metric-icon.green{background:#e7f6f1;color:#0f766e}.metric-icon.amber{background:#fff3df;color:#c57a12}.metric-icon.violet{background:#f0ebfa;color:#7c55a6}.metric>div:last-child{display:flex;flex-direction:column}.metric span{font-size:10px;color:#71808d}.metric strong{font:700 22px Manrope;color:#1a2d3d;margin:1px 0}.metric small{font-size:9px;color:#81909c}.dash-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-bottom:14px}.section-head{min-height:67px;padding:16px 18px;border-bottom:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between}.section-head h3{font:700 14px Manrope;margin:0;color:#243847}.section-head p{font-size:10px;color:#83909b;margin:3px 0 0}.text-btn{border:0;background:transparent;color:#0f766e;font-weight:700;font-size:10px;display:flex;align-items:center;gap:2px;cursor:pointer}.text-btn svg{width:14px}.activity-row{display:flex;align-items:center;padding:13px 16px;min-height:77px;cursor:pointer;border-bottom:1px solid #f0f3f5}.activity-row:hover{background:#fafcfd}.time{width:48px;display:flex;flex-direction:column}.time strong{font-size:11px}.time span{font-size:9px;color:#8996a0}.route-line{height:50px;width:16px;border-left:1px solid #dce4e9;position:relative}.route-line i{position:absolute;width:7px;height:7px;border-radius:50%;background:#2da896;left:-4px;top:20px;border:2px solid #e0f5f0}.activity-main{flex:1;margin-left:11px}.activity-main>div{display:flex;align-items:center;gap:8px}.activity-main strong{font-size:11px}.activity-main p{margin:4px 0 3px;color:#4d6070;font-size:10px}.activity-main small{color:#8a98a3;font-size:9px}.activity-row>svg{width:15px;color:#9aa5ae}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:12px;background:#edf2f5;color:#526472;font-size:9px;font-weight:700;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-ready-for-billing,.status-completed,.status-active{background:#e4f4ee;color:#13745f}.status-in-progress,.status-on-site{background:#e7f1fa;color:#25648d}.status-scheduled{background:#eeeafb;color:#67509c}.status-traveling{background:#e5f5f2;color:#0f766e}.status-new{background:#fff2dc;color:#a7660d}.status-paused{background:#f7e8e8;color:#a84646}.count{background:#f8e7e5;color:#b94c45;padding:4px 8px;border-radius:10px;font-size:9px;font-weight:700}.attention-item{display:flex;gap:10px;padding:13px 16px;border-bottom:1px solid #eff2f4;align-items:center}.attention-item>svg{width:17px;color:#8a99a4}.attention-item.critical>svg{color:#d05a4e}.attention-item div{flex:1}.attention-item strong{font-size:10px}.attention-item p{font-size:9px;color:#7c8b96;margin:3px 0}.attention-item button{border:1px solid #d7e0e6;background:#fff;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700;color:#4c6172}.wo-preview{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#f8fafb;color:#84919b;font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:10px 13px;border-bottom:1px solid #e8edf0}td{padding:12px 13px;border-bottom:1px solid #edf1f3;font-size:10px;vertical-align:middle}tbody tr{cursor:pointer}tbody tr:hover{background:#fafcfd}td strong{display:block;font-size:10px;color:#2c3f4f}td small{display:flex;align-items:center;gap:3px;color:#84919b;font-size:8px;margin-top:3px}.wo-number{font:700 10px Manrope;color:#1d566f;margin-bottom:5px}.priority{font-size:8px;color:#778794;border:1px solid #dce3e8;border-radius:10px;padding:2px 6px}.priority.high{color:#b26b13;background:#fff8e8;border-color:#f2dcae}.priority.emergency{color:#bd463e;background:#fff0ef;border-color:#efc1bd}.money{font-weight:700;color:#304857}.avatar-stack{display:flex}.unassigned{color:#bb5d54;background:#fff1f0;border-radius:9px;padding:3px 7px;font-size:8px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.page-title h2{font:700 23px Manrope;margin:0}.page-title p{color:#788793;font-size:11px;margin:4px 0 0}.segmented{display:flex;border:1px solid var(--line);background:#fff;padding:3px;border-radius:7px}.segmented button{border:0;background:transparent;padding:6px 10px;border-radius:5px;color:#6d7c88;font-size:9px;cursor:pointer}.segmented button.active{background:#e8f0f5;color:#1c4b66;font-weight:700}.filterbar{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.filterbar label{height:34px;width:250px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:0 9px}.filterbar input{border:0;outline:0;width:100%;font-size:10px}.filterbar svg{width:14px;color:#84929d}.filterbar button,.schedule-tools>button,.outline-btn{height:34px;border:1px solid var(--line);background:#fff;border-radius:6px;color:#536675;padding:0 10px;font-size:9px;display:flex;align-items:center;gap:6px}.filterbar span{margin-left:auto;font-size:9px;color:#84919c}.schedule-tools{display:flex;gap:5px;align-items:center}.schedule-board{overflow-x:auto}.schedule-head{display:grid;grid-template-columns:180px repeat(10,1fr);min-width:1050px;background:#f8fafb;border-bottom:1px solid var(--line)}.schedule-head div{padding:10px;border-right:1px solid #edf1f3;color:#7c8993;font-size:8px;text-align:center;text-transform:uppercase}.schedule-row{display:grid;grid-template-columns:180px 1fr;min-width:1050px;min-height:90px;border-bottom:1px solid var(--line)}.schedule-tech{padding:16px;display:flex;gap:9px;align-items:center;border-right:1px solid var(--line)}.schedule-tech div{display:flex;flex-direction:column}.schedule-tech strong{font-size:10px}.schedule-tech small{font-size:8px;color:#84919b}.schedule-track{position:relative;background:repeating-linear-gradient(to right,#fff 0,#fff calc(11.111% - 1px),#edf1f3 calc(11.111% - 1px),#edf1f3 11.111%)}.job-block{position:absolute;top:14px;height:61px;border:0;border-left:4px solid #4d7d98;background:#e8f2f7;border-radius:5px;padding:6px 8px;text-align:left;color:#254557;overflow:hidden;cursor:pointer}.job-block strong,.job-block span,.job-block small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-block strong{font-size:9px}.job-block span{font-size:9px;font-weight:700;margin:2px 0}.job-block small{font-size:7px}.job-ready-for-billing,.job-completed{background:#e2f3ed;border-color:#13927a}.job-in-progress{background:#e7f0fa;border-color:#3776a0}.job-scheduled{background:#eeeafb;border-color:#7054a4}.conflict-banner{margin:12px;padding:10px 14px;background:#eef8f5;border:1px solid #d5ece6;border-radius:7px;display:flex;align-items:center;gap:9px;color:#216a5e}.conflict-banner svg{width:17px}.conflict-banner div{display:flex;flex-direction:column}.conflict-banner strong{font-size:10px}.conflict-banner span{font-size:8px;color:#5b7f78}.customer-grid{display:grid;gap:12px}.customer-card{overflow:hidden}.customer-summary{border:0;background:#fff;width:100%;display:flex;align-items:center;padding:16px;text-align:left;gap:12px;cursor:pointer}.customer-logo{width:42px;height:42px;border-radius:8px;background:#e9f2f5;color:#225a6e;display:grid;place-items:center;font-weight:800;font-size:11px}.customer-summary>div:nth-child(2){flex:1}.customer-summary h3{font:700 14px Manrope;margin:0}.customer-summary p{font-size:9px;color:#84919b;margin:3px 0}.customer-summary>svg{width:15px;margin-left:10px}.customer-detail{border-top:1px solid var(--line);padding:0 18px 18px;background:#fbfcfd}.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0;gap:20px}.contact-strip div{display:flex;flex-direction:column}.contact-strip small,.detail-grid small,.rate-row small{font-size:8px;letter-spacing:.6px;color:#8a98a2}.contact-strip strong{font-size:10px;margin-top:4px}.location-block{border:1px solid var(--line);border-radius:8px;background:#fff}.location-head{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line)}.location-head>svg{color:#0f766e;width:17px}.location-head div{display:flex;flex-direction:column;flex:1}.location-head strong{font-size:10px}.location-head span{font-size:8px;color:#80909b}.location-head button{border:0;background:transparent;color:#0f766e;font-size:9px;font-weight:700}.assets{padding:6px 12px}.asset{display:flex;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #eff2f4}.asset:last-child{border:0}.asset-icon,.part-icon{width:32px;height:32px;border-radius:7px;background:#eef4f7;color:#346378;display:grid;place-items:center}.asset-icon svg,.part-icon svg{width:16px}.asset>div:nth-child(2){display:flex;flex-direction:column;flex:1}.asset strong{font-size:10px}.asset span,.asset small{font-size:8px;color:#82909b}.asset-status{font-size:8px!important;color:#16735e!important;background:#e5f5ef;padding:3px 7px;border-radius:8px}.asset-status.needs{color:#b34f46!important;background:#fff0ef}.asset button{border:0;background:transparent;color:#0f766e;font-size:8px;font-weight:700;display:flex;align-items:center}.asset button svg{width:13px}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tech-card{padding:18px}.tech-head{display:flex;align-items:center;gap:12px}.tech-head>div{flex:1}.tech-head h3{margin:0;font:700 14px Manrope}.tech-head p{margin:2px 0;color:#7c8b96;font-size:9px}.available,.busy{font-size:8px;border-radius:9px;padding:4px 8px;background:#e6f5ef;color:#16745f}.busy{background:#e7f0fa;color:#28648d}.skill-list{display:flex;gap:5px;margin:14px 0}.skill-list span{font-size:8px;background:#f0f4f6;color:#4c6170;padding:4px 7px;border-radius:4px}.tech-info{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;display:flex;gap:18px}.tech-info p{display:flex;align-items:center;gap:5px;font-size:8px;color:#70808c}.tech-info svg{width:13px}.rate-row{display:grid;grid-template-columns:repeat(3,1fr);padding-top:12px}.rate-row div{display:flex;flex-direction:column}.rate-row strong{font:700 14px Manrope;margin-top:3px}.rate-row strong span{font-size:8px;color:#83909b;font-family:DM Sans}.report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.chart-card{overflow:hidden;padding-bottom:10px}.aging{margin-top:14px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:20px}.health-grid div{display:flex;flex-direction:column}.health-grid strong{font:700 20px Manrope}.health-grid span{font-size:9px;color:#72818d;margin:4px 0 8px}.health-grid progress{width:100%;height:5px;accent-color:#0f766e}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-card{padding:19px}.admin-card>div{width:38px;height:38px;border-radius:8px;background:#e8f2f4;color:#0f766e;display:grid;place-items:center}.admin-card svg{width:18px}.admin-card h3{font:700 13px Manrope;margin:13px 0 5px}.admin-card p{font-size:9px;color:#71818d;line-height:1.5;min-height:40px}.admin-card button{border:0;background:transparent;color:#0f766e;font-size:9px;font-weight:700;display:flex;align-items:center;padding:0}.admin-card button svg{width:13px}.integrations{margin-top:14px}.integrations>div:last-child{padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.integrations>div:last-child>span{border:1px solid var(--line);border-radius:6px;padding:10px;font-size:9px;font-weight:700;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.integrations i{width:7px;height:7px;border-radius:50%;background:#31a58f}.integrations small{grid-column:2;font-size:7px;color:#84919c;font-weight:400}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2236a8;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:12px;width:min(720px,94vw);max-height:94vh;overflow:auto;box-shadow:0 25px 80px #07131f60}.modal-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head span{font-size:8px;letter-spacing:1.4px;color:#0f766e;font-weight:700}.modal-head h2{font:700 20px Manrope;margin:3px 0}.modal-head p{font-size:10px;color:#7a8995;margin:0}.modal-head>button,.close{border:0;background:#f0f4f6;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.modal-head svg,.close svg{width:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 24px}.form-grid label,.signature-pad label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:700;color:#4b5e6d}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.signature-pad input{height:39px;border:1px solid #cfdae1;border-radius:6px;padding:0 10px;outline:0;background:#fff}.conflict-ok{margin:0 24px;padding:10px;background:#eef8f4;border-radius:7px;color:#287163;display:flex;gap:8px}.conflict-ok svg{width:17px}.conflict-ok div{display:flex;flex-direction:column}.conflict-ok strong{font-size:9px}.conflict-ok span{font-size:8px}.modal-actions{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.drawer-backdrop{justify-content:flex-end}.detail-drawer{background:#f5f8fa;width:min(1000px,94vw);height:100vh;box-shadow:-20px 0 60px #07131f33;overflow:auto}.detail-top{padding:22px 28px 18px;background:#fff;position:relative}.detail-top .close{position:absolute;right:22px;top:18px}.detail-id{display:flex;align-items:center;gap:7px}.detail-id>span:first-child{font:700 10px Manrope;color:#326179}.detail-top h2{font:700 22px Manrope;margin:9px 0 3px}.detail-top>p{font-size:10px;color:#768590;margin:0}.detail-actions{position:absolute;right:70px;bottom:17px;display:flex;gap:7px}.billing-lock{display:flex;align-items:center;gap:6px;color:#14705f;font-size:10px;font-weight:700}.billing-lock svg{width:16px}.tabs{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;padding:0 22px;position:sticky;top:0;z-index:3}.tabs button{border:0;background:transparent;height:46px;padding:0 13px;color:#6d7e8b;font-size:9px;font-weight:600;border-bottom:2px solid transparent;cursor:pointer}.tabs button.active{color:#0f766e;border-color:#0f766e}.detail-body{padding:18px 22px 40px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-grid section,.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px}.detail-grid h3{font:700 11px Manrope;margin:6px 0}.detail-grid p{font-size:9px;color:#657785;display:flex;gap:6px;align-items:flex-start;line-height:1.5}.detail-grid p svg{width:13px;height:13px;flex:none}.workflow-strip{background:#fff;border:1px solid var(--line);border-radius:8px;margin-top:12px;padding:15px}.workflow-strip h3{font:700 11px Manrope;margin:0 0 16px}.workflow-strip>div{display:flex;justify-content:space-between;position:relative}.workflow-strip>div:before{content:"";position:absolute;left:5%;right:5%;top:11px;height:2px;background:#dfe6ea}.workflow-strip>div>div{z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:#8a98a2;font-size:8px}.workflow-strip i{width:23px;height:23px;border-radius:50%;background:#e9eef1;display:grid;place-items:center;font-style:normal}.workflow-strip .done{color:#0f766e}.workflow-strip .done i{background:#0f766e;color:#fff}.field-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:12px}.panel{padding:0;overflow:hidden}.panel-head{min-height:60px;padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{font:700 12px Manrope;margin:0}.panel-head p{font-size:8px;color:#7c8b96;margin:3px 0 0}.panel-head>span{font-size:8px;background:#edf2f5;border-radius:9px;padding:3px 7px}.panel-head>svg{color:#0f766e;width:17px}.notes>div{padding:13px 15px;border-bottom:1px solid #edf1f3;display:flex;gap:9px}.notes>div>div{flex:1}.notes strong{display:flex;justify-content:space-between;font-size:9px}.notes strong span{font-weight:400;color:#8a97a2}.notes p{font-size:9px;color:#506371;line-height:1.5;margin:5px 0}.note-compose{padding:12px}.note-compose textarea{width:100%;height:70px;resize:none;border:1px solid var(--line);border-radius:6px;padding:9px;outline:0;font-size:10px;margin-bottom:8px}.timestamp-list{padding:7px 15px}.timestamp-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f3;padding:10px 0;font-size:9px}.timestamp-list span{color:#73828e}.timestamp-list strong{font-size:8px}.costs{display:grid;gap:12px}.cost-row{display:grid;grid-template-columns:35px 1fr 190px 80px;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid #edf1f3}.cost-row>div:nth-child(2){display:flex;flex-direction:column}.cost-row strong{font-size:9px}.cost-row span{font-size:8px;color:#758591}.cost-row>strong{text-align:right}.job-total{background:#15324e;color:#fff;border-radius:8px;padding:14px 18px;display:flex;justify-content:flex-end;align-items:center;gap:22px;font-size:9px}.job-total strong{font:700 13px Manrope}.empty{min-height:170px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#84929c;text-align:center}.empty>svg{width:29px;margin-bottom:8px;color:#a9b5bd}.empty strong{font-size:10px;color:#536572}.empty p{font-size:8px;max-width:300px}.file-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.file-card{border:1px solid var(--line);border-radius:7px;padding:11px;display:flex;align-items:center;gap:9px}.file-card>svg{color:#0f766e;width:20px}.file-card div{display:flex;flex-direction:column;flex:1;min-width:0}.file-card strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card span{font-size:8px;color:#81909b}.file-card>svg:last-child{width:14px;color:#8d99a2}.signoff{display:grid;gap:12px}.ai-label{color:#6c54a3!important;background:#f0ebfa!important;display:inline-flex;align-items:center;gap:4px}.ai-label svg{width:11px}.ai-panel textarea{display:block;width:calc(100% - 30px);height:150px;margin:15px;border:1px solid #ccd8df;border-radius:7px;padding:12px;resize:vertical;line-height:1.55;font-size:10px}.approval-row{border-top:1px solid var(--line);padding:12px 15px;display:flex;align-items:center;justify-content:space-between}.approval-row>span{font-size:8px;color:#6f7f8b;display:flex;align-items:center;gap:5px}.approval-row svg{width:14px}.signed{background:#e5f5ef!important;color:#14735f!important;display:flex;align-items:center;gap:4px}.signed svg{width:13px}.signature-complete{margin:15px;border:1px solid #dbe4e9;background:#fafcfd;border-radius:8px;height:120px;display:flex;align-items:center;justify-content:center;gap:18px}.signature-complete>svg{width:25px;color:#9caab3}.signature-complete div{display:flex;flex-direction:column}.signature-complete em{font-family:cursive;font-size:25px;color:#193d58}.signature-complete span{font-size:8px;color:#82909a}.signoff>.panel>.app-btn{margin:0 15px 15px}.signature-pad{padding:15px}.signature-pad canvas{width:100%;height:150px;border:1px dashed #9eafb9;border-radius:7px;background:#fcfdfd;touch-action:none}.signature-pad>span{display:block;text-align:center;font-size:8px;color:#8996a0;margin:4px}.signature-pad>div{display:flex;justify-content:flex-end;gap:8px}.signature-pad>div>button:first-child{border:0;background:transparent;color:#71818d;font-size:9px}.timeline{padding-bottom:20px}.timeline-row{display:grid;grid-template-columns:70px 20px 1fr;min-height:59px;padding:0 15px}.timeline-time{font-size:8px;color:#84919c;padding-top:16px;text-align:right;padding-right:10px}.timeline-dot{border-left:1px solid #dce4e9;position:relative}.timeline-dot i{position:absolute;width:8px;height:8px;border-radius:50%;background:#0f766e;border:2px solid #dff2ed;left:-5px;top:15px}.timeline-row>div:last-child{padding:13px 0;display:flex;flex-direction:column;border-bottom:1px solid #edf1f3}.timeline-row strong{font-size:9px}.timeline-row span{font-size:8px;color:#7c8b96;margin-top:3px}.timeline-row small{font-size:7px;color:#0f766e;display:flex;align-items:center;gap:3px;margin-top:4px}.timeline-row small svg{width:10px}@media(max-width:1150px){.global-search{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.dash-grid,.report-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{width:76px}.sidebar:not(.collapsed){width:76px}.sidebar .brand>div:nth-child(2),.sidebar nav span,.sidebar nav b,.sidebar .workspace>*,.sidebar .side-footer div{display:none}.main{margin-left:76px}.topbar{padding:0 14px}.topbar>div:first-child,.role-picker>div,.role-picker>svg{display:none}.page{padding:16px}.metrics,.tech-grid,.admin-grid,.detail-grid,.field-grid{grid-template-columns:1fr}.detail-actions{position:static;margin-top:12px}.detail-top{padding:18px}.tabs{overflow:auto}.tabs button{white-space:nowrap}.contact-strip{grid-template-columns:1fr}.integrations>div:last-child{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.cost-row{grid-template-columns:35px 1fr}.cost-row>span,.cost-row>strong{grid-column:2}.health-grid{grid-template-columns:repeat(2,1fr)}}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh}button,input,select,textarea{font:inherit}