:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#687387;--line:#e5e9f0;--accent:#2267f2;--accent2:#164fc4;--success:#1ca66a;--danger:#c73939;--shadow:0 10px 30px rgba(23,32,51,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:19px}.topbar nav{display:flex;gap:24px;align-items:center}.topbar a,.link-button{color:var(--muted);text-decoration:none;font:inherit;font-weight:600;background:none;border:0;cursor:pointer;padding:0}.topbar a:hover,.link-button:hover{color:var(--text)}.topbar form{margin:0}.shell{max-width:1180px;margin:0 auto;padding:42px 24px 72px}.login-wrap{min-height:85vh;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.login-card{width:min(440px,100%);padding:34px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--accent);margin-bottom:8px}h1{font-size:34px;letter-spacing:-.03em;margin:0 0 8px}h2{font-size:19px;margin:0 0 16px}.muted{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:24px}.stack.compact{gap:12px;margin-top:16px}label{display:grid;gap:7px;color:#445067;font-size:13px;font-weight:700}input,select{width:100%;border:1px solid #d9deea;border-radius:11px;background:#fff;color:var(--text);padding:12px 13px;font:inherit;outline:none}input:focus,select:focus{border-color:#7ca3ff;box-shadow:0 0 0 3px rgba(34,103,242,.12)}button,.button{border:0;border-radius:11px;padding:12px 17px;font-weight:800;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent2)}.secondary{background:#eef3ff;color:#2557b7;border:1px solid #d8e3ff}.wide{width:100%}.demo-box{margin-top:20px;padding:14px;background:#f7f9fc;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.65}.alert{background:#fff0f0;color:var(--danger);padding:11px 13px;border-radius:10px;margin-top:16px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.grid.three{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.status-card{min-height:230px}.status-dot{width:12px;height:12px;border-radius:50%;background:#b8c0ce;margin-bottom:18px}.status-dot.on{background:var(--success);box-shadow:0 0 0 6px rgba(28,166,106,.1)}.status-card h2{font-size:28px;margin-bottom:4px}.clock-button{margin-top:22px;min-width:150px}.metric{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.metric span{color:var(--muted);font-weight:700}.metric strong{font-size:44px;letter-spacing:-.04em;margin-top:8px}.metric small{color:var(--muted)}.section-space{margin-top:22px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-head h2{margin:0}.card-head a{color:var(--accent);font-weight:700;text-decoration:none;font-size:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.right{text-align:right}.total-pill{font-size:20px;font-weight:800;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:14px}.employee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.employee-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.employee-card small{display:block;color:var(--muted);margin-top:4px}.employee-card .hours{display:flex;gap:4px;align-items:baseline}.employee-card .hours b{font-size:27px}.employee-card .hours span{font-size:12px;color:var(--muted)}.badge{grid-column:1/-1;width:max-content;background:#e8f8f1;color:#15734b;font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px}.admin-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:20px}.stack-gap{display:grid;gap:20px;align-content:start}.entry-list{display:grid}.entry-row{border-top:1px solid var(--line)}.entry-row:first-child{border-top:0}.entry-row summary{list-style:none;display:flex;justify-content:space-between;gap:14px;padding:17px 4px;cursor:pointer}.entry-row summary::-webkit-details-marker{display:none}.entry-row summary span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 4px 18px}.span2{grid-column:1/-1}.audit-list{display:grid}.audit-list>div{padding:11px 0;border-bottom:1px solid var(--line)}.audit-list strong,.audit-list span{display:block}.audit-list strong{font-size:13px}.audit-list span{font-size:11px;color:var(--muted);margin-top:3px}@media(max-width:850px){.grid.three,.employee-grid,.admin-grid{grid-template-columns:1fr}.metric{min-height:130px}.topbar nav{gap:12px}.topbar{padding:0 18px}.shell{padding:28px 16px}.page-head{align-items:flex-start;flex-direction:column}.edit-grid{grid-template-columns:1fr}.span2{grid-column:auto}}@media(max-width:560px){.brand{display:none}.topbar{justify-content:center}.topbar nav{font-size:13px}.card{padding:18px}h1{font-size:28px}.entry-row summary{flex-direction:column}}


/* ABA Therapy & Instruction branded login */
.aba-login-page{
  min-height:calc(100vh - 84px);
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(360px,520px);
  align-items:center;
  gap:70px;
  position:relative;
}
.aba-login-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 83% 16%,rgba(192,82,177,.13),transparent 28%),
    radial-gradient(circle at 15% 85%,rgba(35,126,203,.12),transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#f7f5fb 55%,#fff 100%);
}
.aba-login-page::after{
  content:"";
  position:fixed;
  right:-170px;
  bottom:-220px;
  width:520px;
  height:520px;
  border-radius:48% 52% 0 0;
  transform:rotate(18deg);
  z-index:-1;
  background:linear-gradient(145deg,rgba(43,126,203,.20),rgba(184,57,169,.26));
}
.aba-login-intro{padding-left:12px;max-width:480px}
.aba-login-kicker{
  color:#237ecb;
  font-weight:800;
  font-size:13px;
  letter-spacing:.12em;
  margin-bottom:14px;
}
.aba-login-intro h1{
  color:#244f70;
  font-size:48px;
  line-height:1.05;
  margin-bottom:16px;
}
.aba-login-intro p{
  color:#5e6f82;
  font-size:19px;
  line-height:1.6;
  max-width:420px;
}
.aba-login-accent{
  width:88px;
  height:5px;
  border-radius:999px;
  margin-top:26px;
  background:linear-gradient(90deg,#237ecb,#b43ba7);
}
.aba-login-card{
  padding:40px 42px 32px;
  border-radius:22px;
  box-shadow:0 22px 60px rgba(37,63,91,.13);
}
.aba-login-logo{
  display:block;
  width:min(300px,90%);
  height:auto;
  margin:0 auto 24px;
  object-fit:contain;
}
.aba-login-card .eyebrow{
  color:#237ecb;
  text-align:center;
  margin-bottom:7px;
}
.aba-login-card h2{
  text-align:center;
  font-size:32px;
  color:#244f70;
  letter-spacing:-.025em;
  margin:0 0 8px;
}
.aba-login-subtitle{text-align:center;margin:0}
.aba-login-form input{
  border-color:#ccd7e3;
  min-height:48px;
}
.aba-login-form input:focus{
  border-color:#237ecb;
  box-shadow:0 0 0 3px rgba(35,126,203,.13);
}
.aba-login-button{
  min-height:49px;
  background:#237ecb;
  box-shadow:0 8px 18px rgba(35,126,203,.18);
}
.aba-login-button:hover{background:#1c6db2}
.aba-login-help{
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid var(--line);
  text-align:center;
  color:#8a7288;
  font-size:12px;
}
@media(max-width:900px){
  .aba-login-page{
    grid-template-columns:1fr;
    gap:24px;
    max-width:560px;
    margin:0 auto;
  }
  .aba-login-intro{text-align:center;padding:0;max-width:none}
  .aba-login-intro h1{font-size:36px}
  .aba-login-intro p{margin-left:auto;margin-right:auto}
  .aba-login-accent{margin-left:auto;margin-right:auto}
}
@media(max-width:560px){
  .aba-login-intro{display:none}
  .aba-login-page{min-height:calc(100vh - 56px)}
  .aba-login-card{padding:30px 22px 24px}
  .aba-login-logo{width:min(260px,92%)}
  .aba-login-card h2{font-size:28px}
}


/* Monthly employee timecard */
.timecard-shell{max-width:1100px;margin:0 auto;padding-bottom:40px}
.timecard-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.timecard-top h1{margin:3px 0 4px;color:#244f70;font-size:38px}
.clock-action-card{display:flex;align-items:center;gap:14px}
.clock-status{font-weight:700;color:#64748b}.clock-status.active{color:#16835d}
.clock-main-button{min-width:145px}
.period-card{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:0;padding:0;overflow:hidden;margin-bottom:0;border-radius:16px 16px 0 0}
.period-field{padding:18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.period-field:last-child{border-right:0}
.period-field>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}
.period-field strong{font-size:16px;color:#233f5c}
.period-field small{color:#64748b}
.period-nav{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;gap:8px}
.period-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:22px;color:#237ecb;background:#fff}
.month-total-box{background:linear-gradient(135deg,rgba(35,126,203,.08),rgba(180,59,167,.08))}
.month-total-box strong{font-size:24px}
.timecard-tabs{display:flex;background:#fff;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.timecard-tab{border:0;background:transparent;padding:14px 30px;font-weight:800;color:#3154aa;cursor:pointer;border-bottom:3px solid transparent}
.timecard-tab.active{background:#3154aa;color:#fff;border-bottom-color:#3154aa}
.timecard-panel{padding:0;border-radius:0 0 16px 16px;overflow:hidden}
.timecard-table-wrap{overflow-x:auto}
.timecard-table{width:100%;border-collapse:collapse}
.timecard-table th,.timecard-table td{padding:11px 16px;border-bottom:1px solid #dbe3ec;text-align:left}
.timecard-table thead th{background:#f7f9fc;color:#233f5c;font-size:13px}
.timecard-table td:first-child{width:170px}
.hours-col{text-align:right!important;width:120px;font-variant-numeric:tabular-nums}
.session-time{display:inline-block;min-width:82px;font-variant-numeric:tabular-nums}
.time-dash{padding:0 10px;color:#94a3b8}
.empty-day{color:#7a8795}
.today-row{background:#eef6ff}
.daily-total-row{background:#fafbfc;color:#526273}
.weekly-total-row{background:#eef1f5;border-top:2px solid #d5dbe3}
.weekly-total-row td{padding-top:12px;padding-bottom:12px;color:#233f5c}
.timecard-table tfoot td{background:#244f70;color:#fff;font-size:16px;padding-top:15px;padding-bottom:15px}
.open-pill{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:999px;background:#e8f7ef;color:#16835d;font-size:11px;font-weight:800}
.totals-hero{text-align:center;padding:40px 24px 28px;background:linear-gradient(135deg,#f5f9ff,#fbf5fb)}
.totals-hero span,.totals-hero small{display:block;color:#64748b}
.totals-hero strong{display:block;font-size:42px;color:#244f70;margin:8px 0}
.weekly-summary{padding:10px 28px 26px}
.weekly-summary-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}
@media(max-width:760px){
  .timecard-top{align-items:stretch;flex-direction:column}
  .clock-action-card{justify-content:space-between}
  .period-card{grid-template-columns:1fr 1fr}
  .period-field:nth-child(2){border-right:0}
  .period-field:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .timecard-table th,.timecard-table td{padding:9px 10px}
  .timecard-table td:first-child{width:115px}
  .session-time{min-width:auto}
  .time-dash{padding:0 4px}
}


/* First-login password change */
.password-change-page{max-width:560px;margin:48px auto;padding:0 18px}
.password-change-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 16px 45px rgba(28,57,86,.08)}
.password-change-card h1{margin:5px 0 10px;color:#244f70}
.password-change-form{display:grid;gap:18px;margin-top:26px}
.password-change-form label{display:grid;gap:7px;font-weight:700;color:#29445e}
.password-change-form input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #cbd6e2;border-radius:9px;font:inherit;background:#fff}
.password-change-form input:focus{outline:2px solid rgba(35,126,203,.18);border-color:#237ecb}
.password-change-form small,.password-note{font-weight:400;color:#6b7c8d}
.password-save-button{width:100%;margin-top:4px}
.password-error{margin-top:18px;padding:12px 14px;border-radius:9px;background:#fff1f2;color:#b4233a;border:1px solid #fecdd3}
.password-note{text-align:center;font-size:13px;margin:18px 0 0}
@media(max-width:600px){.password-change-card{padding:25px 20px}.password-change-page{margin-top:24px}}


/* Payroll Overview */
.payroll-shell{max-width:1280px;margin:0 auto;padding-bottom:36px}
.payroll-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.payroll-heading h1{font-size:40px;line-height:1.05;margin:4px 0 6px;color:#173b66}
.payroll-actions{display:flex;gap:12px;flex-wrap:wrap}
.payroll-filters{display:grid;grid-template-columns:1.05fr 1.5fr 1.25fr 140px;align-items:end;padding:18px 20px;gap:18px;margin-bottom:18px}
.payroll-filters label,.filter-date-range{display:grid;gap:7px}
.payroll-filters label>span,.filter-date-range>span,.payroll-kpi span{font-size:11px;font-weight:800;letter-spacing:.05em;color:#6c7f98}
.payroll-filters input,.payroll-filters select{height:42px;border:1px solid #ccd8e7;border-radius:8px;padding:0 12px;background:#fff;color:#183b66;font:inherit;font-weight:600}
.filter-date-range>div{height:42px;border:1px solid #ccd8e7;border-radius:8px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;color:#183b66}
.filter-date-range em{font-style:normal;font-weight:400;color:#7b8aa0}
.filter-apply{height:42px}
.payroll-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin-bottom:18px;overflow:hidden}
.payroll-kpi{display:flex;align-items:center;gap:16px;padding:22px 20px;border-right:1px solid #e2e9f1}
.payroll-kpi:last-child{border-right:0}
.payroll-kpi>div:last-child{display:grid;gap:3px}
.payroll-kpi strong{font-size:27px;color:#123764;line-height:1.1}
.payroll-kpi small{color:#70829a}
.kpi-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:26px;background:#e8f2ff;color:#1668ef}
.kpi-icon.green{background:#e9f8f0;color:#0bb96d}
.kpi-icon.purple{background:#f0ebff;color:#7651ef}
.kpi-icon.orange{background:#fff1df;color:#f28a17}
.payroll-table-card{padding:10px;overflow:hidden}
.payroll-table-wrap{overflow-x:auto}
.payroll-table{width:100%;border-collapse:collapse;color:#173b66}
.payroll-table th,.payroll-table td{padding:11px 13px;border-bottom:1px solid #dce5ef;vertical-align:middle}
.payroll-table th{background:#f0f6fc;font-size:11px;text-align:left;white-space:nowrap}
.payroll-table tbody tr:nth-child(even){background:#fbfdff}
.payroll-table tbody tr:hover{background:#f4f9ff}
.payroll-table .num{text-align:right;font-variant-numeric:tabular-nums}
.total-hours-cell{font-weight:800}
.view-cell{text-align:right}
.view-button{display:inline-block;padding:5px 15px;border:1px solid #c7d9ef;border-radius:7px;background:#f3f8fe;color:#1164e8;font-weight:800;text-decoration:none}
.payroll-table tfoot td{background:#eaf4ff;border-top:1px solid #d1e3f5;border-bottom:0;padding-top:16px;padding-bottom:16px;font-size:15px}
.inactive-label{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;background:#f3f4f6;color:#7c8795}
.empty-payroll{text-align:center!important;padding:38px!important;color:#718198}
.payroll-footnote{font-size:12px;color:#75869c;margin:10px 5px 0}
@media(max-width:980px){
  .payroll-filters{grid-template-columns:1fr 1fr}
  .payroll-kpis{grid-template-columns:1fr 1fr}
  .payroll-kpi:nth-child(2){border-right:0}
  .payroll-kpi:nth-child(-n+2){border-bottom:1px solid #e2e9f1}
}
@media(max-width:700px){
  .payroll-heading{align-items:stretch;flex-direction:column}
  .payroll-heading h1{font-size:32px}
  .payroll-filters,.payroll-kpis{grid-template-columns:1fr}
  .payroll-kpi{border-right:0;border-bottom:1px solid #e2e9f1}
  .payroll-kpi:last-child{border-bottom:0}
}
@media print{
  .topbar,.payroll-actions,.payroll-filters,.view-cell,.payroll-footnote{display:none!important}
  body{background:#fff}
  .shell,.payroll-shell{max-width:none;padding:0;margin:0}
  .card{box-shadow:none!important;border:1px solid #ddd!important}
}


/* Site-wide ABA professional branding */
.branded-topbar{
  min-height:76px;
  padding:10px 34px;
  background:#fff;
  border-bottom:1px solid #e3eaf2;
  box-shadow:0 3px 16px rgba(29,60,91,.05);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  min-width:275px;
}
.brand-lockup img{
  width:52px;
  height:52px;
  object-fit:contain;
}
.brand-lockup div{display:grid;gap:2px}
.brand-lockup strong{
  color:#244f70;
  font-size:14px;
  letter-spacing:.055em;
  line-height:1.15;
}
.brand-lockup span{
  color:#75869a;
  font-size:11px;
  letter-spacing:.04em;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.main-nav>a{
  text-decoration:none;
  color:#355674;
  font-weight:700;
  font-size:14px;
  padding:9px 11px;
  border-radius:8px;
}
.main-nav>a:hover{background:#f0f6fc;color:#1466c3}
.user-chip{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:5px;
  padding-left:13px;
  border-left:1px solid #e2e8f0;
  color:#355674;
  font-size:13px;
  font-weight:700;
}
.user-avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e9f3ff;
  color:#1768d2;
  font-weight:800;
}
.logout-button{
  border:1px solid #d7e0ea;
  background:#fff;
  color:#536b82;
  border-radius:8px;
  padding:8px 11px;
  font-weight:700;
  cursor:pointer;
}
.logout-button:hover{background:#f7f9fc}
@media(max-width:850px){
  .branded-topbar{padding:10px 16px;align-items:flex-start;flex-direction:column}
  .main-nav{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .user-chip{margin-left:auto}
}
@media(max-width:520px){
  .brand-lockup strong{font-size:12px}
  .brand-lockup img{width:44px;height:44px}
  .user-chip>span:last-child{display:none}
}


/* Admin employee list */
.admin-employees-card{padding:0;overflow:hidden}
.admin-employees-card .card-head{padding:20px 22px}
.admin-employee-table-wrap{overflow-x:auto}
.admin-employee-table{width:100%;border-collapse:collapse}
.admin-employee-table th,.admin-employee-table td{padding:13px 18px;border-top:1px solid #e1e8f0;text-align:left}
.admin-employee-table th{font-size:11px;letter-spacing:.04em;color:#60748c;background:#f7fafe}
.admin-employee-table td>strong,.admin-employee-table td>small{display:block}
.admin-employee-table td>small{margin-top:3px;color:#74869b}
.admin-employee-table .num{text-align:right;font-variant-numeric:tabular-nums}
.admin-employee-table .num strong,.admin-employee-table .num small{display:block}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.status-pill.active-user{background:#edf8f2;color:#16835d}
.status-pill.clocked-in{background:#e8f3ff;color:#1465c8}
.status-pill.inactive-user{background:#f2f4f7;color:#788493}

/* Dedicated admin employee timecard */
.employee-admin-shell{max-width:1280px;margin:0 auto;padding-bottom:40px}
.back-link{display:inline-block;margin:4px 0 18px;text-decoration:none;color:#1167d8;font-weight:800}
.employee-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.employee-detail-heading h1{font-size:40px;line-height:1.05;color:#173b66;margin:4px 0 5px}
.employee-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.employee-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.employee-kpi{display:flex;align-items:center;gap:16px;padding:20px}
.employee-kpi>div:last-child{display:grid;gap:3px}
.employee-kpi span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#6b7d94}
.employee-kpi strong{font-size:26px;color:#153b67}
.employee-kpi small{color:#708299}
.admin-timecard-card{padding:0;overflow:hidden}
.admin-timecard-tabs{display:flex;border-bottom:1px solid #dce5ef}
.admin-timecard-tab{padding:14px 30px;font-weight:800;color:#3154aa}
.admin-timecard-tab.active{background:#145fce;color:#fff}
.admin-period-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;border-bottom:1px solid #dce5ef}
.admin-period-grid .period-field{min-height:78px}
.admin-detailed-timecard .action-col{width:90px;text-align:center}
.tiny-edit-button{border:1px solid #cbd9e9;background:#f5f9fe;color:#1165d5;border-radius:7px;padding:5px 12px;font-weight:800;cursor:pointer}
.tiny-edit-button:hover{background:#eaf3fd}
.admin-entry-edit-row td{background:#f8fbff!important;padding:16px!important}
.admin-inline-edit{margin:0}
.admin-edit-actions{display:flex;justify-content:flex-end;gap:8px;align-items:end}
@media(max-width:900px){
  .employee-kpi-grid{grid-template-columns:1fr 1fr}
  .admin-period-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .employee-detail-heading{align-items:stretch;flex-direction:column}
  .employee-kpi-grid,.admin-period-grid{grid-template-columns:1fr}
  .admin-employee-table th:nth-child(2),.admin-employee-table td:nth-child(2){display:none}
}