/* Shared corporate presentation. No workflow or component identifiers change. */
html:root body[class] {
    --krewla-page:#edf3f5; --krewla-soft:#edf6f5; --krewla-line:#d8e5e8;
    --sky-navigation-rail-surface:linear-gradient(155deg,rgba(255,255,255,.94),rgba(218,239,239,.87));
    --sky-navigation-rail-border:rgba(255,255,255,.9);
    font-family:Inter,"Segoe UI",Arial,sans-serif;
}
html:root body[class]:is(.sky-light,.sky-dark) {background:radial-gradient(ellipse at 0 0,#d5ebe9,transparent 48%),var(--krewla-page)!important}
html:root body[class] :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,.dash-mtext) {font-family:Inter,"Segoe UI",Arial,sans-serif!important}
html:root body.sky-icon-navigation #sky-main-sidebar {
    background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(218,239,239,.87))!important;
    border:1px solid rgba(255,255,255,.95)!important;border-radius:20px!important;
    box-shadow:0 18px 48px rgba(24,62,83,.09),inset 0 1px 0 #fff!important;
    backdrop-filter:blur(24px);color:#24445a!important;
}
html:root body.sky-icon-navigation #sky-main-sidebar .dash-navbar>.dash-item>.dash-link {color:#355267!important;border-radius:9px!important}
html:root body.sky-icon-navigation #sky-main-sidebar .dash-navbar>.dash-item>.dash-link:hover {background:#dceeed!important;color:#005e68!important}
html:root body.sky-icon-navigation #sky-main-sidebar .dash-navbar>.dash-item:is(.active,.dash-trigger,.sky-flyout-open)>.dash-link {background:#103b57!important;color:#fff!important;box-shadow:inset 3px 0 #13cfba,0 4px 10px #10315b18!important}
html:root body.sky-icon-navigation .dash-sidebar .m-header {border-bottom:1px solid #cfe0e3!important}
html:root body.sky-icon-navigation .dash-sidebar img.krewla-brand-logo,
html:root body[class] img.krewla-brand-logo {background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;filter:none!important}
html:root body[class] .auth-wrapper .sky-auth-brand {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html:root body[class] .auth-wrapper {background:radial-gradient(ellipse at 15% 20%,#c5e7e1,transparent 55%),linear-gradient(125deg,#eaf3f7,#f8fbfc)!important;color:#173449!important}
html:root body[class] .auth-wrapper :is(.sky-auth-title,.sky-auth-subtitle,.sky-auth-copy,h1,h2,p) {color:#24445a!important}
html:root body[class] .auth-wrapper .auth-footer small {color:#24445a!important}
html:root body[class] .card {border-radius:14px!important;box-shadow:0 6px 24px #10315b06!important}
html:root body[class] :is(.card-header,.modal-header) {border-radius:14px 14px 0 0!important;background:var(--krewla-surface)!important;border-bottom:1px solid var(--krewla-line)!important;padding-top:20px;padding-bottom:20px}
html:root body[class] :is(.form-control,.form-select,.select2-selection) {border-radius:8px!important;min-height:38px}
html:root body[class] .btn {border-radius:8px;font-weight:600}
html:root body[class] .table thead th {font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding-top:15px;padding-bottom:15px}
html:root body[class] .table td {vertical-align:middle;border-bottom-color:var(--krewla-line);padding-top:13px;padding-bottom:13px}
html:root body[class] .page-header {padding:18px 22px;border:1px solid var(--krewla-line);border-left:4px solid #008c91;border-radius:12px;background:var(--krewla-surface);margin-bottom:24px}
html:root body[class] .dash-content :is([class$="-hero"],[class*="-hero "],.sky-dashboard-hero) {border-radius:14px!important;background:linear-gradient(110deg,#123750 0%,#155568 75%,#087f81)!important;box-shadow:0 12px 28px #10315b12!important}
html:root[data-sky-theme] body.sky-icon-navigation .sky-action-rail {background:rgba(255,255,255,.9)!important;backdrop-filter:blur(20px);border-top:1px solid #fff!important;border-radius:18px!important;box-shadow:0 14px 40px #10315b12!important}
/* Executive overview: editorial header, compact metrics and restrained graphics. */
html:root body[class] .ov-wrap {gap:20px}
html:root body[class] .dash-content .ov-hero {min-height:154px;padding:30px 32px;border:1px solid #d0e2e6!important;border-left:5px solid #00898c!important;background:linear-gradient(110deg,#fff 40%,#e2f1f0)!important;box-shadow:0 8px 30px #10315b07!important;color:#173449!important}
html:root body[class] .dash-content .ov-hero[class] h2 {color:#173449!important;font-weight:700;font-size:clamp(24px,2.3vw,36px);letter-spacing:-1px}
html:root body.sky-icon-navigation #sky-main-sidebar .dash-navbar>.dash-item>.dash-link .dash-micon i {color:inherit!important;text-shadow:none!important}
html:root body.sky-icon-navigation #sky-main-sidebar[class] .dash-navbar>.dash-item>.dash-link .dash-micon {color:inherit!important;background:transparent!important;box-shadow:none!important;border:0!important}
html:root body[class] .ov-workforce-focus .ov-workforce-rate {color:#e5fffa!important}
html:root body[class] .ov-notice-banner button {color:#285269!important;background:#fff!important;border:1px solid #cbdfe3!important}
html:root body[class] .dash-content .ov-hero :is(p,.ov-eyebrow) {color:#4d6b7c!important;opacity:1}
html:root body[class] .ov-hero:before {width:300px;height:300px;right:6%;top:-200px;border:48px solid #008c9110;border-radius:50%}
html:root body[class] .ov-hero:after {left:auto;right:0;bottom:-160px;width:280px;height:280px;background:transparent;border:35px solid #006bab0a;filter:none}
html:root body[class] .ov-eyebrow:before {background:#00898c}
html:root body[class] .ov-month {background:#fff!important;border:1px solid #cbdfe3!important;color:#285269!important;border-radius:8px;font-size:11px;box-shadow:none}
html:root body[class] :is(.ov-card,.ov-stat,.ov-access-card,.ov-team-card) {border-radius:14px!important;border:1px solid var(--krewla-line)!important;background:var(--krewla-surface)!important;box-shadow:0 5px 20px #10315b05!important}
html:root body[class] .ov-head {padding:18px 22px;background:var(--krewla-surface)!important}
html:root body[class] :is(.ov-head h5,.ov-section-title h5) {font-weight:700;font-size:15px;letter-spacing:-.2px}
html:root body[class] .ov-workforce {padding:0 20px 20px;background:var(--krewla-surface)!important;gap:14px;grid-template-columns:minmax(200px,.8fr) minmax(0,2fr)}
html:root body[class] .ov-workforce.metrics-only {grid-template-columns:1fr}
html:root body[class] .ov-workforce:before {display:none}
html:root body[class] .ov-workforce-focus {min-height:180px;border-radius:10px;background:linear-gradient(130deg,#103750,#096c75)!important;box-shadow:none;padding:24px}
html:root body[class] .ov-workforce-focus>strong {font-size:48px;font-weight:650;letter-spacing:-2px}
html:root body[class] .ov-workforce-metric {border-radius:10px!important;background:var(--krewla-soft)!important;box-shadow:none!important;border:1px solid var(--krewla-line)!important;padding:20px 16px}
html:root body[class] .ov-workforce-metric>strong {font-size:32px!important;font-weight:650!important;color:var(--krewla-ink)!important}
html:root body[class] .ov-workforce-icon {background:var(--krewla-surface)!important;border:1px solid var(--krewla-line);border-radius:10px!important;color:var(--krewla-teal)!important}
html:root body[class] .ov-stats {gap:12px}
html:root body[class] .ov-stat {min-height:155px;padding:18px;text-align:left;display:grid;grid-template-columns:1fr 80px;align-items:center;column-gap:8px;border-top:3px solid var(--tone)!important}
html:root body[class] .ov-stat:after {display:none}
html:root body[class] .ov-stat-head {justify-content:flex-start;font-size:12px;font-weight:650;grid-column:1;align-self:end;min-height:36px}
html:root body[class] .ov-gauge {grid-column:2;grid-row:1 / 3;width:80px;height:80px;margin:0;align-self:center}
html:root body[class] .ov-gauge-copy {padding:12px 5px}
html:root body[class] .ov-gauge-copy strong {font-size:13px;color:var(--krewla-ink)!important;font-weight:750}
html:root body[class] .ov-gauge-copy span {font-size:7px;color:var(--krewla-muted)!important}
html:root body[class] .ov-gauge:after {inset:12px;background:var(--krewla-surface);box-shadow:none}
html:root body[class] .ov-gauge-value {stroke-width:7;filter:none}
html:root body[class] .ov-gauge-track {stroke-width:7;stroke:var(--krewla-line)}
html:root body[class] .ov-stat-detail {grid-column:1;align-self:start;margin-top:6px;font-size:10px;color:var(--krewla-muted)!important}
html:root body[class] .ov-notice-banner {background:var(--krewla-soft)!important;color:var(--krewla-ink)!important;border-bottom:1px solid var(--krewla-line);padding:18px 22px}
html:root body[class] .ov-notice-banner :is(h5,small,span) {color:var(--krewla-ink)!important}
html:root body[class] .ov-notice-banner:after {display:none}
html:root body[class] .ov-day {border-radius:7px;background:var(--krewla-surface);border-color:var(--krewla-line)}
html:root body[class] .ov-day.today {border-color:#00898c;box-shadow:inset 0 3px #00898c}
html:root[data-sky-theme="dark"] body[class] {--krewla-page:#091d2c;--krewla-soft:#193e4e;--krewla-line:#315464}
html:root[data-sky-theme="dark"] body[class] .dash-content .ov-hero {background:linear-gradient(110deg,#123047,#174c56)!important;border-color:#315464!important}
html:root[data-sky-theme="dark"] body[class] .dash-content .ov-hero[class] :is(h2,p,.ov-eyebrow) {color:#e2f3f5!important}
html:root[data-sky-theme="dark"] body.sky-icon-navigation .sky-action-rail {background:rgba(17,46,64,.95)!important;border-color:#315464!important}
@media(max-width:1200px) {html:root body[class] .ov-stats {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px) {
    html:root body[class] .dash-content .ov-hero {padding:22px 18px;align-items:flex-start;flex-direction:column;gap:16px}
    html:root body[class] .ov-workforce {grid-template-columns:1fr;padding:0 12px 12px}
    html:root body[class] .ov-stat {grid-template-columns:1fr;min-height:190px;padding:12px;text-align:center}
    html:root body[class] .ov-stat-head {justify-content:center;grid-column:1}
    html:root body[class] .ov-gauge {grid-column:1;grid-row:auto;margin:8px auto}
    html:root body[class] .ov-stat-detail {grid-column:1}
}

/* Flat executive cards and readable navigation, including the mobile drawer. */
html:root[data-sky-theme] body.sky-icon-navigation #sky-main-sidebar[class] .navbar-content .dash-navbar > .dash-item > .dash-link,
html:root[data-sky-theme] body.sky-icon-navigation #sky-main-sidebar[class] .navbar-content .dash-navbar > .dash-item > .dash-link :is(.dash-mtext,.dash-micon,i) {
 color:#24465a!important;-webkit-text-fill-color:#24465a!important;text-shadow:none!important;opacity:1!important;
}
html:root[data-sky-theme] body.sky-icon-navigation #sky-main-sidebar[class] .navbar-content .dash-navbar > .dash-item:is(.active,.dash-trigger,.sky-flyout-open) > .dash-link {background:#c9e8e4!important;box-shadow:inset 3px 0 #007e83!important}
html:root[data-sky-theme] body.sky-icon-navigation #sky-main-sidebar[class] .navbar-content .dash-navbar > .dash-item:is(.active,.dash-trigger,.sky-flyout-open) > .dash-link :is(.dash-mtext,.dash-micon,i) {color:#103b50!important;-webkit-text-fill-color:#103b50!important}
html:root body[class] .dash-content :is(.card,[class$="-card"],.lop-panel,.lop-balance) {border-radius:6px!important;background:var(--krewla-surface)!important;border:1px solid var(--krewla-line)!important;box-shadow:0 3px 0 #10315b05!important}
html:root body[class] .dash-content :is(.card,[class$="-card"],.lop-panel,.lop-balance)::after {display:none!important}
html:root body[class] .ov-main {grid-template-columns:minmax(0,1fr);gap:24px}
html:root body[class] .ov-balance-grid {grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;gap:16px}
html:root body[class] .ov-balance-card {--balance-tone:#007e83!important;--balance-soft:#edf6f5!important;min-height:0;padding:20px;grid-template-rows:auto auto auto;border-top:3px solid #007e83!important}
html:root body[class] .ov-balance-title span {width:32px;height:32px;flex-basis:32px;border-radius:4px;background:var(--krewla-soft);color:var(--krewla-teal)}
html:root body[class] .ov-balance-title h6 {font-size:13px;font-weight:650;color:var(--krewla-ink)!important}
html:root body[class] :is(.ov-balance-title small,.ov-balance-row,.ov-balance-copy span) {color:var(--krewla-muted)!important}
html:root body[class] .ov-balance-gauge {width:100%;height:auto;margin:24px 0 20px}
html:root body[class] .ov-balance-gauge svg,html:root body[class] .ov-balance-gauge:after {display:none}
html:root body[class] .ov-balance-copy {position:static;display:flex;align-items:baseline;justify-content:flex-start;gap:10px;text-align:left;padding:0}
html:root body[class] .ov-balance-copy strong {font-size:36px;font-weight:650;letter-spacing:-1.4px;color:var(--krewla-ink)!important}
html:root body[class] .ov-balance-copy span {font-size:10px;letter-spacing:.02em}
html:root body[class] .ov-balance-row strong {color:var(--krewla-ink)!important}
html:root body[class] .ov-balance-usage {height:4px;border-radius:0;background:var(--krewla-line)}
html:root body[class] .ov-balance-usage span {border-radius:0;background:#007e83}
html:root body[class] .ov-stat {--tone:#007e83!important;--soft:#edf6f5!important;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;text-align:left;border-top:0!important;border-left:3px solid #007e83!important;border-radius:6px!important;padding:20px;gap:12px}
html:root body[class] .ov-stat-head {min-height:0;align-self:auto;font-size:12px;color:var(--krewla-muted)!important}
html:root body[class] .ov-gauge {width:auto;height:auto;margin:0;align-self:flex-start}
html:root body[class] .ov-gauge svg,html:root body[class] .ov-gauge:after {display:none}
html:root body[class] .ov-gauge-copy {position:static;padding:0;display:block}
html:root body[class] .ov-gauge-copy strong {font-size:28px;font-weight:650;letter-spacing:-.8px}
html:root body[class] .ov-gauge-copy span {display:none}
html:root body[class] .ov-stat-detail {margin:0;align-self:auto;font-size:11px}
html:root body[class] .ov-calendar {padding:20px}
html:root body[class] :is(.ov-week,.ov-grid) {gap:1px;background:var(--krewla-line);border:1px solid var(--krewla-line)}
html:root body[class] .ov-week {border-bottom:0;background:var(--krewla-soft)}
html:root body[class] .ov-week span {padding:12px 5px;color:var(--krewla-muted);font-weight:650}
html:root body[class] .ov-day {border:0;border-radius:0;min-height:125px;background:var(--krewla-surface);padding:12px;box-shadow:none}
html:root body[class] .ov-day.today {border:0;background:var(--krewla-soft);box-shadow:inset 0 3px #007e83}
html:root body[class] .ov-day.empty {background:var(--krewla-page)}
html:root body[class] .ov-day strong {color:var(--krewla-ink)}
html:root body[class] :is(.ov-head,.lop-head) {background:var(--krewla-soft)!important;border-radius:0!important;border-bottom:1px solid var(--krewla-line)}
html:root body[class] :is(.ov-head-icon,.ov-access-icon) {border-radius:5px;background:var(--krewla-soft)!important;color:var(--krewla-teal)!important;box-shadow:none}
html:root body[class] .ov-workforce-metric {background:var(--krewla-surface)!important;border-radius:6px!important;border-top:3px solid #007e83!important}
html:root body[class] .ov-workforce-metric:after {display:none}
html:root body[class] .ov-team-person {border-radius:0;padding:14px 8px}
html:root body[class] .lop-balances {grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}
html:root body[class] .lop-balance {--lop-accent:#007e83!important;--lop-accent-soft:#edf6f5!important;padding:20px;border-top:3px solid #007e83!important}
html:root body[class] .lop-balance-head {border-bottom:1px solid var(--krewla-line);padding-bottom:14px}
html:root body[class] .lop-balance-head .icon {border-radius:4px!important;background:var(--krewla-soft)!important;color:var(--krewla-teal)!important;box-shadow:none!important}
html:root body[class] .lop-balance-main {display:block;padding-top:18px}
html:root body[class] .lop-balance-ring {width:auto;height:auto;margin:0 0 18px;border:0;border-radius:0;background:none!important;box-shadow:none!important;display:block}
html:root body[class] .lop-balance-ring:before,html:root body[class] .lop-balance-ring:after {display:none}
html:root body[class] .lop-balance-ring-copy {position:static;display:flex;align-items:baseline;gap:10px;text-align:left;padding:0;background:none!important}
html:root body[class] .lop-balance-ring-copy strong {font-size:36px;font-weight:650;letter-spacing:-1px;color:var(--krewla-ink)!important}
html:root body[class] .lop-balance-ring-copy span {color:var(--krewla-muted)!important}
html:root body[class] .lop-balance-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html:root body[class] .lop-balance-metric {display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 8px;border:0;border-left:1px solid var(--krewla-line);border-radius:0;background:transparent}
html:root body[class] .lop-balance-metric strong {color:var(--krewla-ink)!important;overflow-wrap:anywhere}
@media(max-width:1000px) {html:root body[class] .ov-balance-grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px) {
 html:root body[class] .ov-balance-grid {grid-template-columns:1fr;padding:12px}
 html:root body[class] .ov-calendar {padding:8px}
 html:root body[class] .ov-day {padding:5px;min-height:100px}
 html:root body[class] .ov-stat {padding:14px;min-height:145px}
}
html:root[data-sky-theme] body.sky-icon-navigation #sky-main-sidebar[class] :is(.sky-sidebar-logout,.sky-sidebar-logout .dash-mtext,.sky-sidebar-logout i,.dash-arrow,.dash-arrow i) {color:#24465a!important;-webkit-text-fill-color:#24465a!important;text-shadow:none!important;opacity:1!important}
html:root body[class] .lop-balance-ring-copy {justify-content:flex-start}

/* Krewla glass palette: mint surfaces, teal actions, high-contrast ink. */
html:root body[class] {
 --krewla-blue:#007b80;--krewla-teal:#007b80;--krewla-mint:#22c5b5;
 --krewla-ink:#173f43;--krewla-muted:#506e71;--krewla-page:#eaf5f3;
 --krewla-surface:rgba(255,255,255,.82);--krewla-soft:#e0f2ee;--krewla-line:#c9e3de;
 --bs-primary:#007b80;--bs-primary-rgb:0,123,128;--bs-link-color:#007b80;
 --sky-system-primary:#007b80!important;--sky-system-primary-deep:#00666c!important;--sky-system-primary-light:#21ad9f!important;
 --sky-blue:#007b80;--sky-blue-deep:#00666c;--sky-nav-blue:#007b80;--sky-nav-blue-strong:#00666c;
}
html:root body[class]:is(.sky-light,.sky-dark) {background:radial-gradient(ellipse at 0 10%,#ceeee6,transparent 50%),radial-gradient(ellipse at 100% 75%,#d9eeef,transparent 50%),var(--krewla-page)!important}
html:root body[class] .dash-content :is(.lop,.att,.ed,.ana,.mpr,.ws,.pw) {--blue:#007b80;--navy:#00666c;--mint:#22b5a5;--ink:var(--krewla-ink);--muted:var(--krewla-muted);--line:var(--krewla-line);--soft:var(--krewla-soft);--lop-navy:#00666c;--lop-blue:#007b80;--lop-teal:#168d80;--lop-ink:var(--krewla-ink);--lop-muted:var(--krewla-muted);--lop-line:var(--krewla-line);--lop-soft:var(--krewla-soft)}
html:root body[class] .dash-content :is(.card,[class$="-card"],[class$="-panel"],.ov-card,.ov-stat,.lop-balance,.ed-stat,.att-stat) {
 background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,250,247,.75))!important;
 border:1px solid #fff!important;border-radius:14px!important;
 box-shadow:0 8px 24px rgba(27,92,85,.055),inset 0 1px 0 #fff!important;
 backdrop-filter:blur(16px);color:var(--krewla-ink);
}
html:root body[class] .dash-content :is([class$="-hero"],[class*="-hero "],.sky-dashboard-hero) {
 background:linear-gradient(110deg,rgba(216,244,235,.95),rgba(232,248,245,.9) 60%,rgba(186,233,222,.88))!important;
 border:1px solid #fff!important;box-shadow:0 8px 28px #087f790c!important;backdrop-filter:blur(18px);color:#173f43!important;
}
html:root[data-sky-theme] body[class] .dash-content :is([class$="-hero"],[class*="-hero "],.sky-dashboard-hero) :is(h1,h2,h3,h4,p,small,strong,[class$="-subtitle"],[class$="-kicker"],[class$="-eyebrow"]) {color:#173f43!important;text-shadow:none!important;opacity:1}
html:root body[class] .dash-content :is(.ov-hero,.ov-workforce-focus,.ov-notice-banner) {background:linear-gradient(115deg,#dbf2eb,#eef9f5)!important;color:#173f43!important;border-color:#fff!important;box-shadow:none!important}
html:root body[class] .ov-workforce-focus :is(strong,small,span,i,.ov-workforce-rate) {color:#174b49!important}
html:root body[class] .ov-workforce-rate {background:#ffffffa8!important;border-color:#bfdfd5!important}
html:root body[class] :is(.btn-primary,.auth-submit,.lop-btn,.att-btn,.ed-btn,.mpr-btn,.ov-access-action,.att-apply) {background:#007b80!important;border-color:#007b80!important;color:#fff!important;box-shadow:0 5px 12px #007b8014!important}
html:root body[class] :is(.btn-primary,.auth-submit,.lop-btn,.att-btn,.ed-btn,.mpr-btn):hover {background:#00666c!important;color:#fff!important}
html:root body[class] :is(.lop-btn,.att-btn,.ed-btn,.mpr-btn):is(.light,.secondary,.outline) {background:var(--krewla-soft)!important;color:var(--krewla-teal)!important;border-color:var(--krewla-line)!important}
html:root body[class] :is(.btn-danger,.lop-btn.danger,.ed-btn.danger,.mpr-btn.danger) {background:#b63f52!important;color:#fff!important;border-color:#b63f52!important}
html:root body[class] :is(.card-header,.table thead th,.lop-head,.att-head,.ov-head,.ed-directory-head) {background:var(--krewla-soft)!important;color:var(--krewla-ink)!important;border-color:var(--krewla-line)!important}
html:root body[class] .dash-content :is(.ed-grid,.ed-directory,.ed-toolbar,.ed-card-body,.att-profile,.lop-profile,.ed-person) {background:transparent!important;border-color:var(--krewla-line)!important}
html:root body[class] .dash-content :is(.ed-info,.ed-info.salary,.ed-stat,.att-stat,.lop-balance-metric,.att-dir-person.active) {background:rgba(228,246,240,.7)!important;border:1px solid var(--krewla-line)!important;border-radius:10px!important;color:var(--krewla-ink)!important}
html:root body[class] :is(.ed-name h5,.ed-info strong,.ed-person h5,.att-profile h4,.lop-profile h4,.ed-stat strong) {color:var(--krewla-ink)!important}
html:root body[class] :is(.ed-name>small,.ed-info small,.ed-info em,.ed-person small,.att-profile small,.lop-profile small) {color:var(--krewla-muted)!important}
html:root body[class] :is(.ed-id,.ed-info-icon,.ed-info.salary .ed-info-icon,.ov-workforce-icon,.ov-head-icon,.att-stat-icon) {background:#d8eee7!important;color:#006e6a!important;box-shadow:none!important}
html:root body[class] .ed-card:before {background:#35b8a4!important}
html:root body[class] :is(.ed-avatar,.att-avatar) {box-shadow:0 5px 16px #087f7915!important;border-color:#fff!important}
html:root body[class] :is(.sky-rail-total,.page-item.active .page-link) {background:#007b80!important;color:#fff!important}
html:root body.sky-icon-navigation #sky-main-sidebar {background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(212,240,230,.86))!important}
html:root body[class] :is(.form-control,.form-select,.lop-input,.att-input) {background:rgba(255,255,255,.88)!important;color:var(--krewla-ink)!important;border-color:var(--krewla-line)!important}
/* Authentication is a quiet, two-column glass composition. */
html:root body[class] .auth-wrapper.auth-v3 {display:flex;align-items:center;justify-content:center;padding:36px 24px;min-height:100vh;background:radial-gradient(ellipse at 12% 10%,#b5e8d8,transparent 52%),radial-gradient(ellipse at 93% 88%,#b5e4e4,transparent 50%),#edf7f3!important}
html:root body[class] .auth-workspace-scene,html:root body[class] .bg-auth-side {display:none!important}
html:root body.krewla-login-page .auth-content {width:min(1080px,100%)!important;max-width:1080px!important;padding:0!important;margin:auto!important}
html:root body.krewla-login-page .sky-auth-topbar {display:none!important}
html:root body.krewla-login-page .auth-content>.card {width:100%!important;max-width:none!important;margin:0!important;border:1px solid #fff!important;border-radius:26px!important;background:rgba(255,255,255,.56)!important;box-shadow:0 24px 70px #167c7018,inset 0 1px #fff!important;backdrop-filter:blur(24px);overflow:hidden}
html:root body.krewla-login-page .auth-gateway {display:grid;grid-template-columns:1fr 1fr;min-height:570px;gap:0}
html:root body.krewla-login-page .auth-visual.krewla-welcome {position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:52px 46px;min-height:570px;background:linear-gradient(145deg,rgba(185,230,216,.65),rgba(231,250,242,.5))!important;border-right:1px solid #fff}
html:root body.krewla-login-page .auth-visual:before,html:root body.krewla-login-page .auth-visual:after {display:none}
html:root body.krewla-login-page .krewla-welcome-brand {position:relative;z-index:2;display:block}
html:root body.krewla-login-page .krewla-welcome-brand img.krewla-brand-logo {width:240px!important;height:68px!important;max-width:100%;object-fit:contain}
html:root body.krewla-login-page .krewla-welcome-copy {position:relative;z-index:2;margin:62px 0 88px}
html:root body.krewla-login-page .krewla-welcome-eyebrow {display:block;margin-bottom:18px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;color:#246960}
html:root body.krewla-login-page .auth-wrapper .krewla-welcome-copy h2 {font-size:36px;line-height:1.2;font-weight:650;letter-spacing:-1.2px;color:#18564f!important;margin:0 0 18px}
html:root body.krewla-login-page .auth-wrapper .krewla-welcome-copy p {max-width:295px;font-size:13px;line-height:1.8;color:#416a64!important;margin:0}
html:root body.krewla-login-page .krewla-welcome-caption {display:flex;align-items:center;gap:10px;font-size:10px;color:#35655e;font-weight:550;position:relative;z-index:2}
html:root body.krewla-login-page .krewla-welcome-caption>span {width:7px;height:7px;border-radius:50%;background:#16a68f;box-shadow:0 0 0 4px #16a68f12}
html:root body.krewla-login-page .krewla-welcome-art {position:absolute;z-index:-1;right:-135px;bottom:-40px;width:370px;height:370px;transform:rotate(-30deg);pointer-events:none}
html:root body.krewla-login-page .krewla-welcome-art span {position:absolute;inset:0;border:1px solid #ffffffd9;border-radius:64px;background:linear-gradient(150deg,#ffffff6b,#7fcfbb24);box-shadow:0 14px 40px #1686750a}
html:root body.krewla-login-page .krewla-welcome-art span:nth-child(2) {inset:46px;transform:translate(-44px,-10px)}
html:root body.krewla-login-page .krewla-welcome-art span:nth-child(3) {inset:92px;transform:translate(-88px,-20px)}
html:root body.krewla-login-page .auth-form-panel {min-height:0;padding:58px 52px;background:rgba(255,255,255,.63)!important}
html:root body.krewla-login-page .auth-form-panel:before {display:none}
html:root body.krewla-login-page .auth-wrapper .auth-form-panel h1 {font-size:30px;letter-spacing:-.7px;font-weight:650;color:#173f43!important}
html:root body.krewla-login-page .auth-wrapper .auth-subtitle {color:#506e71!important;font-size:12px;margin:12px 0 30px}
html:root body.krewla-login-page .auth-field-head label {color:#254f50!important;font-size:12px;font-weight:600}
html:root body.krewla-login-page .auth-forgot-link {color:#00746e!important;font-size:11px}
html:root body.krewla-login-page .auth-input-wrap .form-control {min-height:50px;padding-left:40px;border:1px solid #c4ded6!important;border-radius:10px!important;background:#ffffffb3!important;color:#244c4b!important;font-size:13px}
html:root body.krewla-login-page :is(.auth-input-wrap>i,.auth-password-toggle) {color:#4b7b72!important}
html:root body.krewla-login-page .sky-remember-login {color:#365c58!important;font-size:11px}
html:root body.krewla-login-page .auth-submit {min-height:50px;border-radius:10px;font-size:13px;font-weight:600;background:#007b80!important;color:#fff!important;box-shadow:0 8px 20px #007b801a!important}
html:root body.krewla-login-page .auth-footer {position:static!important;padding:22px 0 0;text-align:center;width:100%;margin:0}
html:root body.krewla-login-page .auth-footer small {color:#506e71!important;font-size:11px}
html:root[data-sky-theme="dark"] body[class]:not(.krewla-login-page) {--krewla-page:#102b29;--krewla-surface:#1c3835;--krewla-soft:#23443f;--krewla-ink:#e1f5ec;--krewla-muted:#b3d2c5;--krewla-line:#3a6056;--krewla-teal:#75dccc}
html:root[data-sky-theme="dark"] body[class] .dash-content :is(.card,[class$="-card"],[class$="-panel"],.ov-card,.ov-stat,.lop-balance,.ed-stat,.att-stat) {background:linear-gradient(135deg,#22423eee,#193833e8)!important;border-color:#3a6056!important;box-shadow:0 8px 24px #051c1915!important}
html:root[data-sky-theme="dark"] body[class] :is(.ed-info,.ed-info.salary,.att-dir-person.active,.lop-balance-metric) {background:#23443f!important}
@media(max-width:767px) {
 html:root body[class] .auth-wrapper.auth-v3 {padding:20px 14px;align-items:flex-start}
 html:root body.krewla-login-page .auth-gateway {grid-template-columns:1fr;min-height:0}
 html:root body.krewla-login-page .auth-visual.krewla-welcome {min-height:0;padding:28px 28px 24px;border-right:0;border-bottom:1px solid #fff}
 html:root body.krewla-login-page .krewla-welcome-brand img.krewla-brand-logo {width:190px!important;height:52px!important}
 html:root body.krewla-login-page .krewla-welcome-copy {margin:24px 0 0}
 html:root body.krewla-login-page .krewla-welcome-eyebrow {margin-bottom:9px;font-size:9px}
 html:root body.krewla-login-page .auth-wrapper .krewla-welcome-copy h2 {font-size:25px;margin-bottom:0}
 html:root body.krewla-login-page .krewla-welcome-copy p,html:root body.krewla-login-page .krewla-welcome-caption {display:none}
 html:root body.krewla-login-page .auth-form-panel {padding:30px 28px}
 html:root body.krewla-login-page .auth-wrapper .auth-form-panel h1 {font-size:25px}
 html:root body.krewla-login-page .auth-content>.card {border-radius:20px!important}
}
html:root body.krewla-login-page .auth-wrapper .auth-form-panel #login_button {background:#007b80!important;border-color:#007b80!important;color:#fff!important}
html:root body.krewla-login-page .auth-wrapper .auth-form-panel #login_button:hover {background:#00666c!important}
html:root[data-sky-theme] body[class] .dash-content :is(.sky-module-icon,[class$="-hero-icon"],.ed-stat-icon) {background:linear-gradient(135deg,#c4e9dc,#e2f5ed)!important;color:#006c66!important;border-color:#ffffffa8!important;box-shadow:inset 0 1px #fff,0 6px 15px #007b8010!important}
html:root body[class] .ed-search-button {background:#007b80!important;border-color:#007b80!important;color:#fff!important}