.qh-crm 500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}.qh-crm{margin:0;background:#f5f7fa;color:#223042;font-family:'DM Sans',Arial,sans-serif;font-size:14px}.qh-crm button,.qh-crm input,.qh-crm select,.qh-crm textarea{font:inherit}.qh-crm button,.qh-crm a,.qh-crm input,.qh-crm select,.qh-crm textarea{outline-offset:3px}.qh-crm button{cursor:pointer;background:white;border:1px solid #dae1e9;border-radius:8px;padding:10px 16px;color:#293b50;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}.qh-crm button:disabled{opacity:.5;cursor:wait}.qh-crm a{color:inherit}.qh-crm .qh-shell{display:flex;min-height:100vh}.qh-crm aside{width:238px;background:#112c3d;color:#dae5eb;padding:30px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.qh-crm .qh-brand{font:800 25px 'Manrope',sans-serif;display:flex;align-items:center;gap:12px;color:white;padding:0 12px}.qh-crm .qh-logo{display:flex;align-items:center;justify-content:center;background:#52ccb0;color:#123c3c;border-radius:10px;width:36px;height:36px}.qh-crm .qh-workspace-label{font-size:10px;letter-spacing:1.5px;color:#7f9da9;margin:43px 14px 16px}.qh-crm nav button{border:0;background:transparent;color:#a8bcc8;width:100%;justify-content:flex-start;padding:14px 13px;margin:3px 0;font-size:13px}.qh-crm nav button.qh-active{background:#234353;color:#eefdfa}.qh-crm nav button svg:last-child:not(:first-child){margin-left:auto}.qh-crm nav button.qh-active svg:first-child{color:#63d6bc}.qh-crm .qh-account{margin-top:auto;border-top:1px solid #2a4352;padding:22px 4px 0;display:flex;gap:10px;align-items:center;overflow:hidden}.qh-crm .qh-account div{min-width:0}.qh-crm .qh-account strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.qh-crm .qh-account small{display:block;font-size:11px;color:#94adb9;text-transform:capitalize;margin-top:5px}.qh-crm .qh-account a{margin-left:auto}.qh-crm .qh-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#456474;color:#fff}.qh-crm main{margin-left:238px;width:calc(100% - 238px)}.qh-crm header{height:77px;background:white;border-bottom:1px solid #e7ecf1;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.qh-crm .qh-crumb{display:flex;gap:13px;align-items:center;font-size:12px;color:#7c8897}.qh-crm .qh-role{font-size:12px;text-transform:capitalize;padding:7px 12px;border:1px solid #e0e9e8;border-radius:7px;display:flex;align-items:center;gap:8px}.qh-crm .qh-role span{height:6px;width:6px;background:#38b693;border-radius:50%}.qh-crm .qh-content{padding:38px;max-width:1600px;margin:auto}.qh-crm .qh-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.qh-crm .qh-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#5c8f88;margin-bottom:12px}.qh-crm h1,.qh-crm h2,.qh-crm h3{font-family:'Manrope',sans-serif;margin:0;letter-spacing:-.7px}.qh-crm h1{font-size:30px;color:#153648;line-height:1.3}.qh-crm p{color:#7a8796;line-height:1.65;margin:10px 0 0;font-size:13px}.qh-crm .qh-actions{display:flex;gap:10px;flex-shrink:0}.qh-crm .qh-primary{background:#168778;border-color:#168778;color:#fff;box-shadow:0 3px 5px #16877815}.qh-crm .qh-primary:hover{background:#117365}.qh-crm .qh-icon-button{padding:10px}.qh-crm .qh-period{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:24px 0 16px}.qh-crm .qh-period input{padding:8px 10px;max-width:165px;background:#fff}.qh-crm .qh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.qh-crm .qh-stat{padding:23px;background:white;border:1px solid #e4eaf0;border-radius:11px;position:relative;min-width:0}.qh-crm .qh-stat:first-child{background:#e8f5f0;border-color:#d5eae1}.qh-crm .qh-stat>span{color:#71838c;font-size:12px;font-weight:500}.qh-crm .qh-stat h2{font-size:25px;margin:18px 0 10px;color:#193e47;overflow-wrap:anywhere}.qh-crm .qh-stat small{font-size:10px;color:#8a97a0}.qh-crm .qh-stat-icon{position:absolute;right:18px;top:16px;background:#d2eae0;border-radius:7px;padding:6px;color:#268877}.qh-crm .qh-flow{margin:25px 0;display:flex;align-items:center;gap:24px;background:#edf1f5;border:1px solid #e1e7ed;padding:19px 25px;border-radius:10px}.qh-crm .qh-flow>div{display:grid;grid-template-columns:30px 1fr;gap:4px 10px}.qh-crm .qh-step{grid-row:span 2;align-self:center;display:grid;place-items:center;background:#fff;border:1px solid #dbe3e8;border-radius:50%;width:27px;height:27px;font-size:11px;font-weight:700;color:#4a7880}.qh-crm .qh-flow strong{font-size:11px}.qh-crm .qh-flow small{font-size:10px;color:#8b98a4}.qh-crm .qh-flow>svg{color:#a7b4bd;width:15px}.qh-crm .qh-flow-tag{margin-left:auto;font-size:10px;color:#90a0a9}.qh-crm .qh-panel{background:white;border:1px solid #e2e8ef;border-radius:12px;margin-top:24px;overflow:hidden;box-shadow:0 3px 6px #23445903}.qh-crm .qh-panel-head{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.qh-crm .qh-panel-head h3{font-size:16px;letter-spacing:-.3px}.qh-crm .qh-panel-head p{font-size:11px;margin-top:5px}.qh-crm .qh-count{display:inline-block;background:#edf2f5;color:#758592;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0;padding:3px 7px;border-radius:5px;margin-left:8px}.qh-crm .qh-filters{display:flex;gap:10px}.qh-crm .qh-search{display:flex;align-items:center;border:1px solid #e2e7ec;border-radius:7px;padding-left:11px;color:#a0acb7}.qh-crm .qh-search input{border:0;width:190px;font-size:11px}.qh-crm .qh-filters select{font-size:11px;width:140px}.qh-crm .qh-table-wrap{overflow-x:auto}.qh-crm table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.qh-crm th{background:#fafbfd;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;text-transform:uppercase;font-size:9px;letter-spacing:.8px;color:#84939e;padding:15px 18px;font-weight:600}.qh-crm td{font-size:12px;padding:20px 18px;border-bottom:1px solid #edf1f5}.qh-crm td small{display:block;margin-top:6px;color:#95a0aa;font-size:10px}.qh-crm td strong{font-weight:500}.qh-crm .qh-product{display:block;white-space:normal;min-width:165px;max-width:260px;line-height:1.5;color:#304b5b}.qh-crm .qh-positive{color:#188a72}.qh-crm .qh-negative{color:#c85454}.qh-crm .qh-muted{color:#96a1ac;font-size:11px}.qh-crm .qh-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:5px;font-size:10px;text-transform:capitalize}.qh-crm .qh-sold{background:#e6f5ed;color:#288666}.qh-crm .qh-waiting{background:#fff3d9;color:#a88026}.qh-crm .qh-open{background:#edf1f9;color:#7185a1}.qh-crm .qh-invoice{display:inline-flex;gap:3px;color:#268977;text-decoration:none;font-size:11px}.qh-crm .qh-text-button{border:0;padding:5px;background:transparent;font-size:11px}.qh-crm .qh-empty{padding:65px 20px;text-align:center;color:#a6b7be}.qh-crm .qh-empty>svg{margin-bottom:20px}.qh-crm .qh-empty h3{color:#526978;font-size:17px}.qh-crm .qh-empty p{max-width:420px;margin:10px auto 22px}.qh-crm .qh-report-total{display:flex;justify-content:space-between;gap:16px;padding:22px;background:#f1f8f5;font-size:12px;color:#447b6b}.qh-crm footer{display:flex;justify-content:space-between;margin-top:28px;font-size:10px;color:#9aa8b2}.qh-crm footer span{font-size:9px}.qh-crm .qh-alert,.qh-crm .qh-notice,.qh-crm .qh-info{padding:14px 18px;border-radius:8px;margin:15px 0;font-size:12px;line-height:1.7}.qh-crm .qh-alert{background:#fff0ef;color:#a94439}.qh-crm .qh-notice{background:#e3f3e9;color:#267754}.qh-crm .qh-info{background:#eaf2f9;color:#4e6e8b}.qh-crm .qh-team-panel>h3{padding:24px}.qh-crm .qh-team-form{display:flex;align-items:end;gap:16px;padding:0 24px 30px}.qh-crm .qh-team-form label{flex:1}.qh-crm label{display:block;font-size:12px;font-weight:600;color:#526979;margin-bottom:18px}.qh-crm input,.qh-crm textarea,.qh-crm select{display:block;padding:11px 12px;background:white;border:1px solid #dce4eb;border-radius:7px;width:100%;color:#2f4355;margin-top:8px;min-height:39px}.qh-crm input:disabled,.qh-crm textarea:disabled{background:#f1f4f6;color:#748792}.qh-crm textarea{min-height:90px;resize:vertical}.qh-crm .qh-team-form label{margin-bottom:0}.qh-crm .qh-team-form button{margin-bottom:0;height:42px}.qh-crm .qh-audit{display:flex;align-items:center;gap:18px;padding:20px 25px;border-top:1px solid #ecf0f3}.qh-crm .qh-audit-dot{width:8px;height:8px;background:#78baa9;border-radius:50%}.qh-crm .qh-audit strong{font-size:12px;font-weight:500}.qh-crm .qh-audit small{display:block;font-size:11px;color:#8fa0ad;margin-top:7px}.qh-crm .qh-audit time{margin-left:auto;color:#8fa0ad;font-size:10px}.qh-crm .qh-overlay{position:fixed;inset:0;background:#0f283c88;z-index:20;display:flex;justify-content:center;align-items:center;padding:22px;backdrop-filter:blur(3px)}.qh-crm .qh-modal{width:560px;max-height:94vh;overflow:auto;background:white;border-radius:14px;box-shadow:0 20px 80px #1234}.qh-crm .qh-modal-head{display:flex;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #e4eaf0}.qh-crm .qh-modal h2{font-size:23px}.qh-crm .qh-modal form{padding:25px 30px}.qh-crm .qh-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qh-crm .qh-margin{background:#eef7f3;padding:16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#287c6a}.qh-crm .qh-margin small{width:100%;font-size:10px}.qh-crm .qh-check{display:flex;gap:10px;align-items:center}.qh-crm .qh-check input{margin:0;width:17px;min-height:17px;accent-color:#178978}.qh-crm .qh-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid #e6ecf0;padding-top:20px;margin-top:10px}.qh-crm .qh-modal-footer>button:first-child.qh-negative{margin-right:auto}.qh-crm .qh-loading{padding:10vh 10vw}.qh-crm .qh-loading .qh-brand{color:#153648;margin-bottom:40px}.qh-crm .qh-loading h2{margin-bottom:24px}@media(min-width:1600px){.qh-crm h1{font-size:34px}.qh-crm .qh-stat h2{font-size:29px}}@media(max-width:1100px){.qh-crm aside{width:200px}.qh-crm main{margin-left:200px;width:calc(100% - 200px)}.qh-crm .qh-content{padding:25px}.qh-crm .qh-stats{grid-template-columns:repeat(2,1fr)}.qh-crm .qh-panel-head{align-items:flex-start;flex-direction:column}.qh-crm .qh-flow-tag{display:none}.qh-crm .qh-flow{gap:14px;padding:15px}.qh-crm .qh-team-form{flex-wrap:wrap}.qh-crm .qh-team-form label{min-width:170px}}@media(max-width:700px){.qh-crm .qh-shell{display:block}.qh-crm aside{position:static;width:100%;padding:18px;display:block}.qh-crm .qh-brand{font-size:22px}.qh-crm .qh-workspace-label,.qh-crm .qh-account{display:none}.qh-crm nav{display:flex;overflow-x:auto;margin-top:15px;gap:4px}.qh-crm nav button{width:auto;white-space:nowrap;font-size:11px;padding:10px}.qh-crm nav button svg{width:15px}.qh-crm nav button svg:last-child:not(:first-child){display:none}.qh-crm main{margin:0;width:100%}.qh-crm header{padding:0 20px;height:56px}.qh-crm .qh-content{padding:23px 16px}.qh-crm h1{font-size:25px}.qh-crm .qh-page-heading{align-items:flex-start}.qh-crm .qh-page-heading p{font-size:11px}.qh-crm .qh-page-heading .qh-actions{flex-direction:column}.qh-crm .qh-actions .qh-primary{padding:10px;font-size:11px}.qh-crm .qh-eyebrow{font-size:8px}.qh-crm .qh-stats{gap:10px}.qh-crm .qh-stat{padding:18px}.qh-crm .qh-stat h2{font-size:21px}.qh-crm .qh-stat-icon{display:none}.qh-crm .qh-stat small{font-size:9px}.qh-crm .qh-flow{display:none}.qh-crm .qh-filters{width:100%}.qh-crm .qh-search{flex:1}.qh-crm .qh-search input{width:100%}.qh-crm .qh-panel-head{padding:18px}.qh-crm .qh-filters select{width:125px}.qh-crm .qh-report-total{flex-direction:column}.qh-crm .qh-modal form,.qh-crm .qh-modal-head{padding:20px}.qh-crm .qh-overlay{padding:10px}.qh-crm .qh-two{gap:12px}.qh-crm .qh-audit time{max-width:85px}.qh-crm footer span{max-width:200px;text-align:right}}.qh-crm{font-family:Arial,Helvetica,sans-serif;line-height:1.5;background:#f5f7fa;color:#223042;font-size:14px;border-radius:14px;overflow:hidden;margin:24px 0;isolation:isolate;text-align:left;max-width:none;width:100%}.qh-crm h1,.qh-crm h2,.qh-crm h3,.qh-crm .qh-brand{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:none}.qh-crm button{font-family:inherit;line-height:1.4;text-transform:none;letter-spacing:normal;height:auto;box-shadow:none}.qh-crm input,.qh-crm textarea,.qh-crm select{font-family:inherit;line-height:1.4;box-shadow:none;height:auto;max-width:100%;box-sizing:border-box}.qh-crm table{margin:0;border:none}.qh-crm th,.qh-crm td{border-left:0;border-right:0;vertical-align:middle}.qh-crm p{margin:10px 0 0}.qh-crm small{line-height:1.5}.qh-crm aside{position:sticky;inset:auto;top:20px;align-self:flex-start;height:calc(100vh - 40px);min-height:540px;flex-shrink:0}.qh-crm main{margin-left:0;flex:1;min-width:0}.qh-crm .qh-shell{min-height:650px}.qh-crm .qh-signout{padding:6px;background:transparent;border:0;color:#b5c9d2;margin-left:auto}.qh-crm .qh-account{margin-top:auto}.qh-crm .qh-avatar{font-size:13px}.qh-crm .qh-role{color:#268b77}.qh-crm header>span:first-child{font-size:12px;color:#8a98a5}.qh-crm .qh-flow{justify-content:space-between;font-size:11px;color:#496274}.qh-crm .qh-flow b{background:#fff;border-radius:50%;padding:5px 9px;margin-right:8px}.qh-crm .qh-flow i{font-style:normal;color:#94a8b5}.qh-crm .qh-stat h2{font-size:23px}.qh-crm .qh-badge svg{height:12px;width:12px}.qh-crm .qh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qh-crm .qh-login{display:grid;grid-template-columns:1fr 1fr;background:white;min-height:520px}.qh-crm .qh-login-intro{background:#112c3d;padding:50px;color:#e6f0f4;display:flex;flex-direction:column}.qh-crm .qh-login-intro .qh-brand{padding:0;margin-bottom:62px}.qh-crm .qh-login-intro .qh-brand svg{color:#64d3b6;width:30px;height:30px}.qh-crm .qh-login-intro .qh-eyebrow{color:#70c6b5}.qh-crm .qh-login-intro h1{color:#fff;font-size:38px;line-height:1.25;margin:0 0 10px}.qh-crm .qh-login-intro p{color:#9db6c3;margin-bottom:32px}.qh-crm .qh-login-step{display:flex;align-items:center;gap:14px;margin:13px 0;font-size:12px}.qh-crm .qh-login-step b{font-size:10px;color:#6dd8bd;border:1px solid #3c6173;border-radius:6px;padding:5px 8px}.qh-crm .qh-login-form{padding:60px 50px;align-self:center}.qh-crm .qh-login-form h2{font-size:25px;color:#16384a;line-height:1.35}.qh-crm .qh-login-form form{margin-top:30px}.qh-crm .qh-login-form form>.qh-primary{width:100%;padding:13px;justify-content:space-between}.qh-crm .qh-login-form>small{display:block;color:#94a2ad;font-size:11px;margin-top:24px}.qh-crm .qh-login-form input{background:#f9fbfc}.qh-crm .qh-login-form .qh-check input{width:16px}.qh-crm .qh-margin{background:#eef7f3;padding:16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#287c6a}.qh-crm .qh-margin small{width:100%;font-size:10px}.qh-crm .qh-loading{padding:50px}.qh-crm button:hover{filter:brightness(.95)}.qh-crm button:focus-visible,.qh-crm input:focus-visible,.qh-crm a:focus-visible{outline:2px solid #279d86;outline-offset:3px}.qh-crm .qh-overlay{z-index:100000}.qh-crm .qh-modal-head h2{line-height:1.4}.qh-crm footer{background:transparent;padding:0;border:0}.qh-crm .qh-main>header{position:static;width:auto}.qh-crm .qh-main>.qh-content{width:auto}
@media(max-width:1100px){.qh-crm aside{width:190px}.qh-crm .qh-stat h2{font-size:21px}.qh-crm .qh-login-intro,.qh-crm .qh-login-form{padding:36px}.qh-crm main{margin-left:0}.qh-crm .qh-flow{flex-wrap:wrap}}
@media(max-width:700px){.qh-crm aside{position:static;height:auto;min-height:0;width:100%}.qh-crm .qh-shell{display:block}.qh-crm main{margin:0;width:100%}.qh-crm .qh-account{display:flex;margin-top:16px;padding-top:14px}.qh-crm .qh-login{grid-template-columns:1fr}.qh-crm .qh-login-intro{padding:30px}.qh-crm .qh-login-intro .qh-brand{margin-bottom:28px}.qh-crm .qh-login-intro h1{font-size:28px}.qh-crm .qh-login-step{display:none}.qh-crm .qh-login-intro p{margin-bottom:0}.qh-crm .qh-login-form{padding:30px}.qh-crm .qh-content{padding:22px 14px}.qh-crm .qh-flow{display:none}.qh-crm .qh-search input{width:100%;min-width:0}.qh-crm .qh-stat h2{font-size:19px}.qh-crm .qh-modal{width:100%}.qh-crm .qh-two{grid-template-columns:1fr}}

.qh-crm .qh-customer{display:block;white-space:normal;min-width:130px;max-width:200px;overflow-wrap:anywhere;color:#304b5b;font-weight:600}

/* Keep the portal name inside even the narrow sidebar. */
.qh-crm .qh-sidebar .qh-brand{font-size:16px;line-height:1.3;gap:8px;padding:0;letter-spacing:-.25px;white-space:nowrap}
.qh-crm .qh-sidebar .qh-logo{width:24px;height:28px;flex:0 0 24px}
.qh-crm .qh-sidebar .qh-logo svg{width:18px;height:18px}

/* Centered sign-in screen. */
.qh-crm .qh-login{display:flex;justify-content:center;align-items:center;min-height:560px;padding:40px 20px;background:#f5f7fa}
.qh-crm .qh-login-form{width:100%;max-width:480px;padding:36px;background:white;border:1px solid #e2e8ef;border-radius:14px;box-shadow:0 8px 28px #16384a08;align-self:auto}
.qh-crm .qh-login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;color:#168778}
.qh-crm .qh-login-brand h1{font-size:25px;line-height:1.3;color:#153648;margin:0;letter-spacing:-.6px}
.qh-crm .qh-login-brand svg{width:26px;height:26px;flex-shrink:0}
.qh-crm .qh-login-form h2{font-size:20px;text-align:center}
.qh-crm .qh-login-form>p{text-align:center}
@media(max-width:700px){.qh-crm .qh-login{padding:24px 12px;min-height:500px}.qh-crm .qh-login-form{padding:28px 22px}.qh-crm .qh-login-brand h1{font-size:23px}}

.qh-crm .qh-report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.qh-crm .qh-report-stats{grid-template-columns:1fr}}