/* Dreamworth One design system. Source of truth; distribute with scripts/sync_professional_theme.py.
   Screen-only presentation preserves existing document and print layouts. */
@media screen {
html[data-dw-theme] {--dw-accent:#3159d9;--dw-accent-dark:#2343ad;--dw-soft:#eef2ff;--dw-ink:#17243b;--dw-muted:#5c6b82;--dw-border:#dfe6f1;--dw-radius:16px;--dw-shadow:0 5px 22px rgba(24,44,83,.055);--dw-navy:#111f40;color-scheme:light}
html[data-dw-theme="payroll"],html[data-dw-theme="employee"] {--dw-accent:#7144c5;--dw-accent-dark:#59339f;--dw-soft:#f3eefe}
html[data-dw-theme="invoice"] {--dw-accent:#087e80;--dw-accent-dark:#096568;--dw-soft:#e7f6f4}
html[data-dw-theme="vendor"] {--dw-accent:#1764be;--dw-accent-dark:#124d96;--dw-soft:#eaf3ff}
html[data-dw-theme] body {margin:0;background:radial-gradient(ellipse at 95% 0%,var(--dw-soft),transparent 48%),#f4f6fb!important;color:var(--dw-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
html[data-dw-theme] *,html[data-dw-theme] *::before,html[data-dw-theme] *::after {box-sizing:border-box}
html[data-dw-theme] :is(h1,h2,h3,h4,h5){letter-spacing:-.025em;line-height:1.25}
html[data-dw-theme] :is(.top-header,.topbar,.suite-topbar,.employee-topbar,.dw-header){background:#fff!important;border-bottom:1px solid var(--dw-border);box-shadow:0 3px 18px #17243b06!important;border-top:4px solid var(--dw-accent);height:auto;min-height:82px}
html[data-dw-theme] :is(.brand-title,.suite-brand-title,.employee-brand-title,.dw-title,.brand-text h1){color:var(--dw-navy);font-weight:800;letter-spacing:-.035em;font-size:23px}
html[data-dw-theme] :is(.brand-subtitle,.suite-brand-subtitle,.employee-brand-subtitle,.dw-subtitle,.brand-text p){font-size:12px;color:var(--dw-muted);letter-spacing:.01em}
html[data-dw-theme] :is(.company-logo,.suite-logo,.top-logo,.payroll-header-logo,.employee-logo){object-fit:contain;max-height:52px;width:auto}
html[data-dw-theme] :is(.header-top-row,.topbar,.suite-topbar,.employee-topbar,.top-header-left,.top-header-right){gap:16px}
html[data-dw-theme] :is(.profile-card,.user-box,.suite-user-box,.user-info){font-size:13px}
html[data-dw-theme] :is(.logout-btn,.suite-logout,.logout-link,.employee-logout){background:#fff1f2!important;color:#a52941!important;border:1px solid #f5cbd3!important;border-radius:9px!important;padding:8px 14px!important;font-size:12px;font-weight:700;text-decoration:none;box-shadow:none}
html[data-dw-theme] :is(.header-nav-row,.top-nav){background:#fff}
html[data-dw-theme] .top-nav{gap:7px;flex-wrap:wrap}
html[data-dw-theme] :is(.top-nav a,.top-nav summary,.nav a,.employee-nav a){font-size:13px;border-radius:9px!important;transition:background .15s,color .15s}
html[data-dw-theme] :is(.top-nav a,.top-nav summary){background:transparent;color:#47566e;padding:9px 12px}
html[data-dw-theme] :is(.top-nav a:hover,.top-nav a.active,.top-nav summary.active,.nav a.active,.employee-nav a.active){background:var(--dw-soft)!important;color:var(--dw-accent-dark)!important;box-shadow:inset 0 -2px var(--dw-accent)}
html[data-dw-theme] :is(.sidebar,.dw-sidebar){background:linear-gradient(165deg,#15264c,#101c37)!important;color:#e1e9fa;border-right:1px solid #223354}
html[data-dw-theme] :is(.sidebar a,.dw-sidebar a){color:#d5e0f5!important;border:0!important;border-radius:10px!important;margin:4px 12px;padding:12px 14px!important;font-size:13px!important;line-height:1.5;text-decoration:none;background:transparent!important;transition:background .15s}
html[data-dw-theme] :is(.sidebar a:hover,.dw-sidebar a:hover){background:#ffffff12!important;color:#fff!important}
html[data-dw-theme] :is(.sidebar a[aria-current="page"],.dw-sidebar a[aria-current="page"]){background:var(--dw-accent)!important;color:#fff!important;box-shadow:0 5px 16px #0002}
html[data-dw-theme] :is(.sidebar .module-title,.dw-sidebar .module-title){color:#fff;font-size:18px;letter-spacing:-.02em}
html[data-dw-theme] :is(.sidebar .module-subtitle,.sidebar .menu-title,.sidebar-section-title){color:#a9bad9!important}
html[data-dw-theme] :is(.menu-title,.sidebar-section-title){font-size:10px!important;text-transform:uppercase;letter-spacing:.12em}
html[data-dw-theme] :is(.main-container,.dw-main){max-width:1600px;padding:28px 32px;margin-inline:auto;min-width:0}
html[data-dw-theme] :is(.content,.main,.page-content,.container){min-width:0}
html[data-dw-theme] :is(.card,.card-modern,.table-card,.form-card,.chart-card,.ceo-panel,.company-admin-panel,.vendor-actions-card,.form-shell,.common-modules,.module-section,.crm-card,.client-card,.content-card,.meeting-card,.ed-panel,.decision-card,.initiative-card){border:1px solid var(--dw-border)!important;border-radius:var(--dw-radius)!important;box-shadow:var(--dw-shadow)!important}
html[data-dw-theme] :is(.ceo-panel,.company-admin-panel,.chart-card,.vendor-actions-card,.form-shell){background:#fff}
html[data-dw-theme] :is(.card-header,.panel-title){border-bottom-color:var(--dw-border)}
html[data-dw-theme] :is(.card-body,.ceo-panel,.chart-card){padding:24px}
html[data-dw-theme] :is(.ceo-header,.dashboard-header,.welcome-card,.form-hero,.manager-hero,.crm-hero,.hub-hero,.ed-hero,.ea-hero,.it-hero){background:linear-gradient(115deg,var(--dw-navy),var(--dw-accent-dark))!important;color:#fff!important;border:1px solid #ffffff14!important;border-radius:20px!important;padding:28px!important;box-shadow:0 10px 26px #17243b12!important}
html[data-dw-theme] :is(.ceo-header,.dashboard-header,.welcome-card,.form-hero,.manager-hero,.crm-hero,.hub-hero,.ed-hero,.ea-hero,.it-hero) :is(h1,h2,h3,.dashboard-title){color:#fff!important}
html[data-dw-theme] :is(.ceo-header,.dashboard-header,.welcome-card,.form-hero,.manager-hero,.crm-hero,.hub-hero,.ed-hero,.ea-hero,.it-hero) :is(p,.eyebrow,.dashboard-subtitle){color:#dbe6fc!important}
html[data-dw-theme] :is(.ceo-period,.dashboard-month-box){background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;color:#fff}
html[data-dw-theme] :is(.ceo-period,.dashboard-month-box) :is(span,strong,div){color:inherit}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card,.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card){position:relative;border:1px solid var(--dw-border)!important;border-top:3px solid var(--dw-accent)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--dw-shadow)!important;padding:21px!important;color:var(--dw-ink)!important;min-width:0}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card,.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card):nth-child(4n+2){border-top-color:#079389!important}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card,.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card):nth-child(4n+3){border-top-color:#8156d9!important}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card,.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card):nth-child(4n+4){border-top-color:#dc8a19!important}
html[data-dw-theme] :is(.kpi-label,.kpi-title,.vendor-kpi-label){font-size:12px!important;font-weight:650;color:var(--dw-muted)!important;letter-spacing:.025em}
/* Keep full analytics amounts readable inside cards at every viewport size. */
html[data-dw-theme] :is(.kpi-value,.vendor-kpi-value,.metric-value,.stat-value,.stat-number,.ep-kpi-value,.alert-count),
html[data-dw-theme] :is(.ceo-kpi-card,.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card,.history-kpi,.employee-task-kpi) > strong {
  font-size:clamp(18px,1.4vw,22px)!important;
  line-height:1.4!important;letter-spacing:-.02em;font-weight:750;
  font-variant-numeric:tabular-nums;white-space:normal!important;
  overflow-wrap:anywhere;word-break:normal;min-width:0;max-width:100%;
  height:auto!important;max-height:none!important;overflow:visible!important;
  text-overflow:clip!important;
}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card) {
  padding:16px!important;height:auto;min-width:0;
}
html[data-dw-theme] :is(.kpi-card,.ceo-kpi-card,.vendor-kpi-card,.stat-card) :is(.kpi-value,.vendor-kpi-value,.stat-value,.stat-number,.metric-value) {
  color:var(--dw-ink)!important;-webkit-text-fill-color:currentColor;
}
html[data-dw-theme="invoice"] :is(.kpi-value,.stat-value,.stat-number,.metric-value) {
  font-size:clamp(16px,1.15vw,18px)!important;
  line-height:1.35!important;
}
html[data-dw-theme] .ceo-kpi-card strong{color:var(--dw-ink)}
html[data-dw-theme] :is(.company-admin-card,.module-card){border:1px solid var(--dw-border);border-radius:13px;background:#fff;box-shadow:0 3px 12px #17243b04;transition:box-shadow .15s,border-color .15s}
html[data-dw-theme] :is(.company-admin-card,.module-card):hover{border-color:var(--dw-accent);box-shadow:0 7px 20px #17243b0d}
html[data-dw-theme] .company-admin-icon{background:var(--dw-soft);color:var(--dw-accent);border-radius:12px}
html[data-dw-theme] :is(button,.btn,.button,.action-btn,input[type=submit]){font-family:inherit;border-radius:9px!important;font-weight:650;line-height:1.4;transition:background .15s,box-shadow .15s;cursor:pointer}
html[data-dw-theme] :is(.btn,.button,.action-btn){padding:10px 16px}
html[data-dw-theme] :is(.btn-primary,.button.primary,.action-btn.primary,.create-invoice,.add-client,.login-btn){background:var(--dw-accent)!important;border-color:var(--dw-accent)!important;color:#fff!important;box-shadow:0 3px 8px #17243b10!important}
html[data-dw-theme] :is(.btn-primary,.button.primary,.action-btn.primary,.login-btn):hover{background:var(--dw-accent-dark)!important}
html[data-dw-theme] :is(.btn-outline-primary,.btn-outline-secondary){background:#fff!important;border:1px solid var(--dw-border)!important;color:var(--dw-accent-dark)!important}
html[data-dw-theme] :is(.btn-success,.action-btn.success){background:#087f64!important;border-color:#087f64!important;color:#fff!important}
html[data-dw-theme] :is(.btn-danger,.action-btn.danger){background:#b82e48!important;border-color:#b82e48!important;color:#fff!important}
html[data-dw-theme] :is(.btn-warning,.action-btn.warning){background:#fff0d2!important;border-color:#eed59f!important;color:#855008!important}
html[data-dw-theme] :is(.form-label,.form-group label,.field label){font-weight:650;font-size:13px;color:#35455e}
html[data-dw-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=color]):not([type=range]),select,textarea){font-family:inherit;font-size:14px;border:1px solid #cdd7e6!important;border-radius:9px!important;background-color:#fff;color:var(--dw-ink);padding:10px 12px;min-height:42px;max-width:100%;box-shadow:0 1px 2px #17243b03}
html[data-dw-theme] :is(input,select,textarea):focus{outline:3px solid var(--dw-soft)!important;outline-offset:1px;border-color:var(--dw-accent)!important;box-shadow:0 0 0 1px var(--dw-accent)!important}
html[data-dw-theme] :is(input[type=checkbox],input[type=radio]){accent-color:var(--dw-accent)}
html[data-dw-theme] input[type=file]{background:var(--dw-soft)!important;border-style:dashed!important}
html[data-dw-theme] input[type=file]::file-selector-button{background:#fff;color:var(--dw-accent-dark);border:1px solid var(--dw-border);padding:7px 10px;border-radius:6px;margin-right:10px;cursor:pointer}
html[data-dw-theme] :is(input,select,textarea):disabled{background:#edf1f6;color:#66758b;cursor:not-allowed}
html[data-dw-theme] :is(button,.btn):disabled{opacity:.55;cursor:not-allowed}
html[data-dw-theme] :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #a2b8ff!important;outline-offset:3px}
html[data-dw-theme] :is(.table-container,.table-responsive,.table-wrap){border:1px solid var(--dw-border);border-radius:12px;overflow-x:auto;background:#fff}
html[data-dw-theme] table{font-variant-numeric:tabular-nums;border-collapse:collapse;font-size:13px}
html[data-dw-theme] table thead th{background:#edf2f9!important;color:#394c69!important;font-size:11px!important;font-weight:750;text-transform:uppercase;letter-spacing:.055em;border-color:var(--dw-border)!important;padding:13px 14px;line-height:1.45}
html[data-dw-theme] table tbody td{border-color:#e9edf4!important;padding:12px 14px;vertical-align:middle}
html[data-dw-theme] table tbody tr:nth-child(even){background:#f8fafe}
html[data-dw-theme] table tbody tr:hover{background:var(--dw-soft)}
html[data-dw-theme] :is(.badge-active,.badge-success,.status-active){background:#e3f5ec!important;color:#176443!important;border:1px solid #bde4d0;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700}
html[data-dw-theme] :is(.badge-inactive,.badge-danger,.status-inactive){background:#fff0f1!important;color:#a52a40!important;border:1px solid #f2ccd3;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:700}
html[data-dw-theme] :is(.alert,.flash-message){border-radius:11px;padding:13px 16px;border-left:3px solid var(--dw-accent)}
html[data-dw-theme] .login-body{min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#344f94 0,transparent 45%),radial-gradient(ellipse at 95% 85%,#534297 0,transparent 45%),#101d3b!important}
html[data-dw-theme] .login-body .login-card{background:#fff;border-radius:22px;border:1px solid #ffffff55;box-shadow:0 24px 70px #0003;padding:38px}
html[data-dw-theme] .login-title{color:var(--dw-navy);letter-spacing:-.04em}
html[data-dw-theme] .login-body .login-btn{width:100%;min-height:46px}
html[data-dw-theme] .empanelment-panel{background:linear-gradient(115deg,var(--dw-navy),var(--dw-accent-dark));border-radius:18px}
html[data-dw-theme] ::selection{background:#cddcfc;color:#14284f}
html[data-dw-theme="vendor"] .suite-topbar{min-height:88px}
html[data-dw-theme="employee"] .employee-navbar{position:relative;top:auto}
html[data-dw-theme="employee"] .employee-nav-link.active{background:var(--dw-soft)!important;color:var(--dw-accent-dark)!important;border-color:var(--dw-accent)!important}
html[data-dw-theme="employee"] .employee-more-trigger{background:var(--dw-accent)!important;color:#fff!important}
html[data-dw-theme] :is(.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card) strong{color:var(--dw-ink)!important}
html[data-dw-theme] :is(.manager-kpi,.crm-kpi,.ea-kpi,.it-kpi,.task-kpi,.ed-card) :is(span,small){color:var(--dw-muted)!important}
html[data-dw-theme] .manager-kpi.risk{border-top-color:#c23b55!important}
html[data-dw-theme] .manager-kpi.attention{border-top-color:#c2851d!important}
@media(max-width:1000px){
html[data-dw-theme] :is(.header-top-row,.topbar,.suite-topbar,.employee-topbar,.top-header){height:auto;flex-wrap:wrap}
html[data-dw-theme] :is(.ceo-header,.dashboard-header){flex-wrap:wrap;gap:18px}
html[data-dw-theme] :is(.kpi-grid,.ceo-kpi-grid,.vendor-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-dw-theme] :is(.ceo-grid,.dashboard-row,.chart-grid){grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:700px){
html[data-dw-theme="employee"] .employee-navbar-inner{flex-wrap:wrap;overflow:visible;padding:8px 12px;gap:5px}
html[data-dw-theme="employee"] .employee-more-menu{position:relative;right:auto;padding-left:0;margin-left:0}
html[data-dw-theme="employee"] .employee-more-panel{position:absolute;top:100%;left:0;right:auto;width:min(340px,calc(100vw - 28px));max-height:55vh;overflow:auto}
html[data-dw-theme="employee"] .employee-more-menu[open]{flex-basis:100%}
html[data-dw-theme="employee"] .employee-nav-link{min-height:38px;padding:0 10px}
html[data-dw-theme] :is(.manager-kpis,.crm-kpis,.ea-kpis,.it-kpis,.task-kpi-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}

html[data-dw-theme] :is(.main-container,.page-content,.dw-main){padding:18px 14px!important}
html[data-dw-theme] :is(.topbar,.suite-topbar,.employee-topbar,.header-top-row){padding:14px 16px!important;gap:12px}
html[data-dw-theme] :is(.topbar-right,.suite-topbar-right,.employee-topbar-right,.header-actions,.top-header-right){flex-wrap:wrap;gap:10px}
html[data-dw-theme] :is(.sidebar,.dw-sidebar){position:relative!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;padding:12px 8px!important}
html[data-dw-theme] .sidebar :is(.logo-area,.sidebar-header){padding:8px 14px 12px}
html[data-dw-theme] .sidebar a{display:inline-flex!important;align-items:center;padding:9px 11px!important;margin:3px;font-size:12px!important}
html[data-dw-theme] .sidebar :is(.menu-title,.sidebar-section-title){display:none}
html[data-dw-theme] :is(.layout,.dw-container){display:block}
html[data-dw-theme] :is(.main,.layout>.content,.dw-main){margin-left:0!important;width:100%!important}
html[data-dw-theme] :is(.ceo-header,.dashboard-header,.welcome-card){padding:22px!important;border-radius:15px!important}
html[data-dw-theme] :is(.card-body,.ceo-panel,.chart-card){padding:18px}
html[data-dw-theme] :is(.company-admin-grid,.field-grid,.form-grid){grid-template-columns:minmax(0,1fr)!important}
html[data-dw-theme] :is(.brand-text h1,.brand-title,.suite-brand-title,.employee-brand-title){font-size:20px}
html[data-dw-theme] .top-nav{gap:4px}
html[data-dw-theme] .top-nav :is(a,summary){padding:8px 10px;font-size:12px}
}
@media(max-width:420px){html[data-dw-theme] :is(.kpi-grid,.ceo-kpi-grid,.vendor-kpi-grid){grid-template-columns:minmax(0,1fr)!important}}
/* Currency cards need width, not digit-by-digit wrapping. */
html[data-dw-theme="invoice"] .kpi-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
}
html[data-dw-theme="invoice"] .kpi-grid .kpi-value {
  white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
  font-size:18px!important;line-height:1.4!important;
}
html[data-dw-theme="invoice"] .kpi-grid .kpi-card {justify-content:flex-start;}
@media(prefers-reduced-motion:reduce){html[data-dw-theme] *,html[data-dw-theme] *::before,html[data-dw-theme] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}


/* Dreamworth One 2026 portal refresh: warmer surfaces, clearer navigation, and useful motion. */
@media screen {
html[data-dw-theme] {
  --dw-canvas:#f4f6fb; --dw-surface:#fff; --dw-border:#dce4ef;
  --dw-shadow:0 8px 26px rgba(23,42,77,.075);
  scroll-behavior:smooth;
}
html[data-dw-theme] body {
  background-image:radial-gradient(ellipse at 4% 0%,rgba(90,121,207,.09),transparent 36%),radial-gradient(ellipse at 96% 7%,rgba(124,77,204,.08),transparent 35%),linear-gradient(180deg,#f8faff 0%,#f2f5fa 100%)!important;
}
html[data-dw-theme] :is(.employee-topbar,.top-header,.suite-topbar,.topbar) {
  backdrop-filter:blur(16px); background:rgba(255,255,255,.94)!important;
}
html[data-dw-theme] :is(.employee-navbar,.header-nav-row,.top-nav) {
  background:rgba(255,255,255,.92); border-bottom-color:#e4eaf3;
}
html[data-dw-theme] :is(.employee-nav-link,.top-nav a,.top-nav summary,.nav a) {
  min-height:40px; transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
html[data-dw-theme] :is(.employee-nav-link:hover,.top-nav a:hover,.nav a:hover) {transform:translateY(-1px)}
html[data-dw-theme] :is(.card,.card-modern,.table-card,.form-card,.chart-card,.content-card,.module-card,.company-admin-card,.ep-card,.ep-kpi) {
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html[data-dw-theme] :is(.card,.card-modern,.table-card,.form-card,.chart-card,.content-card,.module-card,.company-admin-card):hover {
  border-color:#c9d5e7!important; box-shadow:0 12px 30px rgba(23,42,77,.09)!important;
}
html[data-dw-theme] :is(.folder-card,.folder-tile,.document-folder,.repository-folder,.folder-item) {
  position:relative; isolation:isolate; overflow:visible; margin-top:9px;
  border:1px solid #dbe3ef!important; border-radius:13px!important;
  background:linear-gradient(145deg,#fff 0%,#f8faff 100%)!important;
  box-shadow:0 5px 16px rgba(33,57,96,.06)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
html[data-dw-theme] :is(.folder-card,.folder-tile,.document-folder,.repository-folder,.folder-item):before {
  content:""; position:absolute; z-index:-1; left:14px; top:-8px; width:48px; height:10px;
  border:1px solid #dbe3ef; border-bottom:0; border-radius:7px 7px 0 0;
  background:#e9effb;
}
html[data-dw-theme] :is(.folder-card,.folder-tile,.document-folder,.repository-folder,.folder-item):hover {
  transform:translateY(-3px); border-color:var(--dw-accent)!important; box-shadow:0 12px 24px rgba(33,57,96,.12)!important;
}
html[data-dw-theme] :is(.folder-icon,.document-folder-icon,.repository-folder-icon) {
  display:inline-grid; place-items:center; width:42px; height:38px; border-radius:11px;
  color:var(--dw-accent-dark); background:linear-gradient(145deg,var(--dw-soft),#fff); font-size:20px;
}
html[data-dw-theme] :is(.empty-state,.empty-state-card,.no-data) {
  border:1px dashed #cbd6e6; border-radius:16px; background:linear-gradient(145deg,#fff,#f6f8fd); padding:28px; color:var(--dw-muted);
}
html[data-dw-theme] :is(.kpi-card,.stat-card,.ep-kpi) {animation:dw-rise-in .42s both;}
html[data-dw-theme] :is(.kpi-card,.stat-card,.ep-kpi):nth-child(2){animation-delay:.04s}
html[data-dw-theme] :is(.kpi-card,.stat-card,.ep-kpi):nth-child(3){animation-delay:.08s}
html[data-dw-theme] :is(.kpi-card,.stat-card,.ep-kpi):nth-child(4){animation-delay:.12s}
@keyframes dw-rise-in {from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[data-dw-theme] :is(.button,.btn,.action-btn,button[type=submit]) {transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
html[data-dw-theme] :is(.button,.btn,.action-btn,button[type=submit]):hover {filter:brightness(1.04);box-shadow:0 6px 16px rgba(23,42,77,.12)!important}
html[data-dw-theme="employee"] .container {width:min(1480px,calc(100% - 40px));padding-top:24px!important}
html[data-dw-theme="employee"] .ep-dashboard {gap:16px}
html[data-dw-theme="employee"] .ep-hero {min-height:136px;padding:24px 28px}
html[data-dw-theme="employee"] .ep-card {padding:17px 18px}
html[data-dw-theme="employee"] .ep-quick {min-height:80px;font-size:11px}
html[data-dw-theme="employee"] .ep-kpi {min-height:112px;padding:17px}
@media(max-width:760px) {
  html[data-dw-theme] :is(.main-container,.page-content,.dw-main) {padding:14px 12px!important}
  html[data-dw-theme="employee"] body {font-size:14px}
  html[data-dw-theme="employee"] .container {width:calc(100% - 22px);padding:14px 0 24px!important}
  html[data-dw-theme="employee"] .employee-topbar {align-items:center!important;flex-wrap:nowrap!important;padding:10px 13px!important;gap:8px!important;min-height:64px}
  html[data-dw-theme="employee"] .employee-topbar-left {gap:9px;min-width:0}
  html[data-dw-theme="employee"] .employee-logo {height:36px;width:38px}
  html[data-dw-theme="employee"] .employee-brand-title {font-size:17px!important}
  html[data-dw-theme="employee"] .employee-brand-subtitle {font-size:10px}
  html[data-dw-theme="employee"] .employee-topbar-right {width:auto!important;flex-wrap:nowrap!important;gap:8px!important}
  html[data-dw-theme="employee"] .employee-notification {width:34px;height:34px;flex:0 0 auto}
  html[data-dw-theme="employee"] .employee-user-box {display:none}
  html[data-dw-theme="employee"] .employee-logout {padding:8px 10px!important;font-size:11px}
  html[data-dw-theme="employee"] .employee-navbar-inner {flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;padding:7px 10px!important;gap:5px;scrollbar-width:none}
  html[data-dw-theme="employee"] .employee-navbar {position:sticky!important;top:0!important;z-index:95}
  html[data-dw-theme="employee"] .employee-nav-link {flex:0 0 auto;min-height:38px!important;font-size:12px!important;padding:0 11px!important}
  html[data-dw-theme="employee"] .employee-nav-icon {display:inline-grid!important}
  html[data-dw-theme="employee"] .employee-more-menu {position:sticky!important;right:0;margin-left:auto!important;padding-left:5px!important;background:#fff}
  html[data-dw-theme="employee"] .employee-more-panel {position:fixed!important;left:11px!important;right:11px!important;top:120px!important;width:auto!important;max-height:calc(100dvh - 140px)!important;grid-template-columns:1fr!important;z-index:200}
  html[data-dw-theme="employee"] :is(.card,.info-card,.summary-card,.form-card,.page-card) {padding:16px!important;border-radius:15px!important}
  html[data-dw-theme="employee"] :is(.table-container,.table-responsive,.table-wrap) {max-width:100%;overscroll-behavior-x:contain}
}
@media(max-width:700px) {
  html[data-dw-theme="employee"] .ep-dashboard {gap:11px!important}
  html[data-dw-theme="employee"] .ep-hero {grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:17px!important;border-radius:17px!important;min-height:0}
  html[data-dw-theme="employee"] .ep-identity {align-items:flex-start;gap:11px;min-width:0}
  html[data-dw-theme="employee"] .ep-photo,html[data-dw-theme="employee"] .ep-avatar {width:48px!important;height:48px!important;border-radius:14px!important;flex:0 0 48px}
  html[data-dw-theme="employee"] .ep-hero h1 {font-size:clamp(19px,5.4vw,24px)!important;line-height:1.16!important;overflow-wrap:anywhere}
  html[data-dw-theme="employee"] .ep-hero p {font-size:11px!important;line-height:1.45}
  html[data-dw-theme="employee"] .ep-hero-action {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;width:100%}
  html[data-dw-theme="employee"] .ep-hero-action>a,html[data-dw-theme="employee"] .ep-hero-action form {min-width:0}
  html[data-dw-theme="employee"] .ep-hero-action form {grid-column:span 2}
  html[data-dw-theme="employee"] .ep-hero-action form button {width:100%;min-height:42px}
  html[data-dw-theme="employee"] .ep-hero-action>a {display:grid;place-items:center;min-height:38px;padding:7px!important;text-align:center;font-size:11px}
  html[data-dw-theme="employee"] .ep-birthday-access {padding:13px!important;border-radius:14px!important;gap:10px}
  html[data-dw-theme="employee"] .ep-birthday-access h2 {font-size:15px!important}
  html[data-dw-theme="employee"] .ep-birthday-access p {font-size:11px!important}
  html[data-dw-theme="employee"] .ep-kpis {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html[data-dw-theme="employee"] .ep-kpi {min-height:96px!important;padding:11px!important;border-radius:14px!important}
  html[data-dw-theme="employee"] .ep-kpi-top {font-size:9px!important}
  html[data-dw-theme="employee"] .ep-kpi-value {font-size:21px!important;margin-top:8px!important}
  html[data-dw-theme="employee"] .ep-kpi-meta {font-size:9px!important;line-height:1.35}
  html[data-dw-theme="employee"] .ep-workspace,html[data-dw-theme="employee"] .ep-insight-grid {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  html[data-dw-theme="employee"] .ep-card {padding:13px!important;border-radius:15px!important}
  html[data-dw-theme="employee"] .ep-card-head {align-items:flex-start;gap:8px;margin-bottom:9px}
  html[data-dw-theme="employee"] .ep-card-head h2 {font-size:13px!important}
  html[data-dw-theme="employee"] .ep-card-head a {font-size:10px;white-space:nowrap}
  html[data-dw-theme="employee"] .ep-quick-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  html[data-dw-theme="employee"] .ep-quick {min-height:70px;padding:8px 3px!important;font-size:9px!important;line-height:1.2}
  html[data-dw-theme="employee"] .ep-quick i {width:28px;height:28px}
  html[data-dw-theme="employee"] .ep-insight-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  html[data-dw-theme="employee"] .ep-chart-wrap {grid-template-columns:86px minmax(0,1fr)!important;gap:11px!important}
  html[data-dw-theme="employee"] .ep-ring {width:78px;height:78px}
  html[data-dw-theme="employee"] .ep-ring:after {width:59px;height:59px;font-size:14px}
  html[data-dw-theme="employee"] .ep-bar small {font-size:8px;white-space:nowrap}
  html[data-dw-theme="employee"] .ep-priority {grid-template-columns:7px minmax(0,1fr) auto;gap:7px}
  html[data-dw-theme="employee"] .ep-priority strong {font-size:11px;overflow-wrap:anywhere}
  html[data-dw-theme="employee"] .ep-status {max-width:80px;white-space:normal;text-align:center}
  html[data-dw-theme="employee"] .ep-attendance-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-dw-theme="employee"] .ep-attendance-actions>* {min-height:40px}
  html[data-dw-theme="employee"] .ep-attendance-form textarea {min-height:62px;max-height:100px}
}
@media(max-width:380px) {
 html[data-dw-theme="employee"] .ep-kpis {grid-template-columns:minmax(0,1fr)!important}
 html[data-dw-theme="employee"] .ep-hero-action {grid-template-columns:1fr 1fr}
 html[data-dw-theme="employee"] .employee-brand-subtitle {display:none}
}
@media(prefers-reduced-motion:reduce) {
 html[data-dw-theme],html[data-dw-theme] *,html[data-dw-theme] *::before,html[data-dw-theme] *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
}


/* Document repositories read as folders and remain comfortable to browse on touch screens. */
html[data-dw-theme="invoice"] .repo-folder {
  position:relative; overflow:visible!important; margin-top:8px; border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#f8faff)!important;
  box-shadow:0 5px 16px rgba(27,53,94,.06)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
html[data-dw-theme="invoice"] .repo-folder:before {
  content:""; position:absolute; z-index:0; left:16px; top:-7px; width:42px; height:8px;
  border:1px solid #d8e2ef; border-bottom:0; border-radius:6px 6px 0 0; background:#e9effb;
}
html[data-dw-theme="invoice"] .repo-folder>summary {
  position:relative; z-index:1; min-height:62px; padding:12px 16px;
  border-radius:13px; background:linear-gradient(105deg,#fff,#f8faff)!important;
}
html[data-dw-theme="invoice"] .repo-folder[open]>summary {border-radius:13px 13px 0 0;background:#f6f8fd!important}
html[data-dw-theme="invoice"] .repo-folder:hover {transform:translateY(-2px);border-color:#9fb5dc;box-shadow:0 11px 24px rgba(27,53,94,.1)!important}
html[data-dw-theme="invoice"] .repo-folder-icon {width:36px;height:34px;border-radius:10px;background:linear-gradient(145deg,#e8efff,#f6edff);font-size:11px}
html[data-dw-theme="invoice"] .repo-sub {border-left:3px solid #b7c9e8;border-radius:0 9px 9px 0}
html[data-dw-theme="invoice"] .repo-sub>summary {min-height:47px}
html[data-dw-theme="invoice"] .repo-actions a {min-height:34px;display:inline-flex;align-items:center}
@media(max-width:720px) {
  html[data-dw-theme="invoice"] .repo-header {display:grid;grid-template-columns:1fr auto;gap:12px}
  html[data-dw-theme="invoice"] .repo-header h1 {font-size:22px}
  html[data-dw-theme="invoice"] .repo-total {min-width:74px}
  html[data-dw-theme="invoice"] .repo-toolbar {display:grid;grid-template-columns:1fr 1fr;gap:7px}
  html[data-dw-theme="invoice"] .repo-search-wrap {grid-column:span 2}
  html[data-dw-theme="invoice"] .repo-tool {width:100%;min-height:40px}
  html[data-dw-theme="invoice"] .repo-folder>summary {padding:10px 11px;gap:8px}
  html[data-dw-theme="invoice"] .repo-title strong {overflow-wrap:anywhere}
  html[data-dw-theme="invoice"] .repo-count {padding:4px 7px;font-size:10px;white-space:nowrap}
  html[data-dw-theme="invoice"] .repo-folder-body {padding:5px 8px 10px!important}
  html[data-dw-theme="invoice"] .repo-table-wrap {border-radius:0 0 10px 10px}
}