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:#31c5f4;--menu-history-mid:#168ce7;--menu-history-end:#0c58dc;--menu-leave-start:#ffd45c;--menu-leave-mid:#ff9f43;--menu-leave-end:#ff5b2e;--menu-report-start:#55e8a8;--menu-report-mid:#17c986;--menu-report-end:#049b74;--menu-store-start:#8b69ff;--menu-store-mid:#6047ed;--menu-store-end:#3634c5;--menu-profile-start:#ff82b3;--menu-profile-mid:#ef3f8d;--menu-profile-end:#c51f7c;--menu-handbook-start:#38d9d6;--menu-handbook-mid:#20b9d1;--menu-handbook-end:#1986d4;--menu-company-start:#42b9f4;--menu-company-mid:#257fe4;--menu-company-end:#1746b8;--menu-mgr-att-start:#4db7ff;--menu-mgr-att-mid:#1e7be8;--menu-mgr-att-end:#0d4fc4;--menu-mgr-report-start:#3dd6b0;--menu-mgr-report-mid:#12b08a;--menu-mgr-report-end:#0a7a62;--menu-mgr-emp-start:#5ad4f0;--menu-mgr-emp-mid:#22b4d8;--menu-mgr-emp-end:#0f87b0;--menu-mgr-leave-start:#ffb45c;--menu-mgr-leave-mid:#ff8a3d;--menu-mgr-leave-end:#e85a1f;--menu-mgr-todo-start:#9b7cff;--menu-mgr-todo-mid:#6f55ed;--menu-mgr-todo-end:#4334c5;--attendance-time-completed:#dc2626;--attendance-time-empty:#fffffff0;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-company-logos{justify-content:center;align-items:center;gap:18px;margin:0 0 .35rem;display:flex}.login-company-logo{object-fit:contain;width:auto;max-width:min(100%,280px);height:55px;display:block}.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 .login-employee-select,.login-card input[type=password],.login-card .password-input-wrap input{min-height:3.25rem;font-size:1.08rem}.login-card .login-employee-select{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;font-size:18px;line-height:1.3;overflow:hidden}.login-card .login-employee-select option,.login-card .login-employee-select optgroup{font-size:18px;line-height:1.3}.login-card .login-employee-select optgroup{font-weight:700}@media (width<=430px){.login-company-logos{gap:12px;margin-bottom:.15rem}.login-company-logo{max-width:min(100%,240px);height:48px}.login-card .login-employee-select,.login-card .login-employee-select option,.login-card .login-employee-select optgroup{font-size:18px}}.password-input-wrap{display:block;position:relative}.password-input-wrap input{box-sizing:border-box;width:100%;padding-right:2.75rem}.password-input-toggle{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.password-input-toggle:hover{color:var(--navy-800)}.employee-login-result-modal{text-align:left;width:100%;max-width:min(960px,100vw - 2rem)}.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}.employee-compensation-section{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;margin:0;padding:1.1rem 1.2rem}.employee-compensation-section legend{color:var(--navy-800);padding:0 .35rem;font-size:1.05rem;font-weight:800}.employee-compensation-help{color:#4b6478;margin:0 0 .85rem;line-height:1.45}.employee-compensation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;display:grid}.employee-compensation-grid label{gap:.35rem;display:grid}.employee-compensation-grid label span{color:var(--navy-800);font-weight:600}.employee-compensation-effective{grid-column:1/-1;max-width:16rem}.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}.optional-comp-effective{grid-column:1/-1;max-width:16rem}.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: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:minmax(0,1fr) auto;align-items:start}.leave-request-main{min-width:0}.leave-request-title{margin:0}.leave-request-type{display:inline}.leave-item-index{margin-right:.3em;font-weight:700}.leave-request-title strong{margin-right:.35em}.leave-request-dates{display:inline}.leave-request-date-range{margin-right:.35em}.leave-duration-paren{color:var(--ink);white-space:nowrap;font-weight:700}.leave-request-detail{margin:.12rem 0 0}.leave-request-submitted{color:var(--muted);font-size:.7em;font-weight:400}.leave-request-meta{flex-direction:column;place-items:flex-end end;gap:.25rem;min-width:0;max-width:13.5rem;display:flex}.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-request-list .leave-history-approved{color:#fff;background:#dc2626;border-color:#b91c1c}.leave-doc-complete-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.28rem;min-width:0;max-width:100%;margin:0;display:flex}.leave-doc-complete-badge{color:#fff;white-space:nowrap;background:#0f4c81;border:1px solid #0a3a63;border-radius:999px;padding:.2rem .55rem;font-size:.85rem;line-height:1.2;display:inline-block}.leave-doc-complete-row .btn{white-space:nowrap;flex-shrink:0;min-height:0;padding:.2rem .55rem}.leave-file-input,.leave-file-host{opacity:.01;z-index:1;border:0;width:32px;height:32px;margin:0;padding:0;font-size:16px;position:fixed;bottom:0;left:0;overflow:hidden}.leave-attach-label{cursor:pointer;margin:0;display:inline-flex;position:relative;overflow:hidden}.leave-file-overlay{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;font-size:20px;position:absolute;inset:0}.leave-attach-label.is-disabled{pointer-events:none;opacity:.55}.leave-doc-deadline,.leave-decision-note{text-align:right;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:0;font-size:.75rem;line-height:1.35}.leave-doc-deadline{color:#b45309;font-weight:650}.leave-decision-note{color:var(--ink)}@media (width<=768px){.leave-request-list{gap:.55rem}.leave-request-list li{grid-template-columns:minmax(0,1fr) minmax(7.5rem,9.4rem);align-items:start;gap:.28rem .45rem;padding:.62rem .7rem}.leave-request-title{flex-direction:column;align-items:flex-start;gap:.08rem;display:flex}.leave-request-dates{flex-wrap:wrap;gap:.05rem .35rem;max-width:100%;display:flex}.leave-request-date-range,.leave-duration-paren{white-space:nowrap}.leave-request-detail{margin:.06rem 0 0}.leave-request-submitted{margin:.12rem 0 0}.leave-request-meta{gap:.16rem;width:100%;max-width:9.4rem}.leave-decision-note,.leave-doc-deadline{text-align:right;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;font-size:.68rem;line-height:1.28;display:-webkit-box;overflow:hidden}.leave-request-list .leave-doc-complete-row{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.leave-request-list .leave-doc-complete-badge{padding:.16rem .42rem;font-size:.75rem}.leave-request-list .leave-doc-complete-row .btn{padding:.22rem .5rem;font-size:.8rem}.leave-history-card{padding:.75rem}.staff-leave-history .leave-history-card{padding:.55rem .65rem}.staff-leave-history .leave-request-list{gap:.45rem}.staff-leave-history .leave-request-list li{grid-template-columns:minmax(0,1fr) minmax(138px,44%);align-items:start;gap:0 6px;padding:.38rem .45rem;display:grid}.staff-leave-history .leave-request-main{flex-direction:column;gap:0;min-width:0;display:flex}.staff-leave-history .leave-request-title{flex-flow:wrap;align-items:baseline;gap:2px .3em;margin:0;line-height:1.3;display:flex}.staff-leave-history .leave-request-title strong{margin-right:0}.staff-leave-history .leave-request-dates{display:contents}.staff-leave-history .leave-request-type{order:1;display:inline}.staff-leave-history .leave-duration-paren{white-space:nowrap;order:2;font-weight:700;display:inline}.staff-leave-history .leave-request-date-range{white-space:normal;flex:1 0 100%;order:3;margin:2px 0 0}.staff-leave-history .leave-request-detail{margin:3px 0 0}.staff-leave-history .leave-request-submitted{white-space:nowrap;margin:2px 0 0;font-size:.6em;line-height:1.2}.staff-leave-history .leave-request-meta{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;width:auto;min-width:138px;max-width:none;display:flex}.staff-leave-history .leave-request-meta>.btn{min-height:0;padding:.12rem .35rem;line-height:1.2}.staff-leave-history .leave-request-meta .leave-status{align-self:flex-end}.staff-leave-history .leave-decision-note,.staff-leave-history .leave-doc-deadline{-webkit-line-clamp:2;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:.61rem;line-height:1.22;display:-webkit-box;overflow:hidden}.staff-leave-history .leave-request-list .leave-doc-complete-row{flex-flow:row;justify-content:flex-start;align-items:center;gap:.7rem;max-width:100%;display:flex}.staff-leave-history .leave-request-list .leave-doc-complete-row .btn{min-height:1.85rem;padding:.18rem .28rem;font-size:.78rem;line-height:1.15}}.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}.leave-approval-meta{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.55rem 1rem;margin:0;display:grid}.leave-approval-meta dt{color:var(--muted);font-size:.8rem}.leave-approval-meta dd{margin:.1rem 0 0}.leave-approval-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn.leave-approve-ok{color:#fff;background:#f5a623;border-color:#e69510}.btn.leave-approve-ok:not(:disabled):hover,.btn.leave-approve-ok:not(:disabled):focus-visible{color:#fff;background:#e69510;border-color:#d4860c}.btn.leave-approve-no{color:#fff;background:#c62828;border-color:#c62828}.btn.leave-approve-cond{color:#fff;background:#d97706;border-color:#d97706}.btn.leave-attach-wait{color:#1c1917;background:#f59e0b;border-color:#d97706;min-height:2.35rem;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.btn.leave-attach-soon{color:#fff;background:#ea580c;border-color:#c2410c;min-height:2.35rem;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.leave-doc-hint{color:var(--muted);margin:0;font-size:.85rem}.leave-doc-status{margin:.25rem 0 0;font-size:.88rem;font-weight:650}.leave-doc-status-waiting{color:#b45309}.leave-doc-status-complete{color:#0f6b4c}.leave-doc-status-overdue,.leave-doc-status-converted{color:#c62828}.sidebar-menu-label{vertical-align:middle;align-items:center;gap:.45rem;min-width:0;max-width:100%;display:inline-flex}.sidebar-menu-text{min-width:0;line-height:1.25}.sidebar-notification-badge,.nav-badge{color:#fff;background:#ef3340;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:1.55rem;height:1.55rem;padding:0 .42rem;font-size:.86rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 8px #ef334047}.sidebar-notification-badge{flex-shrink:0;position:relative;top:-6px}.nav a.nav-leave-approve .nav-badge,.nav a.nav-todo-reminders .nav-badge{position:static;top:auto;right:auto}.btn-with-badge{position:relative}.btn-with-badge .nav-badge{position:absolute;top:-.4rem;right:-.4rem}.btn.ghost.topbar-staff-view{color:var(--navy-800);border-radius:var(--radius-sm);box-shadow:none;background:#fff;border:1px solid #1565c08c;flex-shrink:0;padding:.42rem .85rem}.btn.ghost.topbar-staff-view:hover,.btn.ghost.topbar-staff-view:focus-visible{border-color:var(--primary-600);color:var(--navy-800);background:#e8f4fff2}.topbar-mobile-actions{display:none}.topbar-logout-btn{appearance:none;color:#fff;min-height:2.4rem;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg, var(--navy-800), var(--navy-700) 62%, #0e5f7a);border:1px solid #0a274847;border-radius:16px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.82rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 4px 12px #0a274829}.leave-success-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);background:#0a27486b;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.leave-success-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(100%,22rem);box-shadow:var(--shadow-card);text-align:center;gap:1rem;padding:1.35rem 1.25rem 1.2rem;display:grid}.leave-success-modal h2{margin:0;font-size:1.2rem}.leave-success-message{color:var(--muted);white-space:pre-line;margin:0;line-height:1.45}.leave-success-actions{justify-content:center;display:flex}.leave-success-actions .btn{min-width:7rem}.dashboard-page,.dash-att{min-width:0;max-width:100%}.dash-att-clock{font-variant-numeric:tabular-nums}.dash-att-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:100%;max-width:100%;margin-bottom:.85rem;display:grid;overflow:hidden}.dash-att-card{text-align:center;background:linear-gradient(#fffdf4 0%,#fff6d6 100%);border:1px solid #c4a44a47;border-radius:10px;flex-direction:column;align-items:center;padding:.4rem .55rem;display:flex;box-shadow:0 2px 8px #0a27480a}.dash-att-card-label{color:var(--navy-800);text-align:center;margin:0;font-size:.72rem;line-height:1.25}.dash-att-card-value{color:var(--navy-800);text-align:center;width:100%;margin:.2rem 0 0;font-size:1.15rem;font-weight:800}.dash-att-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.dash-att-table{white-space:nowrap;min-width:980px}.dash-att-table thead th{vertical-align:middle;padding:8px 1rem}.dash-att-table tbody td{vertical-align:middle;padding:5px 1rem;line-height:1.15}.dash-att-table th,.dash-att-table td{white-space:nowrap}.dash-att-table thead th:first-child,.dash-att-table tbody td:first-child,.dash-att-table .dash-att-name{min-width:9.5rem;position:sticky;left:0;box-shadow:4px 0 8px #0a27480f}.dash-att-table thead th:first-child{z-index:4;background:#e8f3fb}.dash-att-table tbody td:first-child,.dash-att-table .dash-att-name{z-index:2;background:#fff}.dash-att-table tbody tr:nth-child(2n) td:first-child{background:#f4f9fc}.dash-att-table tbody tr:hover td:first-child{background:#e7f5f8}.dash-att-table .dash-att-project,.dash-att-table .dash-att-detail{white-space:nowrap;min-width:10rem}.dash-leave-glance{gap:.7rem;width:100%;max-width:100%;margin:0 0 .85rem;display:grid}.dash-leave-card{min-width:0;margin:0;padding:.75rem .85rem}.dash-leave-heading{color:#fff;background:linear-gradient(90deg,#0b4f8a 0%,#1a7ad6 55%,#7ec8f2 100%);border-radius:10px;margin:0 0 .7rem;padding:.42rem .75rem;font-size:1rem;font-weight:800;box-shadow:0 4px 12px #0a27481f}.dash-leave-more{appearance:none;color:var(--primary-600);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.25rem;width:100%;margin:.55rem auto 0;padding:.2rem .35rem;font-size:.92rem;font-weight:700;display:inline-flex}.dash-leave-list{gap:0;display:grid}.dash-leave-item{border-bottom:1px solid #7ec8f28c;gap:.08rem;min-width:0;padding:.42rem 0;display:grid}.dash-leave-item:last-child{border-bottom:0;padding-bottom:.15rem}.dash-leave-item strong,.dash-leave-item p,.dash-leave-position{overflow-wrap:anywhere;margin:0}.dash-leave-position{color:var(--muted);font-size:.85rem}.dash-leave-meta{flex-wrap:wrap;gap:.05rem .35rem;display:flex}.dash-leave-reason{color:var(--ink);font-size:.88rem}.dash-att-status{white-space:nowrap;vertical-align:middle;border-radius:999px;padding:2px 8px;font-size:.82rem;font-weight:650;line-height:1.1;display:inline-block}.dash-att-status-checked_in{color:#0f6b4c;background:#e8f7f0}.dash-att-status-not_started{color:#b42318;background:#fdecec}.dash-att-status-checked_out{color:#1554a8;background:#e8f1fc}.dash-att-status-ot_started{color:#4338ca;background:#eef2ff}.dash-att-status-ot_completed{color:#f8fafc;background:#0a2748}@media (width>=1100px){.dash-att-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-att-card{padding:.45rem .6rem}.dash-att-card-value{font-size:1.2rem}.dash-leave-glance{grid-template-columns:1fr 1fr}}@media (width<=720px){.dash-att-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem;margin-bottom:.65rem}.dash-att-card{border-radius:8px;min-width:0;min-height:3.4rem;padding:.32rem .28rem .38rem}.dash-att-card-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.75rem;line-height:1.22;display:-webkit-box;overflow:hidden}.dash-att-card-value{text-align:center;margin-top:.18rem;font-size:1.24rem;font-weight:800}.dash-leave-card{padding:.65rem .72rem}}@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}.content{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}.topbar{padding-top:max(.75rem, env(safe-area-inset-top));flex-wrap:wrap;align-items:flex-start;gap:.65rem}.topbar-mobile-actions{flex-direction:column;align-items:stretch;gap:.4rem;min-width:9.5rem;margin-left:auto;display:flex}.topbar-staff-view-desktop,.topbar-logout-desktop{display:none}.topbar-meta{width:100%;margin-left:0}.card-grid,.detail-grid,.form,.tenure-grid,.comp-amounts,.optional-comp-grid,.employee-compensation-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:env(safe-area-inset-bottom);background:var(--panel);z-index:5;padding:.65rem 0 .15rem;position:sticky}.staff-leave-form .form-actions,.staff-leave .form-actions{z-index:auto;background:0 0;padding:.15rem 0 0;position:static;bottom:auto}.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(90% 42% at 8% -8%,#5ad2f047,#0000 52%),radial-gradient(80% 36% at 96% 6%,#38a8ff29,#0000 48%),linear-gradient(#e8f6ff 0%,#f4fbff 42%,#eaf7fa 100%);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.staff-shell:has(.staff-home-page){scroll-snap-type:none;overscroll-behavior-y:auto;background:radial-gradient(circle at 15% 20%,#fffffff2,#0000 32%),radial-gradient(circle at 90% 25%,#5bc8ff2e,#0000 34%),radial-gradient(circle at 8% 78%,#38c6ff1f,#0000 36%),linear-gradient(#eafdff 0%,#eefaff 45%,#e9f8fc 100%);grid-template-rows:auto auto;height:auto;min-height:100dvh;position:relative;overflow:clip visible}html:has(.staff-home-page){scroll-snap-type:none;scroll-behavior:auto}.staff-home-page,.staff-home{scroll-snap-type:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:auto;overflow:visible}.staff-shell:has(.staff-home-page) .staff-content{scroll-snap-type:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:auto;overflow:visible}.staff-home-page>*,.staff-home>*,.staff-home-stack>*{scroll-snap-align:none;scroll-snap-stop:normal}.staff-content:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 20% 120%,#50bee629,#0000 60%),radial-gradient(110% 70% at 80% 130%,#1e8cd21a,#0000 58%);height:28%;position:absolute;bottom:0;left:0;right:0}.staff-shell:has(.staff-home-page) .staff-content:before{background:radial-gradient(140% 90% at 12% 118%,#5bc8ff33,#0000 58%),radial-gradient(120% 80% at 88% 128%,#29c2ed24,#0000 56%);height:42%}.staff-shell:has(.staff-home-page) .staff-content:after{content:"";pointer-events:none;filter:blur(1px);background:linear-gradient(#ffffff38,#a5e0f829);border-radius:50% 42% 0 0;height:22%;position:absolute;bottom:-8%;left:-18%;right:-10%}.staff-topbar{isolation:isolate;min-height:3.15rem;padding:max(.55rem, env(safe-area-inset-top)) 1rem .55rem;color:#fff;background:linear-gradient(115deg,#0b386e 0%,#155db5 55%,#29c2ed 100%);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #0b386e33}.staff-topbar:before{content:"";pointer-events:none;background:radial-gradient(70% 140% at 8% -60%,#ffffff4d,#0000 46%),radial-gradient(55% 90% at 88% 130%,#ffffff29,#0000 50%);position:absolute;inset:0}.staff-topbar:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;height:110%;position:absolute;bottom:-68%;left:-12%;right:-8%}.staff-topbar>*{z-index:1;position:relative}.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 strong{color:#fff;letter-spacing:-.01em;font-size:1.12rem;font-weight:800}.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.15rem;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff6b;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.38rem .85rem;font-size:.82rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff38}.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;position:relative}.staff-home,.staff-home-content{gap:.9rem;width:min(100%,820px);margin-inline:auto;display:grid}.staff-home-stack{gap:.9rem;width:100%;max-width:none;margin-inline:0;display:grid}.staff-home-hero,.staff-home-datetime{justify-content:space-between;align-items:flex-start;gap:.75rem;width:100%;display:flex}.staff-home-date-block,.staff-home-time-block{min-width:0}.staff-home-time-block{text-align:right;flex-shrink:0}.staff-home-kicker{color:#5d7c93;letter-spacing:0;text-transform:none;margin:0;font-size:.78rem;font-weight:700}.staff-home h1{color:#0b386e;word-break:break-word;margin:0;font-size:1.32rem;font-weight:800;line-height:1.25}.staff-home-clock{font-variant-numeric:tabular-nums;color:#e11d2e;margin:0;font-size:1.52rem;font-weight:800}.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,.staff-profile-card{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fffffff0 0%,#eef8ffe0 100%);border:1px solid #78bce661;border-radius:28px;justify-content:center;align-items:center;gap:18px;width:100%;margin-inline:0;padding:.7rem 1.1rem;display:flex;box-shadow:0 12px 28px #0e5a8c1a,inset 0 1px #ffffffeb}.staff-avatar-button,.employee-avatar{color:#1677c7;cursor:pointer;background:linear-gradient(145deg,#d8f2ff,#9ed9ff);border:0;border-radius:50%;flex:none;place-items:center;width:78px;height:78px;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 8px 20px #2c78d229}.staff-avatar-button:disabled{cursor:default}.staff-avatar-button:focus-visible{outline-offset:3px;outline:2px solid #155db5}.staff-avatar-button img{object-fit:cover;width:100%;height:100%;display:block}.staff-avatar-button svg,.employee-avatar svg{filter:drop-shadow(0 2px 2px #1565c02e)}.staff-profile-text{min-width:0}.staff-home-identity-name,.staff-profile-name{letter-spacing:-.02em;color:var(--navy-800);word-break:break-word;margin:0;font-size:1.2rem;font-weight:800}.staff-home-identity-meta,.staff-profile-meta{color:#3d5a73;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.45rem 10px;min-width:0;max-width:100%;margin:.12rem 0 0;font-size:.9rem;font-weight:650;display:flex}.staff-home-identity-sep{color:#8aa3b8;font-weight:500}.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,.staff-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:none;margin-inline:0;display:grid}.staff-quick-btn,.staff-menu-card{isolation:isolate;text-align:center;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px #0000001f;cursor:pointer;border:0;border-radius:24px;width:100%;min-width:0;min-height:6.305rem;padding:0;font-size:1.05rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px #0f325a33,inset 0 1px #ffffff7a,inset 0 -2px 6px #0000001a}.staff-quick-btn:before,.staff-menu-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#ffffff7a,#ffffff1f);height:38%;position:absolute;top:5%;left:4%;right:4%}.staff-quick-btn:after,.staff-menu-card:after{content:"";pointer-events:none;z-index:0;background:#ffffff1a;border-radius:50%;width:70px;height:70px;position:absolute;top:12%;left:8%}.staff-quick-body,.staff-menu-card-main{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.38rem 2.4rem .36rem;display:flex;position:absolute;inset:0}.staff-quick-arrow,.staff-menu-arrow{z-index:2;color:#fff;-webkit-backdrop-filter:blur(4px);pointer-events:none;background:#ffffff26;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff47}.staff-quick-btn:hover:not(.is-disabled),.staff-menu-card:hover:not(.is-disabled){text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 28px #0f325a47,inset 0 1px #ffffff94,inset 0 -2px 6px #0000001a}.staff-quick-btn:active:not(.is-disabled),.staff-menu-card:active:not(.is-disabled){transform:scale(.985);box-shadow:0 6px 12px #0f325a2e,inset 0 1px #fff6,inset 0 -1px 4px #0000001f}.staff-quick-btn:focus-visible,.staff-menu-card:focus-visible,.staff-topbar-btn:focus-visible,.staff-topbar-identity:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 5px #1565c06b}.staff-quick-btn.is-disabled{cursor:default;pointer-events:none;opacity:.92}.staff-menu-icon,.staff-quick-icon{width:clamp(58px,8vw,68px);height:clamp(58px,8vw,68px);box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.staff-menu-icon svg,.staff-quick-icon svg,.staff-menu-icon img,.staff-quick-icon img{object-fit:contain;filter:drop-shadow(0 4px 5px #00000029);width:100%;height:100%;display:block}.staff-quick-label{min-width:0;max-width:100%;padding:0 .15rem}.staff-quick-label-leave{flex-direction:column;justify-content:center;align-items:center;gap:2px;line-height:1.15;display:flex}.staff-quick-label-leave span{white-space:nowrap}.staff-home .staff-quick-attendance .staff-quick-label,.staff-home .staff-quick-leave .staff-quick-label{transform:translateY(-10px)}.staff-quick-note{letter-spacing:0;text-shadow:none;opacity:.92;margin-top:-1px;font-size:.72rem;font-weight:700}.staff-quick-attendance{background:linear-gradient(180deg, var(--menu-history-start) 0%, var(--menu-history-mid) 45%, var(--menu-history-end) 100%)}.staff-quick-leave{background:linear-gradient(180deg, var(--menu-leave-start) 0%, var(--menu-leave-mid) 45%, var(--menu-leave-end) 100%)}.staff-quick-report{background:linear-gradient(180deg, var(--menu-report-start) 0%, var(--menu-report-mid) 45%, var(--menu-report-end) 100%)}.staff-quick-store{background:linear-gradient(180deg, var(--menu-store-start) 0%, var(--menu-store-mid) 45%, var(--menu-store-end) 100%)}.staff-quick-profile{background:linear-gradient(180deg, var(--menu-profile-start) 0%, var(--menu-profile-mid) 45%, var(--menu-profile-end) 100%)}.staff-quick-handbook{background:linear-gradient(180deg, var(--menu-handbook-start) 0%, var(--menu-handbook-mid) 45%, var(--menu-handbook-end) 100%)}.staff-quick-company{background:linear-gradient(180deg, var(--menu-company-start) 0%, var(--menu-company-mid) 45%, var(--menu-company-end) 100%);grid-column:auto}.staff-quick-confirm{background:linear-gradient(#1f6f54 0%,#178a64 45%,#0f6b4c 100%);grid-column:auto;position:relative}.staff-quick-btn{position:relative}.staff-quick-badge{z-index:2;color:#fff;text-align:center;background:#dc2626;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:800;line-height:22px;position:absolute;top:8px;right:10px;box-shadow:0 2px 6px #00000040}.manager-menu-badge{z-index:3;color:#fff;text-align:center;background:#e53935;border-radius:999px;min-width:28px;height:28px;padding:0 8px;font-size:.9rem;font-weight:800;line-height:28px;position:absolute;top:8px;right:10px;box-shadow:0 2px 6px #00000040}.stock-form-validation-summary{color:#dc2626;background:#fef2f2;border:1px solid #f1aeb5;border-radius:12px;margin:0 0 .75rem;padding:12px 14px;font-size:1rem;font-weight:700;line-height:1.45}.stock-form-validation-summary strong{margin-bottom:.35rem;font-size:1.05rem;display:block}.stock-form-validation-summary ul{margin:0;padding-left:1.15rem}.stock-form-validation-summary li{margin:.15rem 0}.stock-borrow-form label.is-invalid select,.stock-borrow-form label.is-invalid input,.stock-borrow-form .is-invalid-block{border-color:#dc2626}.stock-borrow-form label.is-invalid select,.stock-borrow-form label.is-invalid input{border:1px solid #dc2626;box-shadow:0 0 0 1px #dc262626}.field-error{color:#dc2626;margin:.25rem 0 0;font-size:.92rem;font-weight:700}.approval-tabs{margin:0 0 1rem}.stock-confirm-header{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.stock-confirm-header h1{text-align:center;margin:0;font-size:1.15rem}.stock-confirm-list{gap:.85rem;display:grid}.stock-confirm-card h2{margin:.15rem 0 .5rem;font-size:1.05rem}.stock-confirm-type{color:#0b3a66;margin:0;font-size:.82rem;font-weight:700}.stock-transfer-evidence-block{gap:.75rem;margin-top:.75rem;display:grid}.stock-transfer-evidence-group h3{margin:0 0 .35rem;font-size:.95rem}.staff-manager-menu{gap:.75rem;width:100%;min-width:0;margin-top:1.75rem;display:grid}.staff-manager-menu-title{letter-spacing:-.02em;color:var(--navy-800,#12335c);text-align:left;margin:0;padding-inline:.15rem;font-size:1.05rem;font-weight:800}.manager-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-width:0;display:grid}.manager-menu-btn{isolation:isolate;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px #0000001f;cursor:pointer;border:1px solid #ffffff80;border-radius:24px;justify-content:center;align-items:center;min-width:0;height:76px;min-height:76px;padding:0 10px;font-size:1.05rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #142d4b33,0 3px 6px #142d4b24,inset 0 2px #ffffff6b}.manager-menu-btn:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff6b,#ffffff12);border-radius:22px 22px 45% 45%;height:42%;position:absolute;top:0;left:4%;right:4%}.manager-menu-btn:after{content:"";z-index:0;filter:blur(14px);pointer-events:none;background:#00000021;border-radius:50%;height:32px;position:absolute;bottom:-12px;left:8%;right:8%}.manager-menu-btn:hover{filter:brightness(1.04);text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 28px #142d4b3d,0 6px 12px #142d4b2e,inset 0 2px #ffffff80}.manager-menu-btn:active{transform:translateY(2px)scale(.985);box-shadow:0 5px 10px #142d4b33,inset 0 2px 6px #0000001a}.manager-menu-content{z-index:2;flex-direction:row;justify-content:center;align-items:center;gap:7px;min-width:0;max-width:100%;display:inline-flex;position:relative}.manager-menu-icon{color:#fff;opacity:1;pointer-events:none;flex:none;place-items:center;width:28px;height:28px;margin:0;display:grid;position:static;transform:none}.manager-menu-icon svg{stroke-width:2.35px;width:28px;height:28px;display:block}.manager-menu-label{z-index:2;box-sizing:border-box;color:#fff;text-align:left;width:auto;min-width:0;max-width:100%;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-shadow:inherit;overflow-wrap:anywhere;word-break:break-word;flex-direction:column;justify-content:center;align-items:flex-start;gap:.05rem;margin:0;padding:0;line-height:1.15;display:flex;position:static}.manager-menu-label span{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.manager-blue{background:linear-gradient(135deg,#5746ff 0%,#2a78f2 55%,#0a8fd8 100%)}.manager-purple{background:linear-gradient(135deg,#ef3a9c 0%,#d91bc8 50%,#8b2de6 100%)}.manager-cyan{background:linear-gradient(135deg,#18d5dc 0%,#0fb3d4 48%,#1380e0 100%)}.manager-green{background:linear-gradient(135deg,#35deb0 0%,#14c68a 50%,#0aaba6 100%)}.manager-orange{background:linear-gradient(135deg,#ffd24d 0%,#ffb028 48%,#f57a1f 100%)}@media (width>=601px){.manager-menu-btn{height:78px;min-height:78px}}@media (width>=720px){.manager-menu-btn{font-size:1.08rem}}@media (width<=600px){.manager-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manager-menu-btn{border-radius:21px;height:72px;min-height:72px;padding:0 8px}.manager-menu-btn:before{border-radius:20px 20px 45% 45%}.manager-menu-content{gap:6px}.manager-menu-icon,.manager-menu-icon svg{width:26px;height:26px}}@media (width<=380px){.manager-menu-btn{font-size:.96rem}}@media (prefers-reduced-motion:reduce){.manager-menu-btn,.manager-menu-btn:hover,.manager-menu-btn:active{filter:none;transition:none;transform:none}.staff-quick-btn,.staff-menu-card,.staff-quick-btn:hover,.staff-menu-card:hover,.staff-quick-btn:active,.staff-menu-card:active{transition:none;transform:none}}@media (orientation:landscape) and (height<=560px){.staff-home-page,.staff-home-stack,.staff-home-identity,.staff-quick-menu,.staff-menu-grid,.staff-home .attendance-punch-panel,.staff-home .attendance-status-row{width:min(100%,820px);max-width:820px;margin-inline:auto}.staff-home-datetime{align-items:flex-end}}.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-home .attendance-punch-panel,.staff-home .attendance-status-row{width:100%}.staff-home .attendance-status-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.staff-home .attendance-status-box:not(.is-complete){color:#334155;text-shadow:none;background:#fff;border:1px solid #d7ebf7;box-shadow:0 6px 16px #246ea81a}.staff-home .attendance-status-box.is-enabled:not(.is-complete){background:linear-gradient(#fff176 0%,#ffd54f 55%,#ffca28 100%);border:1px solid #d2a00059;box-shadow:0 5px 14px #ffc10738,inset 0 1px #ffffffb3}.staff-home .attendance-status-box.is-enabled:not(.is-complete):before{background:linear-gradient(#ffffff6b,#ffffff0f)}.staff-home .attendance-status-box.is-disabled:not(.is-complete),.staff-home .attendance-status-box:disabled:not(.is-complete){opacity:1;filter:none;background:#fff}.staff-home .attendance-status-box:not(.is-complete):before{background:linear-gradient(#ffffffb3,#ffffff14)}.staff-home .attendance-status-box:not(.is-complete) span:not(.attendance-status-icon){color:#334155}.staff-home .attendance-status-box:not(.is-complete) .attendance-status-time,.staff-home .attendance-status-box:not(.is-complete) .attendance-status-time:not(.is-punched){color:#e11d2e}.staff-home .attendance-status-check_in:not(.is-complete) .attendance-status-icon{color:#16a34a}.staff-home .attendance-status-check_out:not(.is-complete) .attendance-status-icon{color:#e11d48}.staff-home .attendance-status-ot_in:not(.is-complete) .attendance-status-icon{color:#7c3aed}.staff-home .attendance-status-ot_out:not(.is-complete) .attendance-status-icon{color:#f97316}.staff-home .attendance-status-box.is-complete,.staff-home .attendance-status-box.is-complete:disabled,.staff-home .attendance-status-box.is-complete.is-disabled{box-shadow:none;color:#64748b;text-shadow:none;cursor:not-allowed;opacity:1;filter:none;border:1px solid #dce5ee;transform:none;background:#fff!important}.staff-home .attendance-status-box.is-complete:hover,.staff-home .attendance-status-box.is-complete:not(:disabled):hover,.staff-home .attendance-status-box.is-complete:not(:disabled):active{box-shadow:none;transform:none;background:#fff!important}.staff-home .attendance-status-box.is-complete:before,.staff-home .attendance-status-box.is-complete:after{display:none}.staff-home .attendance-status-box.is-complete .attendance-status-icon{color:#94a3b8}.staff-home .attendance-status-box.is-complete span:not(.attendance-status-icon){color:#64748b}.staff-home .attendance-status-box.is-complete .attendance-status-time,.staff-home .attendance-status-box.is-complete .attendance-status-time.is-punched{color:#dc2626;text-shadow: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 .attendance-geofence-error{white-space:pre-wrap}.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,.staff-profile-card{gap:12px;padding:.65rem .85rem}.staff-avatar-button,.employee-avatar{width:64px;height:64px}.staff-home-identity-name,.staff-profile-name{font-size:1.05rem}.staff-home-identity-meta,.staff-profile-meta{gap:.2rem 8px;font-size:.82rem}.staff-home h1{font-size:1.08rem}.staff-home-clock{font-size:1.2rem}.attendance-status-row{gap:.22rem}.staff-home .attendance-status-row{gap:12px}.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-menu,.staff-menu-grid{gap:12px}.staff-quick-btn,.staff-menu-card{min-height:6.11rem;font-size:.96rem}.staff-menu-icon,.staff-quick-icon{width:54px;height:54px}.staff-quick-arrow,.staff-menu-arrow{width:32px;height:32px;right:10px}.staff-quick-body,.staff-menu-card-main{padding-inline:2rem}}.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}.staff-leave-form .form-actions,.staff-leave .form-actions{z-index:auto;background:0 0;padding:.15rem 0 0;position:static;bottom:auto}.leave-field-row{grid-template-columns:9.5rem minmax(0,1fr);align-items:center;gap:.55rem .85rem;min-width:0;max-width:100%;display:grid}.leave-field-row-top{align-items:start}.leave-field-label{color:var(--navy-700);font-size:.95rem;font-weight:600;line-height:1.3}.leave-field-note{margin:-.25rem 0 0}.leave-ack-check{align-items:flex-start;gap:.55rem;font-weight:600;display:flex}.leave-ack-check input{flex:none;width:auto;margin-top:.2rem}.thai-date-field{min-width:0;position:relative}.thai-date-field-display{border:1px solid var(--border-soft);border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;background:#fff;align-items:center;width:100%;min-height:2.5rem;padding:.45rem .7rem;display:flex;overflow:hidden}.thai-date-field-display.is-empty{color:var(--muted)}.thai-date-field input[type=date]{opacity:0;cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.thai-date-field input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.thai-date-field.is-disabled .thai-date-field-display{opacity:.65}.thai-date-field.is-disabled input[type=date]{cursor:not-allowed}@media (width<=420px){.leave-field-row{grid-template-columns:7.25rem minmax(0,1fr);gap:.4rem .55rem}.leave-field-label{font-size:.88rem}}.staff-leave-mode{gap:.2rem;display:grid}.staff-leave-section{min-width:0}.staff-leave-section [hidden]{display:none!important}.staff-leave-history{gap:.75rem;display:grid}.staff-leave-history-heading{text-align:center;margin:.9rem 0 0;font-size:1.15rem;line-height:1.25}.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-title{text-align:center;justify-content:center;width:100%}.staff-leave-title>div,.staff-leave-title h1{text-align:center;width:100%;margin:0}.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:nowrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;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.staff-leave{gap:.35rem}.staff-history .page-header{gap:.2rem;margin:0 0 .35rem}.staff-history .page-header h1{margin:0;line-height:1.2}.staff-history-filters,.attendance-report-filters{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:end;gap:8px;width:100%;min-width:0;max-width:28rem;margin:0 0 10px;display:grid}.staff-history-filters label,.attendance-filter-field,.attendance-report-filter{min-width:0;color:var(--muted);gap:4px;font-size:.78rem;font-weight:600;display:grid}.staff-history-filters select{border:1px solid var(--border-soft);width:100%;min-width:0;max-width:100%;height:42px;min-height:42px;color:var(--ink);background:#fff;border-radius:10px;padding:0 10px;font-size:.94rem}.attendance-filter-button,.attendance-report-submit{white-space:nowrap;align-self:end;height:42px;min-height:42px;padding:0 14px;font-size:.9rem;font-weight:700}.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;margin-top:0;padding:1rem 1.1rem 1.25rem;display:grid}.staff-history-brand{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.staff-history-brand img{object-fit:contain;width:auto;max-width:min(100%,28rem);height:4.35rem}.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-identity-bar{text-align:center;white-space:nowrap;background:#e8f3fb;border:1px solid #1565c029;border-radius:16px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem .7rem;margin-top:.7rem;padding:.7rem 1rem;display:flex;overflow-x:auto}.staff-history-identity-item{color:var(--navy-800);white-space:nowrap;padding:0 .1rem;font-size:1.14rem}.staff-history-identity-item strong{color:var(--navy-800)}.staff-history-identity-sep{color:#123a6b66;padding:0 .15rem;font-weight:700}.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:.4rem}.staff-history-table th:first-child,.staff-history-table td:first-child,.staff-history-table td.staff-history-date{text-align:right;width:12%;padding-right:.65rem}.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:5.5%}.staff-history-table th:nth-child(6),.staff-history-table td:nth-child(6){width:8%}.staff-history-table th:nth-child(7),.staff-history-table td:nth-child(7){width:9%}.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:6.4%}.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.2%}.staff-history-table th:nth-child(14),.staff-history-table th.attendance-location-note-cell{text-align:center;vertical-align:middle;width:15%}.staff-history-table td:nth-child(14),.staff-history-table td.attendance-location-note-cell{white-space:normal;text-align:left;vertical-align:middle;width:15%;padding:.12rem .2rem}.attendance-location-note{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left;font-size:.58em;font-weight:400;line-height:1.02}.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-table tbody tr.company-holiday-row td,.monthly-report-row.company-holiday-row>td{-webkit-print-color-adjust:exact;print-color-adjust:exact;border-top:1px solid #f2bcbc;border-bottom:1px solid #f2bcbc;background:#fde8e8!important}.staff-history-table tbody tr.company-holiday-row td:first-child,.staff-history-table tbody tr.company-holiday-row:nth-child(2n) td:first-child,.staff-history-table tbody tr.company-holiday-row:hover td:first-child{background:#fde8e8!important}.staff-history-table tbody tr.leave-row td,.monthly-report-row.leave-row>td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#dff4ff!important}.staff-history-table tbody tr.leave-row td:first-child,.staff-history-table tbody tr.leave-row:nth-child(2n) td:first-child,.staff-history-table tbody tr.leave-row:hover td:first-child{background:#dff4ff!important}.company-holiday-detail-cell{color:#9b1c1c;overflow-wrap:anywhere;font-weight:700;text-align:left!important;white-space:normal!important;padding-left:10px!important}.staff-history-total td{background:#e8eef5;font-weight:800}.staff-history-total td:first-child{background:#e8eef5}.staff-history-hr-summary{gap:.5rem;margin-top:2.2rem;display:grid}.staff-history-hr-summary h3{text-align:center;color:var(--navy-800);margin:0;font-size:1.05rem}.staff-history-hr-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.staff-history-hr-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:42rem}.staff-history-hr-table th,.staff-history-hr-table td{text-align:left;white-space:nowrap;-webkit-print-color-adjust:exact;print-color-adjust:exact;border-bottom:1px solid #c5dcea;border-right:1px solid #c5dcea;padding:.32rem .7rem;font-size:.92rem}.staff-history-hr-table th:first-child,.staff-history-hr-table td:first-child{border-left:1px solid #c5dcea}.staff-history-hr-table thead th{border-top:1px solid #c5dcea}.staff-history-hr-table thead th:first-child,.staff-history-hr-table tbody td:first-child{white-space:normal;width:185px;min-width:185px;max-width:185px}.staff-history-hr-table thead th:nth-child(2),.staff-history-hr-table tbody td:nth-child(2),.staff-history-hr-table thead th:nth-child(3),.staff-history-hr-table tbody td:nth-child(3){text-align:center;width:18%}.staff-history-hr-table thead th:nth-child(4),.staff-history-hr-table tbody td:nth-child(4){width:38%}.staff-history-hr-table thead th{text-align:center;color:#111;background:#c9e8f3;font-weight:800}.staff-history-hr-table tbody tr:nth-child(odd) td{background:#fff}.staff-history-hr-table tbody tr:nth-child(2n) td{background:#e8f5fb}.staff-history-hr-table tbody td{color:#111;font-weight:600}.staff-history-hr-table tbody td.staff-history-hr-item{font-weight:700}.staff-history-hr-table thead th:first-child,.staff-history-hr-table tbody td:first-child,.staff-history-hr-table .sticky-col{z-index:3;position:sticky;left:0;box-shadow:2px 0 3px #0046781a}.staff-history-hr-table thead th:first-child,.staff-history-hr-table .sticky-col-header{z-index:5;background:#c9e8f3}.staff-history-hr-table tbody tr:nth-child(odd) td:first-child,.staff-history-hr-table tbody tr:nth-child(odd) td.staff-history-hr-item{background:#fff}.staff-history-hr-table tbody tr:nth-child(2n) td:first-child,.staff-history-hr-table tbody tr:nth-child(2n) td.staff-history-hr-item{background:#e8f5fb}.staff-history-hr-table tbody td.staff-history-hr-ytd{color:#e53935;font-weight:700}.staff-history-hr-table tbody td.staff-history-hr-note{color:#111;font-weight:500}@media (width<=600px){.staff-history-filters,.attendance-report-filters{grid-template-columns:minmax(0,1.15fr) minmax(0,.75fr) auto;gap:6px;margin-bottom:8px}.staff-history-filters select{height:38px;min-height:38px;padding:0 8px;font-size:14px}.attendance-filter-button,.attendance-report-submit{height:38px;min-height:38px;padding:0 10px;font-size:14px}}@media (width<=720px){.staff-history-table{min-width:1080px}.staff-history-identity-bar{gap:.3rem .55rem;padding:.7rem .85rem}.staff-history-identity-item{white-space:nowrap;font-size:1.02rem}.staff-history-identity-sep{display:inline}.staff-history-brand img{max-width:14rem;height:3.25rem}.staff-history-actions .staff-history-back,.staff-history-actions .staff-history-print{flex:none}}.staff-profile{max-width:720px;margin:0 auto}.staff-profile-header{margin-top:.65rem}.staff-profile-header h1{margin:0}.staff-profile-split{gap:.85rem;display:grid}.staff-profile-form{gap:.7rem;display:grid}.staff-profile-form label{color:var(--muted);gap:.28rem;font-size:.88rem;font-weight:700;display:grid}.staff-profile-form input{border:1px solid var(--line);width:100%;min-width:0;min-height:2.6rem;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:.45rem .7rem;font-weight:600}.staff-profile-form input:disabled{color:#334155;background:#f3f7fb}.staff-profile-actions{flex-wrap:wrap;gap:.5rem;display:flex}.staff-profile-actions .btn{min-width:7rem;min-height:2.7rem}.staff-company-menu{gap:.7rem;display:grid}.staff-company-menu-card{color:var(--navy-800);background:#fff;border:1px solid #dceaf5;border-radius:16px;align-items:center;gap:.75rem;padding:.95rem 1rem;font-weight:800;text-decoration:none;display:flex;box-shadow:0 8px 18px #0e5a8c12}.staff-company-menu-card:hover{background:#f7fbff;text-decoration:none}.staff-company-menu-icon{color:#fff;background:linear-gradient(165deg,#38bdf8 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:grid}.staff-company-notes{white-space:pre-wrap;margin:0}.staff-holiday-list,.staff-doc-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.staff-holiday-card,.staff-doc-card{padding:.9rem 1rem}.staff-holiday-card p,.staff-doc-card p{margin:0}.staff-holiday-name,.staff-doc-title{color:var(--navy-800);font-weight:800}.staff-holiday-toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin:0 0 .85rem;display:flex}.staff-holiday-toolbar label{color:var(--navy-800);gap:.28rem;font-size:.88rem;font-weight:700;display:grid}.staff-holiday-toolbar select{border:1px solid var(--line);min-width:8rem;min-height:2.6rem;font:inherit;background:#fff;border-radius:12px;padding:.4rem .7rem;font-weight:700}.staff-holiday-table-wrap{background:#fff;border-radius:16px}.staff-holiday-table thead th{background:var(--navy-700);color:#fff;font-weight:700}.staff-holiday-row-sunday td{background:#fff8d6}.staff-holiday-actions,.company-holiday-table .actions-cell{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.staff-holiday-table .staff-holiday-actions,.company-holiday-table .actions-cell{gap:20px}.staff-holiday-table .staff-holiday-actions .btn,.company-holiday-table .actions-cell .btn{min-height:2.2rem;padding:.28rem .7rem}.holiday-table-wrapper,.holiday-table-wrap,.annual-holiday-table-wrapper{width:100%;max-width:100%}.holiday-table-wrapper--staff,.table-wrap.holiday-table-wrapper--staff,.staff-holiday-table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.holiday-table--staff{table-layout:fixed;width:100%;min-width:0;max-width:100%}.holiday-table-wrapper--admin{-webkit-overflow-scrolling:touch;overflow-x:auto}.company-holiday-table,.holiday-table,.annual-holiday-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;max-width:100%}.company-holiday-table th,.company-holiday-table td{vertical-align:middle;box-sizing:border-box;padding:8px 6px}.company-holiday-table .col-day,.company-holiday-admin-table .col-day{width:110px}.company-holiday-table .col-date,.company-holiday-admin-table .col-date{width:190px}.company-holiday-table .col-count,.company-holiday-admin-table .col-count{width:80px}.company-holiday-table .col-detail,.company-holiday-admin-table .col-detail{width:auto;min-width:0}.company-holiday-table .col-actions,.company-holiday-admin-table .col-actions{width:100px}.company-holiday-table th.col-day,.company-holiday-table th.col-count,.company-holiday-table td.col-count,.company-holiday-table th.col-date{text-align:center}.company-holiday-table td.col-date{text-align:left}.company-holiday-table .holiday-day{text-align:center;white-space:nowrap;font-weight:600}.company-holiday-table th.col-date,.company-holiday-table td.col-date,.company-holiday-table .holiday-date{white-space:normal;overflow-wrap:break-word;word-break:normal;padding-left:4px;padding-right:4px;line-height:1.2}.company-holiday-table th.col-count,.company-holiday-table td.col-count,.company-holiday-table .holiday-count{text-align:center;padding-left:2px;padding-right:2px;font-weight:700}.company-holiday-table td.col-count,.company-holiday-table td.holiday-count{white-space:nowrap}.company-holiday-table th.col-detail,.company-holiday-table td.col-detail,.company-holiday-table .holiday-detail{text-align:left;white-space:normal;overflow-wrap:break-word;word-break:normal;padding-left:8px;padding-right:6px;line-height:1.25}.company-holiday-table .holiday-detail-cell{white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.25;display:block}.company-holiday-table .actions-cell{white-space:nowrap}.holiday-table--staff .holiday-detail-cell--mobile,.holiday-table--staff .holiday-date-break{display:none}@media (width<=768px){.company-holiday-table th,.company-holiday-table td{padding:7px 3px}.company-holiday-table .col-day,.company-holiday-admin-table .col-day{width:74px}.company-holiday-table .col-date,.company-holiday-admin-table .col-date{width:116px}.company-holiday-table .col-count,.company-holiday-admin-table .col-count,.company-holiday-table th.col-count,.company-holiday-table td.col-count{width:54px;min-width:54px;max-width:54px}.company-holiday-table .col-detail,.company-holiday-admin-table .col-detail{width:auto;min-width:0}.holiday-table--staff .col-day,.holiday-table--staff th.col-day,.holiday-table--staff td.col-day{white-space:nowrap;width:84px;min-width:84px;max-width:84px;padding-left:6px;padding-right:4px;font-size:.9rem}.holiday-table--staff .col-date,.holiday-table--staff th.col-date,.holiday-table--staff td.col-date{overflow-wrap:break-word;word-break:normal;width:124px;min-width:124px;max-width:124px;padding-left:4px;padding-right:3px;font-size:.9rem;line-height:1.22}.holiday-table--staff .col-count,.holiday-table--staff th.col-count,.holiday-table--staff td.col-count{text-align:center;width:46px;min-width:46px;max-width:46px;margin-left:0;padding-left:1px;padding-right:1px;font-size:.9rem;transform:none}.holiday-table--staff th.col-count{white-space:normal;font-size:.68rem;line-height:1.1}.holiday-table--staff td.col-count{white-space:nowrap}.holiday-table--staff .col-detail,.holiday-table--staff th.col-detail,.holiday-table--staff td.col-detail{text-align:left;white-space:normal;overflow-wrap:normal;word-break:normal;width:auto;min-width:0;max-width:none;padding-left:6px;padding-right:4px;line-height:1.2}.holiday-table--staff th.col-day,.holiday-table--staff th.col-count{text-align:center}.holiday-table--staff th.col-date{text-align:left}.holiday-table--staff th.col-detail,.holiday-table--staff th.holiday-detail{font-size:.76rem;line-height:1.18}.holiday-table--staff td.col-detail,.holiday-table--staff td.holiday-detail,.holiday-table--staff td.col-detail .holiday-detail-cell{font-size:.78rem;line-height:1.18}.company-holiday-table th.col-date,.company-holiday-table td.col-date,.company-holiday-table .holiday-date{padding-left:4px;padding-right:4px;line-height:1.22}.company-holiday-table th.col-count,.company-holiday-table td.col-count,.company-holiday-table .holiday-count{padding-left:1px;padding-right:1px;transform:none}.holiday-table--staff .holiday-date-break{display:block}.holiday-table--staff .holiday-detail-line{white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.18;display:block}.holiday-table--staff .holiday-detail-cell--desktop{display:none}.holiday-table--staff .holiday-detail-cell--mobile{display:block}}.staff-holiday-total{color:var(--navy-800);margin:.85rem 0 0;font-weight:800}.staff-holiday-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;min-width:0;margin-top:.25rem;padding:0;display:grid}.staff-holiday-form h2{margin:0;font-size:1.05rem}.staff-holiday-form label{color:var(--navy-800);gap:.28rem;min-width:0;font-size:.88rem;font-weight:700;display:grid}.staff-holiday-form input,.staff-holiday-form select{border:1px solid var(--line);width:100%;max-width:100%;min-height:2.6rem;font:inherit;box-sizing:border-box;border-radius:12px;padding:.45rem .7rem}.staff-holiday-form input[readonly]{color:var(--navy-800);background:#f3f7fb}.staff-holiday-form-error,.staff-holiday-form-actions{grid-column:1/-1}.staff-holiday-form-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=720px){.staff-holiday-form{grid-template-columns:minmax(0,1fr)}}.staff-profile:has(.staff-company-holidays-page){max-width:min(1100px,100%)}.staff-company-holidays-page{min-width:0;max-width:100%}.staff-shell:has(.staff-company-holidays-page) .staff-content{padding-left:.5rem;padding-right:.5rem}.staff-company-holidays-page .holiday-table-wrapper,.staff-company-holidays-page .company-holiday-table{width:100%;min-width:0;max-width:100%}.staff-doc-card{gap:.7rem;display:grid}.company-cms{max-width:52rem}.company-profile-admin-panel,.company-profile-stack,.company-profile-form{gap:.9rem;display:grid}.company-profile-card{background:linear-gradient(#fffffffa 0%,#ecf8ffeb 100%);border:1px solid #78bce661;border-radius:20px;gap:.85rem;padding:1.1rem 1.15rem 1.2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #0e5a8c14,inset 0 1px #fffffff2}.company-profile-card:before{content:"";background:linear-gradient(90deg,#0f4f8c 0%,#38bdf8 55%,#67e8f9 100%);height:3px;position:absolute;top:0;left:0;right:0}.company-profile-card-title{color:#0b3155;letter-spacing:.01em;margin:0;padding-top:.15rem;font-size:1.05rem;font-weight:800}.company-profile-card-body,.company-profile-contact{gap:.7rem;min-width:0;display:grid}.company-profile-card-body h3{color:#126ba8;margin:0;font-size:.95rem}.company-profile-prose,.company-profile-contact p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--navy-800);margin:0;line-height:1.55}.company-profile-kicker{color:var(--muted);letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.company-profile-company-name{color:#0b3155;overflow-wrap:anywhere;margin:0;font-size:1.28rem;font-weight:800;line-height:1.25}.company-profile-header{align-items:center;gap:1rem;min-width:0;display:flex}.company-profile-header-copy{gap:.2rem;min-width:0;display:grid}.company-profile-logo,.company-logo-preview{object-fit:contain;background:#fff;border:1px solid #badcf0cc;border-radius:14px;max-width:min(100%,168px);max-height:76px;padding:.35rem .45rem;display:block}.company-profile-logo-fallback{color:#fff;background:linear-gradient(165deg,#38bdf8 0%,#1d4ed8 100%);border-radius:16px;flex:none;place-items:center;width:4.2rem;height:4.2rem;font-size:1.4rem;font-weight:800;display:grid}.company-profile-brand-grid{grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);align-items:start;gap:1.1rem 1.4rem;display:grid}.company-profile-logo-col{justify-items:start;gap:.7rem;display:grid}.company-profile-form label{color:#0b3155;gap:.35rem;font-weight:700;display:grid}.company-profile-form input:not([type=file]):not([type=checkbox]):not([type=radio]),.company-profile-form textarea,.company-profile-form select{letter-spacing:normal;color:#123a6b;width:100%;font-family:Segoe UI,Noto Sans Thai,Tahoma,sans-serif;font-size:.98rem;font-style:normal;line-height:1.45;font-weight:400!important}.company-profile-form input::placeholder,.company-profile-form textarea::placeholder{color:#89a0b5;opacity:1;font-weight:400!important}.company-profile-actions{flex-wrap:wrap;align-items:center;gap:.55rem;padding:.15rem .1rem .35rem;display:flex}.company-profile-actions .btn.company-add-button,button.btn.company-add-button{min-width:6.75rem;min-height:2.75rem;padding:.65rem 1.125rem;color:#1267b1!important;box-shadow:none!important;background:#fff!important;border:1.5px solid #7eb6dc!important;font-weight:600!important}.company-profile-actions .btn.company-add-button:hover,button.btn.company-add-button:hover{color:#0d5f9e!important;background:#f1f8fd!important;border-color:#2f8fd0!important}.company-profile-break{overflow-wrap:anywhere;word-break:break-word}.company-profile-meta-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem 1rem;display:grid}.company-profile-meta-grid .full{grid-column:1/-1}.company-profile-card .staff-holiday-toolbar{align-items:center;margin:0}.company-profile-card .staff-holiday-toolbar h2{color:#0b3155;margin:0;font-size:1.05rem;font-weight:800}.company-profile-logo-col .staff-holiday-actions{flex-wrap:wrap}@media (width<=720px){.company-profile-brand-grid,.company-profile-meta-grid{grid-template-columns:1fr}.company-profile-header{flex-direction:column;align-items:flex-start}.company-profile-company-name{font-size:1.12rem}.company-profile-card{padding:1rem .95rem 1.05rem}.company-profile-logo,.company-logo-preview{max-width:min(100%,140px);max-height:64px}}.company-cms-tabs{flex-wrap:wrap;gap:.6rem;margin:0 0 1rem;display:flex}.company-cms-tab{appearance:none;color:var(--navy-800);font:inherit;cursor:pointer;background:#fff;border:1px solid #d6e4f0;border-radius:12px;padding:12px 20px;font-weight:700;box-shadow:0 4px 10px #0a27480d}.company-cms-tab:hover{background:#eef6fb}.company-cms-tab.is-active{color:#fff;background:linear-gradient(135deg,#0f4f8c,#126ba8);border-color:#0f4f8c;box-shadow:0 8px 18px #0f4f8c47}.company-cms-scope{max-width:28rem;color:var(--navy-800);gap:.3rem;margin:0 0 .85rem;font-weight:700;display:grid}.company-cms-scope select{border:1px solid var(--line);min-height:2.6rem;font:inherit;background:#fff;border-radius:12px;padding:.4rem .7rem}.company-cms-panel{padding:1.05rem 1.15rem}.company-cms-panel h2{margin:0 0 .75rem;font-size:1.1rem}.company-cms-panel h3{color:var(--navy-800);margin:0 0 .55rem;font-size:1rem}.company-cms-check{align-items:center;gap:.5rem;font-weight:600;display:flex}.company-cms-check input{width:1.05rem;height:1.05rem}.company-cms-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.company-cms-list-item{border-bottom:1px solid #125a8c14;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.85rem 0;display:flex}@media (width<=720px){.company-cms-tab{flex:calc(50% - .6rem)}}.staff-doc-actions{flex-wrap:wrap;gap:.45rem;display:flex}.staff-doc-actions .btn{min-height:2.5rem}.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}.staff-profile:has(.staff-my-profile){gap:.65rem;width:100%;max-width:1100px}.my-info-page{width:100%;min-width:0;max-width:1100px;margin:0 auto}.employee-profile-card{background:#fffffff0;border:1px solid #7dbee673;border-radius:24px;min-width:0;padding:24px;box-shadow:0 10px 30px #16568214}.employee-profile-header{border-bottom:1px solid #96bed759;align-items:center;gap:20px;min-width:0;padding-bottom:20px;display:flex}.employee-profile-photo{color:#1d4ed8;background:linear-gradient(165deg,#e8f4fb 0%,#d4ebf7 100%);border:2px solid #7dbee68c;border-radius:50%;flex:none;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.employee-profile-photo img{object-fit:cover;width:100%;height:100%}.employee-profile-heading{min-width:0}.employee-profile-heading h2{color:#0d3157;overflow-wrap:anywhere;margin:0 0 4px;font-size:1.35rem;font-weight:800;line-height:1.25}.employee-profile-meta{color:#3d6a8c;overflow-wrap:anywhere;white-space:nowrap;font-size:.95rem;font-weight:700}.profile-section-title{color:#0d3157;background:linear-gradient(90deg,#5dbfee38,#d8f4ff80);border-radius:12px;margin-top:24px;margin-bottom:12px;padding:9px 14px;font-size:18px;font-weight:800}.profile-info-grid,.personal-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-emergency-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.email-card,.profile-field-wide{grid-column:1/-1}.profile-address-grid{grid-template-columns:1fr;gap:12px;display:grid}.profile-field{background:#f7fbfe;border:1px solid #d7e8f2;border-radius:14px;min-width:0;padding:12px 14px}.profile-field-label{color:#68839a;margin-bottom:5px;font-size:13px;font-weight:600}.profile-field-value{color:#102f52;overflow-wrap:anywhere;white-space:pre-wrap;font-size:16px;font-weight:700;line-height:1.35}.profile-field-full{grid-column:1/-1}@media (width<=760px){.employee-profile-card{border-radius:20px;padding:16px}.employee-profile-header{gap:14px;padding-bottom:16px}.employee-profile-photo{width:76px;height:76px}.employee-profile-heading h2{font-size:1.12rem}.employee-profile-meta{white-space:normal;font-size:.86rem}.profile-section-title{margin-top:16px;margin-bottom:9px;padding:8px 12px;font-size:16px}.profile-info-grid,.personal-info-grid,.profile-emergency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-field{padding:10px 11px}.profile-field-label{font-size:12px}.profile-field-value{font-size:15px}.profile-field-wide,.profile-field-full{grid-column:1/-1}}@media (width<=390px){.employee-profile-header{align-items:center}.employee-profile-photo{width:72px;height:72px}.profile-info-grid,.personal-info-grid,.profile-emergency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=320px){.profile-info-grid,.personal-info-grid{grid-template-columns:1fr}}@media (width>=720px){.attendance-status-box{min-height:4.6rem;padding:.58rem .35rem}.staff-quick-btn,.staff-menu-card{min-height:6.6625rem;font-size:1.08rem}.staff-menu-icon,.staff-quick-icon{width:68px;height:68px}.staff-profile-split{grid-template-columns:1fr 1fr;align-items:start}.staff-company-menu{grid-template-columns:1fr 1fr}.staff-doc-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (width>=1024px){.staff-company-menu{grid-template-columns:1fr 1fr 1fr}}.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}.projects-admin-ui .topbar{color:#fff;background:linear-gradient(120deg,#123f73 0%,#227dc2 55%,#45c4e5 100%);border-bottom:none}.projects-admin-ui .topbar-meta{justify-content:flex-end;align-items:center;margin-left:auto}.projects-admin-ui .user-chip{align-items:center;margin-left:.35rem}.projects-admin-ui .user-chip div{text-align:right}.projects-admin-ui .user-chip strong,.projects-admin-ui .user-chip small,.projects-admin-ui .company-select span{color:#fff}.projects-admin-ui .company-select select{color:#0b3155;background:#fff}.projects-admin-ui .btn.ghost.topbar-logout-desktop{color:#fff;background:#ffffff29;border:1px solid #ffffff59}.projects-admin-ui .btn.ghost.topbar-logout-desktop:hover{color:#fff;background:#ffffff42}.projects-page,.project-form-page{min-width:0}.project-form-topbar{justify-content:flex-start;align-items:center;display:flex}.project-form-page .staff-history-back{color:#0b3155;background:#fff;border:1px solid #c9ddec;border-radius:16px}.projects-page .projects-load-error{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.projects-page .projects-load-error .btn{color:#0b3155}.projects-page .table-wrap{border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #125a8c14}.projects-page .projects-table thead,.projects-page .projects-table thead tr{background:#153f70}.projects-page .projects-table thead th{color:#fff;border-bottom:none;border-right:1px solid #ffffff14;font-weight:700;background:0 0!important}.projects-page .projects-table thead th:last-child{border-right:none}.projects-page .projects-table thead th:first-child{border-top-left-radius:14px}.projects-page .projects-table thead th:last-child{border-top-right-radius:14px}.projects-page .data-table .projects-name-cell{width:38%;min-width:12rem}.projects-page .data-table .projects-actions-cell{white-space:nowrap;text-align:right;vertical-align:middle;width:1%}.projects-section-title{color:#123a67;margin:0 0 .75rem;font-size:1.05rem;font-weight:700}.projects-history-section{margin-top:1.75rem}.projects-history-section .table-wrap{box-shadow:0 4px 12px #125a8c0f}.projects-page .data-table tbody tr.project-row-paused td{color:#374151;background:#eef1f4}.projects-page .data-table tbody tr.project-row-completed td{color:#374151;background:#d7dce1}.project-status-badge{color:#374151;background:#eef1f4;border-radius:999px;padding:.15rem .55rem;font-size:.82rem;font-weight:600;display:inline-block}.project-status-badge.is-active{color:#14532d;background:#dcefe4}.project-status-badge.is-paused{color:#374151;background:#e8edf2}.project-status-badge.is-completed{color:#374151;background:#d4d7db}.project-date-field{min-width:0;position:relative}.project-date-field:after{content:"";pointer-events:none;border:1.5px solid #68839a;border-radius:2px;width:.7rem;height:.7rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.project-date-field-text{width:100%;padding-right:2.6rem}.project-date-field-picker{opacity:0;cursor:pointer;background:0 0;border:none;width:2.6rem;height:100%;position:absolute;top:0;right:0}.project-date-field-picker::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.project-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 1.25rem;padding:1.25rem;display:grid}.project-form-col{gap:1rem;min-width:0;display:grid}.project-form-col textarea{resize:vertical;min-height:8rem}.project-form-actions{grid-column:1/-1}.project-detail-page{align-content:start;min-width:0}.project-detail-page .page-header{margin-bottom:0}.project-detail-page .page-header h1{margin:.15rem 0 0}.project-detail-card{padding:1.15rem 1.2rem 1.25rem}.project-detail-title{color:#0d3157;margin:0 0 .9rem;font-size:1.15rem;font-weight:800}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.project-detail-field{background:#f7fbfe;border:1px solid #d7e8f2;border-radius:14px;min-width:0;padding:12px 14px}.project-detail-field.is-wide{grid-column:1/-1}.project-detail-label{color:#68839a;margin-bottom:5px;font-size:13px;font-weight:600}.project-detail-value{color:#102f52;overflow-wrap:anywhere;white-space:pre-wrap;font-size:16px;font-weight:700;line-height:1.35}@media (width<=760px){.project-detail-grid{grid-template-columns:1fr}}.projects-save-btn{color:#fff;background:linear-gradient(135deg,#123a68 0%,#145f8a 100%);border:1px solid #ffffff40;box-shadow:0 8px 18px #123a6838,inset 0 1px #fff3}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.employees-table{min-width:840px}.employees-table th,.employees-table td{vertical-align:middle;padding:7px 12px}.employees-table thead th{padding-top:8px;padding-bottom:8px}.employees-table .access-ticks{grid-template-columns:repeat(4,minmax(2.4rem,1fr));gap:.2rem .35rem;min-width:11rem;display:grid}.access-tick{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.08rem;line-height:1.15;display:flex}.access-tick-label{white-space:nowrap;font-size:.68rem;font-weight:600}.access-tick-mark{color:#94a3b8;font-size:.98rem;font-weight:800}.access-tick.is-on .access-tick-mark{color:#0f766e}.access-help{background:linear-gradient(#f3f9ff 0%,#fff 72%);border:1px solid #1565c029;margin-top:1rem;padding:1rem 1.15rem}.access-help h2{color:var(--navy-800);margin:0;font-size:1rem;font-weight:700}.access-help ol{margin:.55rem 0 0;padding-left:1.2rem}.access-help li{color:var(--text-primary);margin:.4rem 0;font-size:.92rem}.access-help li strong{margin-right:.35rem;display:inline}.employees-page-header{justify-content:flex-end}.employees-section-title{color:var(--navy-800);margin:.35rem 0 .65rem;font-size:1.15rem}.employees-current-title{letter-spacing:.01em;color:var(--navy-800);margin:.9rem 0 .85rem;font-size:1.45rem;font-weight:800}.employee-row-actions,.employee-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.employee-actions-cell{white-space:nowrap;width:1%}.btn.employee-cancel{color:#fff;background:#123a63;border-color:#0f3156;min-width:6.75rem;padding:.55rem 1.2rem;font-weight:700}.btn.employee-cancel:hover{color:#fff;background:#0f3156}.employees-table .employee-action-btn.btn.employee-view,.employees-table .employee-action-btn.btn.employee-edit,.employees-table .btn.employee-view,.employees-table .btn.employee-edit,.projects-table .employee-action-btn.btn.employee-view,.projects-table .employee-action-btn.btn.employee-edit,.projects-table .btn.employee-view,.projects-table .btn.employee-edit{width:auto;min-width:58px;height:30px;min-height:30px;max-height:30px;line-height:1;font-size:inherit;text-align:center;box-shadow:none;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 14px;font-weight:700;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex;transform:none}.employees-table .btn.employee-view,.projects-table .btn.employee-view{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.employees-table .btn.employee-view:hover,.projects-table .btn.employee-view:hover{color:#1e40af;background:#bfdbfe;transform:none}.employees-table .btn.employee-edit,.projects-table .btn.employee-edit{color:#b91c1c;background:#fecaca;border-color:#fca5a5}.employees-table .btn.employee-edit:hover,.projects-table .btn.employee-edit:hover{color:#991b1b;background:#fca5a5;transform:none}.employees-table .restore-employee-button.employee-action-btn,.employees-table .restore-employee-button{color:#047857;min-width:58px;height:30px;min-height:30px;max-height:30px;font-weight:700;font-size:inherit;cursor:pointer;white-space:nowrap;box-shadow:none;background:#d1fae5;border:1px solid #6ee7b7;border-radius:999px;justify-content:center;align-items:center;padding:2px 14px;line-height:1;text-decoration:none;display:inline-flex}.employees-table .restore-employee-button:hover{background:#a7f3d0;text-decoration:none}@media (width<=768px){.employees-table th,.employees-table td{padding-top:5px;padding-bottom:5px}.employees-table .employee-action-btn.btn.employee-view,.employees-table .employee-action-btn.btn.employee-edit,.employees-table .btn.employee-view,.employees-table .btn.employee-edit,.employees-table .restore-employee-button,.projects-table .employee-action-btn.btn.employee-view,.projects-table .employee-action-btn.btn.employee-edit,.projects-table .btn.employee-view,.projects-table .btn.employee-edit{height:28px;min-height:28px;max-height:28px;padding-top:1px;padding-bottom:1px}}.leave-policy-section{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;margin:0;padding:1.1rem 1.2rem}.leave-policy-section legend{color:var(--navy-800);padding:0 .35rem;font-size:1.05rem;font-weight:800}.leave-policy-options{gap:.75rem;display:grid}.leave-policy-option{border-radius:var(--radius-lg);cursor:pointer;background:#f8fbff;border:1px solid #1565c02e;grid-template-columns:1.4rem minmax(0,1fr);align-items:start;gap:.75rem;margin:0;padding:.85rem .95rem;display:grid}.leave-policy-option.is-selected{background:#eef6ff;border-color:#1565c08c;box-shadow:inset 0 0 0 1px #1565c01f}.leave-policy-option input[type=radio]{width:1.2rem;height:1.2rem;min-height:0;accent-color:var(--primary-600);cursor:pointer;margin-top:.15rem}.leave-policy-copy{gap:.35rem;display:grid}.leave-policy-copy strong{color:var(--navy-800);font-size:1rem}.leave-policy-copy ul{color:var(--text-primary);margin:0;padding-left:1.15rem;font-size:.92rem;line-height:1.45}.leave-policy-copy li{margin:.12rem 0}.employee-form-section-title{color:var(--navy-800);letter-spacing:-.02em;margin:.35rem 0 0;font-size:1.05rem;font-weight:800}.leave-policy-readonly{border-radius:var(--radius-lg);background:#eef6ff;border:1px solid #1565c047;gap:.4rem;padding:.85rem .95rem;display:grid}.leave-policy-readonly strong{color:var(--navy-800);font-size:1rem}.leave-policy-readonly ul{color:var(--text-primary);margin:0;padding-left:1.15rem;font-size:.92rem;line-height:1.45}.leave-policy-readonly li{margin:.12rem 0}.leave-policy-auto-note,.leave-policy-empty{margin:.15rem 0 0;font-size:.88rem}@media (width<=720px){.employee-form-card{grid-template-columns:1fr}}.employee-change-requests-panel{color:inherit;background:#fff8db;border:1px solid #ca8a0459;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding:1rem 1.15rem;text-decoration:none;display:flex}.employee-change-requests-panel:hover{background:#fff3c4;border-color:#b4780a80;text-decoration:none}.employee-change-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.employee-change-status-badge{min-height:1.6rem;color:var(--navy-800);background:#eef2f7;border-radius:999px;align-items:center;padding:.1rem .55rem;font-size:.82rem;font-weight:750;display:inline-flex}.employee-change-status-badge.is-pending{color:#8a5a00;background:#fff3cd}.employee-change-status-badge.is-approved{color:#065f46;background:#d1fae5}.employee-change-status-badge.is-rejected{color:#991b1b;background:#fee2e2}.employee-change-status-badge.is-revision_requested{color:#9a3412;background:#ffedd5}.employee-change-summary,.employee-change-review-section,.employee-change-actions{margin-bottom:1rem;padding:1rem 1.15rem}.employee-change-review-section h2{margin:0 0 .75rem;font-size:1.05rem}.employee-change-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.employee-change-field{background:#f8fafc;border:1px solid #0000;border-radius:12px;padding:.65rem .75rem}.employee-change-field.is-changed{background:#fff7ed;border-color:#ea580c47}.employee-change-field-label{color:var(--muted);margin-bottom:.25rem;font-size:.82rem;font-weight:700}.employee-change-field-compare{gap:.35rem;display:grid}.employee-change-field-compare strong{display:block}.employee-change-approve{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:0}.employee-change-revision{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:0}.employee-change-reject{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:0}.employee-approval-hint,.employee-revision-note{background:#f8fafc;border-radius:12px;margin:0;padding:.75rem .9rem}.employee-revision-note{background:#fff7ed}.employee-request-error-box{color:#991b1b;background:#fef2f2;border:1px solid #b91c1c47;border-radius:14px;margin:0;padding:.9rem 1rem}.employee-request-error-box strong{margin-bottom:.35rem;font-size:1rem;display:block}.employee-request-error-box p,.employee-request-error-box ul{margin:0;font-size:.95rem;line-height:1.4}.employee-request-error-box ul{padding-left:1.15rem}.field-error-text{color:#b91c1c;margin-top:.3rem;font-size:.85rem;font-weight:700;display:block}label.has-field-error input,label.has-field-error select,label.has-field-error textarea{border-color:#b91c1c8c}@media (width<=720px){.employee-change-review-grid{grid-template-columns:1fr}}.employee-history-section{gap:.65rem;margin-top:1.25rem;display:grid}.employee-history-row{background:#ef444412;border-bottom:1px solid #ef44441f}.employee-history-row:hover{background:#ef44441c}.employee-history-row td{color:var(--navy-800)}.employee-history-status{color:#b91c1c;font-weight:700}.access-level-field .access-level-hint{margin-top:.35rem;font-size:.85rem;display:block}@media (width<=720px){.employees-table .access-ticks{gap:.12rem .2rem;min-width:8.6rem}.access-tick-label{font-size:.6rem}.access-tick-mark{font-size:.88rem}}@media (width<=760px){.project-form{grid-template-columns:1fr;padding:1rem}.project-form-page .staff-history-back{min-width:0;padding-left:.75rem;padding-right:.75rem}.projects-page .page-header,.project-form-page .page-header{min-width:0}}.access-matrix-wrap{min-width:0}.access-matrix{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;min-width:0;margin:0;padding:1.1rem 1.2rem}.access-matrix legend{color:var(--navy-800);padding:0 .35rem;font-size:1.05rem;font-weight:800}.access-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.1rem;display:grid}.access-matrix-item{grid-template-columns:1.4rem minmax(0,1fr);align-items:start;gap:.7rem;font-weight:500;display:grid}.access-matrix-item input[type=checkbox],.access-matrix-item input[type=radio]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--primary-600);cursor:pointer;margin-top:.15rem}.access-matrix-item input[type=checkbox]:disabled,.access-matrix-item input[type=radio]:disabled{cursor:default}.access-matrix-copy{gap:.2rem;display:grid}.access-matrix-copy strong{color:var(--navy-800)}.admin-menu-permissions,.manager-tools-access{border-top:1px solid var(--border-soft);margin-top:1rem;padding-top:.85rem}.admin-menu-permissions-title{color:var(--navy-800);margin:0 0 .75rem;font-size:.98rem;font-weight:800}.admin-menu-permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-access-badges{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.25rem .35rem;font-size:.82rem;line-height:1.2;display:inline-flex}.app-access-badge{color:var(--muted,#6b7280);font-weight:600}.app-access-badge.is-on{color:var(--navy-800)}.app-access-badge-sep{color:#c4c9d4}.app-access-role{font-size:.75rem;font-weight:600}.employee-login-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;margin:0;padding:1.1rem 1.2rem}.employee-login-card legend{color:var(--navy-800);padding:0 .35rem;font-size:1.05rem;font-weight:800}.employee-login-help{white-space:pre-line;line-height:1.45}.employee-login-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;display:grid}.employee-login-note{align-items:end;margin:0;padding-bottom:.35rem;display:flex}.employee-login-note--info{color:#1a6aa5;white-space:pre-line;align-items:start;padding-bottom:0;line-height:1.45}.employee-login-status-block{align-content:start;gap:.35rem;padding-top:.15rem;display:grid}.employee-login-status{color:#1b7a3d;align-items:end;margin:0;padding-bottom:0;font-weight:700;display:flex}.employee-login-password-mask{letter-spacing:.12em;color:var(--navy-800);margin:0;font-weight:700;line-height:1.4}.employee-login-password-row,.employee-login-current-pin{flex-wrap:nowrap;align-items:center;gap:.45rem;display:flex}.employee-login-password-label{color:var(--navy-800);font-weight:600}.employee-pin-eye{appearance:none;color:#335a7a;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin:0;padding:0;line-height:1;display:inline-flex}.employee-pin-eye:hover:not(:disabled){color:#123a63}.employee-pin-eye:disabled{opacity:.55;cursor:wait}.employee-pin-unavailable{margin:.35rem 0 0;font-size:.88rem;line-height:1.35}.employee-login-card input:not(:disabled){pointer-events:auto;background:#fff}.employee-login-actions{flex-wrap:wrap;gap:.65rem;margin-top:.85rem;display:flex}.employee-login-provision{margin:0 0 1rem}.employee-login-provision-actions{flex-wrap:wrap;gap:.65rem;display:flex}.employee-login-provision-result{margin-top:.85rem}.employee-login-provision-warning{border-radius:var(--radius-lg);color:#7a4d00;background:#fff8e8;border:1px solid #d7a23a;margin:0 0 .75rem;padding:.75rem .9rem;font-weight:700;line-height:1.45}.employee-login-provision-table{width:100%}.employee-login-provision-password{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@media (width<=720px){.access-matrix-grid,.employee-login-grid{grid-template-columns:1fr}}.report-center-page,.hr-report-page,.report-center-grid{gap:1rem;display:grid}.report-center-card h2{color:var(--navy-800);margin:0;font-size:1.15rem}.report-center-controls{flex-wrap:nowrap;align-items:end;gap:.65rem;display:flex}.report-center-controls label{color:var(--navy-800);gap:.25rem;font-weight:700;display:grid}.report-center-controls select,.report-center-controls input[type=date]{min-width:8rem;min-height:2.6rem}.report-center-employee{flex:16rem;min-width:12rem}.report-center-checkbox{color:var(--navy-800);white-space:nowrap;align-items:center;gap:.45rem;min-height:2.6rem;font-weight:700;display:inline-flex}.report-period-nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.report-table-wrap{overflow-x:auto}.report-wide-table{border-collapse:collapse;background:#fff;width:100%;min-width:72rem}.report-wide-table th,.report-wide-table td{text-align:left;white-space:nowrap;border:1px solid #125a8c29;padding:.45rem .55rem}.report-wide-table th{color:#fff;background:linear-gradient(#123a6b,#0a2748);font-weight:700}.report-wide-table th:first-child,.report-wide-table td:first-child,.report-wide-table th:nth-child(2),.report-wide-table td:nth-child(2){z-index:1;background:#fff;position:sticky;left:0}.report-wide-table th:first-child,.report-wide-table th:nth-child(2){z-index:2;background:linear-gradient(#123a6b,#0a2748)}.report-wide-table td:nth-child(2),.report-wide-table th:nth-child(2){left:3.2rem}.report-row-link{cursor:pointer}.report-row-link:hover td{background:#f3f9ff}.report-date-modal-field{gap:.4rem;font-weight:700;display:grid}@media (width<=860px){.report-center-controls{flex-wrap:wrap}.report-center-controls .btn,.report-center-controls select{min-height:2.8rem}}.todo-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.75rem}.todo-summary-grid .todo-summary-card{background:#fff8d6;border:1px solid #b0891c38;gap:.1rem;min-height:0;padding:.42rem .65rem}.todo-summary-grid .todo-summary-upcoming{background:#fff3c4}.todo-summary-grid .todo-summary-overdue{background:#ffe9b0}.todo-summary-grid .todo-summary-card p{color:#6b5420;margin:0;font-size:.78rem;font-weight:700}.todo-summary-grid .todo-summary-card .stat{color:#3f3414;font-size:1.15rem;line-height:1.2}.todo-reminders-table{border-collapse:collapse;width:100%}.todo-reminders-table th,.todo-reminders-table td{vertical-align:top;text-align:left;padding:.45rem .5rem}.todo-row-ok td{background:#f4fbf6}.todo-row-upcoming td{background:#fff8d9}.todo-row-due-today td{background:#ffe8d4}.todo-row-overdue td{background:#fde8e8}.todo-row-done td{background:#f0f0f0}.todo-status{border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;font-size:.85rem;display:inline-block}.todo-status-ok{color:#0f6b4c;background:#e8f7f0}.todo-status-upcoming{color:#8a5a00;background:#fff7e8}.todo-status-due-today{color:#9a4b12;background:#fff0e4}.todo-status-overdue{color:#9b1c1c;background:#fde8e8}.todo-status-done{color:#555;background:#ececec}.todo-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.todo-actions .btn{box-shadow:none;background:#fff;border-radius:999px;min-height:2.15rem;padding:.32rem .8rem;font-weight:700}.todo-action-view{color:#1d4ed8;border-color:#93c5fd}.todo-action-edit{color:#c2410c;border-color:#fdba74}.todo-action-done{color:#047857;border-color:#6ee7b7}.todo-action-delete{color:#b91c1c;border-color:#fca5a5}.todo-reminder-form{grid-template-columns:1fr 1fr;gap:.85rem 1rem;display:grid}.todo-reminder-form label,.todo-reminder-form fieldset{gap:.35rem;display:grid}.todo-span-2{grid-column:1/-1}.todo-offset-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.todo-offset-row input[type=number]{width:6rem}.todo-email-chips{flex-wrap:wrap;gap:.4rem;display:flex}.todo-recipient-checks{flex-direction:column;gap:.35rem;margin-bottom:.5rem;display:flex}.todo-email-chip{border:1px solid var(--line);background:#e8f4fb;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;display:inline-flex}.todo-email-chip button{cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.todo-form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.todo-form-topbar{justify-content:flex-start;align-items:center;display:flex}.todo-form-back{color:#fff;background:#123a63;border-color:#0f3156;min-width:6.5rem;padding:.5rem 1.05rem;font-weight:700}.todo-form-back:hover{color:#fff;background:#0f3156}.todo-inline-check{align-items:center;gap:.45rem;font-weight:500;display:flex}.todo-inline-check input{width:auto;min-height:0}.todo-email-status{gap:.45rem;display:grid}.todo-email-status p{margin:0;font-size:.95rem}.todo-email-log h2{margin:.4rem 0 0;font-size:1rem}.todo-email-log ul{margin:0;padding-left:1.1rem;font-size:.88rem}.todo-employee-picker{max-width:32rem}.todo-employee-picker-list{gap:.4rem;max-height:16rem;margin:.6rem 0 1rem;display:grid;overflow:auto}.todo-employee-option{align-items:flex-start;gap:.45rem;display:flex}.dash-todo-card{margin:0 0 .85rem}.dash-todo-all{margin-top:.6rem}@media (width<=860px){.todo-reminder-form{grid-template-columns:1fr}.todo-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.todo-summary-grid .todo-summary-card{padding:.35rem .45rem}.todo-summary-grid .todo-summary-card p{font-size:.7rem}.todo-summary-grid .todo-summary-card .stat{font-size:1.02rem}.todo-actions .btn{min-height:2.3rem}}@media (width<=520px){.todo-summary-grid{grid-template-columns:1fr}}.stock-page{max-width:1100px}.stock-module-nav{flex-wrap:wrap;gap:.4rem;max-width:100%;margin:0 0 1rem;display:flex;overflow-x:hidden}.stock-module-nav-link{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 80%, transparent);background:color-mix(in srgb, var(--panel,#fff) 92%, #e8f1ff);min-width:0;max-width:calc(33.333% - .27rem);min-height:2.4rem;color:inherit;border-radius:999px;flex:calc(33.333% - .4rem);justify-content:center;align-items:center;padding:.35rem .45rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.stock-module-nav-link.is-active{color:#fff;background:#0b3a66;border-color:#0b3a66}.stock-back-link{appearance:none;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}.stock-back-link:hover{text-decoration:underline}.stock-page-heading{align-items:center;min-height:52px;margin:0 0 .35rem;padding:0;display:flex;position:relative}.stock-page-heading__back{z-index:2;position:relative}.stock-page-heading__title{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 7.5rem);margin:0;font-size:clamp(1.05rem,4.2vw,1.45rem);font-weight:800;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.stock-back-btn{appearance:none;color:#0b3a66;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e2ef;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0b28500f}.stock-back-btn:hover{background:#f7fafc}.stock-page .stock-module-nav{margin-top:.15rem;margin-bottom:.75rem}.stock-overview-grid--compact{gap:.55rem}.stock-overview-grid--compact .stock-overview-card{text-align:center;border-radius:16px;align-content:start;gap:.15rem;padding:.55rem .7rem .65rem;box-shadow:0 2px 8px #0b28500d}.stock-overview-grid--compact .stock-overview-label{text-align:left;font-size:.78rem;line-height:1.25}.stock-overview-grid--compact .stock-overview-value{text-align:center;margin:.15rem 0;font-size:clamp(1.55rem,6vw,2rem);font-weight:800}.stock-overview-grid--compact .muted{text-align:center;font-size:.72rem}.stock-overview-alerts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.65rem;display:grid}.stock-overview-alert{color:inherit;text-align:center;border-radius:16px;gap:.15rem;padding:.55rem .7rem .65rem;text-decoration:none;display:grid;box-shadow:0 2px 8px #0b28500d}.stock-overview-alert .stock-overview-label{text-align:left;font-size:.78rem}.stock-overview-alert .stock-overview-value{text-align:center;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:800}.stock-overview-alert .muted{font-size:.72rem}.stock-overview-alert-names{color:#5a6b7d;text-align:left;margin:.2rem 0 0;font-size:.7rem;line-height:1.3}.stock-overview-alert--wide{grid-column:1/-1}@media (width>=900px){.stock-overview-alerts{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-overview-alert--wide{grid-column:auto}}.stock-material-toolbar{gap:.55rem;margin:0 0 .85rem;display:grid}.stock-material-search-wrap{align-items:stretch;gap:.4rem;min-width:0;display:flex}.stock-material-search{min-width:0;min-height:44px;font:inherit;border:1px solid #d7e2ef;border-radius:12px;flex:auto;padding:0 .85rem}.stock-mic-btn{appearance:none;color:#0b3a66;cursor:pointer;background:#fff;border:1px solid #d7e2ef;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;min-height:44px;display:inline-flex}.stock-mic-btn.is-listening{background:#e8f1ff;border-color:#0b3a66}.stock-material-category{min-height:44px;font:inherit;border:1px solid #d7e2ef;border-radius:12px;width:100%;padding:0 .75rem}.stock-material-toolbar .btn{width:100%;min-height:44px}@media (width>=720px){.stock-material-toolbar{grid-template-columns:minmax(0,1fr) minmax(10rem,12rem) auto;align-items:center}.stock-material-toolbar .btn{width:auto}}.stock-material-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.stock-material-name-cell{align-items:flex-start;gap:.65rem;min-width:0;display:flex}.stock-material-thumb-btn{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0;line-height:0}.stock-material-thumb{object-fit:cover;background:#eef3f8;border:1px solid #d7e2ef;border-radius:12px;flex:none;width:78px;height:78px;display:block}.stock-material-thumb.is-empty{display:inline-block}.stock-material-row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.stock-act{appearance:none;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-weight:800;display:inline-flex}.stock-act-plus{color:#128a4a;background:#d9f5e5}.stock-act-minus{color:#c62828;background:#fde2e2}.stock-act-edit{color:#d35400;background:#ffe8d6}.stock-material-card{border-radius:16px;gap:.55rem;margin-bottom:.65rem;display:grid}.stock-material-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;display:grid}.stock-material-store-grid>div{justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.stock-material-edit-preview{object-fit:cover;border:1px solid #d7e2ef;border-radius:12px;max-width:160px;max-height:160px}@media (width<=719px){.desktop-only-table{display:none!important}}@media (width>=720px){.no-desktop-table{display:none!important}}.stock-page-actions,.history-actions{flex-wrap:wrap;gap:10px;margin:0 0 1rem;display:flex}.stock-history-export{grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 .75rem;display:grid}.stock-history-export-btn{color:#0b3a66;background:#fff;border:1px solid #c5d4e4;border-radius:12px;width:100%;min-height:46px;font-weight:700}.stock-history-export-btn:hover{background:#f3f7fc}.stock-history-export-btn.is-active{color:#fff;background:#0b3a66;border-color:#0b3a66}.stock-history-export-btn.is-active:hover{background:#0a3259}.stock-history-email-panel{gap:.65rem;margin:0 0 .75rem;padding:.85rem;display:grid}.stock-history-email-panel h2{margin:0;font-size:1.05rem}.stock-history-email-panel label{gap:.3rem;display:grid}.stock-history-email-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.stock-history-email-actions .btn{min-height:44px}.stock-history-filters{grid-template-columns:1fr 1fr;gap:.55rem;margin:0 0 .75rem;padding:.75rem;display:grid}.stock-history-filters label{gap:.3rem;font-size:.88rem;font-weight:600;display:grid}.stock-history-filters .stock-history-search{grid-column:1/-1}.stock-history-filters .stock-history-search input{min-height:44px;font:inherit;box-sizing:border-box;border:1px solid #d7e2ef;border-radius:12px;width:100%;padding:0 .85rem}@media (width>=900px){.stock-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-history-filters .stock-history-search{grid-column:auto}}.stock-history-table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #d7e2ef;border-radius:12px;overflow-x:auto}.stock-history-table{border-collapse:collapse;width:100%;font-size:.92rem}.stock-history-table th,.stock-history-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edf3;padding:.65rem .7rem}.stock-history-table thead th{color:#0b3a66;white-space:nowrap;background:#e8f1ff;font-weight:700}.stock-history-table tbody tr:nth-child(2n) td{background:#f8fbff}.stock-history-table tbody tr:hover td{background:#f0f6ff}.stock-history-item-link{color:inherit;gap:.1rem;text-decoration:none;display:grid}.stock-history-item-link strong{color:#0f172a}.stock-history-code{color:#64748b;font-size:.78rem;font-weight:500}.stock-history-time{white-space:nowrap;font-variant-numeric:tabular-nums}.stock-history-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:.12rem .45rem;font-size:.78rem;font-weight:700;line-height:1.3;display:inline-flex}.stock-history-badge--receive{color:#1e7e34;background:#e6f4ea}.stock-history-badge--issue{color:#0b3a66;background:#e8f1ff}.stock-history-badge--borrow{color:#0369a1;background:#e0f2fe}.stock-history-badge--return{color:#047857;background:#ecfdf5}.stock-history-badge--transfer{color:#c2410c;background:#fff3e0}.stock-history-badge--repair{color:#b45309;background:#fff7ed}.stock-history-badge--retire{color:#b91c1c;background:#fdecea}.stock-history-badge--other{color:#475569;background:#f1f5f9}.stock-history-badge-status--done{color:#1e7e34;background:#e6f4ea}.stock-history-badge-status--pending{color:#c2410c;background:#fff7ed}.stock-history-badge-status--rejected{color:#b91c1c;background:#fdecea}.stock-history-badge-status--cancelled{color:#64748b;background:#f1f5f9}.stock-history-badge-status--other{color:#475569;background:#eef2f7}.stock-history-mobile-list{display:none}.stock-history-mobile-row{background:#fff;border-bottom:1px solid #e8edf3}.stock-history-mobile-link{color:inherit;gap:.2rem;padding:.65rem .15rem;text-decoration:none;display:grid}.stock-history-mobile-top{gap:.05rem;display:grid}.stock-history-mobile-badges{flex-wrap:wrap;gap:.35rem;margin:.15rem 0;display:flex}.stock-history-mobile-row p{margin:0;font-size:.88rem;line-height:1.35}.stock-history-mobile-time{color:#64748b;font-size:.84rem!important}.stock-history-report{display:none}@media (width<=719px){.stock-history-desktop{display:none}.stock-history-mobile-list{background:#fff;border:1px solid #d7e2ef;border-radius:12px;display:block;overflow:hidden}.stock-history-mobile-row:nth-child(2n){background:#f8fbff}}@media print{.stock-history-export,.stock-history-email-panel,.stock-history-filters,.stock-history-mobile-list{display:none!important}.stock-history-desktop{display:block!important}.stock-history-report{margin-bottom:.75rem;display:block!important}.stock-history-report h1{margin:0 0 .35rem;font-size:1.15rem}.stock-history-report p{margin:.15rem 0}.stock-history-table-wrap{border:0;border-radius:0;overflow:visible}.stock-history-table th,.stock-history-table td{padding:.4rem .35rem;font-size:.8rem}.stock-history-badge{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1px solid}}.stock-page-actions--end,.stock-form-actions{justify-content:flex-end}.stock-page-actions .btn,.history-actions .btn{flex:auto;min-height:46px}.stock-page-actions--end .btn,.stock-inline-action-btn{flex:none;width:auto;min-width:150px;max-width:100%;padding:12px 20px}.stock-main-star{color:#f4b400;font-weight:800}.stock-main-label{align-items:center;gap:.15rem;font-weight:700;display:inline-flex}.stock-set-main-link{min-height:44px;padding:.35rem .65rem;font-weight:600}.stock-tools-toolbar{gap:.55rem;margin:0 0 .65rem;padding:.75rem;display:grid}.stock-tools-search-row{align-items:stretch;gap:.4rem;min-width:0;display:flex}.stock-tools-search{width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid #d7e2ef;border-radius:12px;flex:auto;padding:0 .85rem}.stock-tools-filters{grid-template-columns:1fr 1fr;align-items:end;gap:.55rem;display:grid}.stock-tools-filters label{color:#334155;gap:.3rem;font-size:.88rem;font-weight:600;display:grid}.stock-tools-filters select{min-height:44px;font:inherit;border:1px solid #d7e2ef;border-radius:12px;width:100%;padding:0 .75rem}.stock-tools-add-btn{grid-column:1/-1;width:100%;min-height:44px}.stock-material-total-badge{white-space:nowrap;color:#0b3a66;background:#e8f1fb;border:1px solid #b7d0ea;border-radius:999px;align-items:center;padding:.2rem .7rem;font-size:.92rem;font-weight:700;line-height:1.35;display:inline-flex}.stock-cost-report-panel{margin-bottom:.85rem}.stock-cost-table-wrap{-webkit-overflow-scrolling:touch;margin-top:.65rem;overflow-x:auto}.stock-cost-table{border-collapse:collapse;width:100%;min-width:560px}.stock-cost-table th,.stock-cost-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e8edf3;padding:.55rem .65rem}.stock-cost-table th{color:#35506b;background:#f5f8fc;font-size:.85rem}.stock-cost-table .num,.stock-cost-table td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stock-cost-mobile-list{gap:.65rem;margin-top:.75rem;display:none}.stock-cost-mobile-card{background:#fff;border:1px solid #e2eaf2;border-radius:12px;padding:.75rem .85rem}.stock-cost-mobile-card p{margin:.25rem 0 0}.stock-cost-mobile-total{margin:.35rem 0 0;font-size:1rem}@media (width<=719px){.stock-cost-table-wrap{display:none}.stock-cost-mobile-list{display:grid}}@media (width>=720px){.stock-tools-toolbar{grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr);align-items:end}.stock-tools-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.stock-tools-add-btn{white-space:nowrap;grid-column:auto;width:auto}}.stock-tool-card-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=720px){.stock-tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.stock-tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stock-tool-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.stock-tool-card-photo-wrap{background:#eef2f7;justify-content:center;align-items:center;min-height:150px;padding:.55rem .65rem;display:flex}.stock-tool-card-photo{object-fit:contain;border-radius:10px;width:100%;max-height:150px}.stock-tool-card-photo--empty{color:#8a9bb0;justify-content:center;align-items:center;min-height:120px;display:flex}.stock-tool-card-body{gap:.2rem;padding:.65rem .75rem .75rem;display:grid}.stock-tool-card-title{flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin:0;font-size:1rem;line-height:1.3;display:flex}.stock-tool-card-name{min-width:0}.stock-tool-status-badge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:.12rem .55rem;font-size:.72rem;font-weight:700;line-height:1.3;display:inline-flex}.stock-tool-status-badge--repair{color:#b91c1c;background:#fef9c3}.stock-tool-status-badge--available{color:#1d4ed8;background:#dbeafe}.stock-tool-status-badge--borrowed{color:#3730a3;background:#e0e7ff}.stock-tool-status-badge--retired{color:#64748b;background:#f1f5f9}.stock-tool-status-badge--other{color:#0b3a66;background:#e8f1ff}.stock-tool-card-title-sep{color:#64748b;font-weight:500}.stock-tool-card-status-inline{color:#0b3a66;font-weight:700}.stock-tool-card-facts{gap:.08rem;margin-top:.1rem;display:grid}.stock-tool-card-facts p{margin:0;font-size:.9rem;line-height:1.35}.stock-tool-warranty{border-radius:8px;width:fit-content;margin:.1rem 0 .05rem;padding:.1rem .45rem;font-size:.8rem;font-weight:600;display:inline-block}.stock-tool-warranty--ok{color:#1e7e34;background:#e6f4ea}.stock-tool-warranty--warn{color:#e65100;background:#fff3e0}.stock-tool-warranty--expired{color:#c62828;background:#fdecea}.stock-tool-warranty--none{color:#666;background:#f1f3f5}.stock-tool-icon-row{gap:.4rem;margin-top:.35rem;display:flex}.stock-tool-icon-btn{appearance:none;color:#0b3a66;cursor:pointer;background:#fff;border:1px solid #c5d4e4;border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;text-decoration:none;display:inline-flex}.stock-tool-icon-btn--view{color:#0b3a66;background:#e8f1ff;border-color:#8bb4e8}.stock-tool-icon-btn--edit{color:#d97706;background:#fff6e5;border-color:#f0c36d}.stock-tool-icon-btn--transfer{color:#4338ca;background:#eef5ff;border-color:#a5b4fc}.stock-tool-icon-btn--repair{color:#c2410c;background:#fff0eb;border-color:#f0a58a}.stock-tool-icon-btn--view:hover:not(:disabled):not(.is-disabled){background:#d9e8ff}.stock-tool-icon-btn--edit:hover:not(:disabled):not(.is-disabled){background:#ffefd0}.stock-tool-icon-btn--transfer:hover:not(:disabled):not(.is-disabled){background:#e0e7ff}.stock-tool-icon-btn--repair:hover:not(:disabled):not(.is-disabled){background:#ffe4d9}.stock-tool-icon-btn.is-disabled,.stock-tool-icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.35)}.stock-tool-card-actions{flex-direction:column;gap:.5rem;margin-top:.45rem;display:flex}.stock-tool-card-actions--row{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.stock-tool-card-actions--row .btn{text-align:center;justify-content:center;min-height:44px;padding-left:.4rem;padding-right:.4rem;font-size:.92rem}.stock-tool-btn-borrow{color:#fff;background:#0b3a66;border-color:#0b3a66}.stock-tool-btn-return{color:#fff;background:#c62828;border-color:#c62828}.stock-tool-btn-borrow.is-disabled,.stock-tool-btn-return.is-disabled{color:#999;opacity:.65;cursor:not-allowed;pointer-events:none;background:#f1f1f1;border-color:#e0e0e0}.stock-tool-detail-modal,.stock-tool-edit-modal{flex-direction:column;width:calc(100vw - 24px);max-width:560px;max-height:min(92vh,720px);display:flex;padding:0!important;overflow:hidden!important}.stock-tool-detail-modal.stock-modal,.stock-tool-edit-modal.stock-modal{max-height:min(92vh,720px);padding:0!important;overflow:hidden!important}.stock-tool-modal-header{z-index:2;background:#fff;border-bottom:1px solid #e8edf3;flex:none;padding:1rem 1rem .75rem;position:relative}.stock-tool-modal-header h2{margin:0}.stock-tool-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;align-content:start;gap:.7rem;min-height:0;padding:.85rem 1rem 1rem;display:flex;overflow:hidden auto}.stock-tool-modal-body label{gap:.35rem;display:grid}.stock-tool-modal-footer{z-index:2;background:#fff;border-top:1px solid #e8edf3;flex:none;gap:12px;padding:.75rem 1rem 1rem;display:grid;position:relative}.stock-tool-modal-validation{color:#b91c1c;margin:0;font-size:.95rem;line-height:1.35}.stock-tool-modal-validation-title{margin:0 0 .25rem;font-weight:700}.stock-tool-modal-validation ul{margin:0;padding-left:1.15rem}.stock-tool-modal-validation p{margin:0}.stock-tool-modal-validation-anchor{display:none}.stock-tool-modal-footer-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.stock-tool-modal-footer .btn,.stock-tool-modal-footer-actions .btn{width:100%;min-height:48px}.stock-tool-modal-body label.is-invalid input,.stock-tool-modal-body label.is-invalid select,.stock-tool-modal-body label.is-invalid textarea{border-color:#dc2626;box-shadow:0 0 0 1px #dc262633}@media (width<=430px){.stock-tool-modal-footer-actions{grid-template-columns:1fr 1fr;gap:10px}.stock-tool-modal-footer .btn,.stock-tool-modal-footer-actions .btn{min-height:46px;font-size:.95rem}}.stock-tool-gallery-section{gap:.55rem;padding-bottom:.35rem;display:grid}.stock-tool-gallery-title{margin:0;font-size:.95rem}.stock-tool-gallery-row{-webkit-overflow-scrolling:touch;align-items:flex-start;gap:10px;padding:.25rem 0 .5rem;display:flex;overflow-x:auto}.stock-tool-gallery-item{flex:none;gap:.35rem;width:110px;display:grid}.stock-tool-gallery-item.is-primary img{border-color:#0b3a66;box-shadow:0 0 0 2px #0b3a6640}.stock-tool-gallery-item img{object-fit:cover;border:2px solid #dde4ec;border-radius:8px;width:110px;height:110px}.stock-tool-gallery-item-actions{gap:.25rem;display:grid}.stock-tool-gallery-item-actions .btn{min-height:auto;padding:.25rem .35rem;font-size:.72rem}.stock-tool-gallery-primary{color:#0b3a66;text-align:center;font-size:.72rem;font-weight:700}.stock-tool-gallery-add{color:#0b3a66;cursor:pointer;background:#fff;border:2px dashed #c5d4e4;border-radius:8px;flex:none;width:110px;height:110px;font-weight:700}.stock-tool-detail-gallery{flex:none;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%;min-height:110px;margin:0;padding:0 0 .35rem;display:grid;overflow:visible}.stock-tool-detail-gallery.is-single{grid-template-columns:1fr}.stock-tool-detail-gallery.is-single .stock-tool-detail-thumb{width:100%;display:block}.stock-tool-detail-gallery.is-single .stock-tool-detail-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;min-height:160px;max-height:260px}.stock-tool-detail-thumb{appearance:none;cursor:zoom-in;background:0 0;border:0;width:100%;min-height:110px;margin:0;padding:0;display:block}.stock-tool-detail-thumb img{object-fit:cover;border:1px solid #dde4ec;border-radius:12px;width:100%;height:130px;display:block}@media (width>=720px){.stock-tool-gallery-item,.stock-tool-gallery-add{width:140px}.stock-tool-gallery-item img,.stock-tool-gallery-add{width:140px;height:140px}.stock-tool-detail-thumb img{height:160px}.stock-tool-detail-gallery.is-single .stock-tool-detail-thumb img{min-height:200px}}.stock-lightbox{z-index:80;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stock-lightbox-img{object-fit:contain;border-radius:8px;max-width:92vw;max-height:85vh}.stock-lightbox-close{color:#111;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:12px;right:12px}.stock-lightbox-nav{color:#111;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.stock-lightbox-nav--prev{left:10px}.stock-lightbox-nav--next{right:10px}.stock-tools-layout .stock-tool-form-panel{margin-top:0}.stock-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.stock-overview-card{color:inherit;gap:.25rem;padding:1rem;text-decoration:none;display:grid}.stock-overview-label{font-size:.95rem;font-weight:700}.stock-overview-value{color:#0b3a66;font-size:1.75rem;line-height:1.1}.stock-store-row-actions{flex-wrap:wrap;gap:.35rem;display:flex}@media (width>=720px){.stock-module-nav-link{flex:0 auto;min-width:4.4rem;max-width:none;padding:.35rem .7rem}}@media (width<=390px){.stock-module-nav-link{padding:.3rem .25rem;font-size:.78rem}}@media (width>=900px){.stock-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stock-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1.25rem;display:grid}.stock-summary-card{color:inherit;background:var(--panel,#fff);border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 85%, transparent);border-radius:14px;padding:.85rem .9rem;text-decoration:none;display:block;box-shadow:0 4px 14px #0b28500d}.stock-summary-card h2{margin:0;font-size:.92rem;font-weight:700}.stock-summary-card .stat{margin:.25rem 0;font-size:1.55rem}.stock-summary-value{font-size:1.2rem!important}.stock-section-title{margin:0 0 .65rem;font-size:1.05rem}.stock-action-grid{grid-template-columns:1fr;gap:.55rem;display:grid}.stock-action-btn{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 80%, transparent);min-height:3.25rem;color:inherit;background:linear-gradient(#f7fbff,#eef5ff);border-radius:14px;flex-direction:column;justify-content:center;gap:.15rem;padding:.75rem 1rem;font-size:1.02rem;font-weight:700;text-decoration:none;display:flex}.stock-action-btn.is-primary{color:#fff;background:linear-gradient(#1268b3,#0b3a66);border-color:#0b3a66}.stock-action-btn.is-primary .muted,.stock-action-btn.is-primary small{color:#ffffffd9}.stock-card-list{gap:.65rem;display:grid}.stock-mobile-card .label{opacity:.75;font-weight:600}.stock-evidence-list{gap:.55rem;margin:0;padding-left:1.1rem;display:grid}.desktop-only-table{display:none}.no-desktop-table{display:grid}@media (width>=720px){.stock-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stock-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-only-table{display:block}.no-desktop-table{display:none}}@media (width>=980px){.stock-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stock-borrow-form{gap:.9rem;padding-bottom:5.5rem;display:grid}.stock-borrow-form fieldset.card{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 85%, transparent);border-radius:14px;margin:0;padding:.9rem}.stock-borrow-form legend{padding:0 .25rem;font-weight:700}.stock-segmented{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.75rem;display:grid}.stock-segmented button{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 90%, transparent);color:#0b2850;background:#f4f7fb;border-radius:999px;min-height:44px;font-weight:600}.stock-segmented button.is-active{color:#fff;background:#0b4ea2;border-color:#0b4ea2}.stock-tool-pick-list{gap:.5rem;max-height:320px;margin:.5rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.stock-tool-pick{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 90%, transparent);border-radius:12px;align-items:flex-start;gap:.65rem;min-height:52px;padding:.7rem .75rem;display:flex}.stock-tool-pick.is-selected{background:#ebf1f8;border-color:#0b4ea2}.stock-tool-pick strong,.stock-tool-pick small{display:block}.stock-tool-pick small{opacity:.75;margin-top:.2rem}.signature-pad-canvas{touch-action:none;background:#fff;border:1px dashed #7f93b0;border-radius:12px;width:100%;display:block}.signature-pad-actions{gap:.5rem;margin-top:.55rem;display:flex}.stock-camera-btn{color:#fff;background:#0b4ea2;border-radius:12px;justify-content:center;align-items:center;min-height:52px;font-weight:700;display:flex;position:relative;overflow:hidden}.stock-camera-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.stock-sticky-actions{z-index:5;position:sticky;bottom:.75rem}.stock-sticky-actions .btn{width:100%;min-height:52px;font-size:1.05rem}.stock-pending-badge{color:#fff;vertical-align:middle;background:#c0392b;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;margin-left:.4rem;padding:0 .35rem;font-size:.75rem;font-weight:700;display:inline-flex}.stock-mobile-card.is-overdue{border-color:#c0392b;box-shadow:0 0 0 1px #c0392b59}.stock-detail-card{gap:.55rem;display:grid}.stock-detail-card .label{opacity:.75;margin-right:.25rem;font-weight:600}.stock-approve-box{border-top:1px solid color-mix(in srgb, var(--border,#c9d4e5) 85%, transparent);gap:.65rem;margin-top:.75rem;padding-top:.75rem;display:grid}.stock-approve-box .actions{flex-wrap:wrap;gap:.5rem;display:flex}.stock-repair-update{border:1px solid color-mix(in srgb, var(--border,#c9d4e5) 85%, transparent);border-radius:14px;gap:.65rem;margin:.85rem 0 0;padding:.85rem;display:grid}.stock-repair-update legend{padding:0 .25rem;font-weight:700}.stock-modal-backdrop{z-index:40;background:#0814288c;align-items:end;padding:.75rem;display:grid;position:fixed;inset:0}.stock-modal{border-radius:16px 16px 12px 12px;width:min(100%,520px);max-height:min(92vh,720px);margin:0 auto;overflow:auto}.stock-home-page{max-width:100%;padding-inline:16px;overflow-x:hidden}.stock-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%;margin:.75rem 0 1.25rem;display:grid;overflow-x:hidden}.stock-home-card{isolation:isolate;text-align:center;color:#fff;cursor:pointer;border:0;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:150px;padding:1.1rem .7rem 1rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0b3d6833,inset 0 1px #ffffff59}.stock-home-card:nth-child(5){grid-column:1/2;justify-self:stretch;max-width:100%}.stock-home-card:before{content:"";pointer-events:none;z-index:0;background:#ffffff2e;border-radius:28px 28px 40% 40%;height:45%;position:absolute;top:0;left:0;right:0}.stock-home-icon,.stock-home-title,.stock-home-subtitle{z-index:1;position:relative}.stock-home-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000002e);background:0 0;border:0;border-radius:0;place-items:center;width:auto;height:auto;margin:0;padding:0;display:grid}.stock-home-icon svg{width:52px;height:52px;display:block}.stock-home-title{letter-spacing:-.02em;color:#fff;text-shadow:0 1px 2px #00000024;margin-top:8px;padding-inline:.15rem;font-size:clamp(1.35rem,5.6vw,1.75rem);font-weight:900;line-height:1.15;display:block}.stock-home-subtitle{color:#ffffffeb;margin-top:5px;padding-inline:.2rem;font-size:clamp(.8rem,3.2vw,.94rem);font-weight:600;line-height:1.2;display:block}.stock-home-materials{background:linear-gradient(145deg,#ffb32c 0%,#ff8a2b 100%)}.stock-home-tools{background:linear-gradient(145deg,#35c6aa 0%,#0f8f91 100%)}.stock-home-history{background:linear-gradient(145deg,#46a9f5 0%,#1766d1 100%)}.stock-home-stores{background:linear-gradient(145deg,#45d39b 0%,#16966f 100%)}.stock-home-reports{background:linear-gradient(145deg,#8b62ec 0%,#6236c9 100%)}.stock-home-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 24px #0b3d6842,inset 0 1px #ffffff6b}.stock-home-card:active{transform:scale(.985);box-shadow:0 6px 12px #0b3d682e,inset 0 1px #ffffff4d}.stock-two-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin:.75rem 0;display:grid}.stock-two-actions .btn{min-height:48px;font-weight:700}.stock-sheet{flex-direction:column;gap:.7rem;width:calc(100vw - 24px);max-width:520px;max-height:88vh;padding:1rem 1rem 1.1rem;display:flex;overflow:hidden auto}.stock-sheet>label,.stock-sheet>p,.stock-sheet>h2{flex:none}.stock-sheet label{gap:.35rem;display:grid}.stock-sheet-actions{background:linear-gradient(#0000,#fff 28%);gap:.5rem;margin-top:auto;padding-top:.35rem;display:grid;position:sticky;bottom:0}.stock-sheet-actions .btn{min-height:48px}.stock-one-col-form{grid-template-columns:1fr;display:grid}.stock-store-card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.stock-main-badge{color:#fff;background:#0b4ea2;border-radius:999px;flex:none;align-items:center;min-height:1.5rem;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.stock-store-actions{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.stock-store-actions .btn,.stock-set-main-btn{min-height:44px}.stock-set-main-btn{width:100%;margin-top:.45rem}.stock-tool-actions{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.stock-tool-actions .btn{min-height:44px}.stock-tool-more{background:#f3f7fc;border-radius:12px;gap:.35rem;margin-top:.55rem;padding:.55rem .65rem;display:grid}.stock-tool-more a{align-items:center;min-height:40px;font-weight:600;display:flex}.stock-report-cards{gap:.75rem;display:grid}.stock-report-card h2{margin:0 0 .35rem;font-size:1.1rem}.stock-report-card .label{opacity:.75;margin-right:.25rem;font-weight:600}.stock-report-borrow-row{border-bottom:1px solid color-mix(in srgb, var(--border,#c9d4e5) 70%, transparent);padding:.35rem 0}.stock-report-borrow-row:last-child{border-bottom:0}.stock-page{max-width:100%;overflow-x:hidden}@media (width>=900px){.stock-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.stock-one-col-form{grid-template-columns:1fr 1fr}.stock-one-col-form .full,.stock-one-col-form .form-actions{grid-column:1/-1}.stock-report-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.stock-evidence-thumbs{flex-wrap:wrap;gap:.45rem;margin:.5rem 0;display:flex}.stock-evidence-thumbs img{object-fit:cover;border:1px solid #c9d4e5;border-radius:8px;width:72px;height:72px}@media (width>=720px){.stock-modal-backdrop{align-items:center}}.stock-readonly-label{gap:.35rem;display:grid}.stock-readonly-field{box-sizing:border-box;color:#223247;cursor:default;width:100%;min-height:44px;font:inherit;background:#eef1f4;border:1px solid #d7dde5;border-radius:12px;padding:.55rem .75rem;font-weight:600}.stock-gallery{gap:.45rem;display:grid}.stock-gallery-label{color:#1e3a5f;font-weight:700}.stock-gallery-row{flex-wrap:wrap;align-items:stretch;gap:.65rem;max-width:100%;display:flex}.stock-gallery-card{background:#f8fbff;border:1px solid #d7e2ef;border-radius:14px;gap:.35rem;width:min(132px,42vw);padding:.4rem;display:grid}.stock-gallery-thumb-btn{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;line-height:0}.stock-gallery-img{aspect-ratio:1;object-fit:cover;background:#e8eef5;border-radius:10px;width:100%;display:block}.stock-gallery-badge{color:#0b3d91;background:#dce9ff;border-radius:999px;align-self:start;padding:.15rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.stock-gallery-card-actions{gap:.25rem;display:grid}.stock-gallery-action{min-height:36px;padding:.25rem .4rem;font-size:.78rem}.stock-gallery-action.is-danger{color:#b42318}.stock-gallery-add{appearance:none;color:#1e3a5f;cursor:pointer;background:#f4f8fc;border:1.5px dashed #9bb0c9;border-radius:14px;width:min(132px,42vw);min-height:132px;font-weight:800}.stock-gallery-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.stock-success-dialog{text-align:center;gap:.75rem;width:min(420px,100vw - 24px);padding:1.25rem 1.1rem;display:grid}.stock-borrow-evidence-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stock-borrow-evidence-thumb{background:#f8fbff;border:1px solid #d7e2ef;border-radius:10px;flex:none;width:96px;height:96px;position:relative;overflow:hidden}.stock-borrow-evidence-thumb img{object-fit:cover;width:100%;height:100%;display:block}.stock-borrow-evidence-remove{appearance:none;color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:1rem;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:4px}.stock-borrow-evidence-add{color:#0b3a66;width:80px;height:80px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:10px;place-items:center;padding:.25rem;font-size:.78rem;font-weight:600;display:grid}.stock-success-check{color:#0f7a3c;background:#e6f7ee;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto;font-size:1.6rem;font-weight:900;display:grid}.stock-evidence-preview-panel{justify-items:center;gap:.75rem;width:min(920px,100%);max-height:92vh;padding:.75rem;display:grid;position:relative}.stock-image-preview-backdrop{z-index:60;padding:1rem}.stock-evidence-preview-close{appearance:none;z-index:2;color:#fff;cursor:pointer;background:#0f172ac7;border:0;border-radius:50%;width:40px;height:40px;font-size:1.4rem;font-weight:700;line-height:1;position:absolute;top:.25rem;right:.25rem}.stock-evidence-open-btn{min-height:36px;padding:.15rem .55rem}.stock-image-preview{object-fit:contain;border-radius:12px;max-width:min(920px,100%);max-height:88vh;margin:0 auto;display:block;box-shadow:0 12px 40px #08183059}@media (width<=719px){.stock-material-thumb{width:72px;height:72px}}.print-only{display:none!important}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-only-inline{display:inline!important}.print-report-footer{text-align:right;white-space:nowrap;border-top:1px solid #999;justify-self:end;width:100%;color:#444!important;margin:4px 0 0!important;padding:2px 0 0!important;font-size:9px!important;font-weight:400!important;line-height:1.1!important;display:block!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}@page print-staff-leave{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}body:has(.print-page-staff-leave){page:print-staff-leave;font-size:12px;line-height:1.1}body:has(.print-page-hr-landscape){page:print-landscape;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}body:has(.print-page-staff-leave) .staff-leave-tabs{display:none!important}body:has(.print-page-staff-leave) .form-actions{display:none!important}body:has(.print-page-staff-leave) .staff-topbar{display:none!important}body:has(.print-page-staff-leave) .staff-history-actions{display:none!important}body:has(.print-page-staff-leave) .staff-leave-title{display:none!important}body:has(.print-page-staff-leave) .leave-request-meta .btn{display:none!important}body:has(.print-page-staff-leave) .leave-request-list button{display:none!important}body:has(.print-page-staff-leave) .leave-view-doc{display:none!important}body:has(.print-page-staff-leave) .leave-attach-label{display:none!important}body:has(.print-page-staff-leave) .leave-attach-wait{display:none!important}body:has(.print-page-staff-leave) .leave-attach-soon{display:none!important}body:has(.print-page-staff-leave) .leave-file-input{display:none!important}body:has(.print-page-staff-leave) .leave-file-host{display:none!important}body:has(.print-page-staff-leave) .leave-doc-complete-row{display:none!important}body:has(.print-page-staff-leave) .leave-doc-deadline{display:none!important}body:has(.print-page-staff-leave) .attendance-success{display:none!important}.staff-shell:has(.print-page-staff-leave){background:#fff!important;min-height:0!important}.staff-shell:has(.print-page-staff-leave) .staff-content{margin:0!important;padding:0!important}.print-page-staff-leave.staff-leave{gap:3px!important;width:100%!important;max-width:none!important}.print-page-staff-leave .staff-leave-history:not([hidden]){gap:0!important;display:block!important}.print-page-staff-leave .staff-leave-history[hidden]{display:none!important}.print-page-staff-leave .staff-leave-history-heading,.print-page-staff-leave h1.print-doc-title,.print-page-staff-leave .print-doc-title{text-align:center;color:#111!important;margin:0 0 3px!important;padding:0!important;font-size:13.5px!important;font-weight:700!important;line-height:1.1!important}.print-page-staff-leave .leave-quota-card,.print-page-staff-leave .leave-history-card{box-shadow:none!important;background:#f4f9fc!important;border-radius:4px!important;height:auto!important;min-height:0!important;margin:0 0 4px!important;padding:3px 5px!important}.print-page-staff-leave .leave-quota-card{break-inside:avoid;page-break-inside:avoid}.print-page-staff-leave .leave-quota-card h2,.print-page-staff-leave .leave-history-card h2{margin:0 0 2px!important;padding:0!important;font-size:11.5px!important;font-weight:700!important;line-height:1.1!important}.print-page-staff-leave .leave-quota-card p,.print-page-staff-leave .leave-history-card>p{margin:0!important;font-size:10px!important;line-height:1.1!important}.print-page-staff-leave .leave-history-card:has(>p.muted){align-items:baseline;gap:4px;max-height:34px;min-height:0!important;margin-bottom:3px!important;padding:2px 5px!important;display:flex!important}.print-page-staff-leave .leave-history-card:has(>p.muted) h2{margin:0!important}.print-page-staff-leave .leave-history-card:has(>p.muted) h2:after{content:" :"}.print-page-staff-leave .table-wrap{margin:0!important;padding:0!important}.print-page-staff-leave .table-compact{width:100%!important}.print-page-staff-leave .table-compact th,.print-page-staff-leave .table-compact td{text-align:center!important;vertical-align:middle!important;padding:2px 4px!important;font-size:10.5px!important;line-height:1.1!important}.print-page-staff-leave .table-compact th{font-size:11px!important;font-weight:700!important}.print-page-staff-leave .leave-quota-card .table-compact th,.print-page-staff-leave .leave-quota-card .table-compact td{text-align:center!important;vertical-align:middle!important}.print-page-staff-leave .leave-request-list{gap:0!important;margin:0!important;padding:0!important;display:block!important}.print-page-staff-leave .leave-request-list li{break-inside:avoid;page-break-inside:avoid;background:#fff!important;border:none!important;border-radius:0!important;flex-flow:wrap!important;grid-template-columns:none!important;align-items:baseline!important;gap:0!important;height:auto!important;min-height:0!important;margin:0 0 1px!important;padding:2px 4px!important;font-size:10.5px!important;line-height:1.1!important;display:flex!important}.print-page-staff-leave .leave-request-list li:nth-child(2n){background:#f3f8fc!important}.print-page-staff-leave .leave-request-main,.print-page-staff-leave .leave-request-title,.print-page-staff-leave .leave-request-dates,.print-page-staff-leave .leave-request-meta{gap:0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:contents!important}.print-page-staff-leave .leave-request-type,.print-page-staff-leave .leave-duration-paren,.print-page-staff-leave .leave-request-date-range,.print-page-staff-leave .leave-request-detail,.print-page-staff-leave .leave-request-submitted,.print-page-staff-leave .leave-status,.print-page-staff-leave .leave-decision-note,.print-page-staff-leave .leave-print-doc{white-space:normal!important;-webkit-line-clamp:unset!important;max-width:none!important;margin:0!important;padding:0!important;font-size:10.5px!important;line-height:1.1!important;display:inline!important;overflow:visible!important}.print-page-staff-leave .leave-item-index,.print-page-staff-leave .leave-request-type,.print-page-staff-leave .leave-request-type strong,.print-page-staff-leave .leave-duration-paren{font-size:11px!important;font-weight:700!important}.print-page-staff-leave .leave-request-type{order:1!important}.print-page-staff-leave .leave-duration-paren{white-space:nowrap!important;order:2!important}.print-page-staff-leave .leave-request-date-range{color:#111!important;flex:none!important;order:3!important;font-size:10.5px!important}.print-page-staff-leave .leave-request-date-range:before,.print-page-staff-leave .leave-request-detail:before,.print-page-staff-leave .leave-request-submitted:before,.print-page-staff-leave .leave-status:before,.print-page-staff-leave .leave-decision-note:before,.print-page-staff-leave .leave-print-doc:before{content:" | ";color:#667;font-weight:400}.print-page-staff-leave .leave-request-detail{order:4!important;font-size:9.5px!important}.print-page-staff-leave .leave-request-detail:before{content:" | เหตุผล: "}.print-page-staff-leave .leave-request-submitted{color:#333!important;order:5!important;font-size:9.5px!important}.print-page-staff-leave .leave-status{background:0 0!important;border:none!important;border-radius:2px!important;order:6!important;padding:1px 3px!important;font-size:9.5px!important;font-weight:600!important}.print-page-staff-leave .leave-history-approved,.print-page-staff-leave .leave-status-approved{color:#c62828!important}.print-page-staff-leave .leave-status-pending{color:#8a5a00!important}.print-page-staff-leave .leave-decision-note{text-align:left!important;color:#111!important;order:7!important;font-size:9.5px!important}.print-page-staff-leave .leave-print-doc{color:#333!important;order:8!important;font-size:9.5px!important;display:inline!important}.print-page-staff-leave .leave-request-list p{margin:0!important}.print-page-staff-leave .leave-history-past .leave-request-list{text-align:left!important}.print-page-staff-leave .leave-history-past .leave-request-list li{text-align:left!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:8px!important}.print-page-staff-leave .leave-history-past .leave-decision-note{text-align:left!important}.print-page-staff-leave .leave-approved-total{border-top:1px solid #999;text-align:center!important;color:#111!important;margin:5px 0 2px!important;padding:3px 0 0!important;font-size:13.5px!important;font-weight:800!important;line-height:1.15!important;display:block!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{justify-content:center;align-items:center;gap:.35rem;margin:0}.staff-history-brand img{object-fit:contain;width:auto;max-width:340px;height:38px}.staff-history-report-title{text-align:center;margin:0;font-size:10.2pt;line-height:1.1;color:#111!important}.staff-history-period{text-align:center;margin:0 0 1px;font-size:7.7pt;line-height:1.1;color:#222!important}.staff-history-identity-bar{text-align:center;white-space:nowrap;border-radius:0;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px 8px;margin:6px 0 2px;line-height:1.08;display:flex;overflow:hidden;background:#eef6fb!important;border:1px solid #999!important;padding:3px 8px!important}.staff-history-hr-summary{gap:3px;margin:18px 0 0}.staff-history-identity-item{white-space:nowrap;padding:0 1px;font-size:8.6pt}.staff-history-identity-item strong{font-size:8.6pt}.staff-history-identity-sep{padding:0 2px;font-size:8.4pt;color:#6b7280!important}.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,.staff-history-table td.staff-history-date{text-align:right;width:12%}.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:5.4%}.staff-history-table th:nth-child(6),.staff-history-table td:nth-child(6){width:8%}.staff-history-table th:nth-child(7),.staff-history-table td:nth-child(7){width:9%}.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:6.3%}.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%}.staff-history-table th:nth-child(14),.staff-history-table th.attendance-location-note-cell{vertical-align:middle;width:15%;text-align:center!important}.staff-history-table td:nth-child(14),.staff-history-table td.attendance-location-note-cell{text-align:left;width:15%;height:auto;white-space:normal!important;padding:1px 2px!important;overflow:visible!important}.attendance-location-note{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left;font-weight:400;font-size:4.1pt!important;line-height:1!important}.staff-history-table th,.staff-history-table td{vertical-align:middle;color:#111!important;padding:2px!important;font-size:6.8pt!important;line-height:1.08!important}.staff-history-table thead th{text-align:center;vertical-align:middle;height:auto;line-height:1.05;overflow:visible;color:#fff!important;white-space:normal!important;background:#123a6b!important;padding:3px 2px!important;font-size:7.2pt!important}.staff-history-table thead th .staff-history-th-break{display:block!important}.staff-history-table tbody td{white-space:nowrap;height:19px;overflow:hidden;background:#fff!important;padding-top:3px!important;padding-bottom:3px!important;line-height:1.05!important}.staff-history-table td.attendance-location-note-cell{vertical-align:middle;height:auto;white-space:normal!important;padding-top:1px!important;padding-bottom:1px!important;overflow:visible!important}.staff-history-table td.attendance-location-note-cell .attendance-location-note{font-size:4.1pt!important;line-height:1!important}.staff-history-table tfoot td{height:19px;padding:3px 2px!important;font-size:6.8pt!important}.staff-history-table th:first-child,.staff-history-table td:first-child{text-align:right;position:static;padding-right:4px!important}.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-table tbody tr.company-holiday-row td,.staff-history-table tbody tr.company-holiday-row td:first-child,.staff-history-table tbody tr.company-holiday-row td:last-child,.monthly-report-row.company-holiday-row>td,.company-holiday-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fde8e8!important}.staff-history-table tbody tr.leave-row td,.staff-history-table tbody tr.leave-row td:first-child,.staff-history-table tbody tr.leave-row td:last-child,.monthly-report-row.leave-row>td,.leave-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#dff4ff!important}.company-holiday-detail-cell{overflow-wrap:anywhere;text-align:left!important;color:#9b1c1c!important;white-space:normal!important;padding-left:6px!important;font-weight:700!important}.staff-history-total td,.staff-history-total td:first-child{font-weight:800;background:#e8eef5!important}.staff-history-hr-summary h3{text-align:center;margin:0 0 2px;font-size:8.1pt;color:#111!important}.staff-history-hr-wrap{box-shadow:none!important;background:#fff!important;border:none!important;overflow:visible!important}.staff-history-hr-table{table-layout:fixed;border-collapse:collapse;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;min-width:0!important}.staff-history-hr-table th,.staff-history-hr-table td{text-align:left;white-space:nowrap;border:1px solid #c5dcea!important;padding:2px 5px!important;font-size:6.9pt!important;line-height:1.1!important}.staff-history-hr-table thead th:first-child,.staff-history-hr-table tbody td:first-child{width:26%}.staff-history-hr-table thead th:nth-child(2),.staff-history-hr-table tbody td:nth-child(2),.staff-history-hr-table thead th:nth-child(3),.staff-history-hr-table tbody td:nth-child(3){width:18%;text-align:center!important}.staff-history-hr-table thead th:nth-child(4),.staff-history-hr-table tbody td:nth-child(4){width:38%}.staff-history-hr-table thead th{text-align:center;font-weight:800;color:#111!important;background:#c9e8f3!important}.staff-history-hr-table tbody tr:nth-child(odd) td{background:#fff!important}.staff-history-hr-table tbody tr:nth-child(2n) td{background:#e8f5fb!important}.staff-history-hr-table tbody td{font-weight:600;color:#111!important}.staff-history-hr-table tbody td.staff-history-hr-item{font-weight:700}.staff-history-hr-table tbody td.staff-history-hr-ytd{font-weight:700;color:#e53935!important}.staff-history-hr-table tbody td.staff-history-hr-note{white-space:nowrap;font-weight:500;color:#111!important}.leave-success-backdrop:has(.employee-login-result-modal){position:static;inset:auto;background:0 0!important}.employee-login-result-modal{width:100%;max-width:none;box-shadow:none!important}.employee-login-provision-table{border-collapse:collapse;width:100%}.employee-login-provision-table th,.employee-login-provision-table td{border:1px solid #ccc;padding:4px 6px;font-size:10pt}.employee-history-row{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff1f2!important}.employee-history-status{font-weight:700;color:#b91c1c!important}.report-wide-table{font-size:8pt;width:100%!important;min-width:0!important}.report-wide-table th:first-child,.report-wide-table td:first-child,.report-wide-table th:nth-child(2),.report-wide-table td:nth-child(2){position:static!important;left:auto!important}.report-center-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}}