/* Calm sky and water wallpaper with legible, light workspace panels. */
:root{--brand-blue:#176f87;--brand-blue-deep:#11566b;--brand-light:#e7f6fa;--navy:#176f87;--paper:#f4fafc;--ink:#183b4a;--muted:#496975;--line:#d4e6eb}
html{background:#dceff7}
body{background-color:#dceff7;background-image:linear-gradient(rgba(242,250,253,.36),rgba(234,248,251,.12)),url('assets/sky-water-wallpaper.png');background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;color:#183b4a}
.app-layout,.container{background:transparent}
header{background:rgba(246,252,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid #ffffffb3;box-shadow:0 2px 12px #18516d0c}
header h1{color:#173e52}.header-company-logo{box-shadow:0 2px 8px #174c6812;border-color:#deedf3}
.header-notify{color:#345f72}.header-notify:hover{background:#d9f0f7;color:#173e52}
#sharedSyncStatus{color:#4a6976!important}
nav{background:linear-gradient(180deg,rgba(245,252,255,.86),rgba(225,244,251,.77));backdrop-filter:blur(16px);border-right:1px solid #ffffffb3;box-shadow:3px 0 18px #19557708}
.nav-group-title{color:#4e7789}
nav button{color:#234e62}nav button .nav-icon{color:#54869d}
nav button:hover{color:#0f4d66;background:#ffffffa8}
nav button.active{background:#ffffffed;color:#145a73;border:1px solid #d1e7ee;box-shadow:0 3px 12px #25697f0d}
nav button.active .nav-icon{color:#1a7893}nav button.active::before{background:#58a7bf}
.nav-admin{border-top-color:#a9cedb}.nav-admin-avatar{color:#17617a;background:#ffffffdb;border:1px solid #d1e7ef}
.nav-admin-copy strong{color:#244e61}.nav-admin-action{color:#457589}.nav-admin-action:hover{background:#ffffffa8!important;color:#13546d!important}
.page-heading{border-bottom-color:#ffffffb8}.page-heading h2{color:#163d51}.page-kicker{color:#3a6b82}.page-heading p{color:#365e70}
.table-card,.stat-card,.qv-report-group{background:rgba(255,255,255,.95);border-color:#dae9ee;box-shadow:0 4px 18px #1d61750a}
.reference-table th,#dashboardPage .reference-table th,.qv-report-table .reference-table th,.report-results .reference-table th{background:#f5fafc;color:#526e7b}
.reference-table td{border-bottom-color:#dfebef}.reference-table tbody tr:hover{background:#f0f8fb}
.section-heading,.qv-report-heading,.category-header{border-bottom-color:#e0ecf0}
.stat-card.stat-blue:before{background:#63acc4}.stat-card.stat-blue .stat-icon{background:#e4f4fa;color:#1b718c}
.reference-search,.work-filters input,.work-filters select{background-color:rgba(255,255,255,.92);border-color:#cbdfe7;color:#224e61}
.filter-chip{background:#ffffffd9!important;border-color:#c9e0e8!important;color:#305f73!important}
.filter-chip.active{background:#176f87!important;border-color:#176f87!important;color:#fff!important}
.report-tabs,.settings-tabs{background:#ecf7fbbf;border:1px solid #ffffffa6;backdrop-filter:blur(8px)}
.container .report-tab,.container .settings-tab{color:#426b7d!important}
.container .report-tab.active,.container .settings-tab.active{background:#fff!important;color:#12617c!important;box-shadow:0 2px 5px #256b8317!important}
.container .report-tab:hover,.container .settings-tab:hover{color:#135a73!important}
.container .page-actions button.primary,.container button.q-button.primary,.qf-modal button.qf-button.primary,.qf-button.primary,.container .section-heading button.primary,.modal:not(.qf-modal) button.primary{background:#176f87!important;border-color:#176f87!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:#11566b!important;border-color:#11566b!important}
.container .page-actions button.secondary,.container button.q-button.secondary{background:#ffffffeb!important;color:#28586d!important;border-color:#c8e0e8!important}
.text-link{color:#146983!important}.client-avatar,.employee-avatar{background:#eaf5f9;color:#246982}
.check-col input,.qf-modal input[type=checkbox],.qf-modal input[type=radio],.qf-export-columns input,.qf-export-format input{accent-color:#176f87!important}
.qf-csv-file::file-selector-button{background:#176f87!important}
.category-tile{background:#fbfdfe;border-color:#e0ebef}.category-tile .category-code{color:#2e677d}
.report-date-range{background:rgba(255,255,255,.89)}
.qf-modal .qf-panel{background:#fff;border-color:#d9e9ee;box-shadow:0 18px 60px #1b526c25}.qf-footer{background:#f5fafc;border-top-color:#deebef}
.modal.qf-modal{background:rgba(35,79,101,.15)}
#loginPage{background-color:#dceff7;background-image:linear-gradient(rgba(232,247,252,.13),rgba(217,243,249,.08)),url('assets/sky-water-wallpaper.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.login-shell{background:rgba(248,253,255,.68);border:1px solid #ffffffcf;backdrop-filter:blur(12px);box-shadow:0 22px 70px #174f6a24}
.login-info{background:linear-gradient(145deg,rgba(242,252,255,.65),rgba(216,242,248,.54));color:#204d62}
.login-info:before,.login-info:after{display:none}
.login-info h1{color:#173e52}.login-info p,.login-info .login-copy{color:#345e70}.login-brand-caption{color:#416f83}
.login-company-logo{box-shadow:0 4px 16px #215b7314}
.login-feature{color:#254e62}.login-feature span{background:#ffffffc9;color:#377b97;border:1px solid #d9edf4}
.login-form-panel{background:rgba(255,255,255,.93)}.login-kicker{color:#1c708c}.login-form-wrap h2{color:#183f52}
.login-submit{background:#176f87;border-color:#176f87;color:#fff}.login-submit:hover{background:#11566b}
.login-input-wrap:focus-within{border-color:#6da8be;box-shadow:0 0 0 3px #2685a31a}
@media(max-width:900px){nav{border-bottom-color:#d6eaf1}.container{background:transparent}}
@media(prefers-reduced-transparency:reduce){header,nav{background:#f2fbff}.table-card,.stat-card{background:#fff}}