@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--teal:#129d96;--teal-dark:#0c827d;--ink:#273c49;--muted:#8b96a3;--border:#e9edf1;--background:#f6f8fa;--sidebar-width:232px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.75}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{transition:background .17s,color .17s,box-shadow .17s,border-color .17s,transform .17s}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}svg{vertical-align:middle;flex-shrink:0}strong,b{font-weight:600}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #86d4cc}input,select,textarea{min-width:0;color:var(--ink);background:#fff;border:1px solid #e1e6eb;border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#65bdb6;box-shadow:0 0 0 3px #139d9610}input:disabled,select:disabled{color:#99a2ac;cursor:not-allowed;background:#f5f7f9}input::placeholder,textarea::placeholder{color:#a1aab4}select{cursor:pointer}input[type=date]{direction:ltr}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical}::selection{color:#18645f;background:#d2efea}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d6dfe2;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.btn{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 15px;font-size:11.8px;font-weight:500;line-height:1.65;display:inline-flex}.btn.primary{color:#fff;background:var(--teal);border-color:var(--teal);box-shadow:0 3px 6px #128c8210}.btn.primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark);transform:translateY(-1px);box-shadow:0 4px 12px #128c8225}.btn.secondary{color:#526271;background:#fff;border-color:#e0e6eb}.btn.secondary:hover{background:#f7f9fa;border-color:#cbd7dd}.btn.soft{color:#168d80;background:#eaf7f3;border-color:#d9eeea}.btn.danger{color:#fff;background:#df575c}.btn.danger-soft{color:#d45b5f;background:#fff0f0;border-color:#f8dede}.btn.small{gap:5px;min-height:31px;padding:5px 10px;font-size:10.5px}.btn.table-review{color:#65838b;background:#f5f8f9;border-color:#e9eff1}.btn.table-review:hover{color:var(--teal);background:#e9f6f3}.icon-button{color:#7c8994;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{color:var(--teal);background:#eff4f5}.icon-button.subtle{color:#93a0aa;background:#f8fafb}.icon-button.danger-hover:hover{color:#d8545b;background:#fff0f0}.text-button{color:var(--teal);white-space:nowrap;align-items:center;gap:7px;font-size:10.8px;font-weight:500;display:inline-flex}.text-button:hover{color:var(--teal-dark);gap:10px}.muted{color:var(--muted)}.danger-text{color:#cf6266!important}.card{border:1px solid var(--border);background:#fff;border-radius:11px;min-width:0;box-shadow:0 2px 3px #203e4b02}.card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-heading h2,.resource-top h2{color:#334855;font-size:13px;font-weight:650;line-height:1.9}.card-heading p{color:#97a0ac;margin-top:2px;font-size:10.5px}.title-inline{align-items:center;gap:9px;display:flex}.count-pill{color:#518b86;white-space:nowrap;background:#f0f7f6;border-radius:5px;padding:2px 7px;font-size:9px;font-weight:500;line-height:1.8}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:9.5px;font-weight:450;line-height:1.8;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px;display:block}.badge.green{color:#42956b;background:#edf8f1}.badge.amber{color:#c39541;background:#fff7e9}.badge.blue{color:#588bab;background:#edf5fb}.badge.purple{color:#9080b9;background:#f2effb}.badge.gray{color:#8b939e;background:#f0f2f5}.badge.red{color:#ce797b;background:#fff0f0}.teal{color:#179d92;background:#e9f7f3}.orange{color:#d1a044;background:#fff6e8}.blue{color:#6599bc;background:#edf4fc}.purple{color:#9a85c4;background:#f4f0fb}.status-dot,.live-label i{background:#43b596;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 3px #43b5960c}.page-enter{animation:.35s both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{z-index:45;width:var(--sidebar-width);background:#fff;border-left:1px solid #e7edf0;flex-direction:column;padding:19px 17px 11px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.brand{align-items:center;gap:11px;min-height:61px;margin-bottom:21px;padding:0 13px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#1cac9f,#0b8f92);border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;display:flex;box-shadow:0 5px 10px #10958a12}.brand strong{color:#1d5358;font-size:32px;font-weight:850;line-height:1.25;display:block}.brand-dot{color:#41b6a7;margin-right:2px;font-size:27px}.brand small{color:#8d989f;white-space:nowrap;margin-top:4px;font-size:9.1px;display:block}.workspace-switch{text-align:right;background:#fcfdfd;border:1px solid #e8edf0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:56px;margin-bottom:21px;padding:8px 10px;display:flex}.workspace-switch:hover{background:#f4f9f8}.workspace-icon{color:#648981;background:#eef4f3;border-radius:7px;place-items:center;width:32px;height:34px;display:grid}.workspace-switch>div{flex:1}.workspace-switch strong{font-size:11.5px;font-weight:600;display:block}.workspace-switch small{color:#8f9ba4;align-items:center;gap:4px;margin-top:2px;font-size:9px;display:flex}.workspace-switch small i{background:#67b897;border-radius:50%;width:4px;height:4px}.workspace-switch>svg{color:#94a0a7}.nav-section-label{color:#a5adb6;margin-bottom:9px;padding:0 12px;font-size:9.5px;font-weight:400}.main-nav{flex-direction:column;gap:4px;display:flex}.nav-item{text-align:right;color:#6b7986;border-radius:7px;flex-shrink:0;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;font-size:11.7px;display:flex;position:relative}.nav-item>svg:first-child{color:#8b97a2}.nav-item:hover{color:#2b8f89;background:#f5f8f9}.nav-item.active{color:#16998e;background:#eaf7f4;font-weight:600}.nav-item.active>svg:first-child{color:#139e93}.nav-item.active:before{content:"";background:#11a196;border-radius:3px 0 0 3px;width:3px;height:21px;position:absolute;right:-17px}.nav-item>span{white-space:nowrap;flex:1}.active-chevron{color:#28a294;margin-right:auto}.nav-count{color:#7d8c98;text-align:center;background:#f1f4f6;border-radius:5px;min-width:21px;font-size:9px;font-weight:500;line-height:20px}.nav-count.orange-count{color:#c8984b;background:#fff1dd}.nav-divider{background:#edf0f2;flex-shrink:0;height:1px;margin:19px 11px 17px}.secondary-nav{gap:3px}.sidebar-bottom{margin-top:auto;padding-top:27px}.sidebar-help{text-align:center;background:linear-gradient(120deg,#edf7f6,#f5faf9);border:1px solid #e6f2ef;border-radius:10px;padding:12px 12px 10px;position:relative;overflow:hidden}.help-illustration{color:#65a79b;justify-content:center;align-items:center;height:33px;display:flex;position:relative}.help-illustration>svg{background:#fff;border:1px solid #e4efeb;border-radius:50%;width:34px;height:34px;padding:3px;box-shadow:0 2px 4px #376e6108}.help-illustration>span{background:#b0dace;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:calc(50% + 30px)}.help-illustration>span:last-child{background:#c5e4db;width:4px;height:4px;top:23px;right:calc(50% - 36px)}.sidebar-help h3{color:#45746e;margin-top:5px;font-size:11.5px;font-weight:600}.sidebar-help p{color:#8caaa3;margin:4px 0 9px;font-size:9.5px;line-height:1.9}.sidebar-help>button{color:#59978b;background:#fff;border:1px solid #d7e9e3;border-radius:6px;justify-content:center;align-items:center;gap:35px;width:100%;min-height:28px;font-size:10px;display:flex}.sidebar-help>button:hover{background:#e7f3ef}.sidebar-account{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;margin-top:20px;padding:17px 1px 7px;display:flex}.account-identity{text-align:right;align-items:center;gap:9px;display:flex}.account-identity strong{font-size:11px;font-weight:600;display:block}.account-identity small{color:#a0a7b0;margin-top:1px;font-size:9px;display:block}.sidebar-account .logout{color:#9ea7b0;width:26px}.demo-note{color:#b0b7bf;justify-content:center;align-items:center;gap:5px;padding-top:6px;font-size:8px;display:flex}.demo-note>span{background:#b3d5cb;border-radius:50%;width:4px;height:4px}.main-shell{margin-right:var(--sidebar-width);min-height:100vh}.topbar{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-bottom:1px solid #e9edf1;justify-content:space-between;align-items:center;gap:22px;min-height:73px;padding:0 29px;display:flex;position:sticky;top:0}.breadcrumbs{white-space:nowrap;color:#3a505c;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumbs>svg{color:#a5afb8}.breadcrumbs>svg:nth-child(2){color:#c1c8ce}.topbar-left{align-items:center;gap:19px;display:flex}.global-search{color:#9aa5af;background:#f7f9fa;border:1px solid #edf0f2;border-radius:7px;align-items:center;gap:9px;width:230px;height:34px;padding:0 10px;display:flex;position:relative}.global-search input{width:100%;box-shadow:none;background:0 0;border:0;height:100%;padding:0;font-size:10.5px}.global-search kbd{white-space:nowrap;color:#a5adb5;direction:ltr;background:#fff;border:1px solid #e7ebef;border-radius:4px;padding:0 4px;font-family:inherit;font-size:9px;line-height:17px}.topbar-date{color:#7e8b97;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.topbar-date svg{color:#8f9ea8}.topbar-separator{background:#e9edf1;width:1px;height:23px;margin-left:-5px}.notification-button{width:29px;position:relative}.notification-button>i{background:#efb05e;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px;box-shadow:0 0 0 2px #fff}.notification-button.pressed{color:var(--teal);background:#f0f7f5}.topbar-account{align-items:center;gap:7px;display:flex}.topbar-account>svg{color:#96a2ac}.avatar{vertical-align:middle;border:1px solid #00000003;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:10px;line-height:1;display:inline-flex;position:relative;overflow:hidden}.avatar>span{white-space:nowrap}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.avatar-small{width:29px;height:29px;font-size:9px}.avatar-large{width:74px;height:74px;font-size:20px}.avatar-color-0{color:#618e8c;background:#e1f0ed}.avatar-color-1{color:#9c87b3;background:#f0eaf6}.avatar-color-2{color:#b39b76;background:#f7f0e7}.avatar-color-3{color:#7d95b5;background:#e9eff7}.avatar-color-4{color:#ac838c;background:#f6eaee}.main-content{max-width:1640px;margin:0 auto;padding:25px 28px 0}.mobile-menu{display:none}.page-heading{justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-bottom:21px;display:flex}.page-heading h1{letter-spacing:-.35px;color:#263e4c;font-size:22px;font-weight:700;line-height:1.6}.page-heading p{color:#919ca7;margin-top:4px;font-size:10.8px;line-height:1.8}.heading-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:9px;display:flex}.eyebrow{color:var(--teal);margin-bottom:3px;font-size:10px;display:block}.welcome-banner{background:#e9f6f4;border:1px solid #e0efeb;border-radius:11px;height:146px;margin-bottom:19px;position:relative;overflow:hidden}.hero-photo{object-fit:cover;object-position:50% 47%;filter:saturate(.78)brightness(1.05);width:48%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 52%,#0000 99%);mask-image:linear-gradient(90deg,#000 52%,#0000 99%)}.welcome-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#397c720a,#0000);width:45%;height:100%;position:absolute;top:0;left:0}.banner-grid{opacity:.18;background-image:radial-gradient(#59a897 .65px,#0000 .65px);background-size:13px 13px;width:69%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#0000,#000,#0000);mask-image:linear-gradient(270deg,#0000,#000,#0000)}.banner-content{z-index:2;width:67%;padding:19px 25px;position:relative}.banner-kicker{color:#5e9e92;align-items:center;gap:5px;margin-bottom:4px;font-size:9px;line-height:1.6;display:flex}.banner-kicker>span{background:#61b6a1;border-radius:50%;width:4px;height:4px}.banner-content h2{color:#2c6660;letter-spacing:-.3px;font-size:21px;font-weight:750;line-height:1.65}.banner-content p{color:#6f9891;margin-top:3px;font-size:10.4px;line-height:1.9}.banner-content>button{color:#399282;align-items:center;gap:8px;margin-top:8px;font-size:9.5px;font-weight:500;display:flex}.banner-content>button:hover{gap:12px}.mobile-break{display:none}.banner-photo-label{z-index:3;color:#fff;text-shadow:0 1px 5px #22473f96;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a685744;border-radius:5px;align-items:center;gap:6px;padding:4px 7px;font-size:9px;display:flex;position:absolute;bottom:13px;left:20px}.banner-photo-label>span{border-right:1px solid #ffffff70;padding-right:7px;font-size:8px;font-weight:300}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--border);text-align:right;background:#fff;border-radius:10px;min-width:0;min-height:115px;padding:14px 17px 12px;position:relative;box-shadow:0 2px 3px #203e4b02}.stat-card:hover{border-color:#bedfd8;transform:translateY(-2px);box-shadow:0 5px 15px #376c5910}.stat-top{justify-content:space-between;align-items:center;min-height:20px;display:flex;position:relative}.stat-top>span{color:#83909d;padding-left:28px;font-size:10.8px}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:0;left:0}.stat-value{align-items:baseline;gap:7px;margin:6px 0 10px;line-height:1.4;display:flex}.stat-value strong{color:#304653;letter-spacing:-.4px;font-size:28px;font-weight:700}.stat-value>span{color:#9ba4ae;font-size:10px}.stat-bottom{white-space:nowrap;align-items:center;gap:6px;min-width:0;line-height:1.7;display:flex}.stat-bottom>small{color:#a2aab4;text-overflow:ellipsis;font-size:8.5px;overflow:hidden}.stat-tag{border-radius:4px;flex-shrink:0;align-items:center;gap:1px;padding:1px 4px;font-size:8px;font-weight:500;display:inline-flex}.stat-tag.teal{color:#50aa83;background:#eff8f2}.stat-tag.blue{color:#7296b2;background:#f0f6fb}.stat-tag.purple{color:#9b83b8;background:#f6f1fc}.dashboard-charts,.dashboard-bottom{grid-template-columns:1.82fr 1fr;align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.trend-card{height:251px;padding:17px 20px 11px}.small-select{color:#82909c;background:#fff;border-color:#e9edf0;min-width:93px;height:29px;padding:4px 8px;font-size:9px;box-shadow:0 1px 2px #00000002}.chart-legend{align-items:center;gap:17px;margin:10px 0 0;padding-right:2px;display:flex}.chart-legend>span{color:#93a0aa;align-items:center;gap:6px;font-size:9px;display:inline-flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.teal-dot{background:#21a7a0}.sky-dot{background:#acc9dc}.line-chart{width:100%;height:162px}.line-chart>svg{width:100%;height:100%;overflow:visible}.chart-axis{fill:#a4adb7;font-family:Vazirmatn,Tahoma,sans-serif;font-size:9px}.department-card{height:251px;padding:17px 19px 15px}.donut-wrap{justify-content:center;align-items:center;height:136px;margin-top:0;display:flex;position:relative}.donut{border-radius:50%;justify-content:center;align-items:center;width:127px;height:127px;display:flex;position:relative;transform:rotate(-90deg)}.donut-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:102px;height:102px;display:flex;position:absolute;transform:rotate(90deg);box-shadow:0 0 0 4px #ffffffc2}.donut-center strong{letter-spacing:-.5px;color:#344a56;font-size:26px;font-weight:700;line-height:1.5}.donut-center>span{color:#9aa6af;font-size:9px}.donut-decor{display:none}.department-legend{grid-template-columns:1fr 1fr;gap:6px 20px;margin-top:4px;display:grid}.department-legend>div{white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;font-size:8.8px;display:flex}.department-legend>div>span{color:#8a96a2;align-items:center;gap:5px;display:flex}.department-legend i{border-radius:2px;flex-shrink:0;width:6px;height:6px;display:inline-block}.department-legend b{color:#687986;font-size:10px;font-weight:500}.department-legend small{margin-right:1px;font-size:8px}.recent-card{overflow:hidden}.recent-card>.card-heading{align-items:center;padding:16px 18px}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%}th{white-space:nowrap;font-weight:450}td{vertical-align:middle;border-top:1px solid #eff2f5}thead{color:#98a3af;background:#fafbfc}th,td{padding:11px 16px}.compact-table{min-width:540px}.compact-table th{padding:7px 10px;font-size:9px}.compact-table th:first-child,.compact-table td:first-child{padding-right:18px}.compact-table th:last-child,.compact-table td:last-child{padding-left:13px;padding-right:0}.compact-table td{height:57px;padding:10px;font-size:10px}.compact-table tbody tr{cursor:pointer;transition:background .15s}.compact-table tbody tr:hover{background:#fbfdfd}.person-cell{white-space:nowrap;align-items:center;gap:8px;display:flex}.person-cell>div,.person-cell>span:not(.avatar){flex-direction:column;align-items:flex-start;display:flex}.person-cell strong{color:#566570;font-size:11px;font-weight:500;line-height:1.8}.person-cell small{color:#9ba6af;text-overflow:ellipsis;max-width:160px;font-size:8.5px;font-weight:350;line-height:1.8;overflow:hidden}.type-label{white-space:nowrap;color:#78928f;align-items:center;gap:4px;font-size:9px;display:inline-flex}.type-leave{color:#5fa797}.type-advance{color:#aa96bf}.type-ticket{color:#8ba9c5}.date-cell{white-space:nowrap;font-size:9px!important}.compact-table .badge{gap:4px;padding:3px 6px;font-size:8.3px}.table-arrow{color:#adb7bf;border-radius:4px;place-items:center;width:18px;height:23px;display:grid}.table-arrow:hover{color:var(--teal);background:#eaf5f1}.quick-card{flex-direction:column;padding:17px 18px;display:flex}.quick-card>.card-heading{align-items:center;margin-bottom:16px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-grid>button{color:#71828d;text-align:right;border:1px solid #e9edf1;border-radius:8px;align-items:center;gap:7px;height:66px;padding:10px;font-size:9.5px;display:flex;position:relative}.quick-grid>button>svg{color:#b3bdc5;width:11px;position:absolute;top:7px;left:7px}.quick-grid>button:hover{background:#fbfefd;border-color:#bcddd5;transform:translateY(-1px)}.quick-icon{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:34px;display:grid;background:0 0!important}.payroll-reminder{background:#fff9ed;border:1px solid #faf0db;border-radius:8px;align-items:flex-start;gap:9px;min-height:84px;margin-top:auto;padding:12px 10px;display:flex}.quick-grid+.payroll-reminder{margin-top:17px}.reminder-icon{color:#c5a36a;place-items:center;width:29px;height:31px;margin-top:1px;display:grid}.payroll-reminder h3{color:#a98b55;font-size:10.3px;font-weight:600}.payroll-reminder p{color:#b8a683;margin-top:3px;font-size:9px}.payroll-reminder button{color:#ba985d;align-items:center;gap:7px;margin-top:7px;font-size:8.8px;display:flex}.activity-card{margin-bottom:0;padding:16px 19px}.activity-card>.card-heading{align-items:center;margin-bottom:15px}.live-label{color:#90a69f;align-items:center;gap:6px;font-size:9px;display:flex}.activity-list{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.activity-list>button{text-align:right;border-left:1px solid #edf1f2;align-items:center;gap:9px;min-width:0;padding:0 15px;display:flex}.activity-list>button:first-child{padding-right:0}.activity-list>button:last-child{border-left:0;padding-left:0}.activity-symbol{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.activity-list>button>div:nth-child(2){flex:1;min-width:0}.activity-list p{color:#8d98a3;white-space:nowrap;text-overflow:ellipsis;font-size:9.3px;overflow:hidden}.activity-list p strong{color:#61747d;font-weight:500}.activity-list small{color:#abb2bb;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;display:block;overflow:hidden}.activity-list small>span{margin:0 3px}.activity-list>button>svg{color:#b1bcc3}.dashboard-footer{color:#a8b0b9;justify-content:space-between;align-items:center;padding:19px 1px 18px;font-size:8.5px;display:flex}.dashboard-footer>span:last-child{align-items:center;gap:7px;display:flex}.personal-card{height:251px;padding:17px 19px}.personal-card>.card-heading>svg{color:#bcaed1}.personal-identity{text-align:center;margin:12px 0}.personal-identity .avatar{width:53px;height:53px}.personal-identity h3{margin-top:5px;font-size:13px}.personal-identity p{color:#94a1aa;font-size:10px}.personal-meta{border-top:1px solid #edf1f4;justify-content:space-between;gap:12px;padding-top:11px;display:flex}.personal-meta>span{color:#9aa5ae;flex-direction:column;gap:3px;font-size:8.5px;display:flex}.personal-meta strong{color:#6a808b;font-size:9.5px;font-weight:500}.personal-card>.text-button{margin-top:11px;font-size:9px}.popover-anchor{position:relative}.popover-dismiss{z-index:40;cursor:default;position:fixed;inset:0}.popover,.search-results{z-index:50;text-align:right;background:#fff;border:1px solid #e6ecef;border-radius:11px;min-width:230px;animation:.18s page-enter;position:absolute;top:calc(100% + 15px);left:0;overflow:hidden;box-shadow:0 15px 40px #223e5118}.popover-title{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.popover-title strong{font-size:12px}.popover-title strong b{color:var(--teal);background:#eaf6f2;border-radius:4px;margin-right:3px;padding:2px 5px;font-size:9px}.popover-title>button{color:var(--teal);font-size:9px}.notifications-popover{width:317px}.notification-row{text-align:right;border-bottom:1px solid #f0f3f5;align-items:flex-start;gap:11px;width:100%;padding:13px 17px;display:flex}.notification-row:hover{background:#f9fcfb}.notification-symbol{color:#63998d;background:#edf6f2;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.notification-row>span:nth-child(2){flex:1}.notification-row strong{color:#546c75;font-size:10.5px;display:block}.notification-row p{color:#96a1a9;margin:1px 0;font-size:10px}.notification-row small{color:#a6b1ba;font-size:8px}.unread-dot{background:#1bb099;border-radius:50%;width:5px;height:5px;margin-top:9px}.popover-footer{color:var(--teal);background:#fcfdfd;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;font-size:10px;display:flex}.popover-footer:hover{background:#eef7f4}.account-popover{width:239px;padding:7px}.account-popover-header{border-bottom:1px solid #edf1f3;flex-direction:column;padding:8px 9px 13px;display:flex}.account-popover-header strong{font-size:12px}.account-popover-header>span{color:#9aa5af;text-align:right;margin-top:3px;font-size:10px}.role-menu-label{color:#a7b0b8;padding:10px 9px 6px;font-size:9px;display:block}.account-popover>button{text-align:right;border-radius:6px;align-items:center;gap:9px;width:100%;padding:8px 9px;font-size:11px;display:flex}.account-popover>button:hover,.account-popover>button.current-role{color:var(--teal);background:#eff8f4}.account-popover>button>small{color:#acb7bd;margin-right:auto;font-size:8px}.role-dot{border:1px solid #b7c1c8;border-radius:50%;width:7px;height:7px}.current-role>.role-dot{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 2px #deefea}.popover-line{background:#edf1f3;height:1px;margin:7px}.search-results{width:350px;top:calc(100% + 12px);left:auto;right:0}.search-results>button{text-align:right;color:#74948d;border-bottom:1px solid #f2f5f6;align-items:center;gap:9px;width:100%;padding:10px 15px;display:flex}.search-results>button:hover{background:#f5faf8}.search-results>button>span:not(.avatar){flex-direction:column;flex:1;display:flex}.search-results strong{color:#52726d;font-size:10.5px}.search-results small{color:#a2adb4;margin-top:2px;font-size:9px}.no-search-results{color:#96a2ad;text-align:center;padding:23px 18px;font-size:11px}.mini-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px;display:grid}.mini-stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stat{align-items:center;gap:14px;min-height:95px;padding:18px 21px;display:flex}.mini-stat-icon{border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.mini-stat p{color:#93a0aa;margin-bottom:5px;font-size:10.5px}.mini-stat strong{white-space:nowrap;font-size:24px;font-weight:650;line-height:1.5}.mini-stat strong>small{color:#a5afb7;margin-right:7px;font-size:9px;font-weight:400}.info-banner{background:#eef7f4;border:1px solid #dfeee8;border-radius:11px;align-items:center;gap:15px;margin-bottom:22px;padding:21px 23px;display:flex}.info-banner-icon{color:#60a492;background:#ffffffa6;border-radius:13px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.info-banner h3{color:#4b897b;font-size:13px;font-weight:600}.info-banner p{color:#86a99e;margin-top:6px;font-size:10.5px}.info-banner>div{flex:1}.info-banner>button{color:#67978c;background:#ffffffa6;border-color:#d8e9e0}.advance-banner{background:#f4f0fa;border-color:#ebe3f4}.advance-banner .info-banner-icon,.advance-banner h3{color:#9b86b8}.advance-banner p{color:#ac9dc0}.ticket-banner{background:#eef6fc;border-color:#dfeaf4}.ticket-banner .info-banner-icon,.ticket-banner h3{color:#6c96b5}.ticket-banner p{color:#91adc1}.resource-card{margin-bottom:18px;overflow:hidden}.resource-top{border-bottom:1px solid #eef2f4;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px;display:flex}.tabs{align-items:center;gap:5px;display:flex}.tabs>button{color:#9ba6af;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:10.5px}.tabs>button:hover{color:#6e948a;background:#f6faf8}.tabs>button.active{color:#389b83;background:#eef7f4;font-weight:550}.tabs small{background:#e6f2ec;border-radius:3px;margin-right:4px;padding:0 4px;font-size:8px}.table-toolbar{align-items:center;gap:12px;padding:16px 21px;display:flex}.input-search{color:#a0aeb8;background:#fff;border:1px solid #e7edf0;border-radius:7px;align-items:center;gap:8px;width:300px;max-width:100%;height:36px;padding:0 11px;display:flex}.input-search input{width:100%;box-shadow:none;background:0 0;border:0;outline:none;height:100%;padding:0;font-size:10.5px}.input-search>button{color:#9ca9b2;display:flex}.filter-select{color:#a6b0b8;border:1px solid #e7edf0;border-radius:7px;align-items:center;gap:4px;height:36px;padding:0 10px;display:flex}.filter-select select{box-shadow:none;color:#8795a0;background:0 0;border:0;max-width:180px;height:100%;padding-left:2px;font-size:10px}.filter-native{color:#8b99a3;border-color:#e7edf0;height:36px;padding:4px 12px;font-size:10px}.results-count{color:#a8b1ba;margin-right:auto;font-size:9px}.data-table{min-width:740px}.data-table th{padding:11px 18px;font-size:10px}.data-table td{color:#6f808d;height:67px;padding:13px 18px;font-size:11px}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#fcfefe}.data-table .person-cell{gap:10px}.data-table .person-cell strong{font-size:12px}.data-table .person-cell small{margin-top:2px;font-size:9px}.data-table .avatar{width:35px;height:35px}.person-button{text-align:right}.person-button:hover strong{color:var(--teal)}.employee-code{color:#94a2ac;white-space:nowrap;direction:ltr;font-size:9.5px;display:inline-block}.actions-heading{text-align:center}.row-actions{white-space:nowrap;align-items:center;gap:3px;display:flex}.row-actions .icon-button{color:#9baab3;width:29px;height:29px}.row-actions .icon-button:hover{color:var(--teal)}.row-actions .danger-hover:hover{color:#cb6065}.pagination{color:#9da8b2;border-top:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:14px;padding:14px 21px;font-size:9.5px;display:flex}.pagination>div{direction:rtl;align-items:center;gap:5px;display:flex}.pagination button{color:#94a3ad;background:#fff;border:1px solid #e8edf0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:inline-flex}.pagination button:hover{color:var(--teal);border-color:#b9dcd2}.pagination button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.pagination button:disabled{opacity:.35}.page-number-wrap{align-items:center;gap:5px;display:inline-flex}.ellipsis{justify-content:center;align-items:center;min-width:15px;font-size:11px;display:inline-flex}.page-footnote{color:#a4afb8;align-items:center;gap:7px;padding:1px 3px 24px;font-size:9.5px;display:flex}.table-title{color:#81909b;max-width:170px;font-size:10.5px;display:inline-block}.number-cell{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:450;font-size:10.5px!important}.net-pay{font-weight:650;color:#339881!important}.date-range{white-space:nowrap;font-size:10px}.date-range small{color:#a2acb6;margin-top:2px;font-size:9px;display:block}.ticket-quantity{color:#759cbb;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.period-control{color:#8ea1ac;background:#fff;border:1px solid #e1e8ec;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.period-control select{box-shadow:none;color:#7c8f9d;border:0;min-width:103px;padding:5px 0;font-size:11px}.payroll-table th,.payroll-table td{padding-left:12px;padding-right:12px}.payroll-table th:first-child,.payroll-table td:first-child{padding-right:21px}.payroll-table th>small{font-size:8px;font-weight:400}.toolbar-end{margin-right:auto}.calculation-note{color:#879cab;background:#f1f5f8;border:1px solid #e6edf2;border-radius:9px;align-items:flex-start;gap:10px;margin:19px 0 24px;padding:13px 16px;display:flex}.calculation-note>svg{margin-top:2px}.calculation-note p{font-size:10px;line-height:2}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:44px 22px 48px;display:flex}.empty-icon{color:#8bb6a6;background:#eff7f4;border:1px solid #e4f0eb;border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:23px;display:grid;box-shadow:0 0 0 8px #f9fcfa}.empty-state h3{color:#6b847b;font-size:14px;font-weight:600}.empty-state p{color:#a1b0a9;max-width:410px;margin-top:9px;font-size:11px;line-height:1.9}.empty-state>.btn{margin-top:20px}.reports-grid{grid-template-columns:1.1fr 1fr;gap:21px;margin-bottom:28px;display:grid}.report-departments,.report-summary{padding:22px 24px}.report-bars{flex-direction:column;gap:19px;margin:23px 0;display:flex}.report-bars>div>div:first-child{color:#8a9ba6;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.report-bars strong{color:#7c919c;font-size:11px}.report-bars small{font-size:9px;font-weight:400}.bar-track{background:#f1f5f6;border-radius:6px;height:6px;overflow:hidden}.bar-track>span{border-radius:6px;min-width:2px;height:100%;transition:width .3s;display:block}.summary-list{margin-top:17px}.summary-list>div{color:#93a3ad;border-bottom:1px solid #eef2f4;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:10.5px;display:flex}.summary-list>div:last-child{border-bottom:0}.summary-list strong{color:#67817e;white-space:nowrap;font-size:11px}.section-title{margin:0 0 16px;font-size:14px;font-weight:600}.report-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-bottom:28px;display:grid}.report-download{padding:21px}.report-download:hover{border-color:#c3ddd3;transform:translateY(-3px);box-shadow:0 6px 22px #3b715f0a}.report-icon{border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:15px;display:grid}.report-download h3{color:#658278;font-size:13px;font-weight:600}.report-download p{color:#9eb0a8;margin-top:5px;font-size:10px}.report-download>div{color:#86a297;border-top:1px solid #edf1f0;justify-content:space-between;align-items:center;margin-top:19px;padding-top:13px;font-size:10px;display:flex}.report-download small{color:#b6c3bd;direction:ltr;margin-right:4px;font-size:8px}.settings-layout{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.settings-card{align-self:start;padding:23px}.settings-section-title{align-items:center;gap:12px;margin-bottom:23px;display:flex}.settings-icon{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.settings-section-title h2{font-size:13px;font-weight:600}.settings-section-title p{color:#9babaf;margin-top:4px;font-size:10px}.settings-layout .form-grid{gap:17px}.settings-layout .field small{font-size:8.5px}.settings-workflow{background:#f8faf9;border:1px solid #ecf2ef;border-radius:8px;justify-content:center;align-items:center;gap:9px;margin:23px 0;padding:17px 11px;display:flex}.settings-workflow>span{color:#8ba99a;white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:6px;font-size:9px;display:flex}.settings-workflow>svg{color:#b9ccc1}.field-note{color:#a0aea7;font-size:9.5px;line-height:2.2}.settings-card .calculation-note{margin:20px 0 0;padding:11px}.settings-card .calculation-note p{font-size:9px}.profile-layout{grid-template-columns:.82fr 1.6fr;align-items:start;gap:24px;padding-bottom:28px;display:grid}.profile-overview{text-align:center;padding:0 22px 18px;overflow:hidden}.profile-cover{background:linear-gradient(125deg,#d9efeb,#eaf6f1);height:86px;margin:0 -22px;position:relative;overflow:hidden}.profile-cover>span{border:1px solid #abcdbc66;border-radius:50%;width:250px;height:250px;position:absolute;top:-190px;right:30px}.profile-cover>span:nth-child(2){top:-160px;right:60px}.profile-cover>span:nth-child(3){top:-130px;right:90px}.profile-overview>.avatar{width:76px;height:76px;margin-top:-37px;position:relative;box-shadow:0 0 0 5px #fff}.profile-overview h2{margin:14px 0 9px;font-size:18px;font-weight:650}.profile-email{color:#a0b0aa;margin-top:11px;font-size:10px}.profile-facts{margin-top:24px}.profile-facts>div{color:#a0afa8;border-top:1px solid #eff3f0;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:9.5px;display:flex}.profile-facts strong{color:#7b9487;font-size:10.5px;font-weight:500}.profile-form{padding:23px 25px}.profile-form>.card-heading{border-bottom:1px solid #edf1ef;margin-bottom:23px;padding-bottom:20px}.form-footer{justify-content:flex-end;padding-top:21px;display:flex}.password-toggle{color:#779989;text-align:right;border-top:1px solid #edf1ef;align-items:center;gap:9px;width:100%;margin-top:24px;padding-top:22px;font-size:11px;display:flex}.password-toggle>svg:last-child{margin-right:auto;transition:transform .2s}.rotate-down{transform:rotate(-90deg)}.password-fields{margin-top:19px}.security-note{color:#8caa98;background:#f4f9f6;border:1px solid #e7f0e9;border-radius:9px;gap:12px;margin-top:29px;padding:17px;display:flex}.security-note strong{font-size:11px;font-weight:500;display:block}.security-note p{color:#a1b6a9;margin-top:4px;font-size:9px;line-height:1.9}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#243d4d66;justify-content:center;align-items:center;padding:28px;animation:.15s fade-in;display:flex;position:fixed;inset:0;overflow:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{overscroll-behavior:contain;background:#fff;border:1px solid #e4ecec;border-radius:15px;width:550px;max-width:100%;max-height:calc(100dvh - 56px);animation:.2s modal-in;overflow:auto;box-shadow:0 25px 90px #152f4940}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-wide{width:740px}.modal-header{z-index:4;background:#fffffffa;border-bottom:1px solid #ebeff2;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;gap:15px;padding:20px 25px;display:flex;position:sticky;top:0}.modal-header h2{color:#345450;font-size:16px;font-weight:650;line-height:1.8}.modal-header p{color:#9aaba7;margin-top:4px;font-size:10px}.modal-body{padding:22px 25px}.modal-footer{z-index:4;background:#fff;border-top:1px solid #ebf0ed;border-radius:0 0 15px 15px;justify-content:space-between;align-items:center;gap:12px;padding:17px 25px;display:flex;position:sticky;bottom:0}.modal-footer>.btn{min-height:37px}.form-grid{grid-template-columns:1fr 1fr;gap:17px 18px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;font-size:11px;display:flex}.field>span{color:#6b827b;font-size:10.5px;font-weight:500;line-height:1.8}.field input,.field select,.field textarea{border-color:#e1e9e5;border-radius:7px;width:100%;min-height:40px;padding:9px 11px;font-size:11px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#b0bcb5;font-size:10px}.field input[dir=ltr]{text-align:left}.field small{color:#a3b3aa;min-height:16px;font-size:9px;font-weight:350;line-height:1.8}.field:focus-within>span{color:#489881}.input-unit{align-items:center;min-width:0;display:flex;position:relative}.input-unit>input{width:100%;padding-left:57px}.input-unit>span{color:#a1b2a8;pointer-events:none;font-size:9px;position:absolute;left:12px}.form-section-label{color:#6d9c88;border-bottom:1px solid #edf3ef;align-items:center;gap:7px;margin:23px 0 17px;padding-bottom:10px;font-size:11px;font-weight:550;display:flex}.form-section-label:first-child{margin-top:0}.inline-info{color:#8ca696;background:#f2f8f4;border:1px solid #e4eee6;border-radius:7px;align-items:flex-start;gap:8px;margin-top:20px;padding:11px 12px;font-size:9.5px;line-height:2;display:flex}.inline-info>svg{color:#81a792;margin-top:2px}.inline-error{color:#cf7276;background:#fff0f0;border:1px solid #f7dede;border-radius:7px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:10px;line-height:1.9;display:flex}.inline-error>svg{margin-top:2px}.spaced-field{margin-top:17px}.employee-detail-heading{align-items:center;gap:16px;margin-bottom:25px;display:flex}.employee-detail-heading>div{flex:1}.employee-detail-heading h2{color:#466659;font-size:19px}.employee-detail-heading p{color:#9bae9f;margin:4px 0;font-size:10px}.employee-detail-heading .employee-code{font-size:10px}.detail-tabs{border-bottom:1px solid #eaf0ed;margin-bottom:22px;padding-bottom:11px}.detail-grid{grid-template-columns:1fr 1fr;gap:24px 30px;padding:2px 2px 12px;display:grid}.detail-item{flex-direction:column;gap:6px;min-width:0;display:flex}.detail-item>span{color:#a0b0a7;font-size:9px}.detail-item>strong{color:#638172;overflow-wrap:anywhere;font-size:11px;font-weight:500;line-height:1.8}.detail-item>strong[dir=ltr]{text-align:right}.detail-list{flex-direction:column;max-height:350px;display:flex;overflow:auto}.detail-list>button{text-align:right;border-bottom:1px solid #edf2ef;align-items:center;gap:12px;width:100%;padding:13px 4px;display:flex}.detail-list>button:hover{background:#f8fbf9}.detail-list-icon{color:#90b0a0;background:#eff6f2;border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:36px;display:grid}.detail-list>button>div{flex-direction:column;flex:1;display:flex}.detail-list strong{color:#748f80;font-size:11px}.detail-list small{color:#a8b8ae;margin-top:4px;font-size:9px}.detail-list>button>svg{color:#adc1b4}.request-quota{color:#7ca38c;background:#eff7f2;border:1px solid #e2eee5;border-radius:9px;align-items:center;gap:12px;margin:20px 0;padding:14px;display:flex}.request-quota>span{background:#ffffff75;border-radius:9px;flex-shrink:0;place-items:center;width:37px;height:40px;display:grid}.request-quota strong{font-size:11px;font-weight:600;display:block}.request-quota p{opacity:.8;margin-top:5px;font-size:9px;line-height:1.9}.request-quota.ticket{color:#86a6c2;background:#eff5fb;border-color:#e0eaf4}.request-quota.advance{color:#ac96bd;background:#f7f3fb;border-color:#eee6f5}.request-detail-top{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.request-detail-top .person-cell strong{font-size:12px}.request-detail-top .person-cell small{font-size:9px}.request-title-line{align-items:center;gap:12px;margin:20px 0;display:flex}.request-type-icon{color:#78ad91;background:#eef7f1;border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.request-type-icon.advance{color:#ab93c1;background:#f6f0fc}.request-type-icon.ticket{color:#89a9c5;background:#eff6fd}.request-title-line h2{color:#4c6c58;font-size:17px;font-weight:650}.request-title-line p{color:#a3b4a7;margin-top:4px;font-size:8.5px}.request-title-line p>span{margin:0 5px}.request-title-line b{color:#99ad9d;letter-spacing:.5px;font-family:Arial,sans-serif;font-size:8px;display:inline-block}.request-detail-facts{background:#fbfdfb;border:1px solid #e9efea;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:16px 19px;display:grid}.request-description{margin-top:6px;padding:15px 3px}.request-description>span{color:#a2b4a5;font-size:9px}.request-description p{color:#7b967f;margin-top:4px;font-size:11px;line-height:2}.workflow-title{justify-content:space-between;align-items:center;margin:12px 0 20px;display:flex}.workflow-title h3,.request-history h3{color:#77927b;font-size:11px;font-weight:600}.workflow-title>span{color:#adbcae;font-size:8px}.approval-workflow{justify-content:space-between;padding:0 0 18px;display:flex}.workflow-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-circle{color:#b6c2b6;z-index:1;background:#f4f7f4;border:1px solid #e5ece5;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;display:grid;position:relative;box-shadow:0 0 0 5px #fff}.workflow-line{z-index:0;background:#ebf0eb;width:100%;height:2px;position:absolute;top:16px;right:-50%}.workflow-step:first-child .workflow-line{display:none}.workflow-step strong{color:#a3b4a1;white-space:nowrap;font-size:9.5px;font-weight:500;line-height:1.6}.workflow-step small{color:#b6c3b3;margin-top:-4px;font-size:8px}.workflow-step.done .step-circle{color:#65ad7d;background:#e7f5eb;border-color:#d3e9d9}.workflow-step.done .workflow-line{background:#dceddc}.workflow-step.current .step-circle{color:#c6a654;background:#fff8e7;border-color:#f0e2b8;box-shadow:0 0 0 5px #fff,0 0 0 6px #faf2de}.workflow-step.current strong{color:#b7a36a}.workflow-step.failed .step-circle{color:#cc767a;background:#fff0f0;border-color:#f1d6d7}.request-history{border-top:1px solid #edf1eb;margin-top:6px;padding-top:17px}.request-history h3{margin-bottom:16px}.request-history>div{align-items:flex-start;gap:10px;padding:0 2px 17px;display:flex;position:relative}.timeline-dot{background:#a9c4a7;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px;box-shadow:0 0 0 3px #f0f6ee}.request-history>div:before{content:"";background:#e6eee2;width:1px;position:absolute;top:14px;bottom:0;right:4.5px}.request-history>div:last-child:before{display:none}.request-history>div>div{flex:1}.request-history p{color:#9aad98;font-size:10px}.request-history p strong{color:#7a9874;font-weight:500}.request-history small{color:#b2c0aa;margin-top:2px;font-size:9px;line-height:1.9;display:block}.request-history time{color:#b8c4af;white-space:nowrap;margin-top:2px;font-size:8px}.review-note{border-top:1px solid #edf2e9;margin-top:4px;padding-top:19px}.request-footer{gap:6px}.footer-secondary-actions,.footer-primary-actions{align-items:center;gap:8px;display:flex}.request-footer .btn{gap:5px;padding:8px 11px;font-size:10.5px}.ticket-pass{background:#f0f8f6;border:1px dashed #a6cbc6;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:17px 0;padding:19px;display:flex}.ticket-pass>div{color:#71a698;flex-direction:column;align-items:center;gap:7px;display:flex}.ticket-pass strong{font-size:14px}.ticket-pass>div>span{font-size:10px}.ticket-code{letter-spacing:3px;color:#578c7e;border-top:1px dashed #b8d4cc;border-bottom:1px dashed #b8d4cc;padding:10px 22px;font-family:monospace;font-size:19px}.ticket-pass>small{color:#91b3a5;font-size:9px}.payroll-preview{background:#f6faf5;border:1px solid #e9f0e4;border-radius:10px;margin-top:23px;padding:17px 20px}.payroll-preview h3{color:#7e9b6e;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;font-weight:550;display:flex}.payroll-preview>div{color:#a4b397;justify-content:space-between;gap:12px;padding:7px 0;font-size:10px;display:flex}.payroll-preview strong{color:#8aa172;font-size:11px;font-weight:500}.payroll-preview>.preview-net{color:#7f9c62;border-top:1px solid #e0ebd5;margin-top:8px;padding:13px 0 1px;font-size:12px}.payroll-preview>.preview-net strong{color:#7d9e5d;font-size:16px;font-weight:650}.template-download{color:#82a475;background:#f4f9f3;border:1px solid #dfecdf;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 24px;padding:14px 15px;display:flex}.template-download:hover{background:#eaf4e7}.template-download>span{align-items:center;gap:10px;display:flex}.template-download strong{color:#7d9970;font-size:10.5px;font-weight:550;display:block}.template-download small{color:#acbfa1;margin-top:4px;font-size:8.5px;display:block}.upload-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.upload-title strong{color:#8b9e7e;font-size:10.5px;font-weight:500}.upload-title small{color:#b6c1ac;font-size:8px}.hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-zone{background:#fbfdf9;border:1.5px dashed #c9d9bf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:188px;padding:27px 18px;display:flex}.upload-zone:hover,.upload-zone.dragging{background:#f0f7e9;border-color:#8eb178}.upload-zone>span{color:#9ab686;background:#f1f6eb;border-radius:12px;place-items:center;width:53px;height:48px;margin-bottom:15px;display:grid}.upload-zone strong{color:#8b9e78;font-size:12px;font-weight:550}.upload-zone p{color:#b0bca2;margin-top:6px;font-size:10px}.upload-zone p b{color:#97ab7e;font-weight:550}.upload-zone>small{color:#c0c8b6;margin-top:14px;font-size:8.5px}.selected-file{background:#f8fbf4;border:1px solid #dfe9d7;border-radius:10px;align-items:center;gap:13px;padding:18px 14px;display:flex}.file-excel-icon{color:#8cab73;place-items:center;display:grid}.selected-file>div{flex:1;min-width:0}.selected-file strong{color:#8ba174;overflow-wrap:anywhere;text-align:right;font-family:Arial,sans-serif;font-size:12px;font-weight:500;display:block}.selected-file small{color:#b0bca0;margin-top:6px;font-size:9px;display:block}.import-columns{padding-top:17px}.import-columns>span{color:#aaba98;font-size:9px}.import-columns>div{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-top:8px;display:flex}.import-columns code{color:#9dab86;background:#f4f7ef;border:1px solid #e7eddf;border-radius:4px;padding:3px 5px;font-size:9px}.import-progress{background:#eef3e7;border-radius:5px;height:4px;margin:20px 0 28px;position:relative;overflow:visible}.import-progress>span{background:#9db680;border-radius:5px;width:40%;height:100%;animation:1.3s infinite progress;position:absolute}.import-progress>p{color:#a6b490;text-align:center;padding-top:10px;font-size:9px}@keyframes progress{0%{right:0}50%{right:60%}to{right:0}}.import-success{text-align:center;flex-direction:column;align-items:center;padding:47px 26px;display:flex}.import-success>div:first-child{color:#99b777;background:#edf6e5;border:1px solid #dbeacd;border-radius:50%;place-items:center;width:83px;height:83px;margin-bottom:26px;display:grid;box-shadow:0 0 0 9px #f8fbf3}.import-success h2{color:#8b9f70;font-size:17px;font-weight:600}.import-success>p{color:#adbb98;max-width:340px;margin:12px 0 20px;font-size:11px;line-height:2.1}.confirmation-body{text-align:center;flex-direction:column;align-items:center;padding:27px 30px 29px;display:flex}.confirmation-icon{color:#8aa878;background:#f0f7e8;border-radius:18px;place-items:center;width:64px;height:64px;margin-bottom:21px;display:grid}.confirmation-icon.danger{color:#d67e80;background:#fff1f0}.confirmation-body p{color:#829277;max-width:400px;font-size:12px;line-height:2.15}.confirmation-body small{color:#b1bca8;margin-top:11px;font-size:9px}.payslip-wrap{background:#f6f8f4;padding:22px}.payslip{background:#fff;border:1px solid #e5ebde;border-radius:8px;padding:27px;box-shadow:0 3px 10px #637b3710}.payslip-header{border-bottom:2px solid #d2e0bd;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.payslip-brand{color:#8eaa70;align-items:center;gap:8px;display:flex}.payslip-brand strong{font-size:27px;font-weight:750;line-height:1.5;display:block}.payslip-brand small{color:#b3c49e;font-size:8px;display:block}.payslip-header h2{color:#7f965f;font-size:18px;font-weight:650}.payslip-header p{color:#a9b993;margin-top:3px;font-size:10px}.payslip-identity{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px 0;display:grid}.payslip-identity .detail-item>span{font-size:8px}.payslip-identity .detail-item>strong{color:#8e9d7e;font-size:10px}.payslip-tables{grid-template-columns:1fr 1fr;gap:15px;display:grid}.payslip-tables table{color:#98a889;border:1px solid #e6eddf;font-size:9px}.payslip-tables th,.payslip-tables td{white-space:nowrap;padding:10px 9px;font-size:9px}.payslip-tables th{font-weight:600}.payslip-tables td{border-color:#edf1e7}.payslip-tables th:last-child,.payslip-tables td:last-child{text-align:left}.payslip-tables tfoot{color:#8da272;background:#f7faf2;font-weight:600}.payslip-net{color:#8ba764;background:#eff6e5;border:1px solid #dae7c7;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 12px;padding:18px 17px;display:flex}.payslip-net>div{align-items:center;gap:9px;font-size:11px;display:flex}.payslip-net>strong{font-size:23px;font-weight:650;line-height:1.5}.payslip-net small{margin-right:5px;font-size:9px;font-weight:400}.payslip-insurance{color:#b0bc9d;align-items:center;gap:6px;font-size:8px;display:flex}.payslip-insurance strong{font-weight:500}.payslip-signatures{text-align:center;color:#b2bda1;justify-content:space-around;padding:33px 0 19px;font-size:9px;display:flex}.payslip-signatures>div{flex-direction:column;align-items:center;gap:22px;display:flex}.payslip-signatures i{background:#e5ebda;width:90px;height:1px}.payslip-bottom{color:#c1c9b1;border-top:1px solid #eaf0e1;justify-content:space-between;gap:10px;padding-top:14px;font-size:7px;display:flex}.payslip-bottom b{font-family:monospace;font-size:8px}.help-welcome{background:linear-gradient(100deg,#eff7e9,#eaf4ef);border:1px solid #e0ecda;border-radius:10px;align-items:center;gap:14px;margin-bottom:22px;padding:17px;display:flex}.help-welcome>span{color:#99b585;background:#ffffffa8;border-radius:13px;place-items:center;width:51px;height:51px;display:grid}.help-welcome h2{color:#85a274;font-size:16px;font-weight:650}.help-welcome p{color:#a8bc98;margin-top:5px;font-size:10px;line-height:1.9}.help-accordion>div{border:1px solid #e7eedf;border-radius:8px;margin-bottom:9px;overflow:hidden}.help-accordion>div>button{text-align:right;color:#99ad84;align-items:center;gap:11px;width:100%;padding:13px 14px;display:flex}.help-accordion>div>button>span{color:#aabc94;background:#f3f7ec;border-radius:5px;flex-shrink:0;place-items:center;width:22px;height:23px;font-size:9px;display:grid}.help-accordion strong{flex:1;font-size:10.5px;font-weight:500}.help-accordion>div>button>svg{color:#b5c6a1;transition:transform .2s}.help-accordion>div.open{background:#fbfdf8;border-color:#d8e7cb}.help-accordion>div.open>button>svg{transform:rotate(45deg)}.help-accordion p{color:#b0bf9d;margin-right:29px;padding:0 17px 17px;font-size:10px;line-height:2.2}.toast{z-index:200;color:#4b9e81;background:#fff;border:1px solid #d9ebe2;border-radius:10px;align-items:center;gap:11px;max-width:460px;padding:14px 17px;font-size:11px;animation:.2s modal-in;display:flex;position:fixed;bottom:26px;left:28px;box-shadow:0 8px 30px #274b3c1a}.toast>span{flex:1}.toast>button{color:#a6b7b0;margin-right:9px;display:flex}.toast-error{color:#ca7077;border-color:#f0d4d5}.boot-screen{text-align:center;color:#73988b;background:radial-gradient(at 50% 40%,#e7f4ef 0%,#f7faf9 65%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex}.boot-brand{color:#329b87;align-items:center;gap:12px;margin-bottom:55px;display:flex}.boot-brand strong{font-size:43px;font-weight:800;line-height:1.5}.boot-loader{color:#75ad97;background:#e6f2ec;border:1px solid #d2e7dc;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:23px;display:grid}.boot-screen h2{margin-top:13px;font-size:17px;font-weight:550}.boot-screen p{color:#a2bbae;margin:10px 0 20px;font-size:11px}.boot-skeleton{gap:10px;margin-top:22px;display:flex}.boot-skeleton i{background:#dfece4;border-radius:5px;width:70px;height:5px;animation:1.4s infinite skeleton;display:block}.boot-skeleton i:nth-child(2){animation-delay:.2s}.boot-skeleton i:nth-child(3){animation-delay:.4s}@keyframes skeleton{50%{opacity:.25}}.boot-screen .connection-description{color:#77988b;max-width:490px;margin-bottom:22px;line-height:2.1}.connection-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.connection-actions .btn{min-height:40px;font-size:11px}.connection-login{color:#81a193;margin-top:19px;padding:5px 9px;font-size:10px;display:inline-flex}.connection-login:hover{color:var(--teal)}.login-page{background:#fff;grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{color:#fff;background:#104c4b;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:47px 52px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";background:linear-gradient(#104a4beb 7%,#17594bcc 45%,#174e4bdd);position:absolute;inset:0}.login-story>img{object-fit:cover;object-position:49% center;width:100%;height:100%;position:absolute;inset:0}.login-logo{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.login-logo>svg{background:#ffffff18;border:1px solid #fff2;border-radius:14px;width:49px;height:49px;padding:9px}.login-logo strong{font-size:36px;font-weight:800;line-height:1.5;display:block}.login-logo small{color:#c1d9d0;font-size:10px;display:block}.login-story-text{z-index:2;max-width:440px;margin:60px 0;position:relative}.login-story-text>span{color:#c9e0d3;background:#ffffff12;border:1px solid #ffffff1d;border-radius:50px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;display:inline-flex}.login-story-text h1{color:#f0f7ec;margin-top:18px;font-size:39px;font-weight:700;line-height:1.9}.login-story-text h1>em{color:#91d3b7;font-style:normal}.login-story-text p{color:#accbbd;max-width:370px;margin-top:14px;font-size:12px;line-height:2.3}.login-story-footer{z-index:2;color:#9ebfad;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;font-size:9px;display:flex;position:relative}.login-story-footer>span{align-items:center;gap:7px;display:flex}.login-panel{background:#fcfdfc;justify-content:center;align-items:center;padding:50px 45px;display:flex}.login-form-wrap{width:370px;max-width:100%}.login-back{color:#a4b5a5;align-items:center;gap:7px;margin-bottom:32px;font-size:10px;display:inline-flex}.login-welcome-icon{color:#95b581;background:#eef7ec;border:1px solid #e2eedb;border-radius:14px;place-items:center;width:51px;height:51px;margin-bottom:18px;display:grid}.login-form-wrap h2{color:#52735c;font-size:23px;font-weight:700;line-height:1.8}.login-subtitle{color:#a6b8a7;margin:8px 0 30px;font-size:10.5px;line-height:2}.login-form-wrap form{flex-direction:column;gap:19px;display:flex}.login-form-wrap .field input{height:44px;font-size:12px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap>input{padding-right:38px!important}.login-input-wrap>svg{color:#b5c6b1;z-index:1;position:absolute;right:12px}.login-input-wrap>button{color:#b3c5ae;place-items:center;width:27px;height:27px;display:grid;position:absolute;left:9px}.login-input-wrap>input[type=password],.login-input-wrap>input.password-visible{padding-left:40px!important}.login-hint{color:#afbea8;align-items:center;gap:6px;margin-top:-6px;font-size:9px;display:flex}.login-submit{height:43px;margin-top:1px;justify-content:space-between!important;padding:10px 17px!important;font-size:12px!important}.login-form-wrap .inline-error{margin:0}.demo-divider{color:#b2c0a9;align-items:center;gap:13px;margin:28px 0 18px;font-size:9px;display:flex}.demo-divider:before,.demo-divider:after{content:"";background:#e8efe2;flex:1;height:1px}.login-demo-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.login-demo-grid>button{text-align:right;color:#8ca17b;background:#fff;border:1px solid #e4eddd;border-radius:7px;align-items:center;gap:8px;padding:11px 13px;font-size:10px;display:flex}.login-demo-grid>button:hover{background:#f1f7eb;border-color:#c9deba;transform:translateY(-1px)}.login-demo-grid>button>svg:first-child{color:#a1b68e}.login-demo-grid>button>svg:last-child{color:#c1ceb6;margin-right:auto}.login-legal{color:#bdc7b4;text-align:center;margin-top:25px;font-size:8.5px;line-height:2}.modal-header h2{color:#34535a}.modal-header p{color:#8d9da3}.field>span{color:#627b7d;font-size:11px}.field input,.field select,.field textarea{font-size:12px}.field small{color:#97a8aa}.detail-item>strong{color:#5f797d}.request-title-line h2{color:#3e6061}.request-description p{color:#7d9392}.request-history p{color:#829893}.request-history p strong{color:#587f73}.request-history small{color:#93a9a0}.workflow-step.done strong{color:#66967e}.review-note .field>span{color:#728b83}.payslip-wrap{background:#f5f8f7}.payslip{border-color:#e0e9e6}.payslip-header{border-bottom-color:#bcdcd3}.payslip-brand{color:#319d8c}.payslip-brand small{color:#8da99e}.payslip-header h2{color:#47766b}.payslip-header p{color:#8aa49a}.payslip-identity .detail-item>strong{color:#648174}.payslip-identity .detail-item>span{color:#91a79c}.payslip-tables table{color:#6f887a;border-color:#e0eae2}.payslip-tables thead{color:#577f65;background:#eef6f0}.payslip-tables tfoot{color:#63845f;background:#f4f8f2}.payslip-net{color:#44865f;background:#eaf6ef;border-color:#cfe6d6}.payslip-insurance{color:#839d8a}.payslip-signatures{color:#8fa28c}.payslip-bottom{color:#99ac96}.payroll-preview{background:#f3faf6;border-color:#e0eee5}.payroll-preview h3{color:#6c9b7e}.payroll-preview>div{color:#8aa594}.payroll-preview strong{color:#719881}.payroll-preview>.preview-net{color:#488b6b;border-color:#d7e9dc}.payroll-preview>.preview-net strong{color:#438966}.help-accordion strong{color:#7d9880}.help-accordion p{color:#94a88f}.help-welcome h2{color:#6b9274}.help-welcome p{color:#90ab93}.confirmation-body p{color:#738a76}.template-download strong{color:#6d946e}.upload-zone strong{color:#7a9675}.upload-title strong{color:#7f9579}.login-form-wrap h2{color:#3f6b59}@media (min-width:901px){.nav-item{gap:11px;font-size:12.6px}.nav-section-label{font-size:10px}.workspace-switch strong{font-size:12px}.workspace-switch small{font-size:9.5px}.account-identity strong{font-size:12px}.account-identity small{font-size:10px}.brand small{font-size:9.7px}.breadcrumbs{font-size:12px}.global-search input{font-size:11.5px}.topbar-date{font-size:11px}.page-heading h1{font-size:24px;line-height:1.45}.page-heading p{color:#8997a3;font-size:11.5px}.banner-content h2{font-size:23px;line-height:1.55}.banner-content p{font-size:11.3px;line-height:1.8}.banner-kicker{font-size:9.5px}.banner-content>button{margin-top:7px;font-size:10px}.stat-top>span{color:#7d8c99;font-size:11.7px}.stat-value strong{font-size:30px}.stat-value>span{font-size:10.5px}.stat-bottom>small{font-size:9.4px}.stat-tag{font-size:8.7px}.card-heading h2,.resource-top h2{font-size:14px;line-height:1.6}.card-heading p{margin-top:4px;font-size:10.8px;line-height:1.6}.chart-legend>span{font-size:10px}.chart-axis{font-size:10.5px}.small-select,.department-legend>div{font-size:10px}.department-legend b{font-size:11px}.department-legend small{font-size:9px}.compact-table th{font-size:10.2px}.compact-table .person-cell strong{font-size:12px;line-height:1.6}.compact-table .person-cell small{font-size:9.4px;line-height:1.65}.compact-table .badge{font-size:9.2px}.type-label{font-size:10px}.date-cell{font-size:10px!important}.recent-card .text-button{font-size:11px}.count-pill{font-size:9.5px}.quick-grid>button{gap:6px;font-size:10.4px}.payroll-reminder h3{font-size:11.5px}.payroll-reminder p{font-size:10px}.payroll-reminder button{font-size:9.4px}.activity-list p{font-size:10.3px}.activity-list small{font-size:8.7px}.activity-card .live-label{font-size:9.5px}.dashboard-footer{font-size:9px}.data-table th{font-size:11px}.data-table td{font-size:12px}.data-table .person-cell strong{font-size:12.5px}.data-table .person-cell small,.data-table .badge{font-size:10px}.data-table .number-cell{font-size:11px!important}.data-table .employee-code,.payslip-tables th,.payslip-tables td{font-size:10.5px}.payslip-identity .detail-item>strong{font-size:11px}.payslip-identity .detail-item>span,.payslip-insurance{font-size:9px}.payslip-bottom{font-size:8px}}@media (min-width:1600px){:root{--sidebar-width:250px}.main-content{padding:30px 36px 0}.topbar{height:78px;padding:0 36px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.welcome-banner{height:159px;margin-bottom:23px}.banner-content{padding:22px 28px}.banner-content h2{font-size:24px}.banner-content p{font-size:12px}.banner-content>button{font-size:10px}.stats-grid{gap:20px;margin-bottom:24px}.stat-card{min-height:126px;padding:17px 21px}.stat-top>span{font-size:12px}.stat-value strong{font-size:32px}.stat-bottom>small{font-size:10px}.stat-tag{font-size:9px}.dashboard-charts,.dashboard-bottom{gap:24px;margin-bottom:24px}.trend-card,.department-card{height:274px}.line-chart{height:180px}.donut-wrap{height:156px}.donut{width:140px;height:140px}.donut-center{width:111px;height:111px}.department-legend>div{font-size:10px}.compact-table td{height:64px}.compact-table .badge{font-size:9px}.compact-table .person-cell strong{font-size:12px}.card-heading h2{font-size:14px}.quick-grid>button{height:74px;font-size:11px}.quick-grid{gap:13px}.payroll-reminder{padding:17px 12px}.quick-grid+.payroll-reminder{margin-top:21px}.payroll-reminder h3{font-size:12px}.payroll-reminder p{font-size:10px}.activity-list p{font-size:10.5px}.activity-list small{font-size:9px}.sidebar .nav-item{height:44px;font-size:12.5px}.sidebar-help{padding:17px 12px}.sidebar-help p{font-size:10px}.sidebar-account{padding-top:20px}}@media (max-width:1220px){:root{--sidebar-width:213px}.sidebar{padding-left:14px;padding-right:14px}.brand{gap:9px;padding-right:10px}.brand small{font-size:8.5px}.nav-item{gap:9px;padding:0 10px;font-size:10.8px}.nav-item.active:before{right:-14px}.nav-item>svg:first-child{width:18px}.main-content{padding:22px 22px 0}.topbar{gap:16px;padding:0 23px}.topbar-left{gap:14px}.global-search{width:205px}.topbar-date{font-size:9px}.page-heading h1{font-size:20px}.page-heading p{max-width:390px;font-size:10px}.heading-actions{gap:7px}.heading-actions .btn{padding:8px 12px;font-size:10.5px}.stats-grid{gap:12px}.stat-card{padding:13px 13px 12px}.stat-top>span{font-size:9.4px}.stat-icon{border-radius:8px;width:31px;height:31px}.stat-icon>svg{width:18px}.stat-value{gap:5px;margin-top:9px}.stat-value strong{font-size:25px}.stat-value>span{font-size:8.5px}.stat-bottom{gap:4px}.stat-bottom>small{font-size:7.7px}.stat-tag{font-size:7.5px}.dashboard-charts,.dashboard-bottom{grid-template-columns:1.75fr 1fr;gap:16px}.department-card{padding:17px 15px}.department-legend{gap:6px 12px}.department-legend>div{font-size:7.8px}.department-legend b{font-size:9px}.quick-card{padding:17px 14px}.quick-grid{gap:8px}.quick-grid>button{gap:3px;height:64px;padding:9px 6px;font-size:8.7px}.quick-icon{width:26px}.quick-icon>svg{width:19px}.payroll-reminder{gap:5px;padding:12px 8px}.payroll-reminder h3{font-size:9.4px}.payroll-reminder p{font-size:8.2px}.payroll-reminder button{font-size:8px}.reminder-icon{width:26px}.compact-table{min-width:525px}.compact-table th,.compact-table td{padding-left:7px;padding-right:7px}.compact-table td:first-child,.compact-table th:first-child{padding-right:13px}.compact-table .person-cell{gap:6px}.compact-table .person-cell strong{font-size:10px}.compact-table .person-cell small{max-width:115px;font-size:7.7px}.compact-table .badge{padding:3px 5px;font-size:7.6px}.type-label{font-size:8px}.date-cell{font-size:8px!important}.compact-table .avatar-small{width:26px;height:26px}.recent-card>.card-heading{padding:16px 14px}.card-heading h2{font-size:12px}.card-heading p{font-size:9px}.count-pill{font-size:8px}.text-button{font-size:9.5px}.activity-list>button{gap:7px;padding:0 11px}.activity-symbol{width:31px;height:31px}.activity-list p{font-size:8.5px}.activity-list small{font-size:7.5px}.activity-list>button>svg{display:none}.activity-card{padding:15px}.mini-stat{gap:10px;padding:16px 15px}.mini-stat-icon{border-radius:9px;width:36px;height:36px}.mini-stat p{font-size:9px}.mini-stat strong{font-size:22px}.mini-stat strong>small{margin-right:5px;font-size:8px}.mini-stats-grid.four{gap:12px}.mini-stats-grid.four .mini-stat-icon{display:none}.settings-card{padding:19px}.settings-layout .form-grid{grid-template-columns:1fr}.settings-layout .field small{font-size:9px}.profile-layout{gap:19px}.profile-form{padding:20px}}@media (max-height:870px) and (min-width:901px){.sidebar{padding-top:14px}.brand{min-height:52px;margin-bottom:15px}.workspace-switch{min-height:50px;margin-bottom:16px}.main-nav{gap:3px}.nav-item{height:37px}.nav-divider{margin-top:14px;margin-bottom:12px}.nav-section-label{margin-bottom:7px}.sidebar-bottom{padding-top:19px}.sidebar-help{padding:9px 11px}.sidebar-help p{margin:3px 0 7px;font-size:9px;line-height:1.8}.help-illustration{height:29px}.help-illustration>svg{width:30px;height:30px}.sidebar-help h3{margin-top:4px;font-size:10.5px}.sidebar-account{margin-top:15px;padding-top:12px}.demo-note{padding-top:3px}}@media (max-height:750px) and (min-width:901px){.sidebar-help{display:none}.sidebar-bottom{padding-top:10px}.sidebar-account{margin-top:8px}.nav-item{height:37px}}@media (max-width:1000px) and (min-width:901px){.topbar-date{display:none}.global-search{width:230px}.dashboard-charts,.dashboard-bottom{grid-template-columns:1.6fr 1fr}.compact-table{min-width:515px}.department-legend{grid-template-columns:1fr;gap:3px}.department-legend>div{font-size:8px}.donut-wrap{height:119px}.donut{width:107px;height:107px}.donut-center{width:85px;height:85px}.donut-center strong{font-size:23px}.donut-center>span{font-size:8px}.quick-grid>button{flex-direction:column;justify-content:center;gap:1px;height:64px;padding:7px;font-size:8px}.quick-icon{height:26px}.payroll-reminder .reminder-icon{display:none}.mini-stats-grid{gap:12px}.mini-stat{padding:15px 12px}.mini-stat-icon{width:31px;height:33px}.mini-stat p{font-size:8.5px}.page-heading .heading-actions .btn>svg{width:14px}.page-heading p{max-width:320px}.page-heading h1{font-size:19px}.banner-content h2{font-size:20px}.banner-content p{max-width:350px;font-size:9px}.banner-content{width:72%}}@media (max-width:900px){:root{--sidebar-width:224px}.sidebar{z-index:80;padding-top:20px;transition:transform .25s;transform:translate(100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{z-index:75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#233d4c55;position:fixed;inset:0}.main-shell{margin-right:0}.mobile-menu{margin-left:3px;margin-right:-7px;display:inline-flex}.topbar{height:65px;min-height:65px;padding:0 25px}.topbar-left{gap:16px}.global-search{width:225px}.topbar-date{display:flex}.main-content{padding:22px 24px 0}.page-heading h1{font-size:22px}.page-heading p{max-width:none;font-size:10px}.page-heading .heading-actions .btn{font-size:11px}.stats-grid{gap:13px}.stat-card{padding:14px}.stat-top>span{font-size:10px}.stat-value strong{font-size:27px}.dashboard-charts,.dashboard-bottom{grid-template-columns:1.75fr 1fr;gap:16px}.welcome-banner{height:144px}.banner-content h2{font-size:22px}.banner-content p{font-size:10px}.sidebar .nav-item{height:40px;font-size:12px}.sidebar-help{margin-top:5px}.department-legend>div{font-size:8px}.mini-stats-grid.four .mini-stat-icon{display:grid}.mini-stats-grid.four .mini-stat{gap:9px;padding:16px 11px}.mini-stats-grid.four .mini-stat strong{font-size:20px}.mini-stats-grid.four .mini-stat p{font-size:8px}.mini-stats-grid.four .mini-stat-icon{width:31px;height:31px}.settings-layout .form-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.login-story{padding:35px 33px}.login-story-text h1{font-size:31px}.login-story-text p{font-size:11px}.login-panel{padding:40px 32px}.login-form-wrap h2{font-size:20px}.login-story-footer{font-size:8px}.login-story-footer>span:last-child{display:none}}@media (max-width:760px){.topbar-date,.topbar-separator{display:none}.topbar{gap:10px;padding:0 19px}.topbar-left{gap:12px}.global-search{width:208px}.breadcrumbs{gap:7px;font-size:10px}.breadcrumbs>svg{display:none}.main-content{padding:21px 18px 0}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:20px}.page-heading p{max-width:350px;margin-top:5px;font-size:9.5px;line-height:1.9}.heading-actions{gap:7px}.heading-actions .btn{min-height:34px;padding:8px 10px;font-size:10px!important}.heading-actions .btn svg{width:14px}.dashboard .page-heading{align-items:center}.dashboard .heading-actions .btn.secondary{display:none}.welcome-banner{height:140px}.banner-content{width:74%;padding:18px 19px}.banner-content h2{font-size:20px}.banner-content p{max-width:330px;font-size:9px}.banner-kicker{font-size:8px}.banner-content>button{margin-top:8px;font-size:8.5px}.hero-photo{object-position:53% center;width:49%;-webkit-mask-image:linear-gradient(90deg,#000 45%,#0000 100%);mask-image:linear-gradient(90deg,#000 45%,#0000 100%)}.banner-photo-label{font-size:8px;bottom:9px;left:12px}.banner-photo-label>span{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.stat-card{min-height:110px;padding:14px 17px}.stat-top>span{font-size:11px}.stat-icon{border-radius:10px;width:35px;height:35px}.stat-icon>svg{width:20px}.stat-value strong{font-size:28px}.stat-value>span{font-size:9.5px}.stat-bottom>small{font-size:9px}.stat-tag{font-size:8px}.dashboard-charts{grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:17px}.trend-card{height:237px;padding:16px 13px 10px}.department-card{height:237px;padding:15px 13px}.card-heading h2{font-size:11px}.card-heading p{font-size:8px}.small-select{min-width:85px;height:26px;padding:3px 6px;font-size:8px}.chart-legend{margin-top:13px}.chart-legend>span{font-size:8px}.line-chart{height:157px}.department-legend{grid-template-columns:1fr;gap:3px;margin-top:4px}.department-legend>div{font-size:8px}.donut-wrap{height:112px}.donut{width:101px;height:101px}.donut-center{width:81px;height:81px}.donut-center strong{font-size:22px}.donut-center>span{font-size:8px}.dashboard-bottom{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.compact-table{min-width:520px}.compact-table td{height:59px}.compact-table .person-cell strong{font-size:11px}.compact-table .person-cell small,.compact-table .badge{font-size:8.5px}.compact-table .avatar-small{width:30px;height:30px}.type-label{font-size:9px}.date-cell{font-size:9px!important}.compact-table th{font-size:9px}.recent-card>.card-heading{padding:17px 16px}.recent-card .card-heading h2,.quick-card .card-heading h2{font-size:12px}.quick-card{padding:17px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-grid>button{flex-direction:column;justify-content:center;gap:2px;height:75px;font-size:9px}.quick-grid+.payroll-reminder{margin-top:16px}.payroll-reminder{align-items:center;gap:10px;min-height:74px;padding:13px}.payroll-reminder h3{font-size:11px}.payroll-reminder p{font-size:9px}.payroll-reminder button{margin-top:5px;font-size:8.5px}.reminder-icon{width:35px;height:35px}.activity-list{grid-template-columns:1fr;gap:13px}.activity-list>button{border-bottom:1px solid #edf1ef;border-left:0;padding:0 0 13px}.activity-list>button:last-child{border-bottom:0;padding-bottom:0}.activity-list>button>svg{display:block}.activity-list p{font-size:10px}.activity-list small{font-size:8px}.activity-list .activity-symbol{width:36px;height:36px;margin-left:3px}.dashboard-footer{padding:20px 1px;font-size:8px}.resource-top{flex-wrap:wrap;gap:10px;padding:17px 16px}.resource-top h2{font-size:12px}.tabs{gap:3px}.tabs>button{padding:5px 10px;font-size:9.5px}.table-toolbar{flex-wrap:wrap;gap:10px;padding:13px 16px}.table-toolbar .input-search{flex:1;min-width:180px}.results-count{display:none}.mini-stats-grid{gap:12px}.mini-stat{gap:9px;padding:15px 13px}.mini-stat strong{font-size:21px}.mini-stat p{font-size:8.5px}.mini-stat-icon{width:32px;height:32px}.mini-stat-icon svg{width:18px}.mini-stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-stats-grid.four .mini-stat{padding:16px}.mini-stats-grid.four .mini-stat p{font-size:9px}.mini-stats-grid.four .mini-stat strong{font-size:23px}.mini-stats-grid.four .mini-stat-icon{width:36px;height:36px;display:grid}.info-banner{gap:11px;padding:17px}.info-banner h3{font-size:12px}.info-banner p{font-size:9px;line-height:2}.info-banner-icon{width:43px;height:43px}.info-banner-icon svg{width:24px}.info-banner>.badge{display:none}.info-banner>.btn{align-self:flex-start;padding:5px 7px;font-size:9px}.reports-grid{grid-template-columns:1fr;gap:17px}.report-downloads{gap:12px}.report-download{padding:17px 13px}.report-download h3{font-size:11px}.report-download p{font-size:8.5px;line-height:2}.report-icon{width:38px;height:38px}.report-download>div{font-size:9px}.profile-layout{grid-template-columns:1fr}.profile-overview{max-width:100%}.profile-facts{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.profile-facts>div{font-size:10px}.profile-facts strong{font-size:11px}.profile-form{padding:23px}.heading-actions>.period-control{height:34px}.period-control select{font-size:10px}.pagination{padding:13px 15px;font-size:8.5px}.pagination button{width:26px;height:26px}.modal-overlay{padding:18px}.modal{max-height:calc(100dvh - 36px)}.modal-wide{width:660px}.modal-header{padding:18px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.payslip-wrap{padding:15px}.payslip{padding:21px}.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:25px 30px 27px}.login-logo strong{font-size:29px}.login-logo>svg{width:41px;height:41px;padding:7px}.login-logo small{font-size:8px}.login-story-text{max-width:none;margin:21px 0 0}.login-story-text>span{display:none}.login-story-text h1{margin:0;font-size:27px;line-height:1.7}.login-story-text h1>br{display:none}.login-story-text p{max-width:450px;margin-top:8px;font-size:10px;line-height:2}.login-story-footer{display:none}.login-panel{padding:36px 28px 42px}.login-form-wrap{width:405px}.login-back,.login-welcome-icon{display:none}.login-form-wrap h2{font-size:23px}.login-subtitle{margin-bottom:25px;font-size:10px}}@media (max-width:520px){.topbar{gap:8px;height:61px;min-height:61px;padding:0 16px}.breadcrumbs{gap:0;max-width:120px;font-size:10px}.breadcrumbs .mobile-menu{width:28px;margin-left:6px}.breadcrumbs>span{text-overflow:ellipsis;white-space:nowrap;max-width:86px;overflow:hidden}.topbar-left{gap:9px}.global-search{gap:6px;width:130px;height:32px;padding:0 8px}.global-search input{min-width:0;font-size:9px}.global-search>svg{width:14px}.global-search kbd{display:none}.topbar-account{gap:4px}.topbar-account>svg{display:none}.topbar-account .avatar{width:27px;height:27px}.notification-button{width:25px}.notification-button>svg{width:18px}.notifications-popover{width:290px;left:-32px}.search-results{width:auto;position:fixed;top:67px;left:15px;right:15px}.main-content{padding:18px 15px 0}.page-heading{flex-direction:column;align-items:stretch;gap:13px;min-height:auto;margin-bottom:19px}.dashboard .page-heading{flex-direction:row;align-items:center;gap:10px}.dashboard .page-heading h1{font-size:17px}.dashboard .page-heading p{max-width:239px;margin-top:5px;font-size:8px;line-height:1.9}.dashboard .heading-actions{flex-shrink:0;margin-top:0}.dashboard .heading-actions .btn{gap:5px;min-height:33px;padding:7px 9px;font-size:9px!important}.page-heading h1{font-size:21px}.page-heading p{font-size:9.5px}.heading-actions{flex-wrap:wrap;gap:8px}.heading-actions .btn{font-size:10px!important}.welcome-banner{border-radius:9px;height:142px;margin-bottom:15px}.banner-content{width:83%;padding:17px 16px}.banner-kicker{margin-bottom:5px;font-size:7.5px}.banner-content h2{font-size:18px;font-weight:700}.banner-content p{max-width:250px;margin-top:5px;font-size:8px;line-height:1.9}.banner-content>button{gap:5px;margin-top:9px;font-size:8px}.banner-content>button>svg{width:12px}.hero-photo{object-position:40% center;opacity:.8;width:50%;-webkit-mask-image:linear-gradient(90deg,#000 29%,#0000 100%);mask-image:linear-gradient(90deg,#000 29%,#0000 100%)}.banner-photo-label{padding:3px 5px;font-size:7px;bottom:8px;left:9px}.banner-photo-label>svg{width:12px}.stats-grid{gap:10px;margin-bottom:16px}.stat-card{border-radius:9px;min-height:107px;padding:12px 13px}.stat-top>span{padding-left:25px;font-size:9.5px}.stat-icon{border-radius:8px;width:29px;height:29px}.stat-icon>svg{width:17px}.stat-value{gap:5px;margin:8px 0}.stat-value strong{font-size:26px}.stat-value>span{font-size:8px}.stat-bottom>small{font-size:7px}.stat-tag{padding:1px 3px;font-size:7px}.stat-tag>svg{width:10px}.stat-bottom{gap:4px}.dashboard-charts{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.trend-card{height:245px;padding:17px 15px 8px}.card-heading h2{font-size:12px}.card-heading p{font-size:9px}.small-select{min-width:86px;font-size:8px}.line-chart{height:166px;margin-top:3px}.chart-legend>span{font-size:8.5px}.department-card{height:220px;padding:17px 19px;position:relative}.department-card>.card-heading{margin-bottom:7px}.donut-wrap{justify-content:center;width:47%;height:145px;margin-top:4px;display:flex}.donut{width:124px;height:124px}.donut-center{width:99px;height:99px}.donut-center strong{font-size:26px}.donut-center>span{font-size:8.5px}.department-legend{flex-direction:column;gap:13px;width:43%;margin:0;display:flex;position:absolute;top:88px;left:22px}.department-legend>div{font-size:8.7px}.department-legend b{font-size:10px}.quick-grid{gap:8px}.quick-grid>button{border-radius:7px;height:73px;padding:7px 3px;font-size:8px}.quick-grid>button>svg{width:9px;top:5px;left:5px}.quick-icon{width:27px;height:28px}.quick-icon>svg{width:20px}.quick-card{padding:16px 14px}.payroll-reminder{gap:6px;padding:12px 10px}.payroll-reminder h3{font-size:10px}.payroll-reminder p{font-size:8.5px}.recent-card>.card-heading{padding:15px 14px}.compact-table{min-width:515px}.recent-card .text-button{font-size:9px}.activity-card{padding:16px}.activity-card>.card-heading{margin-bottom:17px}.live-label{font-size:8px}.activity-list{gap:14px}.activity-list p{font-size:9px}.dashboard-footer{padding:18px 0;font-size:7px}.dashboard-footer>span:last-child{gap:5px}.mini-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.mini-stats-grid:not(.four)>.mini-stat:last-child{grid-column:1/-1;min-height:77px}.mini-stat{gap:10px;min-height:83px;padding:14px 13px}.mini-stat p{font-size:9px}.mini-stat strong{font-size:23px}.mini-stat-icon{width:34px;height:34px}.mini-stats-grid.four{gap:10px;margin-bottom:17px}.mini-stats-grid.four .mini-stat{gap:9px;min-height:90px;padding:14px 12px}.mini-stats-grid.four .mini-stat-icon{display:none}.mini-stats-grid.four .mini-stat p{font-size:9px}.mini-stats-grid.four .mini-stat strong{font-size:24px}.mini-stats-grid.four .mini-stat strong>small{font-size:8px}.info-banner{align-items:flex-start;gap:10px;margin-bottom:17px;padding:15px 13px}.info-banner-icon{border-radius:8px;width:34px;height:34px;margin-top:2px}.info-banner-icon svg{width:21px}.info-banner h3{font-size:11px}.info-banner p{font-size:8.5px;line-height:2.1}.info-banner>.btn{gap:0;width:28px;min-height:29px;padding:5px;font-size:0;overflow:hidden}.info-banner>.btn svg{width:14px}.resource-top{align-items:center;gap:12px;padding:16px 14px}.resource-top h2{font-size:11.5px}.resource-top>.tabs{justify-content:space-between;width:100%;padding-top:2px}.tabs>button{padding:5px 11px;font-size:9px}.table-toolbar{gap:9px;padding:13px 14px}.table-toolbar .input-search{flex:auto;width:100%;min-width:100%}.input-search{height:35px}.input-search input{font-size:10px}.filter-select{max-width:100%;height:33px}.filter-select select{font-size:9px}.filter-native{height:33px;font-size:9px}.table-toolbar .toolbar-end{min-height:32px;padding:5px 8px;font-size:8px}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;padding:13px 14px}.pagination>span{margin-left:auto;font-size:8px}.pagination>div{gap:4px}.pagination button{width:24px;height:24px;font-size:9px}.page-number-wrap{gap:3px}.ellipsis{min-width:9px}.page-footnote{align-items:flex-start;gap:6px;font-size:8px;line-height:2}.page-footnote>svg{flex-shrink:0;margin-top:2px}.calculation-note{gap:8px;margin-top:17px;padding:12px}.calculation-note p{font-size:9px;line-height:2.1}.calculation-note>svg{width:16px}.reports-grid{margin-bottom:22px}.report-departments,.report-summary{padding:20px}.report-bars>div>div:first-child{font-size:10px}.summary-list>div{padding:15px 0;font-size:10px}.summary-list strong{font-size:10px}.section-title{font-size:12px}.report-downloads{grid-template-columns:1fr;gap:12px}.report-download{padding:18px 78px 18px 18px;position:relative}.report-icon{width:42px;height:44px;position:absolute;top:18px;right:18px}.report-download h3{font-size:12px}.report-download p{font-size:9px}.report-download>div{margin-top:14px;font-size:9px}.settings-card{padding:18px}.settings-layout{gap:16px}.settings-layout .form-grid{grid-template-columns:1fr}.settings-section-title h2{font-size:12px}.settings-section-title p{font-size:9px;line-height:2}.settings-icon{width:37px;height:39px}.settings-workflow{gap:4px;padding:16px 7px}.settings-workflow>span{font-size:8px}.field-note{font-size:9px}.profile-form{padding:18px}.profile-form .form-grid,.profile-facts{grid-template-columns:1fr}.profile-facts>div{padding:11px 0;font-size:10px}.profile-overview{padding-bottom:14px}.security-note{gap:10px;padding:14px}.security-note strong{font-size:10px}.security-note p{font-size:8.5px}.modal-overlay{align-items:center;padding:10px}.modal{border-radius:13px;max-height:calc(100dvh - 20px)}.modal-header{border-radius:13px 13px 0 0;gap:10px;padding:17px}.modal-header h2{font-size:14px}.modal-header p{margin-top:3px;font-size:9px}.modal-body{padding:18px 17px}.modal-footer{gap:9px;padding:14px 17px}.modal-footer .btn{white-space:normal;text-align:center;gap:6px;padding:8px 11px;font-size:10px}.form-grid{gap:15px 13px}.field>span{font-size:9.5px}.field input,.field select,.field textarea{min-height:39px;padding:9px;font-size:10px}.field input::placeholder,.field textarea::placeholder{font-size:9px}.field small{font-size:8px;line-height:1.9}.input-unit>input{padding-left:47px}.input-unit>span{font-size:8px;left:9px}.form-section-label{margin:22px 0 15px;font-size:10px}.inline-info{padding:10px;font-size:8.5px;line-height:2.1}.inline-info>svg{width:15px}.inline-error{padding:10px;font-size:9px}.employee-detail-heading{flex-wrap:wrap;gap:11px}.employee-detail-heading .avatar{width:58px;height:58px}.employee-detail-heading h2{font-size:16px}.employee-detail-heading p{max-width:180px;font-size:8.5px;line-height:2}.employee-detail-heading>.badge{align-self:flex-start;font-size:8px}.detail-tabs{gap:4px;margin-top:8px}.detail-tabs>button{padding:5px 10px;font-size:9px}.detail-grid{gap:21px 15px}.detail-item>span{font-size:8px}.detail-item>strong{font-size:10px}.request-quota{gap:8px;padding:13px 10px}.request-quota strong{font-size:10px}.request-quota p{font-size:8px}.request-quota>span{width:31px;height:35px}.request-quota>span svg{width:20px}.request-detail-top .person-cell strong{font-size:11px}.request-detail-top .person-cell small{max-width:130px;font-size:8px}.request-detail-top .badge{font-size:8px}.request-title-line{gap:10px}.request-title-line h2{font-size:15px}.request-title-line p{font-size:7.5px}.request-type-icon{width:39px;height:41px}.request-type-icon svg{width:22px}.request-detail-facts{gap:10px;padding:14px 12px}.request-detail-facts .detail-item>span{font-size:7px}.request-detail-facts .detail-item>strong{font-size:9px}.request-description p,.workflow-title h3,.request-history h3{font-size:10px}.workflow-title>span{font-size:7px}.workflow-step strong{font-size:8px}.workflow-step small{font-size:7px}.step-circle{width:29px;height:29px}.workflow-line{top:14px}.step-circle svg{width:15px}.workflow-step{gap:9px}.request-history p{font-size:9px}.request-history small{font-size:8px}.request-history time{text-align:left;max-width:72px;font-size:7px}.review-note .field>span{font-size:9px}.request-footer{padding:13px 14px}.request-footer .btn{white-space:nowrap;gap:4px;min-height:35px;padding:8px 9px;font-size:9px}.request-footer .btn svg{width:13px}.footer-secondary-actions,.footer-primary-actions{gap:5px}.footer-secondary-actions>.icon-button{width:26px}.payslip-wrap{padding:11px}.payslip{padding:14px}.payslip-header{gap:8px;padding-bottom:15px}.payslip-brand{gap:5px}.payslip-brand>svg{width:24px}.payslip-brand strong{font-size:23px}.payslip-brand small{font-size:6px}.payslip-header h2{font-size:15px}.payslip-header p{font-size:8px}.payslip-header>.badge{gap:4px;padding:3px 5px;font-size:7px}.payslip-identity{gap:16px 11px;padding:18px 0}.payslip-identity .detail-item>span{font-size:7px}.payslip-identity .detail-item>strong{font-size:8px}.payslip-tables{gap:8px}.payslip-tables th,.payslip-tables td{padding:9px 6px;font-size:7px}.payslip-net{margin-top:16px;padding:13px 12px}.payslip-net>div{gap:6px;font-size:9px}.payslip-net>div svg{width:18px}.payslip-net>strong{font-size:19px}.payslip-net small{margin-right:1px;font-size:7px}.payslip-insurance{align-items:flex-start;gap:5px;font-size:6.7px;line-height:2}.payslip-insurance>svg{width:12px;margin-top:2px}.payslip-signatures{padding:28px 0 17px;font-size:7.5px}.payslip-signatures i{width:68px}.payslip-bottom{gap:6px;font-size:5.5px;line-height:2}.payslip-bottom b{font-size:6.5px}.template-download{gap:10px;padding:13px 12px}.template-download strong{font-size:9px}.template-download small{font-size:7.5px}.template-download>span{gap:7px}.template-download>span>svg{width:22px}.upload-title strong{font-size:9px}.upload-title small{font-size:7px}.upload-zone{min-height:175px;padding:24px 15px}.upload-zone strong{font-size:11px}.upload-zone p{font-size:9px}.upload-zone>small{font-size:8px}.import-columns code{padding:3px 4px;font-size:8px}.import-success{padding:38px 24px}.import-success h2{font-size:15px}.import-success>p{font-size:10px}.help-welcome{gap:10px;padding:14px 12px}.help-welcome>span{flex-shrink:0;width:43px;height:43px}.help-welcome>span svg{width:28px}.help-welcome h2{font-size:14px}.help-welcome p{font-size:8.5px}.help-accordion>div>button{gap:8px;padding:12px 11px}.help-accordion strong{font-size:9px;line-height:1.9}.help-accordion p{margin-right:26px;padding:0 12px 14px;font-size:9px;line-height:2.2}.confirmation-body{padding:25px 22px}.confirmation-body p{font-size:11px}.confirmation-body small{font-size:8px}.toast{border-radius:9px;gap:9px;max-width:none;padding:13px;font-size:10px;bottom:17px;left:14px;right:14px}.toast>svg{width:18px}.boot-screen h2{font-size:15px}.login-story{padding:22px 24px 24px}.login-story-text h1{font-size:24px}.login-story-text p{font-size:9px}.login-panel{padding:29px 24px 36px}.login-form-wrap h2{font-size:22px}.login-subtitle,.login-form-wrap .field>span{font-size:10px}.login-form-wrap .field input{font-size:12px}.login-hint{font-size:8px}.login-demo-grid>button{padding:11px;font-size:10px}.login-legal{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{size:A4;margin:14mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:12px;background:#fff!important;margin:0!important}body *{visibility:hidden!important}.sidebar,.main-shell,.toast,.modal-header,.modal-footer,.no-print{display:none!important}.app-shell{display:block!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important;overflow:visible!important}.modal{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;animation:none!important;position:static!important;overflow:visible!important}.print-document,.print-document *{visibility:visible!important}.print-document{width:100%!important;box-shadow:none!important;border:0!important;margin:0!important;padding:14px!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.payslip-wrap{padding:0!important}.payslip-header{padding-bottom:22px!important}.payslip-identity{gap:22px!important;padding:26px 0!important}.payslip-tables th,.payslip-tables td{padding:14px 10px!important;font-size:11px!important}.payslip-signatures{padding-top:55px!important}.payslip-net{margin:24px 0!important}.payslip-bottom{font-size:8px!important}.approval-workflow,.request-history{break-inside:avoid}}