@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap";:root{--navy: #14253f;--navy-700: #1c3157;--navy-600: #244073;--gold: #c79a4f;--gold-soft: #f3ead6;--gold-text: #9a7426;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #fafbfc;--surface-3: #f1f4f8;--border: #e6eaf0;--border-2: #d6dce6;--text: #182338;--text-2: #43506a;--muted: #74819a;--faint: #97a2b6;--accent: var(--navy);--accent-hover: var(--navy-700);--accent-soft: #eaf0f8;--accent-ring: rgba(36, 64, 115, .28);--on-accent: #ffffff;--ok: #1d8a5f;--ok-bg: #e6f4ec;--warn: #b07a16;--warn-bg: #fbf0d9;--danger: #c0392b;--danger-bg:#fbe9e7;--info: #2a6fb0;--info-bg: #e6f0f9;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(20,37,63,.05);--shadow: 0 2px 8px rgba(20,37,63,.06), 0 1px 2px rgba(20,37,63,.04);--shadow-lg: 0 12px 32px -8px rgba(20,37,63,.18), 0 2px 8px rgba(20,37,63,.06);--font-sans: "Public Sans", system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--side-bg: #ffffff;--side-border: var(--border);--logo-mark: var(--navy)}[data-theme=dark]{--navy: #0b1626;--navy-700: #16263f;--navy-600: #2a4773;--gold: #e2b86a;--gold-soft: #2a2517;--gold-text: #e2b86a;--bg: #0a111d;--surface: #111b2b;--surface-2: #16223550;--surface-3: #1a2940;--border: #24344c;--border-2: #2f4361;--text: #e9eef6;--text-2: #b6c1d4;--muted: #8595ad;--faint: #647391;--accent: #4d7cc7;--accent-hover: #5f8bd1;--accent-soft: #172741;--accent-ring: rgba(77,124,199,.35);--on-accent: #ffffff;--ok: #46c08a;--ok-bg: #133227;--warn: #e0ad53;--warn-bg: #3a2e12;--danger: #ef6b5c;--danger-bg:#3a1c19;--info: #5aa0db;--info-bg: #14293e;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 2px 10px rgba(0,0,0,.35);--shadow-lg: 0 16px 40px -10px rgba(0,0,0,.6);--side-bg: #0d1726;--side-border: #1d2c43;--logo-mark: #d2ddec}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em;line-height:1.15}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}::selection{background:var(--accent-soft)}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.error{color:var(--danger);font-size:13.5px}.right{text-align:right}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes qp-fade-up{0%{transform:translateY(9px)}to{transform:translateY(0)}}.qp-enter{animation:qp-fade-up .4s cubic-bezier(.22,.61,.36,1) both}@media (prefers-reduced-motion: reduce){.qp-enter{animation:none}}.qp-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border-2);border-radius:10px;font-size:14px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:auto}.qp-app{display:flex;min-height:100vh}.qp-main{flex:1;display:flex;flex-direction:column;min-width:0}.qp-content{padding:clamp(18px,3vw,34px);max-width:1240px;width:100%;margin:0 auto;flex:1}.qp-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.qp-dash-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;align-items:start}.qp-detail-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.qp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.qp-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qp-payslip-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}.qp-leave-grid,.qp-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qp-form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.qp-card-list{display:none}.qp-row{transition:background .12s}.qp-row:hover{background:var(--surface-2)}.qp-mobile-brand{display:none;align-items:center;gap:10px}.qp-desktop-title{display:block}@media (max-width: 1080px){.qp-dash-cols{grid-template-columns:1fr}.qp-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.qp-sidebar{display:none!important}.qp-bottomnav{display:flex!important}.qp-content{padding:18px 16px calc(78px + env(safe-area-inset-bottom))}.qp-detail-cols{grid-template-columns:1fr}.qp-payslip-cols{grid-template-columns:1fr;gap:18px}.qp-leave-grid,.qp-form-grid,.qp-form-grid2{grid-template-columns:1fr}.qp-mobile-brand{display:flex}.qp-desktop-title{display:none}.hide-sm{display:none!important}.qp-table-card{display:none}.qp-card-list{display:flex!important}}@media (max-width: 520px){.qp-stat-grid{grid-template-columns:1fr 1fr}.hide-xs{display:none!important}.qp-field-grid{grid-template-columns:1fr}}