body{margin:0}:root{--bg-page:#eef6fb;--bg-surface:#fff;--bg-surface-glass:#ffffffc7;--text-primary:#0b2a4a;--text-secondary:#4d6b86;--primary-500:#1a7ad6;--primary-600:#1565c0;--primary-700:#0d47a1;--navy-700:#123a6b;--navy-800:#0a2748;--cyan-400:#38c6e0;--cyan-500:#00b4d8;--aqua-300:#7ee0f0;--accent-teal:#14919b;--border-soft:#125a8c24;--shadow-soft:0 8px 24px #0a274812;--shadow-card:0 12px 32px #0a274814;--shadow-button:0 8px 18px #1565c02e;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--bg:var(--bg-page);--panel:var(--bg-surface);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-soft);--brand:var(--primary-600);--brand-2:var(--cyan-500);--accent:var(--accent-teal);--danger:#c62828;--success:#0e8a7a;--shadow:var(--shadow-card);--attendance-in-start:#6ee7d8;--attendance-in-mid:#2dd4bf;--attendance-in-end:#0f9f8f;--attendance-out-start:#67e8f9;--attendance-out-mid:#22b8cf;--attendance-out-end:#0e7490;--attendance-ot-in-start:#3b82f6;--attendance-ot-in-mid:#2563eb;--attendance-ot-in-end:#1e3a8a;--attendance-ot-out-start:#334155;--attendance-ot-out-mid:#1e293b;--attendance-ot-out-end:#0f172a;--menu-history-start:var(--quick-menu-history-start);--menu-history-end:var(--quick-menu-history-end);--menu-leave-start:var(--quick-menu-leave-start);--menu-leave-end:var(--quick-menu-leave-end);--menu-report-start:var(--quick-menu-report-start);--menu-report-end:var(--quick-menu-report-end);--menu-company-start:var(--quick-menu-company-start);--menu-company-end:var(--quick-menu-company-end);--attendance-time-completed:#dc2626;--attendance-time-empty:#fffffff0;--quick-menu-history-start:#38bdf8;--quick-menu-history-end:#2563eb;--quick-menu-leave-start:#fb923c;--quick-menu-leave-end:#f97316;--quick-menu-report-start:#34d399;--quick-menu-report-end:#10b981;--quick-menu-company-start:#3b82f6;--quick-menu-company-end:#1d4ed8;color:var(--ink);background:radial-gradient(circle at top left, #38c6e02e, transparent 42%), radial-gradient(circle at top right, #1565c01f, transparent 38%), linear-gradient(180deg, #f4fbff 0%, var(--bg-page) 52%, #e7f2fa 100%);font-family:Segoe UI,Noto Sans Thai,Tahoma,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}#root{min-height:100svh}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.center-screen,.login-page{min-height:100dvh;padding:1.5rem;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));place-items:center;display:grid}.login-page{background:radial-gradient(circle at 18% 12%,#7ee0f061,#0000 34%),radial-gradient(circle at 88% 8%,#1565c06b,#0000 32%),linear-gradient(165deg,#0a2748 0%,#123a6b 46%,#0e7490 100%)}.login-card,.card{background:var(--bg-surface-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffffe0;-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffb3}.card{background:linear-gradient(#fffffff5,#f4fbffeb)}.login-card{border-radius:var(--radius-xl);background:linear-gradient(#fffffff0,#ecf8ffe0);gap:1rem;width:min(28rem,100%);padding:1.75rem 1.35rem 1.5rem;display:grid}.login-brand{justify-content:center;gap:.55rem;display:flex}.login-mark{background:linear-gradient(135deg, var(--navy-800), var(--navy-700));color:#fff;letter-spacing:.04em;min-width:3.6rem;min-height:2.4rem;box-shadow:var(--shadow-button);border-radius:999px;justify-content:center;align-items:center;padding:.25rem .7rem;font-weight:800;display:inline-flex}.login-mark-spe{background:linear-gradient(135deg, var(--primary-600), var(--cyan-500))}.login-card h1{text-align:center;margin:0;font-size:1.55rem}.login-card>.muted{text-align:center;margin:0}.login-card label{font-size:1rem;font-weight:700}.login-card select,.login-card input[type=password]{min-height:3.25rem;font-size:1.08rem}.login-card .btn.primary{min-height:3.25rem;font-size:1.12rem;font-weight:800}.login-card h1,.page h1{margin:0;font-size:1.5rem}.muted,.hint,small{color:var(--muted)}.hint code{font-size:.85rem}label{color:var(--navy-700);gap:.35rem;font-size:.95rem;display:grid}input,select,textarea{border:1px solid var(--border-soft);border-radius:var(--radius-md);width:100%;min-height:2.75rem;color:var(--text-primary);background:#ffffffeb;padding:.7rem .8rem;transition:border-color .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:#89a0b5}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;border-color:var(--primary-500);outline:2px solid #1a7ad673;box-shadow:0 0 0 4px #1a7ad61f}textarea{min-height:4.5rem}input[type=checkbox],input[type=radio]{width:auto;min-width:1.25rem;min-height:1.25rem;padding:0}input[type=file]{padding:.45rem}.btn{border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-surface);min-height:2.75rem;color:var(--navy-800);justify-content:center;align-items:center;gap:.35rem;padding:.65rem 1rem;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 4px 12px #0a27480f,inset 0 1px #ffffffe6}a.btn:hover{text-decoration:none}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 58%, #0e7490 100%);color:#fff;box-shadow:var(--shadow-button), inset 0 1px 0 #ffffff47;border-color:#0000}.btn.secondary{color:var(--navy-800);background:#ffffffdb;border-color:#1565c047}.btn.ghost{color:var(--primary-600);box-shadow:none;background:0 0;border-color:#0000}.btn.danger{color:#fff;background:linear-gradient(135deg,#e53935,#c62828);border-color:#0000}.btn.success{color:#fff;background:linear-gradient(135deg,#14b8a6,#0e8a7a);border-color:#0000}.btn.add{color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);border-color:#0000;box-shadow:0 8px 18px #0f766e38,inset 0 1px #ffffff47}.btn.edit{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));color:#fff;border-color:#0000}.btn.export{color:#fff;background:linear-gradient(135deg,#34d399,#059669);border-color:#0000;box-shadow:0 8px 18px #05966933,inset 0 1px #ffffff47}.btn.print{color:#334155;background:#ffffffe6;border-color:#64748b47}.btn:focus-visible{outline-offset:2px;outline:2px solid #1a7ad68c}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.check-row{align-items:center;gap:.5rem;display:flex}.check-row input[type=checkbox]{width:auto}fieldset.full{border:1px solid var(--line);border-radius:12px;gap:.4rem;padding:.85rem 1rem;display:grid}.shell{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.sidebar{background:linear-gradient(180deg, var(--navy-800) 0%, var(--navy-700) 58%, #0e5f7a 100%);color:#fff;flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.brand{gap:.25rem;display:grid}.brand span{color:#ffffffbf;font-size:.9rem}.nav{gap:.35rem;display:grid}.nav a{color:#ffffffe6;border-radius:var(--radius-md);border:1px solid #0000;padding:.7rem .85rem;text-decoration:none;transition:background .16s,transform .16s}.nav a:hover{background:#ffffff14;text-decoration:none}.nav a.active{color:#fff;-webkit-backdrop-filter:blur(10px);background:#38c6e038;border-color:#7ee0f059;text-decoration:none;box-shadow:inset 0 1px #ffffff2e}.shell-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{-webkit-backdrop-filter:blur(16px);background:#ffffffb8;border-bottom:1px solid #125a8c1a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.topbar-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-left:auto;display:flex}.company-select{align-items:center;gap:.5rem;display:flex}.company-select select{min-width:220px}.user-chip{align-items:center;gap:.75rem;display:flex}.user-chip div{display:grid}.user-chip strong{font-size:.95rem}.user-chip small{font-size:.8rem}.menu-toggle,.sidebar-backdrop,.bottom-nav{display:none}.menu-toggle{min-width:2.75rem;min-height:2.75rem;padding:.5rem .85rem}.content{padding:1.25rem}.context-banner{border-radius:var(--radius-md);color:var(--navy-700);background:#1565c014;margin:0 0 1rem;padding:.75rem 1rem}.page{gap:1rem;display:grid}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.dashboard-section-title{margin:1.5rem 0 .75rem;font-size:1.1rem}.dashboard-widget .leave-request-list{margin:0;padding-left:1.1rem}.card{align-content:start;gap:.75rem;padding:1.1rem;display:grid}.stat{margin:0;font-size:2rem;font-weight:700}.stat-sm{margin:0;font-size:1.1rem;font-weight:600}.toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.toolbar input{max-width:360px}.table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f4fbfff0);overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #125a8c14;padding:.9rem 1rem}th{color:var(--navy-800);background:#e8f3fb;font-size:.85rem;font-weight:700}tbody tr:nth-child(2n){background:#0e74b409}tbody tr:hover{background:#0ea5c814}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.detail-grid .label{color:var(--muted);margin-bottom:.25rem;font-size:.85rem;display:block}.tenure-card,.compensation-card{margin-top:1rem;padding:1.25rem}.tenure-card h2,.compensation-card h2,.compensation-card h3{margin:0 0 .75rem}.tenure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tenure-grid .label{color:var(--muted);margin-bottom:.25rem;font-size:.85rem;display:block}.section-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.current-comp{border:1px solid var(--line);background:#e8f3fb;border-radius:12px;margin-bottom:1.25rem;padding:1rem}.monthly-total{background:linear-gradient(135deg,#0f4c5c1a 0%,#1b6b7a0f 100%);border:1px solid #0f4c5c38;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin:.75rem 0 1rem;padding:.85rem 1rem;display:flex}.monthly-total .label{color:var(--brand);font-size:.95rem;font-weight:600}.monthly-total strong{color:var(--brand);letter-spacing:.01em;font-size:clamp(1.35rem,2.5vw,1.75rem)}.comp-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.comp-amounts li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:.75rem;padding-bottom:.35rem;display:flex}.comp-amounts span{color:var(--muted);font-size:.9rem}.comp-history{gap:.85rem;display:grid}.comp-item{border:1px solid var(--line);border-radius:12px;padding:1rem}.comp-item header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;display:flex}.optional-comp{border:1px solid var(--line);border-radius:12px;margin:0;padding:1rem}.optional-comp legend{padding:0 .35rem;font-weight:600}.optional-comp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;display:grid}.form .full,.form-actions{grid-column:1/-1}.actions,.form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.leave-settings-form h2{margin:0;font-size:1.05rem}.leave-settings-page,.leave-settings-form{gap:1rem;display:grid}.leave-settings-section{gap:.75rem;padding:1.15rem 1.25rem;display:grid}.leave-settings-section p{margin:0}.leave-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.leave-settings-grid .full{grid-column:1/-1}.leave-settings-grid label{gap:.35rem;font-weight:700;display:grid}.leave-settings-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.leave-settings-actions .btn.primary{min-width:12rem;min-height:3rem;font-weight:800}.leave-settings-row-inactive td{color:var(--muted);background:#f8fafc}.leave-settings-table .actions{gap:.4rem}@media (width<=900px){.leave-settings-grid{grid-template-columns:1fr}.leave-settings-actions{bottom:calc(3.6rem + env(safe-area-inset-bottom));background:var(--bg,#f4f7fb);z-index:5;padding:.65rem 0 .15rem;position:sticky}.leave-settings-actions .btn{flex:auto}}.attendance-page{max-width:640px}.attendance-identity,.attendance-clock{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.75rem;padding:1rem;display:grid}.attendance-clock-date,.attendance-clock-time{font-size:1.35rem}.attendance-status{color:var(--brand);font-size:1.15rem}.attendance-form{gap:.85rem;margin-top:.75rem;padding:1rem;display:grid}.attendance-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.85rem;display:grid}.attendance-punch-btn{border-radius:14px;min-height:3.6rem;padding:1rem;font-size:1.1rem;font-weight:700}.attendance-punch-btn:disabled{opacity:.45;cursor:not-allowed}.attendance-check_in{color:#fff;background:linear-gradient(135deg,#14b8a6,#0e7490)}.attendance-check_out{color:#fff;background:linear-gradient(135deg,#38bdf8,#1565c0);border:0}.attendance-ot_in{color:var(--navy-800);background:linear-gradient(135deg,#7ee0f0,#1a7ad6);border:0}.attendance-ot_out{color:#fff;background:linear-gradient(135deg,#1565c0,#0a2748)}.attendance-today{margin-top:1rem;padding:1rem}.attendance-today h2{margin:0 0 .65rem;font-size:1.1rem}.attendance-event-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.attendance-event-list li{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.65rem .75rem;display:grid}.attendance-event-list em{color:var(--muted);grid-column:1/-1;font-size:.9rem;font-style:normal}.attendance-success{color:#0f6b4c;margin:.5rem 0 0;font-weight:600}.leave-page{max-width:720px}.leave-quota-card,.leave-history-card{margin-top:.85rem;padding:1rem}.leave-quota-card h2,.leave-history-card h2{margin:0 0 .75rem;font-size:1.1rem}.leave-request-list,.leave-approval-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.leave-request-list li,.leave-approval-item{border:1px solid var(--line);border-radius:12px;gap:.5rem;padding:.85rem;display:grid}.leave-request-list li{grid-template-columns:1fr auto;align-items:start}.leave-request-meta{justify-items:end;gap:.4rem;display:grid}.leave-status{border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;font-size:.85rem;display:inline-block}.leave-status-pending{color:#8a5a00;background:#fff7e8}.leave-status-approved{color:#0f6b4c;background:#e8f7f0}.leave-status-rejected,.leave-status-cancelled{color:var(--danger);background:#fdecec}.leave-days-preview{border:1px solid var(--line);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.leave-days-preview strong{color:var(--brand);font-size:1.2rem}.leave-approval-item header{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}@media (width<=960px){.shell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(280px,86vw);padding-top:max(1.25rem, env(safe-area-inset-top));padding-bottom:max(1.25rem, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.menu-toggle,.sidebar-backdrop{display:inline-flex}.sidebar-backdrop{z-index:20;background:#00000059;border:0;position:fixed;inset:0}.bottom-nav{z-index:25;border-top:1px solid var(--border-soft);padding:.2rem .15rem calc(.2rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#ffffffe0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 22px #0a274814}.bottom-nav a,.bottom-nav button{appearance:none;color:var(--muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:3rem;padding:.35rem .2rem;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav a:hover,.bottom-nav button:hover{text-decoration:none}.bottom-nav a.active,.bottom-nav button.active{color:var(--primary-600);background:#1565c01a}.content{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}.topbar{padding-top:max(.75rem, env(safe-area-inset-top));flex-wrap:wrap;gap:.65rem}.topbar-meta{width:100%;margin-left:0}.card-grid,.detail-grid,.form,.tenure-grid,.comp-amounts,.optional-comp-grid{grid-template-columns:1fr}.company-select{width:100%}.company-select select{flex:1;min-width:0}.user-chip{justify-content:space-between;width:100%}.attendance-actions,.attendance-identity,.attendance-clock{grid-template-columns:1fr}table{min-width:560px}table.table-compact{min-width:0}.form-actions{bottom:calc(3.6rem + env(safe-area-inset-bottom));background:var(--panel);z-index:5;padding:.65rem 0 .15rem;position:sticky}.form-actions .btn,.page-header .btn,.toolbar .btn{flex:auto}.login-card .btn{width:100%}}.attach-preview{gap:.4rem;display:grid}.attach-preview img{border:1px solid var(--line);border-radius:10px;width:min(220px,100%);height:auto}.attach-toolbar{flex-direction:column;align-items:stretch}.payroll-page,.payroll-period-page,.payroll-item-page{max-width:1200px}.payroll-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:.85rem 0;display:grid}.payroll-summary-cards>div{gap:.25rem;display:grid}.payroll-summary-cards strong{font-size:1.15rem}.payslip-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.payslip-net{margin-top:1rem;font-size:1.15rem}.payroll-status-draft{color:#555;background:#f3f3f3}.payroll-status-calculated{color:#0b5f8a;background:#e8f4fb}.payroll-status-reviewed{color:#6b4c00;background:#fff4d9}.payroll-status-locked,.payroll-status-paid{color:#0f6b4c;background:#e8f7f0}button.linkish{color:var(--accent,#0b5f8a);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}@media (width<=900px){.payroll-summary-cards,.payslip-grid{grid-template-columns:1fr}}.staff-shell{background:radial-gradient(circle at 18% 0,#7dd3fc47,#0000 34%),linear-gradient(#f7fbff 0%,#eef8ff 48%,#eaf7fa 100%);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.staff-topbar{padding:max(.85rem, env(safe-area-inset-top)) 1rem .85rem;background:linear-gradient(135deg, var(--navy-800), var(--navy-700) 62%, #0e5f7a);color:#fff;justify-content:space-between;align-items:center;gap:.75rem;display:flex;box-shadow:0 8px 24px #0a27482e}.staff-topbar strong,.staff-topbar small{display:block}.staff-topbar small{color:#ffffffc2;font-size:.8rem}.staff-topbar-identity{color:inherit;min-width:0;text-decoration:none}.staff-topbar-identity:hover{opacity:.92;text-decoration:none}.staff-topbar-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.staff-topbar-btn{appearance:none;color:#fff;min-height:2.4rem;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:16px;justify-content:center;align-items:center;padding:.45rem .85rem;font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.staff-topbar-btn-solid{color:var(--navy-800);background:#fff;border-color:#fff}.staff-content{padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom));min-width:0}.staff-home{gap:.9rem;width:100%;max-width:42rem;margin:0 auto;display:grid}.staff-home-hero{gap:.15rem;display:grid}.staff-home-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.staff-home h1{margin:0;font-size:1.45rem}.staff-home-clock{font-variant-numeric:tabular-nums;color:var(--navy-800);margin:0;font-size:1.7rem;font-weight:700}.staff-status-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1fr;justify-items:stretch;gap:.7rem;width:fit-content;max-width:100%;margin-inline:auto;padding:1rem 1.15rem;display:grid}.staff-home-identity{text-align:center;border-radius:var(--radius-xl);background:linear-gradient(#fff 0%,#eef8ff 100%);border:1px solid #dceaf5;justify-items:center;gap:.28rem;width:min(22rem,100%);margin-inline:auto;padding:.95rem 1.2rem 1rem;display:grid;box-shadow:0 10px 24px #0e5a8c14}.staff-home-identity-name{letter-spacing:-.02em;color:var(--navy-800);margin:0;font-size:1.2rem;font-weight:800}.staff-home-identity-code{color:#5d7a93;justify-content:center;align-items:baseline;gap:.55rem;margin:0;font-size:.86rem;font-weight:600;display:flex}.staff-identity-row{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:1.35rem;min-width:18rem;display:grid}.staff-identity-row .label{color:var(--muted);font-size:1.45rem;font-weight:600}.staff-identity-row strong{word-break:break-word;min-width:0;font-size:1.7rem;font-weight:700}.attendance-identity{grid-template-columns:1fr;gap:.7rem;display:grid}.staff-project-field{gap:.35rem;font-weight:700;display:grid}.staff-project-field select{width:100%;min-height:3rem}.attendance-punch-panel{gap:.75rem;display:grid}.staff-quick-menu{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.staff-quick-btn{isolation:isolate;text-align:center;color:#fff;text-shadow:0 1px 2px #0c284647;will-change:transform;border:1px solid #ffffff59;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:6.6rem;padding:.85rem .5rem;font-size:1.05rem;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0f325a3d,0 14px 18px #0f284629,inset 0 1px #ffffff47}.staff-quick-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1a 0%,#ffffff08 42%,#0000 100%);position:absolute;inset:0}.staff-quick-btn>*{z-index:1;position:relative}.staff-quick-btn:hover{text-decoration:none;transform:translateY(-2px)}.staff-quick-btn:active{transform:translateY(0)scale(.99)}.staff-quick-icon{place-items:center;line-height:1;display:grid}.staff-quick-attendance{background:linear-gradient(165deg, var(--menu-history-start) 0%, var(--menu-history-end) 100%)}.staff-quick-leave{background:linear-gradient(165deg, var(--menu-leave-start) 0%, var(--menu-leave-end) 100%)}.staff-quick-report{background:linear-gradient(165deg, var(--menu-report-start) 0%, var(--menu-report-end) 100%)}.staff-quick-company{background:linear-gradient(165deg, var(--menu-company-start) 0%, var(--menu-company-end) 100%)}.leave-summary-box{background:#e8f6fb;border:1px solid #1565c029;border-radius:14px;padding:.85rem .95rem}.leave-summary-box strong{font-size:1.05rem;display:block}.leave-summary-box .muted{margin:.35rem 0 0}.attendance-status-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.attendance-status-box{appearance:none;isolation:isolate;width:100%;font:inherit;text-align:center;cursor:pointer;color:#fff;text-shadow:0 1px 2px #0c284647;will-change:transform;border:1px solid #ffffff47;border-radius:22px;min-width:0;min-height:4.5rem;margin:0;padding:.46rem .14rem .52rem;transition:transform .18s,box-shadow .18s,filter .18s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f32462e,0 12px 16px #0f283c1f,inset 0 1px #ffffff61}.attendance-status-box:not(:disabled):hover{transform:translateY(-1px)}.attendance-status-box:not(:disabled):active{transform:translateY(0)scale(.99)}.attendance-status-box:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff3d 0%,#ffffff0f 42%,#0000 100%);position:absolute;inset:0}.attendance-status-box span,.attendance-status-box strong{z-index:1;position:relative}.attendance-status-box span:not(.attendance-status-icon){white-space:nowrap;font-size:.82rem;font-weight:800;line-height:1.15;display:block}.attendance-status-icon{opacity:.95;color:#fff;place-items:center;margin:0 auto .08rem;display:grid}.attendance-status-box strong,.attendance-status-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--attendance-time-empty);margin-top:.12rem;font-size:1.22rem;font-weight:800;display:block}.attendance-status-time.is-punched{color:var(--attendance-time-completed);text-shadow:none}.attendance-status-check_in{background:linear-gradient(165deg, var(--attendance-in-start) 0%, var(--attendance-in-mid) 46%, var(--attendance-in-end) 100%)}.attendance-status-check_out{background:linear-gradient(165deg, var(--attendance-out-start) 0%, var(--attendance-out-mid) 46%, var(--attendance-out-end) 100%)}.attendance-status-ot_in{background:linear-gradient(165deg, var(--attendance-ot-in-start) 0%, var(--attendance-ot-in-mid) 46%, var(--attendance-ot-in-end) 100%)}.attendance-status-ot_out{background:linear-gradient(165deg, var(--attendance-ot-out-start) 0%, var(--attendance-ot-out-mid) 46%, var(--attendance-ot-out-end) 100%)}.attendance-status-box.is-complete{filter:none}.attendance-status-box.is-complete:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:#ffffff6b;position:absolute;inset:0}.attendance-status-box.is-complete .attendance-status-icon,.attendance-status-box.is-complete span:not(.attendance-status-icon),.attendance-status-box.is-complete .attendance-status-time{z-index:2;position:relative}.attendance-status-box.is-disabled,.attendance-status-box:disabled{cursor:not-allowed}.attendance-status-box.is-disabled:not(.is-complete),.attendance-status-box:disabled:not(.is-complete){opacity:.58;filter:grayscale(.08)}.attendance-status-box.is-complete.is-disabled,.attendance-status-box.is-complete:disabled{opacity:1;filter:none}.staff-punch-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.staff-punch-btn{appearance:none;min-height:4.6rem;font:inherit;color:#fff;cursor:pointer;border:0;border-radius:18px;padding:.9rem .6rem;font-size:1.15rem;font-weight:800}.staff-punch-btn:disabled{opacity:.38;cursor:not-allowed}.staff-punch-check_in{background:linear-gradient(135deg, var(--attendance-in-mid), var(--attendance-in-end))}.staff-punch-check_out{background:linear-gradient(135deg, var(--attendance-out-mid), var(--attendance-out-end))}.staff-punch-ot_in{background:linear-gradient(135deg, var(--attendance-ot-in-mid), var(--attendance-ot-in-end))}.staff-punch-ot_out{background:linear-gradient(135deg, var(--attendance-ot-out-mid), var(--attendance-ot-out-end))}.attendance-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:#0a27486b;place-items:end center;display:grid;position:fixed;inset:0}.attendance-modal{border-radius:var(--radius-xl);width:min(100%,28rem);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffffe6;background:linear-gradient(#fffffff5,#ecf8fff0);border:1px solid #ffffffb3;gap:.8rem;padding:1.15rem 1.15rem 1.25rem;display:grid}.attendance-modal h2{margin:0;font-size:1.25rem}.attendance-modal label{gap:.35rem;font-weight:700;display:grid}.attendance-modal select,.attendance-modal textarea{width:100%}.attendance-modal-actions{flex-wrap:wrap;gap:.6rem;display:flex}.attendance-modal-actions .btn.primary{flex:10rem;min-height:3rem;font-weight:800}@media (width>=560px){.attendance-modal-backdrop{place-items:center}}@media (width<=380px){.staff-identity-row{grid-template-columns:max-content minmax(0,1fr);column-gap:.85rem;min-width:0}.staff-home-identity{padding:.8rem .9rem}.staff-home-identity-name{font-size:1.1rem}.attendance-status-row{gap:.22rem}.attendance-status-box{border-radius:18px;min-height:4.2rem;padding:.38rem .06rem .42rem}.attendance-status-box span:not(.attendance-status-icon){font-size:.72rem}.attendance-status-box strong{font-size:1.05rem}.attendance-status-icon svg{width:14px;height:14px}.staff-quick-btn{min-height:5.85rem;padding:.62rem .28rem;font-size:.95rem}.staff-quick-icon{font-size:1.95rem}}.staff-section-title{margin:0;font-size:1.05rem;font-weight:800}.staff-home-block{border:1px solid var(--line);background:#fff;border-radius:18px;gap:.75rem;padding:1rem;display:grid}.staff-home-block>summary{cursor:pointer;list-style:none}.staff-home-block>summary::-webkit-details-marker{display:none}.staff-leave-tabs{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.staff-leave-tab{appearance:none;min-height:2.8rem;font:inherit;border:1px solid var(--border-soft);color:var(--navy-800);cursor:pointer;background:#ffffffdb;border-radius:14px;font-weight:800}.staff-leave-tab.is-active{background:linear-gradient(135deg, var(--primary-600), var(--navy-700));color:#fff;border-color:#0000}.staff-leave-form{grid-template-columns:1fr;gap:.75rem;margin-top:.35rem;padding:0;display:grid}@media (width>=520px){.staff-leave-form{grid-template-columns:1fr 1fr}}.staff-leave-mode{gap:.2rem;display:grid}.staff-leave-history{gap:.75rem;display:grid}.staff-leave-history .card{margin:0}.staff-embed-body{gap:.75rem;display:grid}.staff-embed-actions{flex-wrap:wrap;gap:.5rem;display:flex}.staff-embed-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.staff-embed-list a{border:1px solid var(--line);color:inherit;border-radius:12px;gap:.15rem;padding:.7rem .8rem;text-decoration:none;display:grid}.staff-embed-list a:hover{border-color:#1a3344}.staff-empty-card{padding:1rem}.staff-preview-banner{background:#fff7ed;border:1px solid #fdba74;border-radius:16px;gap:.55rem;padding:1rem;display:grid}.staff-preview-banner p{margin:0}.staff-preview-banner .btn{justify-self:start}.staff-leave{gap:.9rem;display:grid}.staff-leave-cta{width:100%;min-height:3.6rem;font-size:1.2rem;font-weight:800}.staff-leave-cta:disabled{opacity:.45;cursor:not-allowed}.staff-history-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.staff-history-print{background:linear-gradient(135deg, var(--navy-800), var(--navy-700));color:#fff;box-shadow:var(--shadow-button), inset 0 1px 0 #ffffff38;border-color:#0000;font-weight:700}.staff-history-back{min-height:2.6rem;color:var(--navy-800);white-space:nowrap;background:#fff;border:1px solid #1565c047;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #0a274814}.staff-history-back:hover{background:#f7fbff;text-decoration:none;box-shadow:0 8px 18px #0a27481f}.staff-history-filters{flex-wrap:wrap;align-items:end;gap:.75rem 1rem;display:flex}.staff-history-filters label{color:var(--muted);gap:.28rem;font-size:.86rem;font-weight:600;display:grid}.staff-history-filters select{border:1px solid var(--border-soft);min-width:10.5rem;min-height:2.7rem;color:var(--ink);background:#fff;border-radius:12px;padding:.45rem .75rem}.staff-history-report{border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f4fbfff0);gap:.85rem;padding:1rem 1.1rem 1.25rem;display:grid}.staff-history-brand{justify-content:center;gap:.55rem;display:flex}.staff-history-report-title{text-align:center;color:var(--navy-800);margin:0;font-size:1.15rem}.staff-history-period{text-align:center;color:var(--muted);margin:0;font-weight:600}.staff-history-emp,.staff-history-stats{gap:.55rem;display:grid}.staff-history-emp{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-history-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.staff-history-emp div,.staff-history-stats div{border:1px solid var(--border-soft);background:#fff;border-radius:12px;gap:.15rem;padding:.55rem .65rem;display:grid}.staff-history-emp span,.staff-history-stats span{color:var(--muted);font-size:.78rem;font-weight:700}.staff-history-emp strong,.staff-history-stats strong{color:var(--navy-800);font-size:.95rem}.staff-history-stats small{color:var(--muted);font-weight:600}.staff-history-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.staff-history-table{table-layout:fixed;min-width:1080px;font-size:.84rem}.staff-history-table th,.staff-history-table td{text-align:center;white-space:nowrap;padding:.45rem .4rem}.staff-history-table th:first-child,.staff-history-table td:first-child{text-align:left;width:11%}.staff-history-table th:nth-child(6),.staff-history-table td:nth-child(6),.staff-history-table th:nth-child(8),.staff-history-table td:nth-child(8){white-space:normal}.staff-history-table thead th{z-index:2;background:var(--navy-700);color:#fff;position:sticky;top:0}.staff-history-table th:first-child,.staff-history-table td:first-child{z-index:1;background:#fff;position:sticky;left:0}.staff-history-table thead th:first-child{z-index:3;background:var(--navy-700);color:#fff}.staff-history-table tbody tr:nth-child(2n) td:first-child{background:#f5fafd}.staff-history-table tbody tr:hover td:first-child{background:#eef8fb}.staff-history-row-sunday td,.staff-history-row-sunday td:first-child{background:#fff3c4!important}.staff-history-total td{background:#e8eef5;font-weight:800}.staff-history-total td:first-child{background:#e8eef5}@media (width<=960px){.staff-history-emp,.staff-history-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.staff-history-table{min-width:1080px}.staff-history-emp,.staff-history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header .staff-history-back,.page-header .staff-history-print{flex:none}}.staff-profile{max-width:640px;margin:0 auto}.staff-profile-card{margin-top:.75rem;padding:1rem}.staff-embed-body .staff-profile-card:first-child{margin-top:0}.staff-profile-dl{gap:.65rem;margin:0;display:grid}.staff-profile-dl div{gap:.1rem;display:grid}.staff-profile-dl dt{color:var(--muted);font-size:.82rem}.staff-profile-dl dd{margin:0;font-weight:700}@media (width>=720px){.attendance-status-box{min-height:4.6rem;padding:.58rem .35rem}.staff-quick-btn{min-height:7.6rem;font-size:1.12rem}}.md-toolbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:.9rem 1rem}.md-toolbar label{min-width:12rem}.md-sheet{max-height:calc(100vh - 16rem)}.md-sheet table{min-width:1180px}.md-sheet thead th{z-index:2;box-shadow:0 1px 0 var(--line);background:#e8f3fb;position:sticky;top:0}.md-sheet tbody tr:nth-child(2n){background:#0e74b409}.md-sheet tbody tr:hover{background:#0ea5c814}.md-sort{min-height:0;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-weight:600}.md-row-actions{flex-wrap:wrap;gap:.35rem;display:flex}.md-row-actions .btn{min-height:2.2rem;padding:.3rem .75rem;font-size:.9rem}.md-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.md-geo-actions{flex-wrap:wrap;gap:.5rem;display:flex}.md-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);background:#0a27486b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.md-modal{border-radius:var(--radius-xl);width:min(44rem,100%);max-height:min(92vh,52rem);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffffe6;background:linear-gradient(#fffffff5,#ecf8fff0);border:1px solid #ffffffb3;padding:1.15rem 1.2rem 1.25rem;overflow:auto}.md-modal-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.md-modal-header h2{margin:0;font-size:1.15rem}.md-modal .form{padding:0}.print-only{display:none!important}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-only-inline{display:inline!important}.print-section{margin:0 0 .75rem}.print-break-avoid{break-inside:avoid;page-break-inside:avoid}.print-break-before{break-before:page;page-break-before:always}@page{size:A4;margin:11mm}@page print-landscape{size:A4 landscape;margin:11mm}@page print-portrait{size:A4 portrait;margin:11mm}@page print-detail-landscape{size:A4 landscape;margin:9mm}@page print-staff-history{size:A4 portrait;margin:5mm 6mm}.print-page-landscape{page:print-landscape}.print-page-portrait{page:print-portrait}.print-page-detail-landscape{page:print-detail-landscape}body:has(.print-page-staff-history){page:print-staff-history;font-size:9pt;line-height:1.15}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Noto Sans Thai,Segoe UI,Tahoma,sans-serif;font-size:11pt;line-height:1.35;color:#111!important;background:#fff!important}#root{min-height:0}a{color:inherit!important;text-decoration:none!important}.shell{min-height:0;display:block;background:#fff!important}.bottom-nav,.staff-bottom-nav{display:none!important}.form-actions{padding:0!important;position:static!important}table{min-width:0!important}.shell-main,.content{background:#fff!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.page{gap:.4rem}.page-header{margin-bottom:.5rem}.page h1,.print-doc-title{margin:0 0 .15rem;font-size:15pt;color:#111!important}.print-doc-meta{margin:0;font-size:9.5pt;color:#222!important}.employee-detail-print-doc{width:100%}.print-detail-header{border-bottom:1.5px solid #222;margin:0 0 .45rem;padding-bottom:.3rem}.print-brand{margin:0;font-size:9pt;font-weight:600;color:#333!important}.print-detail-header .print-doc-title{margin:.1rem 0;font-size:14pt}.print-section-title{margin:0 0 .25rem;font-size:11pt;color:#111!important}.print-detail-section{margin:0 0 .55rem}.print-kv-table,.print-data-table{border-collapse:collapse;table-layout:fixed;width:100%}.print-kv-table{font-size:9.5pt}.print-kv-table th{text-align:left;white-space:nowrap;width:14%;font-weight:700;background:#ececec!important}.print-kv-table td{text-align:left;word-wrap:break-word;width:36%}.print-data-table{font-size:9pt}.print-data-table th{text-align:center;font-weight:700;background:#ececec!important}.print-data-table td.num,.print-data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.print-data-table td.num{text-align:right}.print-total-cell{background:#f5f5f5!important;font-weight:700!important}.print-current-comp-table .print-total-cell{font-size:10pt;border:1.5px solid #222!important}.print-history-table th:first-child,.print-history-table td:first-child{width:16%}.print-history-table th:nth-child(2),.print-history-table td:nth-child(2){width:11%}.print-history-table th:nth-child(8),.print-history-table td:nth-child(8){text-align:left;width:16%}.card,.login-card,.current-comp,.comp-item,.monthly-total{box-shadow:none!important;background:#fff!important;border:1px solid #bbb!important;border-radius:0!important}.tenure-card,.compensation-card,.detail-grid.card{margin-top:.65rem;padding:.65rem!important}.monthly-total{background:#fff!important;border:1px solid #333!important;padding:.5rem .65rem!important}.monthly-total .label,.monthly-total strong{color:#111!important}.monthly-total strong{font-size:14pt!important}.muted,.hint,small,.label{color:#333!important}.table-wrap{box-shadow:none;border:none;overflow:visible}table{border-collapse:collapse;width:100%;font-size:9.5pt}thead{display:table-header-group}tfoot{display:table-footer-group}tr{break-inside:avoid;page-break-inside:avoid}th,td{vertical-align:top;color:#111!important;background:#fff!important;border:1px solid #999!important;padding:.22rem .35rem!important}th{font-weight:700;background:#f0f0f0!important}.comp-item{margin:0 0 .55rem;padding:.5rem!important}.comp-history{gap:.55rem}.section-header{margin-bottom:.45rem}.compensation-card h2,.compensation-card h3,.tenure-card h2{margin-bottom:.4rem;font-size:12pt;color:#111!important}.detail-grid,.tenure-grid,.comp-amounts{gap:.4rem .75rem}.comp-amounts li{border-bottom:1px solid #ccc}.staff-preview-banner{display:none!important}.print-page-staff-history.staff-leave,.print-page-staff-history.staff-history{gap:0!important}.staff-shell:has(.print-page-staff-history){background:#fff!important;min-height:0!important}.staff-shell:has(.print-page-staff-history) .staff-content{margin:0!important;padding:0!important}.staff-history-report{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact;gap:3px;box-shadow:none!important;background:#fff!important;border:none!important;padding:0!important}.staff-history-brand{gap:.3rem;margin:0}.staff-history-brand .login-mark{min-width:2.15rem;min-height:1.25rem;box-shadow:none;letter-spacing:.02em;padding:0 .4rem;font-size:8pt}.staff-history-report-title{margin:1px 0 0;font-size:10.5pt;line-height:1.1;color:#111!important}.staff-history-period{margin:0 0 2px;font-size:8pt;line-height:1.1;color:#222!important}.staff-history-emp,.staff-history-stats{gap:3px;margin:0}.staff-history-emp{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-history-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.staff-history-emp div,.staff-history-stats div{border-radius:0;gap:0;line-height:1.1;background:#fff!important;border:1px solid #999!important;padding:2px 4px!important}.staff-history-emp span,.staff-history-stats span{font-size:6.5pt;line-height:1.05}.staff-history-emp strong,.staff-history-stats strong{font-size:8pt;line-height:1.1}.staff-history-stats small{font-size:6.5pt}.staff-history-table-wrap{margin:0;box-shadow:none!important;background:#fff!important;border:none!important;overflow:visible!important}.staff-history-table{page-break-inside:auto;border-collapse:collapse;table-layout:fixed!important;width:100%!important;min-width:0!important}.staff-history-table tr{break-inside:auto;page-break-inside:auto}.staff-history-table th:first-child,.staff-history-table td:first-child{width:13%}.staff-history-table th:nth-child(2),.staff-history-table td:nth-child(2),.staff-history-table th:nth-child(3),.staff-history-table td:nth-child(3),.staff-history-table th:nth-child(4),.staff-history-table td:nth-child(4),.staff-history-table th:nth-child(5),.staff-history-table td:nth-child(5){width:6.2%}.staff-history-table th:nth-child(6),.staff-history-table td:nth-child(6){width:9%}.staff-history-table th:nth-child(7),.staff-history-table td:nth-child(7){width:10%}.staff-history-table th:nth-child(8),.staff-history-table td:nth-child(8),.staff-history-table th:nth-child(9),.staff-history-table td:nth-child(9),.staff-history-table th:nth-child(10),.staff-history-table td:nth-child(10){width:8%}.staff-history-table th:nth-child(11),.staff-history-table td:nth-child(11),.staff-history-table th:nth-child(12),.staff-history-table td:nth-child(12),.staff-history-table th:nth-child(13),.staff-history-table td:nth-child(13){width:5.6%}.staff-history-table th,.staff-history-table td{vertical-align:middle;color:#111!important;padding:3px 2px!important;font-size:7pt!important;line-height:1.15!important}.staff-history-table thead th{text-align:center;vertical-align:middle;height:auto;line-height:1.15;overflow:visible;color:#fff!important;white-space:normal!important;background:#123a6b!important;padding:4px 2px!important;font-size:7.5pt!important}.staff-history-table thead th .staff-history-th-break{display:block!important}.staff-history-table tbody td{white-space:nowrap;height:24px;overflow:hidden;background:#fff!important;padding-top:6px!important;padding-bottom:6px!important;line-height:1.15!important}.staff-history-table tfoot td{height:24px;padding:5px 2px!important;font-size:7pt!important}.staff-history-table th:first-child,.staff-history-table td:first-child{text-align:left;position:static}.staff-history-table tbody tr.staff-history-row-sunday td,.staff-history-table tbody tr.staff-history-row-sunday td:first-child,.staff-history-table tbody tr.staff-history-row-sunday td:last-child,.staff-history-table tbody tr.sunday-row td,.staff-history-table tbody tr.sunday-row td:first-child,.staff-history-table tbody tr.sunday-row td:last-child{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff2c6!important}.staff-history-total td,.staff-history-total td:first-child{font-weight:800;background:#e8eef5!important}}