.hr-theme {
  --hr-bg: #ffffff;
  --hr-panel: #ffffff;
  --hr-border: #e2e8f0;
  --hr-muted: #64748b;
  --hr-text: var(--color-yarysa-dark, #262830);
  --hr-nav: #ffffff;
  --hr-table-head: #f1f5f9;
  --hr-hover: #f1f5f9;
  --hr-accent: var(--color-yarysa-green, #037b3f);
  --hr-focus: var(--color-yarysa-green, #037b3f);
  --hr-shift: #eef2ff;
  --hr-page-bg: #e8f5ed;
  --hr-page-text: #037b3f;
  --hr-success-bg: #e7f5ec;
  --hr-success-text: #166534;
  --hr-warning-bg: #fef3c7;
  --hr-warning-text: #854d0e;
  --hr-danger-bg: #fee2e2;
  --hr-danger-text: #991b1b;
  --hr-neutral-bg: #f1f5f9;
  --hr-neutral-text: #475569;
  color-scheme: light;
}
.hr-theme { color:var(--hr-text); background:var(--hr-bg); }
.hr-heading,.hr-navigation,.hr-content { font-family:var(--font-yarysa-body, "Sen", sans-serif); }
.hr-theme main { background:var(--hr-bg); padding:0 5% 3rem; }
.hr-heading { padding:28px 0 24px; }
.hr-heading h1 { font-family:var(--font-yarysa-header, "Inter", sans-serif); font-size:1.875rem; font-weight:700; margin:0 0 4px; }
.hr-heading p,.hr-description { color:var(--hr-muted); font-size:1rem; }
.hr-primary-tabs { display:flex; flex-wrap:wrap; gap:8px 16px; border-bottom:1px solid var(--hr-border); }
.hr-primary-tab { padding:0 0 4px; margin-bottom:4px; border-bottom:4px solid transparent; font-size:1.125rem; font-weight:600; transition:color .15s, border-color .15s; }
.hr-primary-tab[aria-current],.hr-primary-tab:hover { color:var(--hr-accent); border-color:var(--hr-accent); }
.hr-secondary-tabs { display:flex; flex-wrap:wrap; gap:8px; padding-top:20px; }
.hr-pill { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--hr-border); background:var(--hr-panel); border-radius:999px; padding:4px 12px; font-weight:600; }
.hr-pill[aria-current] { background:var(--color-yarysa-green, #037b3f); color:#fff; border-color:var(--color-yarysa-green, #037b3f); }
.hr-content { margin-top:22px; }
.hr-content > section,.hr-content > section > .mx-auto { width:100%; max-width:none; padding:0; background:none; }
.hr-content :is(.bg-gradient-to-b,.bg-gradient-to-br) { background-image:none; }
.hr-theme :is(.hr-content,#global-modal) :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-slate-50\/80,.bg-slate-50\/50) { background-color:var(--hr-panel); }
.hr-theme :is(.hr-content,#global-modal) :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800,.text-gray-700) { color:var(--hr-text); }
.hr-theme :is(.hr-content,#global-modal) :is(.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-600,.text-gray-500) { color:var(--hr-muted); }
.hr-theme :is(.hr-content,#global-modal) :is(.border-slate-200,.border-slate-100,.border-slate-300,.border-gray-300) { border-color:var(--hr-border); }
.hr-theme :is(.hr-content,#global-modal) :is(.divide-slate-50,.divide-slate-200) > :not(:last-child) { border-color:var(--hr-border); }
.hr-theme :is(.hr-content,#global-modal) :is(input:not([type=checkbox],[type=radio],[type=submit],[type=hidden]),select,textarea) { background:var(--hr-panel); color:var(--hr-text); border:1px solid var(--hr-border); border-radius:1rem; padding:8px 12px; max-width:100%; }
.hr-theme :is(.hr-content,#global-modal) :is(input,select,textarea)::placeholder { color:var(--hr-muted); }
.hr-button { background:var(--color-yarysa-blueblack, #3f3d56); color:#fff; border-radius:999px; padding:4px 12px; font-family:var(--font-yarysa-body, "Sen", sans-serif); font-size:1rem; font-weight:600; display:inline-flex; gap:8px; justify-content:center; align-items:center; cursor:pointer; box-shadow:0 1px 2px rgb(0 0 0 / .05); transition:background-color .15s; }
.hr-button:hover { background:var(--color-yarysa-blueblack-hover, #852170); }
.hr-theme :is(.hr-content,#global-modal) .bg-yarysa-blueblack:hover { background:var(--color-yarysa-blueblack-hover, #852170); }
.hr-theme :is(.hr-content,#global-modal) .bg-yarysa-green { background:var(--color-yarysa-green, #037b3f); color:white; }
.hr-theme :is(.hr-content,#global-modal) .text-yarysa-green { color:var(--hr-accent); }
.hr-theme :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--hr-focus); outline-offset:4px; }
.hr-theme :is(.hr-content,#global-modal) table { width:100%; text-align:left; font-size:.95rem; }
.hr-theme :is(.hr-content,#global-modal) thead,.hr-theme :is(.hr-content,#global-modal) thead tr { background:var(--hr-table-head); }
.hr-theme :is(.hr-content,#global-modal) th { color:var(--hr-text); text-transform:none; letter-spacing:normal; font-size:.9rem; padding:17px; white-space:nowrap; }
.hr-theme :is(.hr-content,#global-modal) td { padding:20px 17px; border-bottom:1px solid var(--hr-border); }
.hr-theme :is(.hr-content,#global-modal) tbody tr:hover { background:var(--hr-hover); }
.hr-table { border:1px solid var(--hr-border); border-radius:1rem; overflow-x:auto; background:var(--hr-panel); margin-top:20px; }
.hr-staff { display:flex; align-items:center; gap:12px; min-width:180px; }
.hr-avatar { flex:none; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--hr-border); background:var(--hr-table-head); font-size:.75rem; font-weight:700; }
.hr-staff small { display:block; color:var(--hr-muted); font-weight:400; margin-top:3px; }
.hr-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; margin:22px 0; }
.hr-metrics.hr-metrics-eight { grid-template-columns:repeat(8,minmax(0,1fr)); }
.hr-metric { background:var(--hr-panel); border:1px solid var(--hr-border); border-radius:1rem; padding:22px 18px; }
.hr-metric > p:first-child { font-size:clamp(1.6rem,2.6vw,2.7rem); color:var(--hr-text); font-weight:750; line-height:1.2; }
.hr-metric > p:last-child { color:var(--hr-muted); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-top:8px; }
.hr-queues { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hr-queues > section { min-width:0; padding:24px; border-radius:1rem; }
.hr-queues h2 { font-family:var(--font-yarysa-header, "Inter", sans-serif); font-size:1.1rem; }
.hr-theme .hr-queues :is(.bg-violet-50,.bg-orange-50,.bg-amber-50,.bg-red-50) { background:transparent; border:0; border-bottom:1px solid var(--hr-border); border-radius:0; padding:14px 0; }
.hr-theme .hr-queues :is(.text-orange-700,.text-red-600) { color:var(--hr-muted); }
.hr-queues .flex.items-start { flex-wrap:wrap; }
.hr-theme :is(.hr-content,#global-modal) .pagy { display:flex; gap:6px; flex-wrap:wrap; margin:20px 0; }
.hr-today { background:var(--hr-hover); }
.hr-shift { display:inline-flex; gap:8px; align-items:center; padding:6px 10px; border-radius:9px; background:var(--hr-shift); font-weight:700; white-space:nowrap; }
.hr-shift i { width:8px; height:8px; background:var(--shift-color,#6495ff); border-radius:50%; }
.hr-shift-time { color:var(--hr-muted); white-space:nowrap; margin-top:4px; font-size:.85rem; }
.hr-status { display:inline-flex; border-radius:999px; padding:4px 12px; background:var(--hr-success-bg); color:var(--hr-success-text); font-weight:700; font-size:.8rem; }
.hr-status[data-status=pending],.hr-status[data-status=late] { background:var(--hr-warning-bg); color:var(--hr-warning-text); }
.hr-status[data-status=rejected],.hr-status[data-status=absent] { background:var(--hr-danger-bg); color:var(--hr-danger-text); }
.hr-status[data-status=cancelled] { background:var(--hr-neutral-bg); color:var(--hr-neutral-text); }
.hr-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:24px 0; }
.hr-panel { border:1px solid var(--hr-border); border-radius:1rem; background:var(--hr-panel); padding:26px; }
.hr-geo-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:20px; align-items:start; }
.hr-preview svg { width:100%; max-height:300px; margin-top:20px; }
.hr-theme #global-modal :is(.bg-white,.bg-slate-50) { background:var(--hr-panel); }
.hr-theme #global-modal :is(.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-700) { color:var(--hr-text); }
.hr-theme #global-modal :is(.text-slate-500,.text-slate-600) { color:var(--hr-muted); }
@media(max-width:1100px) { .hr-metrics.hr-metrics-eight { grid-template-columns:repeat(4,minmax(0,1fr)); } .hr-queues { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .hr-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } .hr-queues,.hr-geo-layout { grid-template-columns:1fr; } .hr-heading { padding-top:20px; } }
@media(max-width:480px) { .hr-metrics,.hr-metrics.hr-metrics-eight { grid-template-columns:repeat(2,minmax(0,1fr)); } .hr-metric { padding:16px; } .hr-secondary-tabs { gap:6px; } }
.hr-theme :is(.hr-content,#global-modal) .rounded-\[2rem\] { border-radius:1rem; }
.hr-theme :is(.hr-content,#global-modal) th.text-indigo-600 { color:var(--hr-accent); }
.hr-theme :is(.hr-content,#global-modal) th .text-indigo-700 { color:var(--hr-accent); }
.hr-theme #global-modal .hr-geo-layout { grid-template-columns:1fr; }
.hr-theme #global-modal .hr-preview { display:none; }

.hr-metric-label::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#9ab6ff; margin-right:8px; }
.hr-metric:nth-child(2) .hr-metric-label::before { background:#6ce7a0; }
.hr-metric:nth-child(3) .hr-metric-label::before,.hr-metric:nth-child(5) .hr-metric-label::before { background:#ffd072; }
.hr-metric:nth-child(4) .hr-metric-label::before,.hr-metric:nth-child(6) .hr-metric-label::before { background:#ffa5a0; }
.hr-theme .hr-heading h1 { line-height:1.2; }
.hr-theme .hr-content > section > nav { max-width:none; padding-inline:0; }

.hr-theme :is(.hr-content,#global-modal) table thead tr[class] { background:var(--hr-table-head); }