/* Brand colours taken from the supplied company logo. */
:root{--brand-blue:#142b9d;--brand-blue-deep:#10227b;--brand-grey:#96989b;--brand-light:#edf0ff;--navy:var(--brand-blue)}
h1,h2,h3,h4,h5,h6,.qv-status-number,.report-summary-heading{font-family:'Times New Roman',Times,serif!important}
header{height:70px;min-height:70px;padding:10px 24px;gap:12px;background:var(--brand-blue);border-bottom:1px solid #3348af}
header h1{font-size:25px;line-height:28px;letter-spacing:.25px;font-weight:700;color:#fff}
.header-company-logo{display:block;object-fit:contain;width:46px;height:46px;flex:0 0 46px;background:white;border-radius:9px;border:1px solid #e8e8e8;padding:2px}
.header-notify{color:#eef1ff}.header-notify:hover{background:#ffffff1c;color:white}
nav{background:linear-gradient(180deg,var(--brand-blue-deep),#0f216c);border-right-color:#293d92}
.nav-group-title{color:#b7c1e5;letter-spacing:1.3px}
nav button{color:#e2e6fb}nav button .nav-icon{color:#bfc9f4}
nav button:hover{background:#ffffff14;color:#fff}
nav button.active{background:#edf0ff;color:var(--brand-blue);box-shadow:0 1px 3px #0000000c}
nav button.active .nav-icon{color:var(--brand-blue)}
nav button.active::before{background:#a8a9ae}
.nav-admin{border-top-color:#5363a1}.nav-admin-avatar{background:#edf0ff;color:var(--brand-blue)}
.nav-admin-copy strong{color:#fff}.nav-admin-action{color:#d8dff8}.nav-admin-action:hover{background:#ffffff14!important;color:#fff!important}
.page-kicker{color:#52659b}.page-heading h2{font-weight:700;font-size:28px;letter-spacing:-.4px}
.section-heading h3,.category-header h3,.qv-report-heading h3{font-size:17px;font-weight:400}
.qf-header h2{font-size:18px;letter-spacing:-.2px;font-weight:400}
.container .page-actions button.primary,.container button.q-button.primary,.qf-modal button.qf-button.primary,.qf-button.primary{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important}
.container .page-actions button.primary:hover,.container button.q-button.primary:hover,.qf-modal button.qf-button.primary:hover,.qf-button.primary:hover{background:#10227b!important;border-color:#10227b!important}
.container .section-heading button.primary,.modal:not(.qf-modal) button.primary{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:white!important}
.filter-chip.active{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important;color:#fff!important}
.container .report-tab.active,.container .settings-tab.active{background:#edf0ff!important;color:var(--brand-blue)!important;box-shadow:0 1px 3px #142b9d18!important}
.container .report-tab:hover,.container .settings-tab:hover{color:var(--brand-blue)!important}
.stat-card.stat-blue:before{background:var(--brand-blue)}.stat-card.stat-blue .stat-icon{background:#edf0ff;color:var(--brand-blue)}
.text-link{color:var(--brand-blue)!important}.client-avatar,.employee-avatar{color:var(--brand-blue);background:#eff1f8}
.check-col input,.qf-modal input[type=checkbox],.qf-modal input[type=radio],.qf-export-columns input,.qf-export-format input{accent-color:var(--brand-blue)!important}
.qf-csv-file::file-selector-button{background:var(--brand-blue)!important}
.login-info{background:linear-gradient(150deg,#142b9d,#10216d);color:#eef0ff}
.login-info:before,.login-info:after{border-color:#b6b9c73d}
.login-company-logo{display:block;width:78px;height:75px;background:#fff;object-fit:contain;border-radius:12px;padding:4px;box-shadow:0 4px 18px #09164a24}
.login-brand-caption{font-size:11px;line-height:18px;letter-spacing:1.7px;text-transform:uppercase;font-weight:500;color:#d0d6ee}
.login-info h1{font-size:36px;line-height:1.08;font-weight:700;letter-spacing:0;margin-top:30px}
.login-info p,.login-copy{color:#d1d7ed}.login-feature{color:#f0f2ff}.login-feature span{background:#ffffff16;color:#e0e2e9}
.login-kicker{color:var(--brand-blue)}.login-form-wrap h2{font-size:32px;font-weight:700}
.login-submit{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.login-submit:hover{background:var(--brand-blue-deep)}
.login-input-wrap:focus-within{border-color:#6478c8;box-shadow:0 0 0 3px #142b9d14}
@media(max-width:900px){header{padding:10px 16px}nav{border-bottom-color:#293d92}}
@media(max-width:540px){header{gap:9px;padding:10px 14px}header h1{font-size:19px;line-height:22px;letter-spacing:0}.header-company-logo{width:42px;height:42px;flex-basis:42px}.header-notify{width:30px;flex-shrink:0}#sharedSyncStatus{font-size:10px!important;margin-right:0!important}.login-company-logo{width:64px;height:62px}.login-info h1{font-size:30px}}