:root{--yavahr-wordmark-neutral:#111827}.dark,html[data-skin=midnight] :is(.sidebar,.simple-sidebar,.simple-mobile-panel){--yavahr-wordmark-neutral:#fff}.yavahr-logo{--yavahr-symbol-size:32px;--yavahr-wordmark-size:23px;vertical-align:middle;text-transform:none;flex-shrink:0;align-items:center;gap:8px;font-family:Inter,Segoe UI,Arial,sans-serif;font-style:normal;display:inline-flex}.yavahr-logo[data-logo-theme=light]{--yavahr-wordmark-neutral:#111827}.yavahr-logo[data-logo-theme=dark]{--yavahr-wordmark-neutral:#fff}.yavahr-logo--sm{--yavahr-symbol-size:28px;--yavahr-wordmark-size:20px;gap:7px}.yavahr-logo--lg,.yavahr-logo--full{--yavahr-symbol-size:40px;--yavahr-wordmark-size:28px;gap:10px}.yavahr-logo--full.yavahr-logo--sm{--yavahr-symbol-size:36px;--yavahr-wordmark-size:24px}.yavahr-logo--full.yavahr-logo--lg{--yavahr-symbol-size:56px;--yavahr-wordmark-size:36px;gap:12px}.yavahr-logo__symbol{width:var(--yavahr-symbol-size);height:var(--yavahr-symbol-size);object-fit:contain;flex-shrink:0;display:block}.yavahr-logo__type{flex-direction:column;gap:6px;display:flex}.yavahr-logo__wordmark{white-space:nowrap;font-size:var(--yavahr-wordmark-size);letter-spacing:-.035em;font-weight:700;line-height:1.2;display:inline-flex}.yavahr-logo__yava{color:var(--yavahr-wordmark-neutral)}.yavahr-logo__hr{color:#6384ff}.yavahr-logo__tagline{color:var(--yavahr-wordmark-neutral);letter-spacing:.07em;white-space:nowrap;font-size:9px;font-weight:600;line-height:1.5}@media print{.yavahr-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact;--yavahr-wordmark-neutral:#111827!important}}
:root{--bg:#f6f7fb;--surface:#fff;--surface-alt:#f9fafc;--text:#20263a;--muted:#59667c;--border:#e7eaf1;--accent:#5351d8;--accent-hover:#4542bc;--accent-soft:#edecfc;--teal:#107064;--teal-soft:#e8f6f1;--warning:#96601d;--warning-bg:#fff6e6;--danger:#bf4550;--danger-bg:#fff0f1;--shadow:0 3px 16px #1b285004;--sidebar-width:248px;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--bg:#11151e;--surface:#1a202c;--surface-alt:#1e2634;--text:#e6eaf5;--muted:#a0abc0;--border:#30394b;--accent:#a4a0ff;--accent-hover:#b7b3ff;--accent-soft:#302e50;--teal:#71d5bc;--teal-soft:#203e38;--warning:#efbe77;--warning-bg:#3b3022;--danger:#ff9aa5;--danger-bg:#3e2730;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Noto Sans,Noto Sans Tamil,Nirmala UI,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{flex-shrink:0}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:29px;font-weight:650;line-height:1.35}h2{font-size:15px;font-weight:650}h3{font-size:14px;font-weight:600}small{font-size:12px}strong{font-weight:600}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:7px;min-width:0;max-width:100%;padding:10px 12px}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}textarea{resize:vertical}input[type=number]{width:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--surface);padding:12px;position:fixed;top:-100px}.skip-link:focus{top:10px}.muted{color:var(--muted)}.small{font-size:12px}.text-accent{color:var(--accent)}.text-teal{color:var(--teal)}.text-danger{color:var(--danger)}.spacer{height:20px}.stack{flex-direction:column;gap:20px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.right{margin-left:auto}.full{grid-column:1/-1}.app-shell{min-height:100dvh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:30;flex-direction:column;padding:28px 16px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;padding:0 13px 25px;display:flex}.company-switch{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;margin:0 3px 15px;padding:9px 8px;display:flex}.company-icon{border:1px solid var(--border);background:var(--surface);width:29px;height:29px;color:var(--accent);border-radius:7px;place-items:center;font-size:10px;font-weight:700;display:grid}.company-switch select{appearance:none;background:0 0;border:0;width:139px;padding:2px;font-size:12px;font-weight:600}.sidebar-nav{scrollbar-width:thin;flex:1;padding-bottom:16px;overflow-y:auto}.nav-group>p{text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:17px 14px 7px;font-size:10px;font-weight:650}.nav-item{min-height:39px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;margin:2px 0;padding:9px 13px;font-size:12px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-alt);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-count{background:var(--accent);color:var(--surface);border-radius:4px;margin-left:auto;padding:0 5px;font-size:9px}.sidebar-bottom{border-top:1px solid var(--border);padding:13px 8px 15px}.demo-label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.demo-label>span{background:var(--teal);border-radius:50%;width:5px;height:5px}.sidebar-bottom select{background:var(--surface-alt);width:100%;margin-top:6px;padding:5px;font-size:11px}.sidebar-user{align-items:center;gap:9px;margin-top:13px;display:flex}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong{font-size:11px;display:block}.sidebar-user small{color:var(--muted);font-size:10px;display:block}.main-area{margin-left:var(--sidebar-width);min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;height:76px;padding:0 34px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-actions{align-items:center;gap:15px;display:flex}.global-search{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:7px 8px;font-size:11px;display:flex}.global-search kbd{background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;margin-left:20px;padding:1px 4px;font-size:9px}.icon-button{color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:7px;display:inline-flex}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.language-select{border-color:#0000;width:92px;padding:5px 4px;font-size:11px}.notification-link{position:relative}.notification-link i{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:6px}.avatar{color:#6b5d34;background:#eeebde;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:650;display:inline-flex}.avatar.large{width:68px;height:68px;font-size:23px}.avatar.small{width:26px;height:26px;font-size:9px}.person{align-items:center;gap:10px;display:flex}.person strong{font-size:12px}.person small{color:var(--muted);font-size:10px;display:block}.person:hover strong{color:var(--accent)}main{max-width:1700px;min-height:calc(100dvh - 128px);margin:0 auto;padding:31px 34px 35px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.subtitle{color:var(--muted);max-width:740px;margin-top:7px;font-size:12px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:9px 13px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.button.primary{background:var(--accent);color:var(--surface);box-shadow:0 2px 3px #2c276313}.dark .button.primary{color:#18152f}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover{background:var(--surface-alt)}.button.ghost{color:var(--muted);background:0 0}.button.ghost:hover{background:var(--accent-soft);color:var(--accent)}.button.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:12px;padding:21px 22px 17px;display:flex}.card-body{padding:0 22px 22px}.card-pad{padding:22px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px;display:grid}.stat{padding:20px}.stat-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.stat-label svg{color:var(--accent);box-sizing:content-box;background:var(--accent-soft);border-radius:8px;width:15px;height:15px;padding:7px}.stat-value{letter-spacing:-.7px;margin-top:7px;font-size:28px;font-weight:650;line-height:1.5}.stat-detail{color:var(--muted);margin-top:7px;font-size:10px}.stat-accent .stat-label svg{background:var(--teal-soft);color:var(--teal)}.stat-accent .stat-detail{color:var(--teal)}.grid-2{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.grid-equal{grid-template-columns:1fr 1fr;gap:22px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dashboard-main{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px;display:grid}.welcome-card{background:var(--accent-soft);border-color:#0000;padding:23px 25px;position:relative}.welcome-card h2{max-width:70%;font-size:19px;font-weight:600;line-height:1.45}.welcome-card p{color:var(--muted);max-width:70%;margin:8px 0 18px;font-size:11px}.welcome-illustration{width:110px;height:90px;position:absolute;bottom:25px;right:24px}.illustration-circle{border:16px solid color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%;width:90px;height:90px;position:absolute;bottom:0;right:0}.illustration-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:70px;height:77px;padding:12px;position:absolute;top:5px;left:2px;transform:rotate(-9deg);box-shadow:0 5px 10px #37357210}.illustration-card span{background:var(--accent-soft);border-radius:2px;height:5px;margin:7px 0;display:block}.illustration-card svg{color:var(--teal)}.tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;gap:23px;margin-bottom:22px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:43px;padding:11px 1px;font-size:12px}.tabs button.active{color:var(--accent);border-color:var(--accent);font-weight:600}.tab-count{background:var(--surface-alt);border-radius:4px;margin-left:7px;padding:1px 5px;font-size:10px}.badge{color:var(--muted);background:var(--surface-alt);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:550;display:inline-flex}.badge>span{font-size:6px}.badge-approved,.badge-active,.badge-completed,.badge-hired,.badge-open,.badge-transferred,.badge-complete,.badge-available{background:var(--teal-soft);color:var(--teal)}.badge-pending,.badge-review,.badge-inProgress,.badge-probation,.badge-offer,.badge-exception,.badge-leaving{background:var(--warning-bg);color:var(--warning)}.badge-rejected,.badge-cancelled,.badge-error,.badge-returned{background:var(--danger-bg);color:var(--danger)}.badge-interview,.badge-onboarding,.badge-locked{background:var(--accent-soft);color:var(--accent)}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;font-size:11px;display:flex}.search-field{border:1px solid var(--border);color:var(--muted);border-radius:6px;flex:1;align-items:center;gap:8px;min-width:0;max-width:290px;padding:0 10px;display:flex}.search-field input{background:0 0;border:0;width:100%;padding:8px 0;font-size:11px}.table-scroll{width:100%;max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{background:var(--surface-alt);color:var(--muted);white-space:nowrap;font-weight:500}th button{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:11px 20px;font-size:10px;display:flex}td{border-top:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:14px 20px}td:last-child{white-space:normal}tr:hover td{background:var(--surface-alt)}td .button{min-height:30px;padding:5px 9px;font-size:10px}.table-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;font-size:11px;display:flex}.text-link{color:var(--accent);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.list-item{border-top:1px solid var(--border);align-items:center;gap:13px;padding:15px 22px;display:flex}.list-item:first-child{border-top:0}.list-item>.grow{flex:1;min-width:0}.list-item p{color:var(--muted);margin-top:3px;font-size:11px}.list-icon{background:var(--accent-soft);width:35px;height:35px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-icon.teal{background:var(--teal-soft);color:var(--teal)}.list-icon.amber{background:var(--warning-bg);color:var(--warning)}.notice{border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 16px;font-size:12px;display:flex}.notice.info{background:var(--accent-soft);color:var(--accent)}.notice.warning{background:var(--warning-bg);color:var(--warning)}.notice.error{background:var(--danger-bg);color:var(--danger)}.notice.success{background:var(--teal-soft);color:var(--teal)}.empty{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:45px 20px;display:flex}.empty h3{color:var(--text);margin-top:5px}.empty p{font-size:12px}.empty .button{margin-top:10px}.dialog-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;background:#11182a77;position:fixed;inset:0}.dialog-content{z-index:71;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(600px,100vw - 32px);max-height:90dvh;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0003}.dialog-content.wide{width:min(880px,100vw - 32px)}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.dialog-header h2{font-size:19px}.dialog-header p{color:var(--muted);margin-top:5px;font-size:12px}.dialog-body{padding:22px 24px}.dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:17px 24px;display:flex}.editor-grid{grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;font-size:12px;display:flex}.field>span:first-child{font-weight:550}.field input,.field select,.field textarea{width:100%;font-size:12px}.field-error{color:var(--danger);font-size:11px}.command-search{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:12px 24px;display:flex}.command-search input{border:0;flex:1}.command-results{max-height:440px;padding:10px;overflow:auto}.command-results a{border-radius:7px;gap:12px;padding:12px;display:flex}.command-results a:hover{background:var(--accent-soft)}.command-results small{color:var(--muted);margin-left:auto}.toast{z-index:90;background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 35px);padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;right:25px;box-shadow:0 8px 25px #0002}.toast>svg{color:var(--accent)}.app-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:16px 34px;font-size:9px;display:flex}.app-footer>span,.app-footer a{align-items:center;gap:4px;display:inline-flex}.footer-dot{padding:0 5px}.bottom-nav,.mobile-menu,.sidebar-close,.mobile-scrim{display:none}.offline-banner{background:var(--warning-bg);color:var(--warning);justify-content:center;gap:10px;padding:10px;font-size:12px;display:flex}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.detail-field{min-width:0}.detail-field dt{color:var(--muted);margin-bottom:4px;font-size:10px}.detail-field dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px}.progress-track{background:var(--accent-soft);border-radius:4px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:4px;height:100%}.progress-teal{background:var(--teal)}.profile-header{align-items:center;gap:20px;margin-bottom:22px;padding:25px;display:flex}.profile-header .grow{flex:1}.profile-header h2{font-size:22px}.profile-header p{color:var(--muted);margin-top:4px;font-size:12px}.person-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.person-card{text-align:center;padding:22px}.person-card h3{margin-top:12px}.person-card p{color:var(--muted);margin:5px 0 15px;font-size:11px}.calendar{grid-template-columns:repeat(7,minmax(0,1fr));padding:10px 18px 20px;display:grid}.calendar .weekday{text-align:center;color:var(--muted);padding:8px;font-size:9px}.calendar .day{border-top:1px solid var(--border);min-height:78px;padding:8px 5px;font-size:11px}.calendar .day.weekend{background:var(--surface-alt);color:var(--muted)}.day .calendar-event{background:var(--teal-soft);color:var(--teal);text-overflow:ellipsis;border-radius:3px;margin:4px 0;padding:3px 4px;font-size:8px;display:block;overflow:hidden}.day .calendar-event.pending{background:var(--warning-bg);color:var(--warning)}.board{grid-template-columns:repeat(5,minmax(180px,1fr));gap:15px;padding-bottom:10px;display:grid;overflow:auto}.board-column{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:13px}.board-column>h3{justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.candidate-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:13px;display:block}.candidate-card strong{margin-top:8px;font-size:12px;display:block}.candidate-card small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.timeline{padding:0 22px 20px}.timeline-item{border-left:1px solid var(--border);margin-left:6px;padding:1px 0 20px 22px;position:relative}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:-4px}.timeline-item p{color:var(--muted);font-size:11px}.timeline-item strong{font-size:12px}.donut{background:conic-gradient(var(--accent) 0% 48%, var(--teal) 48% 72%, #ceab69 72% 90%, var(--accent-soft) 90%);border-radius:50%;width:130px;height:130px;margin:6px auto;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22px}.donut-label{z-index:1;flex-direction:column;justify-content:center;align-items:center;font-size:27px;font-weight:650;display:flex;position:absolute;inset:0}.donut-label small{color:var(--muted);font-size:10px;font-weight:400}.legend{grid-template-columns:1fr 1fr;gap:13px;margin-top:17px;font-size:10px;display:grid}.legend span{align-items:center;gap:6px;display:flex}.legend i{background:var(--accent);border-radius:2px;width:7px;height:7px}.legend span:nth-child(2) i{background:var(--teal)}.legend span:nth-child(3) i{background:#ceab69}.legend span:nth-child(4) i{background:var(--accent-soft)}.mini-bars{align-items:flex-end;gap:12px;height:135px;padding-top:12px;display:flex}.mini-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.mini-bar-group>div{background:var(--accent);border-radius:4px 4px 0 0;width:100%;max-width:40px;min-height:2px}.mini-bar-group small{color:var(--muted);font-size:9px}.data-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;font-size:12px;display:flex}.data-line:last-child{border-bottom:0}.data-line .label{color:var(--muted)}.receipt{background:var(--surface-alt);border:1px dashed var(--border);text-align:center;border-radius:8px;padding:25px;font-family:monospace;line-height:2}.receipt h3{font-size:16px}.receipt p{font-size:11px}.article-body{white-space:pre-wrap;max-width:740px;font-size:14px;line-height:1.9}.install-banner{margin-top:16px}.kiosk-screen{text-align:center;padding:40px}.kiosk-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;font-size:56px;font-weight:600}.face-fixture{border:2px dashed var(--accent);background:var(--accent-soft);width:150px;height:150px;color:var(--accent);border-radius:25px;justify-content:center;align-items:center;margin:25px auto;display:flex}.org-tree{flex-direction:column;align-items:center;gap:22px;padding:24px;display:flex}.org-tree>.org-children{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:16px;width:100%;padding-top:22px;display:flex}.org-node{border:1px solid var(--border);background:var(--surface-alt);border-radius:9px;min-width:160px;padding:15px}.chart-wrap{width:100%;height:240px}.loading{min-height:65vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payslip{max-width:800px;margin:auto;padding:35px}.payslip h2{font-size:25px}.pay-total{background:var(--accent-soft);border-radius:8px;justify-content:space-between;margin-top:20px;padding:15px;font-size:20px;display:flex}.task-check{align-items:flex-start;gap:12px;display:flex}.task-check input{margin-top:3px}.form-preview{background:var(--surface-alt);border:1px dashed var(--border);border-radius:9px;padding:20px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-row select{padding:8px 12px;font-size:11px}.metric-trend{color:var(--teal);background:var(--teal-soft);border-radius:4px;margin-right:5px;padding:2px 5px;font-size:9px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.date-pill{background:var(--surface);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:inline-flex}.roster-week{grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;padding:20px;display:grid;overflow:auto}.roster-day{background:var(--surface-alt);border:1px solid var(--border);border-radius:7px;min-height:120px;padding:10px}.roster-day>small{color:var(--muted)}.roster-shift{background:var(--accent-soft);border-left:2px solid var(--accent);border-radius:4px;margin-top:10px;padding:7px;font-size:10px}.safe-wrap{overflow:auto}.settings-grid{grid-template-columns:210px minmax(0,1fr);gap:22px;display:grid}.subnav{flex-direction:column;gap:3px;display:flex}.subnav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:11px 13px;font-size:12px}.subnav button.active{background:var(--accent-soft);color:var(--accent)}@media (min-width:1600px){:root{--sidebar-width:265px}.nav-item{font-size:13px}.topbar{padding:0 45px}main{padding:38px 45px}.stat-value{font-size:32px}}@media (max-width:1280px){:root{--sidebar-width:223px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 24px}main{padding:27px 24px}.topbar-actions{gap:7px}.global-search kbd{display:none}.stats-grid{gap:12px}.stat{padding:17px}.dashboard-main{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.card-heading{padding:18px}.list-item{padding:13px 18px}.help-link{display:none}.person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:25px}.company-switch select{width:120px}}@media (max-width:1023px){:root{--sidebar-width:220px}.global-search span,.breadcrumb>span{display:none}.dashboard-main,.grid-2{grid-template-columns:1fr}.dashboard-main>.stack:last-child{grid-template-columns:1fr 1fr;align-items:start;display:grid}.grid-3,.stats-grid{grid-template-columns:1fr 1fr}.welcome-illustration{right:35px}.page-heading{align-items:flex-start}h1{font-size:25px}.app-footer{padding:16px 24px}.settings-grid{grid-template-columns:170px minmax(0,1fr)}}@media (max-width:767px){.sidebar{width:270px;padding-top:25px;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:flex;position:absolute;top:25px;right:15px}.mobile-scrim{z-index:29;background:#10182888;display:block;position:fixed;inset:0}.main-area{margin-left:0}.topbar{gap:8px;height:65px;padding:0 17px}.mobile-menu{display:flex}.breadcrumb{display:none}.topbar-actions{gap:5px}.topbar-actions>.global-search{padding:7px}.topbar-actions>.theme-toggle{display:none}.language-select{max-width:86px}.topbar-actions .avatar{width:30px;height:30px}.notification-link{margin-right:5px}main{min-height:calc(100dvh - 140px);padding:23px 17px 28px}h1{letter-spacing:-.7px;font-size:25px}.page-heading{flex-direction:column;gap:16px;margin-bottom:22px}.page-heading>.actions{gap:7px;width:100%}.eyebrow{font-size:9px}.subtitle{font-size:12px;line-height:1.7}.button{min-height:42px;padding:9px 12px;font-size:11px}.stats-grid{gap:11px;margin-bottom:18px}.stat{padding:15px}.stat-value{font-size:24px}.stat-label{align-items:flex-start;font-size:10px}.stat-label svg{width:12px;height:12px;padding:5px}.stat-detail{font-size:9px}.dashboard-main,.grid-equal,.grid-2{grid-template-columns:1fr;gap:18px}.dashboard-main>.stack:last-child{display:flex}.stack{gap:18px}.welcome-card{padding:22px}.welcome-card h2{max-width:75%;font-size:18px}.welcome-card p{max-width:72%;font-size:11px}.welcome-illustration{width:80px;bottom:30px;right:13px;transform:scale(.8)}.card-heading{padding:18px}.card-body{padding:0 18px 18px}.card-pad{padding:18px}.grid-3,.person-grid{grid-template-columns:1fr}.tabs{gap:21px}.tabs button{font-size:11px}.table-toolbar{flex-wrap:wrap;padding:14px}.table-toolbar .muted{font-size:10px}td{padding:14px}th button{padding:11px 14px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:35;padding:7px 12px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-width:60px;min-height:44px;color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav a.active{color:var(--accent);background:var(--accent-soft)}.app-shell{padding-bottom:75px}.app-footer{flex-direction:column;align-items:flex-start;gap:5px;padding:16px 18px;font-size:9px}.toast{bottom:87px;right:16px}.dialog-content,.dialog-content.wide{width:100%;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:0;inset:0;transform:none}.dialog-header{z-index:2;background:var(--surface);padding:20px;position:sticky;top:0}.editor-grid{grid-template-columns:1fr;gap:18px;padding:20px}.dialog-footer{background:var(--surface);padding:17px 20px;position:sticky;bottom:0}.dialog-body{padding:20px}.profile-header{flex-wrap:wrap;padding:20px}.profile-header>.actions{width:100%}.details-grid{gap:19px}.calendar .day{min-height:58px;padding:4px 2px;font-size:10px}.calendar{padding:6px 10px 12px}.day .calendar-event{font-size:7px}.settings-grid{grid-template-columns:1fr}.subnav{flex-direction:row;overflow:auto}.subnav button{white-space:nowrap}.payslip{padding:22px}.kiosk-time{font-size:40px}.kiosk-screen{padding:25px 15px}.data-line,.notice{font-size:11px}.org-node{min-width:140px}.org-tree{padding:18px}.article-body{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.bottom-nav,.app-footer,.button,.tabs,.toast,.filter-row{display:none!important}.main-area{margin:0}main{padding:0}body{color:#111;background:#fff}.card{break-inside:avoid;box-shadow:none;background:#fff;border-color:#ccc}.dark{--surface:#fff;--surface-alt:#fafafa;--text:#111;--muted:#555;--border:#ccc;--accent:#4542bc;--accent-soft:#f0effa;--teal:#166354;--teal-soft:#edf7f3;--bg:#fff}table{font-size:9px}.app-shell{padding:0}.table-scroll{overflow:visible}.no-print{display:none!important}}.quick-action{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;flex-wrap:wrap;align-items:center;gap:9px;min-height:77px;padding:13px 11px;font-size:10px;display:flex}.quick-action>svg:first-child{color:var(--accent);width:17px;height:17px}.quick-action>span{order:2;width:calc(100% - 25px);font-weight:500}.quick-action>svg:last-child{color:var(--muted);margin-left:auto}.quick-action:hover{border-color:var(--accent);background:var(--accent-soft)}.support-card{gap:12px;padding:7px 3px;display:flex}.support-card h3{font-size:12px}.support-card p{color:var(--muted);margin:5px 0 9px;font-size:11px}.guide-list{color:var(--muted);margin:0;padding-left:20px;font-size:12px;line-height:1.8}.guide-list li{margin-bottom:12px}html[lang=ta-SG] body{line-height:1.8}html[lang=ta-SG] .nav-item{font-size:11px;line-height:1.7}html[lang=ta-SG] h1{letter-spacing:0;font-size:26px}@font-face{font-family:Yava Tamil;src:url(/fonts/NotoSansTamil-Regular.woff2)format("woff2");font-style:normal;font-weight:100 500;font-display:swap;unicode-range:U+B80-BFF}@font-face{font-family:Yava Tamil;src:url(/fonts/NotoSansTamil-Bold.woff2)format("woff2");font-style:normal;font-weight:600 900;font-display:swap;unicode-range:U+B80-BFF}@font-face{font-family:Yava Chinese;src:url(/fonts/NotoSansSC-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF}body{font-family:Yava Tamil,Yava Chinese,Inter,Segoe UI,Noto Sans,Nirmala UI,Microsoft YaHei,Arial,sans-serif}.stat-value{overflow-wrap:anywhere}.settings-grid>*,.stack,.subnav{min-width:0}.subnav{max-width:100%}.dialog-body>.editor-grid{padding-inline:0}@media (max-width:767px){.field input,.field select,.field textarea{font-size:16px}.table-scroll{overscroll-behavior-x:contain}.data-line{align-items:flex-start;gap:12px}.data-line>*{overflow-wrap:anywhere;min-width:0}.data-line>strong{text-align:right}.details-grid{grid-template-columns:1fr}}.backend-app{overflow-wrap:anywhere;min-height:100dvh}.backend-header{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;display:flex;position:sticky;top:0}.backend-brand{letter-spacing:-1px;flex-shrink:0;font-size:25px;font-weight:750;line-height:1.2}.backend-brand small{letter-spacing:0;color:var(--muted);margin-top:5px;font-size:11px;font-weight:500;display:block}.backend-preferences{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.backend-preferences select{max-width:180px;min-height:44px}.backend-layout{grid-template-columns:232px minmax(0,1fr);max-width:1800px;margin:auto;display:grid}.backend-navigation{flex-direction:column;align-self:start;gap:8px;padding:28px 16px;display:flex;position:sticky;top:94px}.backend-navigation a{min-height:46px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:12px;line-height:1.6;display:flex}.backend-navigation a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.backend-navigation a:hover{background:var(--surface)}.backend-main{flex-direction:column;gap:22px;min-width:0;padding:30px;display:flex}.backend-main .page-heading{margin-bottom:0}.backend-main .stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.backend-panel{flex-direction:column;gap:20px;min-width:0;padding:22px;display:flex}.backend-panel>h2{font-size:17px}.backend-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.backend-fields .full{grid-column:1/-1}.backend-fields label.field{margin:0}.backend-fields input,.backend-fields select,.backend-fields textarea{width:100%;min-height:44px}.backend-fields input[type=checkbox]{width:22px;height:22px;min-height:22px}.backend-form{flex-direction:column;gap:22px;display:flex}.backend-form>.button{align-self:start}.backend-form fieldset{border:1px solid var(--border);border-radius:8px;min-width:0;padding:14px}.backend-weekdays{flex-wrap:wrap;gap:12px;display:flex}.backend-weekdays label{align-items:center;gap:7px;min-height:44px;display:flex}.backend-weekdays input[type=checkbox]{width:20px;height:20px}.backend-filterbar,.backend-workspace-bar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.backend-filterbar label{flex:1;min-width:140px}.backend-workspace-bar label{flex-direction:column;gap:5px;min-width:0;max-width:100%;display:flex}.backend-workspace-bar select{width:300px;max-width:100%}.backend-workspace-bar>.button{margin-left:auto}.backend-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;display:grid}.backend-details dt{color:var(--muted);font-size:12px}.backend-details dd{margin:5px 0 0}.backend-detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.backend-module-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.backend-module{flex-direction:column;align-items:start;gap:12px;padding:20px;display:flex}.backend-module:hover{border-color:var(--accent)}.backend-date-row{align-items:center;gap:10px;min-width:0;margin-bottom:10px;display:flex}.backend-date-row>label{flex:1;min-width:0}.backend-date-row input{width:100%}.backend-main .table-scroll table{min-width:540px}.backend-main .table-scroll{width:100%}.backend-main .table-scroll td{overflow-wrap:anywhere;white-space:normal;max-width:400px}@media (max-width:900px){.backend-layout{grid-template-columns:minmax(0,1fr)}.backend-navigation{border-bottom:1px solid var(--border);flex-direction:row;padding:12px 16px;position:static;overflow-x:auto}.backend-navigation a{flex-shrink:0;max-width:230px}.backend-main{padding:22px}.backend-header{padding:14px 20px}}@media (max-width:520px){.backend-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 16px}.backend-preferences{gap:8px;width:100%}.backend-preferences select{max-width:150px}.backend-preferences .button{flex:1}.backend-main{gap:18px;padding:18px 12px}.backend-panel{padding:18px 14px}.backend-fields,.backend-details{grid-template-columns:minmax(0,1fr)}.backend-fields input,.backend-fields select,.backend-fields textarea{font-size:16px}.backend-workspace-bar{gap:12px}.backend-workspace-bar>label,.backend-workspace-bar select{width:100%}.backend-main h1{font-size:25px}.backend-main .stats-grid{grid-template-columns:1fr}.backend-main .tabs{max-width:100%}.backend-date-row{flex-wrap:wrap}.backend-date-row>label{flex-basis:150px}.backend-app .button{white-space:normal;height:auto;min-height:44px}}.backend-main{width:100%;max-width:100%;margin:0}.backend-main .table-scroll{min-width:0;max-width:100%}.backend-main .page-heading>div{min-width:0}.layout-picker{align-items:center;gap:10px;font-weight:600;display:flex}.layout-picker select{max-width:100%;min-height:44px;padding:8px 12px}.appearance-settings{padding:24px}.appearance-settings h2{margin-bottom:12px}.appearance-settings p{margin:12px 0;line-height:1.7}.appearance-option{cursor:pointer;align-items:center;gap:14px;min-height:52px;padding:12px 0;line-height:1.6;display:flex}.appearance-option input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.appearance-option small{color:var(--muted);font-weight:400;display:block}.appearance-module-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.appearance-module-list .appearance-option{border-bottom:1px solid var(--border)}.layout-simple{--sidebar-width:240px}.layout-simple.simple-collapsed{--sidebar-width:72px}.simple-sidebar{width:var(--sidebar-width);z-index:35;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:16px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:visible}.simple-sidebar-brand{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:48px;margin-bottom:24px;display:flex}.simple-sidebar-brand>a{align-items:center;padding-left:8px;display:inline-flex}.simple-module-nav{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden auto}.simple-module-heading{border-radius:8px;align-items:center;display:flex}.simple-module-heading.active{background:var(--accent-soft);color:var(--accent)}.simple-module-heading>a{flex:1;align-items:center;gap:12px;min-width:0;min-height:48px;padding:10px;line-height:1.5;display:flex}.simple-module-heading svg{flex-shrink:0}.simple-expand{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-height:44px;display:flex}.simple-expand[aria-expanded=true] svg{transform:rotate(180deg)}.simple-module-children{border-left:1px solid var(--border);flex-direction:column;gap:2px;margin-left:20px;padding:4px 0 8px 12px;display:flex}.simple-module-children a{border-left:3px solid #0000;align-items:center;min-height:44px;padding:9px 10px;font-size:12px;line-height:1.6;display:flex}.simple-module-nav a:hover,.simple-expand:hover{background:var(--surface-alt);border-radius:6px}.simple-module-children a[aria-current=page],.simple-module-children a[aria-current=page]:hover{background:var(--accent-soft);color:var(--accent);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding-left:10px;font-weight:650}.simple-sidebar-footer{flex-shrink:0;max-height:48dvh;padding-top:24px;overflow-y:auto}.simple-sidebar-footer .company-selector{width:100%;margin:12px 0}.simple-sidebar-footer .sidebar-bottom select{min-height:44px}.simple-sidebar.is-collapsed{padding:16px 8px}.simple-sidebar.is-collapsed .simple-sidebar-brand{justify-content:center}.simple-sidebar.is-collapsed .simple-module-heading>a{justify-content:center;padding:0}.simple-sidebar.is-collapsed .simple-module-heading{width:44px;height:44px;margin:0 auto}.simple-sidebar.is-collapsed .simple-module-heading>a{min-height:44px}.simple-rail-trigger{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.simple-rail-trigger:hover,.simple-rail-trigger[data-state=open]{background:var(--surface-alt)}.simple-module-heading.active .simple-rail-trigger{color:var(--accent)}.simple-module-heading.active .simple-rail-trigger:hover{background:var(--accent-soft)}.simple-sidebar-handle{width:32px;height:40px;color:var(--muted);box-shadow:none;cursor:pointer;z-index:1;isolation:isolate;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:24px;right:-16px}.simple-sidebar-handle:before{content:"";border:1px solid var(--border);background:var(--surface);z-index:-1;border-left:0;border-radius:0 5px 5px 0;position:absolute;inset:6px 2px 6px 15px}.simple-sidebar-handle svg{width:14px;height:14px;transform:translate(6px)}.simple-sidebar-handle:hover{color:var(--text)}.simple-sidebar-handle:hover:before{background:var(--surface-alt)}.simple-header-brand{flex-shrink:0;display:none}.simple-rail-tooltip{z-index:60;max-width:min(260px,100vw - 100px);color:var(--text);background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:9px 12px;font-size:13px;box-shadow:0 5px 18px #00000024}.simple-rail-flyout{z-index:60;width:min(292px,100vw - 100px);max-height:min(var(--radix-popover-content-available-height), calc(100dvh - 24px));overscroll-behavior:contain;color:var(--text);background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;outline:none;padding:10px;overflow-y:auto;box-shadow:0 12px 36px #0003}.simple-flyout-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:2px 4px 10px 10px;display:flex}.simple-flyout-heading h2{margin:0;font-size:14px;line-height:1.6}.simple-flyout-heading .icon-button{flex-shrink:0}.simple-rail-flyout nav{flex-direction:column;gap:3px;display:flex}.simple-rail-flyout nav a{border-left:3px solid #0000;border-radius:7px;align-items:center;min-height:44px;padding:10px 12px;font-size:13px;line-height:1.6;display:flex}.simple-rail-flyout nav a:hover{background:var(--surface-alt)}.simple-rail-flyout nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:650}@media (min-width:801px){.simple-header-brand{display:inline-flex}.backend-app.layout-simple:not(.simple-collapsed) .backend-wordmark{display:none}}.simple-bottom-nav{display:none}.simple-menu-overlay{z-index:90;background:#00000073;position:fixed;inset:0}.simple-mobile-panel{background:var(--surface);width:min(320px,90vw);color:var(--text);z-index:91;overscroll-behavior:contain;padding:20px 16px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.simple-mobile-close{position:absolute;top:20px;right:16px}.simple-mobile-panel .simple-sidebar-brand{padding-right:48px}.backend-app.layout-simple .backend-layout{max-width:none;display:block}.backend-app.layout-simple .backend-main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.backend-app.layout-simple .backend-header{margin-left:var(--sidebar-width)}@media (max-width:800px){.simple-rail-flyout,.simple-rail-tooltip{display:none}.layout-simple .main-area,.backend-app.layout-simple .backend-main,.backend-app.layout-simple .backend-header{width:100%;margin-left:0}.simple-sidebar{display:none}.layout-simple .mobile-menu{display:flex}.simple-bottom-nav{border-top:1px solid var(--border);background:var(--surface);z-index:40;padding:6px 4px max(6px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.simple-bottom-nav a{text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:52px;padding:3px;font-size:10px;line-height:1.5;display:flex}.layout-simple .page-content,.backend-app.layout-simple .backend-main{padding-bottom:100px}.layout-picker{min-width:0}.layout-picker select{min-width:0;font-size:16px}.appearance-module-list{grid-template-columns:minmax(0,1fr)}.appearance-settings{padding:18px}}.page-heading>.actions{flex-shrink:0;max-width:100%}.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere}:root[data-skin=apple]{--bg:#f5f5f7;--surface:#fff;--surface-alt:#f0f1f4;--text:#1d1d1f;--muted:#606168;--border:#dedfe5;--accent:#0067cc;--accent-hover:#0056ad;--accent-soft:#e7f1ff;--teal:#176e5a;--teal-soft:#e7f4ef;--shadow:0 2px 12px #00000006;--radius:14px}:root.dark[data-skin=apple]{--bg:#000;--surface:#1c1c1e;--surface-alt:#27272b;--text:#f5f5f7;--muted:#b0b0b8;--border:#3a3a40;--accent:#79b7ff;--accent-hover:#a0cdff;--accent-soft:#142d49;--teal:#8ad9bc;--teal-soft:#18382e;--shadow:none}html[data-skin=apple] body{font-family:Yava Tamil,Yava Chinese,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-skin=apple] .topbar,html[data-skin=apple] .backend-header{background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}html[data-skin=apple] .card{border-radius:var(--radius)}.color-appearance{flex-direction:column;gap:20px;margin-top:20px;display:flex}.skin-fieldset{border:0;min-width:0;margin:0;padding:0}.skin-fieldset legend{margin-bottom:12px;padding:0;font-size:14px;font-weight:650}.skin-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skin-choice{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:14px;display:flex;position:relative}.skin-choice.selected{border-color:var(--accent);outline:1px solid var(--accent);background:var(--accent-soft)}.skin-choice>input{width:18px;height:18px;accent-color:var(--accent);z-index:1;position:absolute;top:12px;right:12px}.skin-copy{overflow-wrap:anywhere;flex-direction:column;gap:4px;line-height:1.6;display:flex}.skin-copy strong{padding-right:16px;font-size:13px}.skin-copy small{color:var(--muted);font-size:11px}.skin-preview{border:1px solid #8885;border-radius:8px;height:66px;margin-top:18px;display:flex;overflow:hidden}.skin-preview>span{background:#f6f7fb;flex:1;padding:10px;position:relative}.skin-preview>span+span{background:#11151e}.skin-preview>span:before{content:"";background:#5351d8;border-radius:3px;width:60%;height:8px;margin-bottom:8px;display:block}.skin-preview>span:after{content:"";background:#fff;border-radius:4px;height:22px;display:block}.skin-preview>span+span:before{background:#a4a0ff}.skin-preview>span+span:after{background:#1a202c}.preview-apple>span{background:#f5f5f7}.preview-apple>span+span{background:#000}.preview-apple>span:before{background:#0067cc}.preview-apple>span+span:before{background:#79b7ff}.preview-apple>span+span:after{background:#1c1c1e}.skin-theme-options{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.skin-theme-options label{cursor:pointer;overflow-wrap:anywhere;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 8px;line-height:1.6;display:flex}.skin-theme-options label.selected{background:var(--surface);box-shadow:var(--shadow);font-weight:650}.skin-theme-options input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.color-dialog-body{padding:0 22px 24px}.color-dialog-body .skin-gallery{grid-template-columns:minmax(0,1fr)}.color-dialog-body .skin-choice{grid-template-columns:105px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.color-dialog-body .skin-preview{height:68px;margin:0}.color-dialog-body .skin-copy{padding-right:18px}.colors-trigger{min-height:44px}@media (max-width:640px){.skin-gallery{grid-template-columns:minmax(0,1fr)}.skin-choice{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.skin-preview{height:68px;margin:0}.skin-copy{padding-right:18px}.skin-theme-options label{gap:5px;padding:10px 3px;font-size:12px}.color-dialog-body{padding:0 16px 20px}.color-dialog-body .skin-choice{grid-template-columns:80px minmax(0,1fr)}}:root[data-skin=midnight]{--bg:#f8f7ff;--surface:#fff;--surface-alt:#eef2fc;--text:#111827;--muted:#596b91;--border:#e5eaff;--accent:#2857d9;--accent-hover:#1e46b8;--accent-soft:#eaf0ff;--teal:#087667;--teal-soft:#e7f6f0;--shadow:0 2px 14px #233b7904;--radius:16px}:root.dark[data-skin=midnight]{--bg:#0a1020;--surface:#121c30;--surface-alt:#1a2842;--text:#edf2ff;--muted:#adbbd6;--border:#2a3956;--accent:#8fb3ff;--accent-hover:#b2cbff;--accent-soft:#21355c;--teal:#78dac2;--teal-soft:#173c38;--shadow:none}html[data-skin=midnight] :is(.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.bottom-nav,.simple-bottom-nav){--bg:#0e1626;--surface:#101a2b;--surface-alt:#1e2a3d;--text:#f3f6ff;--muted:#a6b3cd;--border:#29364c;--accent:#91b6ff;--accent-hover:#bed2ff;--accent-soft:#1d3255;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-skin=midnight] :is(.simple-module-heading.active,.nav-item.active,.backend-navigation a[aria-current=page],.bottom-nav a.active){color:#fff;background:#2857d9}html[data-skin=midnight] .nav-item.active .nav-count{color:#2349b1;background:#fff}html[data-skin=midnight] .card{border-radius:var(--radius)}.preview-midnight>span{background:#f8f7ff;padding-left:16px;box-shadow:inset 8px 0 #0e1626}.preview-midnight>span+span{background:#0a1020}.preview-midnight>span:before{background:#2857d9}.preview-midnight>span+span:before{background:#8fb3ff}.preview-midnight>span+span:after{background:#121c30}@media (min-width:801px){html[data-skin=midnight] .backend-navigation{min-height:calc(100dvh - 100px)}}@media (min-width:641px){.skin-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}:root[data-skin=studio]{--bg:#fafafa;--surface:#fff;--surface-alt:#f4f4f5;--text:#09090b;--muted:#65656f;--border:#e2e2e7;--accent:#18181b;--accent-hover:#34343a;--accent-soft:#ededf0;--teal:#146b50;--teal-soft:#eaf5ef;--shadow:none;--radius:8px}:root.dark[data-skin=studio]{--bg:#09090b;--surface:#111114;--surface-alt:#1d1d22;--text:#fafafa;--muted:#ababb5;--border:#303038;--accent:#f5f5f7;--accent-hover:#dddde3;--accent-soft:#29292f;--teal:#8ed8b7;--teal-soft:#17352b}html[data-skin=studio] .card{border-radius:var(--radius)}html[data-skin=studio] .button.primary{color:var(--surface);border:1px solid var(--accent);box-shadow:-3px 0 9px #e777c43b,3px 0 9px #69bfa837}html[data-skin=studio].dark .button.primary{color:#111114}html[data-skin=studio] .stat-label svg{color:#2853be;background:#eef2ff}html[data-skin=studio].dark .stat-label svg{color:#a5baff;background:#202a45}html[data-skin=studio] .stat-accent .stat-label svg{color:var(--teal);background:var(--teal-soft)}.preview-studio>span{background:#fafafa}.preview-studio>span+span{background:#09090b}.preview-studio>span:before{background:#18181b;box-shadow:-2px 0 5px #e777c45c,2px 0 5px #69bfa84d}.preview-studio>span+span:before{background:#f5f5f7}.preview-studio>span+span:after{background:#1d1d22}:root[data-skin=glass]{--bg:#e9edf2;--surface:#ffffffe0;--surface-alt:#e8eef5f0;--text:#152132;--muted:#3d4c61;--border:#7389a161;--accent:#0057b7;--accent-hover:#00458f;--accent-soft:#dceaff;--teal:#126b57;--teal-soft:#e3f3e9;--shadow:0 12px 32px #182f4f14, inset 0 1px 0 #ffffffa8;--radius:18px}:root.dark[data-skin=glass]{--bg:#151a22;--surface:#1b202adb;--surface-alt:#2a303ee6;--text:#f7f9fc;--muted:#d3dbe7;--border:#a3b4cd4d;--accent:#96c9ff;--accent-hover:#bedfff;--accent-soft:#233e60;--teal:#8be0c4;--teal-soft:#1d4237;--shadow:0 14px 40px #00000024, inset 0 1px 0 #ffffff0d}html[data-skin=glass] body{background-color:var(--bg);background-image:radial-gradient(at 20% 9%,#c9b8ad 0,#0000 48%),radial-gradient(at 85% 0,#b6c7df 0,#0000 55%),linear-gradient(135deg,#e4e8ed,#eef1f5);background-attachment:fixed}html[data-skin=glass].dark body{background-image:radial-gradient(at 20% 9%,#605049 0,#0000 48%),radial-gradient(at 85% 0,#515f72 0,#0000 55%),linear-gradient(135deg,#151a22,#20232b)}html[data-skin=glass] :is(.card,.topbar,.backend-header,.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.dialog-content,.bottom-nav,.simple-bottom-nav){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html[data-skin=glass] .card{border-radius:var(--radius)}html[data-skin=glass] .button.primary{color:#fff;background:#0565c7;border-color:#0565c7;box-shadow:0 3px 12px #0056b528}html[data-skin=glass] .button.primary:hover{background:#004f9f}.preview-glass>span{background:linear-gradient(130deg,#c9b8ad,#b6c7df)}.preview-glass>span+span{background:linear-gradient(130deg,#605049,#253342)}.preview-glass>span:before{background:#0565c7}.preview-glass>span:after{background:#ffffffe0}.preview-glass>span+span:before{background:#96c9ff}.preview-glass>span+span:after{background:#1b202adb}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-skin=glass]{--surface:#fff;--surface-alt:#e8eef5}:root.dark[data-skin=glass]{--surface:#1b202a;--surface-alt:#2a303e}}@media (prefers-reduced-transparency:reduce){:root[data-skin=glass]{--surface:#fff;--surface-alt:#e8eef5}:root.dark[data-skin=glass]{--surface:#1b202a;--surface-alt:#2a303e}html[data-skin=glass] :is(.card,.topbar,.backend-header,.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.dialog-content,.bottom-nav,.simple-bottom-nav){-webkit-backdrop-filter:none;backdrop-filter:none}}:root[data-skin=layered]{--bg:#d8dce5;--surface:#ffffff94;--surface-alt:#e3eaf56b;--glass-chrome:#f6f9ffd6;--glass-dialog:#f9fbfff0;--text:#172336;--muted:#334156;--border:#586e8f52;--accent:#004caa;--accent-hover:#003c88;--accent-soft:#dceaff;--teal:#12634e;--teal-soft:#e3f3e9;--shadow:0 12px 32px #17233617, inset 0 1px 0 #fff9;--radius:18px}:root.dark[data-skin=layered]{--bg:#30323d;--surface:#161a2285;--surface-alt:#080c124d;--glass-chrome:#171c26d1;--glass-dialog:#191e28f0;--text:#fff;--muted:#e9edf7;--border:#e2ebfa33;--accent:#acd5ff;--accent-hover:#cde6ff;--accent-soft:#233e60;--teal:#9de8d0;--teal-soft:#1d4237;--shadow:0 12px 36px #00000024, inset 0 1px 0 #ffffff14}html[data-skin=layered] body{background-color:var(--bg);background-image:radial-gradient(at 15% 15%,#b9b0ab 0,#0000 55%),radial-gradient(at 82% 22%,#c5d5e5 0,#0000 58%),radial-gradient(at 55% 90%,#d8c1af 0,#0000 60%),linear-gradient(135deg,#cbd0dd,#e4e7ed);background-attachment:fixed}html[data-skin=layered].dark body{background-image:radial-gradient(at 15% 15%,#645c66 0,#0000 55%),radial-gradient(at 82% 22%,#536578 0,#0000 58%),radial-gradient(at 55% 90%,#655546 0,#0000 60%),linear-gradient(135deg,#30323d,#242b36)}html[data-skin=layered] :is(.card,.quick-action){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-skin=layered] :is(.topbar,.backend-header,.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.bottom-nav,.simple-bottom-nav){background:var(--glass-chrome);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html[data-skin=layered] .dialog-content{background:var(--glass-dialog);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html[data-skin=layered] .card .card{background:var(--surface-alt);box-shadow:inset 0 1px #ffffff0a}html[data-skin=layered] :is(select,select option){background-color:var(--glass-dialog);color:var(--text)}html[data-skin=layered] .button.primary{color:#fff;background:#0565c7;border-color:#0565c7;box-shadow:0 3px 12px #0056b528}html[data-skin=layered] .button.primary:hover{background:#004f9f}.preview-layered>span{background:linear-gradient(130deg,#b9b0ab,#c5d5e5,#d8c1af)}.preview-layered>span+span{background:linear-gradient(130deg,#645c66,#536578,#655546)}.preview-layered>span:before{background:#0565c7}.preview-layered>span:after{background:#ffffff94;border:1px solid #fff6;box-shadow:inset 24px 0 #e3eaf56b}.preview-layered>span+span:before{background:#acd5ff}.preview-layered>span+span:after{background:#161a2285;box-shadow:inset 24px 0 #080c124d}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-skin=layered]{--surface:#fff;--surface-alt:#e3eaf5;--glass-chrome:#f6f9ff;--glass-dialog:#f9fbff}:root.dark[data-skin=layered]{--surface:#161a22;--surface-alt:#202735;--glass-chrome:#171c26;--glass-dialog:#191e28}}@media (prefers-reduced-transparency:reduce){:root[data-skin=layered]{--surface:#fff;--surface-alt:#e3eaf5;--glass-chrome:#f6f9ff;--glass-dialog:#f9fbff}:root.dark[data-skin=layered]{--surface:#161a22;--surface-alt:#202735;--glass-chrome:#171c26;--glass-dialog:#191e28}html[data-skin=layered] :is(.card,.quick-action,.topbar,.backend-header,.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.dialog-content,.bottom-nav,.simple-bottom-nav){-webkit-backdrop-filter:none;backdrop-filter:none}}@media print{:root[data-skin=layered],:root.dark[data-skin=layered]{--surface:#fff;--surface-alt:#fafafa;--glass-chrome:#fff;--glass-dialog:#fff;--text:#111;--muted:#444;--accent:#004caa;--border:#ccc;--shadow:none}html[data-skin=layered] :is(.card,.quick-action){-webkit-backdrop-filter:none;backdrop-filter:none}html[data-skin=layered] body{color:#000;background:#fff}}:root[data-skin=webull]{--bg:#edf1f7;--surface:#fff;--surface-alt:#e8edf5;--text:#162033;--muted:#4b5d77;--border:#cdd5e3;--accent:#174fc5;--accent-hover:#123f9f;--accent-soft:#e2ecff;--teal:#08734d;--teal-soft:#e0f5eb;--danger:#af274b;--danger-bg:#fff0f3;--shadow:none;--radius:6px;--terminal-nav:#f8faff}:root.dark[data-skin=webull]{--bg:#0b0e17;--surface:#151a25;--surface-alt:#1c2332;--text:#f1f5fc;--muted:#aebbd1;--border:#303b50;--accent:#8ab4ff;--accent-hover:#b7d1ff;--accent-soft:#1d3155;--teal:#48d9ad;--teal-soft:#103b31;--danger:#ff8b9c;--danger-bg:#42212e;--terminal-nav:#10141f}html[data-skin=webull] :is(.topbar,.backend-header,.sidebar,.simple-sidebar,.simple-mobile-panel,.backend-navigation,.bottom-nav,.simple-bottom-nav){background:var(--terminal-nav)}html[data-skin=webull] .card{border-radius:var(--radius);box-shadow:none}html[data-skin=webull] :is(.stat-value,td,.money,.chart){font-variant-numeric:tabular-nums}html[data-skin=webull] .button.primary{color:#fff;box-shadow:none;background:#145be8;border-color:#145be8}html[data-skin=webull] .button.primary:hover{background:#1048b8}html[data-skin=webull] :is(.quick-action,.dialog-content){border-radius:var(--radius)}.preview-webull>span{background:#edf1f7;padding-left:16px;box-shadow:inset 8px 0 #f8faff}.preview-webull>span+span{background:#0b0e17;box-shadow:inset 8px 0 #10141f}.preview-webull>span:before{background:#145be8}.preview-webull>span:after{background:#fff;border-radius:2px;box-shadow:inset 3px 0 #08734d}.preview-webull>span+span:before{background:#8ab4ff}.preview-webull>span+span:after{background:#151a25;box-shadow:inset 3px 0 #48d9ad}@media print{:root[data-skin=webull],:root.dark[data-skin=webull]{--bg:white;--surface:white;--surface-alt:#fafafa;--text:#111;--muted:#444;--border:#ccc;--accent:#174fc5;--terminal-nav:white}}.leave-context{margin:0;padding:12px 20px}.leave-charging td:nth-child(2){white-space:normal;min-width:150px}.leave-source{color:var(--muted);margin-top:4px;display:block}.leave-impact{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-alt);min-width:0;padding:18px}.leave-impact h3{margin:0 0 10px}.leave-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0;display:grid}.leave-impact-grid dt{color:var(--muted);font-size:12px}.leave-impact-grid dd{font-variant-numeric:tabular-nums;margin:5px 0 0;font-size:17px;font-weight:650}.leave-reference{overflow-wrap:anywhere}.leave-request-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.leave-request-filters h2{margin-bottom:14px;font-size:17px}.leave-request-filters p{margin:12px 0 0}.leave-calendar-layout .leave-calendar-agenda{display:none}.leave-calendar-layout.mode-agenda .leave-calendar-agenda{display:block}.leave-calendar-layout.mode-agenda .leave-calendar-month{display:none}.leave-agenda-date{border-bottom:1px solid var(--border);padding:14px 0}.leave-agenda-date h3{margin-bottom:7px;font-size:14px}.leave-agenda-link{border:1px solid var(--border);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin-top:6px;padding:12px;display:flex}@media (max-width:640px){.leave-impact-grid{grid-template-columns:1fr;gap:10px}.leave-impact-grid>div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.leave-impact-grid dd{flex-shrink:0;font-size:16px}.leave-context{padding:12px 14px}.leave-calendar-layout.mode-auto .leave-calendar-agenda{display:block}.leave-calendar-layout.mode-auto .leave-calendar-month{display:none}}.payroll-employee-choices{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;min-width:0;padding:14px;display:grid}.payroll-employee-choices legend{padding:0 6px;font-weight:600}.payroll-employee-choices label{align-items:flex-start;gap:10px;padding:9px 6px;display:flex}.payroll-employee-choices input{flex-shrink:0;margin-top:5px}.payroll-employee-choices small{display:block}.backend-payroll .notice,.payroll-evidence dd,.payroll-evidence a,.backend-draft-payslip dd{overflow-wrap:anywhere}.payroll-evidence{margin-bottom:28px}.payroll-evidence summary{cursor:pointer;padding:10px 0;font-weight:600}.payroll-evidence ul,.backend-payroll .notice ul{padding-left:20px}.backend-draft-payslip{border-top:1px solid var(--border);padding-top:24px}.backend-payroll .backend-detail-heading{flex-wrap:wrap}@media (max-width:520px){.backend-payroll .actions{flex-wrap:wrap}.backend-payroll .actions>.field{width:100%}.backend-payroll h3{overflow-wrap:anywhere}}.backend-draft-payslip .data-line{align-items:flex-start;gap:12px}.backend-draft-payslip .data-line>span{overflow-wrap:anywhere;flex:1;min-width:0}.backend-draft-payslip .data-line>strong{white-space:nowrap;flex-shrink:0}.backend-payslip-list{gap:1rem;display:grid}.backend-payslip-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:.75rem;display:flex}.backend-payslip-row>div{overflow-wrap:anywhere;min-width:0;max-width:100%}.backend-payslip-row .actions{flex-wrap:wrap}.backend-payslip-row .text-link{white-space:normal}.backend-layout{width:100%}.backend-workspace-bar{align-items:flex-end}.backend-workspace-bar select{height:44px}.backend-workspace-bar>span{align-items:center;min-width:0;min-height:44px;display:flex}.backend-workspace-bar>.button{min-height:44px}.backend-main>.notice{margin:0}@media (min-width:901px){.backend-main{padding-inline:32px}}.auth-surface .backend-navigation,.auth-surface .simple-sidebar,.auth-surface .mobile-bottom-nav{display:none}.auth-surface .backend-layout{display:block}.auth-surface .backend-main{width:min(100%,536px);margin:0 auto;padding:52px 24px 80px}.auth-surface .backend-panel{padding:32px}.auth-surface .backend-panel h2{letter-spacing:-.04em;font-size:1.65rem;line-height:1.35}.auth-surface .backend-fields{grid-template-columns:minmax(0,1fr)}.auth-surface .auth-form>.button{width:100%;min-height:44px}.auth-intro{color:var(--muted);line-height:1.7}.auth-links{flex-direction:column;align-items:flex-start;gap:16px;margin-top:24px;display:flex}.auth-links a{color:var(--accent);font-weight:600}.auth-footnote{border-top:1px solid var(--border);color:var(--muted);padding-top:20px;font-size:.85rem;line-height:1.7}@media (max-width:600px){.auth-surface .backend-main{padding:28px 16px 48px}.auth-surface .backend-panel{padding:24px 20px}}.backend-app.auth-surface .backend-main{width:min(100%,536px);margin:0 auto}.backend-app.auth-surface .backend-header{margin-left:0}.auth-surface .mobile-menu{display:none}