@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-rail: #0C1930;--navy: #10203A;--navy-700: #1C3157;--navy-600: #22406E;--navy-mid: #22406E;--navy-soft: #EAF0F8;--gold: #C79A4F;--gold-bright: #E2B86A;--gold-tint: rgba(226, 184, 106, .16);--gold-soft: #F9F1DF;--gold-text: #9A7426;--cream: #F7F4EC;--bg: #F6F8FB;--surface: #FFFFFF;--panel: #FBFCFE;--surface-2: #FAFBFD;--surface-3: #EFF2F7;--border: #E7EBF2;--border-2: #DFE5EE;--border-input:#DFE5EE;--row-divider: #EFF2F7;--text: #16223A;--text-2: #4A5872;--muted: #7A8699;--faint: #97A2B6;--accent: var(--navy);--accent-hover: var(--navy-700);--accent-soft: #EEF2F9;--accent-ring: rgba(34, 64, 110, .1);--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: 9px;--r: 12px;--r-lg: 15px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(16,32,58,.04);--shadow: 0 2px 8px rgba(16,32,58,.06), 0 1px 2px rgba(16,32,58,.04);--shadow-lg: 0 40px 90px -20px rgba(12,25,48,.35), 0 4px 16px rgba(12,25,48,.08);--font-sans: "Public Sans", system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--rail-w: 72px;--panel-w: 236px;--side-bg: var(--panel);--side-border: var(--border);--logo-mark: var(--navy)}[data-theme=dark]{--navy-rail: #081120;--navy: #0B1626;--navy-700: #16263F;--navy-600: #2A4773;--navy-mid: #6E93CC;--navy-soft: #172741;--gold: #C79A4F;--gold-bright: #E2B86A;--gold-tint: rgba(226, 184, 106, .16);--gold-soft: #2A2517;--gold-text: #E2B86A;--cream: #F7F4EC;--bg: #0A111D;--surface: #111B2B;--panel: #0D1726;--surface-2: #16223550;--surface-3: #1A2940;--border: #24344C;--border-2: #2F4361;--border-input:#2F4361;--row-divider: #1D2C43;--text: #E9EEF6;--text-2: #B6C1D4;--muted: #8595AD;--faint: #647391;--accent: #4D7CC7;--accent-hover: #5F8BD1;--accent-soft: #172741;--accent-ring: rgba(77,124,199,.3);--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: var(--panel);--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(--navy-mid);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 .25s cubic-bezier(.22,.61,.36,1) backwards}@media (prefers-reduced-motion: reduce){.qp-enter{animation:none}}.qp-input,input,select,textarea{width:100%;padding:9px 13px;border:1px solid var(--border-input);border-radius:10px;font-size:13.5px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--navy-mid);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical}input[type=checkbox],input[type=radio],input[type=range],input[type=color],input[type=file]{width:auto;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}input[type=file]{font-size:13px;color:var(--text-2)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A8699' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}.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,32px) clamp(18px,3vw,36px);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,.qp-rail,.qp-panel{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}}