@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-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{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.border-collapse{border-collapse:collapse}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-right{text-align:right}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{font-family:light!important}@font-face{font-family:light;src:url(/fonts/Nunito-VariableFont_wght.ttf)}@font-face{font-family:Italic;src:url(/fonts/Nunito-Italic-VariableFont_wght.ttf)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.dashboard-wrapper{background:#fafafa;min-height:100vh;display:flex}#sidebar-collapse-check:checked~.sidebar .logo{justify-content:center}#sidebar-collapse-check:checked~.sidebar .subtab-list{max-height:0!important}#sidebar-collapse-check:checked~.sidebar .chevron-icon{transform:none!important}#sidebar-collapse-check:checked~.content-area,#sidebar-collapse-check:checked~.app-header{margin-left:70px}.sidebar{z-index:10;background:#fff;border-right:1px solid #ddd;width:240px;height:100vh;transition:all .2s;position:fixed}.nav-link{cursor:pointer;white-space:nowrap;align-items:center;padding:.8rem 1.5rem;transition:all .2s;display:flex}.nav-link .nav-icon{stroke:#888;flex-shrink:0;width:20px;height:20px}.nav-link .nav-text{color:#666;margin-left:12px;font-size:14px}.nav-link:hover{background:#f5f5f5}.app-header{z-index:5;background:#fff;border-bottom:1px solid #ddd;align-items:center;height:60px;margin-left:240px;padding:0 20px;transition:all .2s;display:flex;position:fixed;top:0;left:0;right:0}.burger-btn{cursor:pointer;align-items:center;margin-right:15px;display:flex}.content-area{flex:1;margin-top:60px;margin-left:240px;padding:2rem;transition:all .2s;display:none}#tab-acr:checked~.acr-view,#tab-bonus:checked~.bonus-view,#tab-employees:checked~.employees-view,#tab-departments:checked~.departments-view,#tab-posts:checked~.posts-view,#tab-questions:checked~.questions-view,#tab-deductions:checked~.deductions-view,#tab-rating:checked~.rating-view,#tab-reports:checked~.reports-view,#tab-attendance:checked~.attendance-view,#tab-resignation:checked~.resignation-view,#tab-ledger:checked~.ledger-view,#tab-voucher:checked~.voucher-view,#tab-expenses:checked~.expenses-view,#tab-invoices:checked~.invoices-view,#tab-settings:checked~.settings-view,#tab-audit:checked~.audit-view{display:block}.subtab-list{max-height:0;margin:0;padding:0;list-style:none;transition:max-height .25s;overflow:hidden}.chevron-icon{stroke:#999;flex-shrink:0;width:16px;height:16px;margin-left:auto;transition:transform .25s}#dept-toggle:checked~.sidebar .dept-subtabs,#tab-departments:checked~.sidebar .dept-subtabs,#tab-posts:checked~.sidebar .dept-subtabs,#tab-questions:checked~.sidebar .dept-subtabs{max-height:200px}#dept-toggle:checked~.sidebar .nav-item-dept-group .chevron-icon,#tab-departments:checked~.sidebar .nav-item-dept-group .chevron-icon,#tab-posts:checked~.sidebar .nav-item-dept-group .chevron-icon,#tab-questions:checked~.sidebar .nav-item-dept-group .chevron-icon{transform:rotate(180deg)}#bonus-toggle:checked~.sidebar .bonus-subtabs,#tab-bonus:checked~.sidebar .bonus-subtabs,#tab-deductions:checked~.sidebar .bonus-subtabs,#tab-rating:checked~.sidebar .bonus-subtabs{max-height:200px}#bonus-toggle:checked~.sidebar .nav-item-bonus-group .chevron-icon,#tab-bonus:checked~.sidebar .nav-item-bonus-group .chevron-icon,#tab-deductions:checked~.sidebar .nav-item-bonus-group .chevron-icon,#tab-rating:checked~.sidebar .nav-item-bonus-group .chevron-icon{transform:rotate(180deg)}#payroll-toggle:checked~.sidebar .payroll-subtabs,#tab-reports:checked~.sidebar .payroll-subtabs,#tab-ledger:checked~.sidebar .payroll-subtabs,#tab-voucher:checked~.sidebar .payroll-subtabs{max-height:200px}#payroll-toggle:checked~.sidebar .nav-item-payroll-group .chevron-icon,#tab-reports:checked~.sidebar .nav-item-payroll-group .chevron-icon,#tab-ledger:checked~.sidebar .nav-item-payroll-group .chevron-icon,#tab-voucher:checked~.sidebar .nav-item-payroll-group .chevron-icon{transform:rotate(180deg)}#hr-toggle:checked~.sidebar .hr-subtabs,#tab-attendance:checked~.sidebar .hr-subtabs,#tab-resignation:checked~.sidebar .hr-subtabs{max-height:200px}#hr-toggle:checked~.sidebar .nav-item-hr-group .chevron-icon,#tab-attendance:checked~.sidebar .nav-item-hr-group .chevron-icon,#tab-resignation:checked~.sidebar .nav-item-hr-group .chevron-icon{transform:rotate(180deg)}#accounts-toggle:checked~.sidebar .accounts-subtabs,#tab-expenses:checked~.sidebar .accounts-subtabs,#tab-invoices:checked~.sidebar .accounts-subtabs{max-height:200px}#accounts-toggle:checked~.sidebar .nav-item-accounts-group .chevron-icon,#tab-expenses:checked~.sidebar .nav-item-accounts-group .chevron-icon,#tab-invoices:checked~.sidebar .nav-item-accounts-group .chevron-icon{transform:rotate(180deg)}#system-toggle:checked~.sidebar .system-subtabs,#tab-settings:checked~.sidebar .system-subtabs,#tab-audit:checked~.sidebar .system-subtabs{max-height:200px}#system-toggle:checked~.sidebar .nav-item-system-group .chevron-icon,#tab-settings:checked~.sidebar .nav-item-system-group .chevron-icon,#tab-audit:checked~.sidebar .nav-item-system-group .chevron-icon{transform:rotate(180deg)}.subtab-link{color:#888;cursor:pointer;border-radius:1px;padding:.55rem 1rem .55rem 3rem;font-size:.82rem;transition:all .2s;display:block;position:relative}.subtab-link:before{content:"";background:#ccc;border-radius:50%;width:5px;height:5px;transition:all .2s;position:absolute;top:50%;left:1.75rem;transform:translateY(-50%)}.subtab-link:hover{color:#222;background:#f5f5f5}.subtab-link:hover:before{background:#222}#tab-acr:checked~.sidebar .nav-item-acr .nav-link,#tab-employees:checked~.sidebar .nav-item-employees .nav-link{background:#fafafa;border-right:3px solid #555}#tab-acr:checked~.sidebar .nav-item-acr .nav-link .nav-icon,#tab-employees:checked~.sidebar .nav-item-employees .nav-link .nav-icon{stroke:#555}#tab-acr:checked~.sidebar .nav-item-acr .nav-link .nav-text,#tab-employees:checked~.sidebar .nav-item-employees .nav-link .nav-text{color:#222;font-weight:600}#tab-departments:checked~.sidebar .nav-item-dept-group>.nav-link,#tab-posts:checked~.sidebar .nav-item-dept-group>.nav-link,#tab-questions:checked~.sidebar .nav-item-dept-group>.nav-link,#tab-bonus:checked~.sidebar .nav-item-bonus-group>.nav-link,#tab-deductions:checked~.sidebar .nav-item-bonus-group>.nav-link,#tab-rating:checked~.sidebar .nav-item-bonus-group>.nav-link,#tab-reports:checked~.sidebar .nav-item-payroll-group>.nav-link,#tab-ledger:checked~.sidebar .nav-item-payroll-group>.nav-link,#tab-voucher:checked~.sidebar .nav-item-payroll-group>.nav-link,#tab-attendance:checked~.sidebar .nav-item-hr-group>.nav-link,#tab-resignation:checked~.sidebar .nav-item-hr-group>.nav-link,#tab-expenses:checked~.sidebar .nav-item-accounts-group>.nav-link,#tab-invoices:checked~.sidebar .nav-item-accounts-group>.nav-link,#tab-settings:checked~.sidebar .nav-item-system-group>.nav-link,#tab-audit:checked~.sidebar .nav-item-system-group>.nav-link{background:#fafafa}#tab-departments:checked~.sidebar .nav-item-dept-group>.nav-link .nav-icon,#tab-posts:checked~.sidebar .nav-item-dept-group>.nav-link .nav-icon,#tab-questions:checked~.sidebar .nav-item-dept-group>.nav-link .nav-icon,#tab-bonus:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-icon,#tab-deductions:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-icon,#tab-rating:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-icon,#tab-reports:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-icon,#tab-ledger:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-icon,#tab-voucher:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-icon,#tab-attendance:checked~.sidebar .nav-item-hr-group>.nav-link .nav-icon,#tab-resignation:checked~.sidebar .nav-item-hr-group>.nav-link .nav-icon,#tab-expenses:checked~.sidebar .nav-item-accounts-group>.nav-link .nav-icon,#tab-invoices:checked~.sidebar .nav-item-accounts-group>.nav-link .nav-icon,#tab-settings:checked~.sidebar .nav-item-system-group>.nav-link .nav-icon,#tab-audit:checked~.sidebar .nav-item-system-group>.nav-link .nav-icon{stroke:#555}#tab-departments:checked~.sidebar .nav-item-dept-group>.nav-link .nav-text,#tab-posts:checked~.sidebar .nav-item-dept-group>.nav-link .nav-text,#tab-questions:checked~.sidebar .nav-item-dept-group>.nav-link .nav-text,#tab-bonus:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-text,#tab-deductions:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-text,#tab-rating:checked~.sidebar .nav-item-bonus-group>.nav-link .nav-text,#tab-reports:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-text,#tab-ledger:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-text,#tab-voucher:checked~.sidebar .nav-item-payroll-group>.nav-link .nav-text,#tab-attendance:checked~.sidebar .nav-item-hr-group>.nav-link .nav-text,#tab-resignation:checked~.sidebar .nav-item-hr-group>.nav-link .nav-text,#tab-expenses:checked~.sidebar .nav-item-accounts-group>.nav-link .nav-text,#tab-invoices:checked~.sidebar .nav-item-accounts-group>.nav-link .nav-text,#tab-settings:checked~.sidebar .nav-item-system-group>.nav-link .nav-text,#tab-audit:checked~.sidebar .nav-item-system-group>.nav-link .nav-text{color:#222;font-weight:600}#tab-departments:checked~.sidebar .subtab-item-departments .subtab-link,#tab-posts:checked~.sidebar .subtab-item-posts .subtab-link,#tab-questions:checked~.sidebar .subtab-item-questions .subtab-link,#tab-bonus:checked~.sidebar .subtab-item-bonus .subtab-link,#tab-deductions:checked~.sidebar .subtab-item-deductions .subtab-link,#tab-rating:checked~.sidebar .subtab-item-rating .subtab-link,#tab-reports:checked~.sidebar .subtab-item-reports .subtab-link,#tab-ledger:checked~.sidebar .subtab-item-ledger .subtab-link,#tab-voucher:checked~.sidebar .subtab-item-voucher .subtab-link,#tab-attendance:checked~.sidebar .subtab-item-attendance .subtab-link,#tab-resignation:checked~.sidebar .subtab-item-resignation .subtab-link,#tab-expenses:checked~.sidebar .subtab-item-expenses .subtab-link,#tab-invoices:checked~.sidebar .subtab-item-invoices .subtab-link,#tab-settings:checked~.sidebar .subtab-item-settings .subtab-link,#tab-audit:checked~.sidebar .subtab-item-audit .subtab-link{color:#222;background:#f5f5f5;font-weight:600}#tab-departments:checked~.sidebar .subtab-item-departments .subtab-link:before,#tab-posts:checked~.sidebar .subtab-item-posts .subtab-link:before,#tab-questions:checked~.sidebar .subtab-item-questions .subtab-link:before,#tab-bonus:checked~.sidebar .subtab-item-bonus .subtab-link:before,#tab-deductions:checked~.sidebar .subtab-item-deductions .subtab-link:before,#tab-rating:checked~.sidebar .subtab-item-rating .subtab-link:before,#tab-reports:checked~.sidebar .subtab-item-reports .subtab-link:before,#tab-ledger:checked~.sidebar .subtab-item-ledger .subtab-link:before,#tab-voucher:checked~.sidebar .subtab-item-voucher .subtab-link:before,#tab-attendance:checked~.sidebar .subtab-item-attendance .subtab-link:before,#tab-resignation:checked~.sidebar .subtab-item-resignation .subtab-link:before,#tab-expenses:checked~.sidebar .subtab-item-expenses .subtab-link:before,#tab-invoices:checked~.sidebar .subtab-item-invoices .subtab-link:before,#tab-settings:checked~.sidebar .subtab-item-settings .subtab-link:before,#tab-audit:checked~.sidebar .subtab-item-audit .subtab-link:before{background:#555}.sidebar{z-index:1;background:#fff;border-right:1px solid #ddd;flex-direction:column;width:240px;height:100vh;padding:0;display:flex;position:fixed}.sidebar .sidebar-header{border-bottom:1px solid #ddd;margin-bottom:1rem;padding:1.5rem}.sidebar .sidebar-header .logo{align-items:center;gap:8px;display:flex}.sidebar .sidebar-header .logo .logo-icon{color:#222;font-size:24px;font-weight:800}.sidebar .sidebar-header .logo .logo-text{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:10px;font-weight:700;position:relative;top:6px;left:-4px}.sidebar .sidebar-header .logo .logo-text span{color:#222}.sidebar .sidebar-nav{padding:0 .75rem;overflow:scroll}.sidebar .sidebar-nav::-webkit-scrollbar{display:none}.sidebar .sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.sidebar .sidebar-nav .nav-list{margin:0;padding:0;list-style:none}.sidebar .sidebar-nav .nav-link{cursor:pointer;color:#666;border-radius:1px;align-items:center;gap:.75rem;margin-bottom:4px;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.sidebar .sidebar-nav .nav-link .nav-icon{stroke:#666;width:18px;height:18px}.sidebar .sidebar-nav .nav-link:hover{color:#222;background:#f5f5f5}.sidebar .sidebar-nav .nav-link:hover .nav-icon{stroke:#222}.section-container{background:#fff;border:1px solid #ddd;border-radius:1px}.section-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.section-header .section-title{color:#222;margin:0;font-size:1.25rem}.section-header .section-subtitle{color:#666;margin:0;font-size:.85rem}.btn-add{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:1px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:opacity .2s;display:flex}.btn-add:hover{opacity:.9}.btn-add .btn-icon{width:16px;height:16px}.simple-table{border-collapse:collapse;width:100%;font-size:.9rem}.simple-table th{color:#666;text-align:left;text-transform:uppercase;letter-spacing:.5px;background-color:#fafafa;border-bottom:2px solid #ddd;padding:12px 15px;font-size:.75rem;font-weight:600}.simple-table td{color:#222;border-bottom:1px solid #ddd;padding:12px 15px}.simple-table tr:last-child td{border-bottom:none}.simple-table .font-bold{font-weight:600}.simple-table .text-right{text-align:right}.simple-table .status-pill{background:#fafafa;border:1px solid #ddd;border-radius:1px;padding:2px 8px;font-size:.75rem;font-weight:500}.simple-table .btn-text{color:#555;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.custom-select-container{width:100%;position:relative}.custom-select-container .select-trigger{cursor:pointer;color:#222;text-align:left;background:#fff;border:1px solid #ddd;border-radius:1px;justify-content:space-between;align-items:center;width:100%;padding:.6rem 1rem;font-size:.9rem;display:flex}.custom-select-container .select-trigger:focus{border-color:#555;outline:none}.custom-select-container .select-trigger .chevron-icon{color:#666;width:20px;height:20px}.custom-select-container .select-options{z-index:50;background:#fff;border:1px solid #ddd;border-radius:1px;width:100%;max-height:200px;margin-top:4px;padding:4px 0;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.custom-select-container .select-options .option-item{color:#666;cursor:pointer;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.custom-select-container .select-options .option-item.active{color:#555;background:#fafafa;font-weight:600}.custom-select-container.open-up .select-options{margin-top:0;top:auto;bottom:calc(100% + 4px)}.modal-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}#modal-toggle:checked~.modal-overlay{display:flex}.modal-content{background:#fff;border:1px solid #ddd;border-radius:1px;width:100%;max-width:450px}.modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.modal-header .modal-title{margin:0;font-size:1.1rem;font-weight:700}.modal-header .close-icon{cursor:pointer;color:#666;width:20px;height:20px}.modal-header .close-icon:hover{color:#222}.modal-form{padding:1.25rem}.modal-form .form-group{margin-bottom:1.25rem}.modal-form .form-group:last-child{width:100%}.modal-form .form-group label{float:left;color:#222;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.modal-form .form-group input,.modal-form .form-group select{color:#000;border:1px solid #ddd;border-radius:1px;width:100%;padding:.6rem;font-size:.9rem}.modal-form .form-group input:focus,.modal-form .form-group select:focus{border-color:#555;outline:none}.modal-footer{justify-content:flex-end;gap:10px;margin-top:1.5rem;display:flex}.post-modal-wrapper #post-modal-toggle:checked~.post-modal-overlay{display:flex!important}.post-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.post-modal-content{background:#fff;border:1px solid #ddd;border-radius:1px;width:95%;max-width:480px;box-shadow:0 10px 25px #0000001a}.post-modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.post-modal-header .post-modal-title{color:#222;margin:0;font-size:1.1rem;font-weight:700}.post-modal-header .post-close-icon{cursor:pointer;color:#666;width:20px;height:20px;transition:all .2s}.post-modal-header .post-close-icon:hover{color:#222}.post-modal-form{padding:1.5rem}.post-modal-form .post-form-group{margin-bottom:1.25rem}.post-modal-form .post-form-group label{color:#222;text-align:left;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.post-modal-form .post-form-group input,.post-modal-form .post-form-group select{background-color:#fff;border:1px solid #ddd;border-radius:1px;width:100%;padding:.7rem;font-size:.9rem}.post-modal-form .post-form-group input:focus,.post-modal-form .post-form-group select:focus{border-color:#555;outline:none;box-shadow:0 0 0 2px #5555551a}.post-modal-footer{border-top:1px solid #ddd;justify-content:flex-end;gap:12px;margin-top:.5rem;padding-top:1rem;display:flex}.btn-cancel{cursor:pointer;color:#666;background:#fafafa;border-radius:1px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.btn-cancel:hover{background:#ededed}.btn-save:hover{opacity:.9}.btn-icon-only,.btn-action-icon{width:17px}.form-wrapper{background:#fff;padding:2rem}.soft-form .form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.soft-form .form-group{flex-direction:column;gap:8px;display:flex}.soft-form .form-group label{color:#222;font-size:.85rem;font-weight:600}.soft-form .form-group input,.soft-form .form-group select{color:#222;background-color:#fff;border:1px solid #ddd;border-radius:1px;padding:.75rem;font-size:.9rem;transition:all .2s}.soft-form .form-group input:focus,.soft-form .form-group select:focus{border-color:#555;outline:none;box-shadow:0 0 0 3px #5555551a}.soft-form .form-actions{border-top:1px solid #ddd;justify-content:flex-end;gap:12px;padding-top:1.5rem;display:flex}.user-info{flex-direction:column;display:flex}.user-info .display-block{display:block}.user-info small{font-size:.8rem}.active-status{color:#222!important;background-color:#fafafa!important}.pro-question-table{border-collapse:collapse;width:100%;margin-top:1rem}.pro-question-table th{color:#666;text-transform:uppercase;text-align:left;border-bottom:1px solid #ddd;padding:10px;font-size:.7rem}.pro-question-table td{background:#fff;border-bottom:1px solid #ddd;padding:10px}.pro-question-table .parent-row td{background:#fff;font-weight:500}.pro-question-table .sub-row td{background:#fafafa;padding-top:6px;padding-bottom:6px}.pro-question-table .sub-row .sub-input-wrapper{border-left:1px solid #ddd;margin-left:8px;padding-left:20px}.pro-question-table .q-no{color:#222;font-size:.85rem;font-weight:600}.pro-question-table .q-no.sub-no{color:#666;padding-left:16px;font-size:.8rem}.btn-sub{color:#666;cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:1px;padding:4px 10px;font-size:.75rem;font-weight:600}.btn-sub:hover{color:#fff;background:#222;border-color:#222}.btn-add-main{color:#666;cursor:pointer;background:#fff;border:1px dashed #ddd;border-radius:1px;width:100%;margin-top:1.5rem;padding:1rem;font-weight:500}.btn-add-main:hover{color:#222;border-color:#222}.form-footer{justify-content:flex-end;padding:1.5rem;display:flex}.form-footer .btn-large{padding:.75rem 2rem;font-size:.9rem}.form-top-selectors{background:#fafafa;border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem;display:grid}.dynamic-rows-container{padding:1rem}.dynamic-rows-container .flat-input{border:1px solid #ddd;border-radius:1px;width:100%;padding:.4rem .5rem;font-size:.85rem}.dynamic-rows-container .flat-input:focus{border-color:#222;outline:none}.dynamic-rows-container .sub-question-row{background-color:#fafafa}.dynamic-rows-container .sub-question-row td:nth-child(2){position:relative}.dynamic-rows-container .sub-question-row td:nth-child(2):before{content:"↳";color:#666;font-weight:400;position:absolute;left:10px}.btn-add-row{color:#666;cursor:pointer;background:0 0;border:1px dashed #ddd;border-radius:1px;width:100%;margin-top:1rem;padding:.75rem;font-weight:500;transition:all .2s}.btn-add-row:hover{color:#222;background:#fafafa;border-color:#222}.form-footer-actions{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.emp-modal-overlay{z-index:2000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emp-modal-content{background:#fff;border:1px solid #ddd;border-radius:1px;width:90%;max-width:55rem;height:90vh;overflow:scroll}.emp-modal-content::-webkit-scrollbar{display:none}.emp-modal-content{-ms-overflow-style:none;scrollbar-width:none}.emp-modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.emp-modal-header .emp-modal-title{color:#222;margin:0;font-size:1rem;font-weight:600}.emp-modal-header .close-btn{cursor:pointer;color:#666;background:0 0;border:none;width:20px;height:20px;padding:0}.emp-modal-header .close-btn:hover{color:#222}.emp-modal-header .close-btn svg{width:100%;height:100%}.emp-modal-form{padding:1.25rem}.emp-modal-form .form-section{margin-bottom:1.25rem}.emp-modal-form .form-section-title{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ddd;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.8rem;font-weight:600}.emp-modal-form .form-grid{flex-wrap:wrap;gap:1rem;display:flex}.emp-modal-form .form-group{flex-direction:column;gap:4px;width:calc(50% - .5rem);display:flex}.emp-modal-form .form-group.full-width{grid-column:span 2}.emp-modal-form .form-group label{color:#222;font-size:.8rem;font-weight:500}.emp-modal-form .form-group input,.emp-modal-form .form-group select{color:#222;background:#fff;border:1px solid #ddd;border-radius:1px;padding:.5rem .75rem;font-size:.85rem}.emp-modal-form .form-group input:focus,.emp-modal-form .form-group select:focus{border-color:#222;outline:none}.emp-modal-footer{border-top:1px solid #ddd;justify-content:flex-end;gap:8px;padding:1rem 1.25rem;display:flex}.question-form-wrapper{background:#fff}.qf-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:flex-start;padding:1.25rem;display:flex}.qf-header .qf-title{color:#222;margin:0 0 4px;font-size:1.1rem;font-weight:600}.qf-header .qf-subtitle{color:#666;margin:0;font-size:.8rem}.btn-back{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:1px;padding:.4rem .75rem;font-size:.8rem}.btn-back:hover{color:#222;border-color:#222}.qf-filters{background:#fafafa;border-bottom:1px solid #ddd;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem;display:grid}.qf-filters .qf-filter-group{flex-direction:column;gap:4px;display:flex}.qf-filters .qf-filter-group label{color:#666;font-size:.75rem;font-weight:500}.qf-filters .qf-filter-group select{color:#222;background:#fff;border:1px solid #ddd;border-radius:1px;padding:.5rem;font-size:.85rem}.qf-filters .qf-filter-group select:focus{border-color:#222;outline:none}.qf-questions-area{padding:1.25rem}.qf-table{border-collapse:collapse;width:100%;font-size:.85rem}.qf-table th{text-align:left;color:#666;text-transform:uppercase;border-bottom:1px solid #ddd;padding:.5rem;font-size:.7rem;font-weight:600}.qf-table td{vertical-align:middle;border-bottom:1px solid #ddd;padding:.5rem}.qf-main-row{background:#fff}.qf-main-row .qf-num{color:#222;font-weight:600}.qf-sub-row{background:#fafafa}.qf-sub-row .qf-sub-num{color:#666;padding-left:1rem;font-size:.8rem}.qf-input{color:#222;border:1px solid #ddd;border-radius:1px;width:100%;padding:.4rem .5rem;font-size:.85rem}.qf-input:focus{border-color:#222;outline:none}.qf-input.qf-rating{text-align:center;width:60px}.qf-actions{justify-content:flex-end;gap:4px;display:flex}.qf-btn-sub{color:#666;cursor:pointer;background:#fafafa;border:1px solid #ddd;border-radius:1px;padding:2px 8px;font-size:.7rem;font-weight:500}.qf-btn-sub:hover{color:#222;border-color:#222}.qf-btn-del{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:1px;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;display:flex}.qf-btn-del:hover{color:#c00;border-color:#c00}.qf-add-btn{color:#666;cursor:pointer;background:#fff;border:1px dashed #ddd;border-radius:1px;width:100%;margin-top:1rem;padding:.75rem;font-size:.8rem;font-weight:500}.qf-add-btn:hover{color:#222;border-color:#222}.qf-footer{border-top:1px solid #ddd;justify-content:flex-end;gap:8px;padding:1rem 1.25rem;display:flex}.btn-cancel{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:1px;padding:.5rem 1rem;font-size:.8rem;font-weight:500}.btn-cancel:hover{color:#222;border-color:#222}.btn-save{cursor:pointer;color:#fff;background:#222;border:1px solid #222;border-radius:1px;padding:.5rem 1rem;font-size:.8rem;font-weight:500}.btn-save:hover{background:#333}.alert-box{z-index:999;background-color:#fff;border:1px solid #ddd;border-radius:1px;max-width:440px;margin:1rem auto;position:fixed;top:10px;right:10px}.alert-inner{flex-direction:column;padding:24px;display:flex}.alert-layout{align-items:flex-start;display:flex}.alert-layout .alert-icon-box{flex-shrink:0}.alert-layout .alert-icon-box svg{fill:#555;width:22px;height:22px}.alert-layout .alert-content{margin-left:16px}.alert-layout .alert-content .alert-head{color:#222;letter-spacing:-.2px;margin:0;font-size:1rem;font-weight:600}.alert-layout .alert-content .alert-desc{color:#666;margin-top:8px;font-size:.85rem;line-height:1.5}.alert-bar{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.alert-bar button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:1px;padding:8px 16px;font-size:.8rem;font-weight:500;transition:all .2s}.alert-bar button.btn-flat-light{color:#666;background-color:#fafafa;border-color:#ddd}.alert-bar button.btn-flat-light:hover{color:#222;background-color:#f5f5f5}.alert-bar button.btn-flat-dark{color:#fff;background-color:#555}.alert-bar button.btn-flat-dark:hover{background-color:#222}.overlay{z-index:200;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0}.No_available{background:0 0;background-color:none;box-shadow:none;border:none;font-size:10px;position:absolute;top:42px}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown .drop-btn{color:#222;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:1px;padding:6px 12px;font-size:13px;transition:all .2s}.custom-dropdown .drop-btn:hover{background:#f5f5f5}.custom-dropdown .drop-content{visibility:hidden;opacity:0;z-index:10;background:#fff;border:1px solid #ddd;border-radius:1px;flex-direction:column;min-width:160px;transition:all .2s;display:flex;position:absolute;top:110%;right:0;box-shadow:0 2px 5px #0000001a}.custom-dropdown .drop-content button{text-align:left;color:#666;cursor:pointer;background:0 0;border:none;padding:10px 15px;font-size:13px;transition:all .2s}.custom-dropdown .drop-content button:not(:last-child){border-bottom:1px solid #ddd}.custom-dropdown .drop-content button:hover{color:#222;background:#f5f5f5}.custom-dropdown:hover .drop-content{visibility:visible;opacity:1;top:100%}.app-header{z-index:1;background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex;position:fixed;right:0}.app-header .header-title{color:#222;margin:0;font-size:1.25rem;font-weight:600}.app-header .header-subtitle{color:#666;margin:0;font-size:.85rem}.app-header .col{justify-content:space-between;gap:4px;width:100%;display:flex}.app-header .flexbox{width:100%}main{padding-top:4rem!important}.mark-emp-details{border-bottom:3px solid #222;padding:1.25rem}.mark-emp-heading{color:#222;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #222;margin:0 0 1rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700}.mark-emp-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}.mark-emp-item{flex-direction:column;gap:2px;margin:20px;display:flex}.mark-emp-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.mark-emp-value{color:#222;font-size:.9rem;font-weight:500}.mark-questions-area{padding:1.25rem}.mark-parent-row{background:#fafafa}.mark-parent-row td{color:#222;font-weight:600}.mark-child-row{background:#fff}.mark-child-row .mark-child-num{color:#666;padding-left:1.5rem;font-size:.8rem}.mark-child-row .mark-child-text{color:#666;padding-left:1.5rem;font-size:.85rem}.app-title{font-size:18px;font-weight:800}.app-title span{color:#818181;font-size:9px;font-weight:600}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-container{z-index:99999;flex-direction:column;gap:10px;padding:20px;display:flex;position:fixed;top:0;right:0}.toast-item{color:#666;background-color:#fff;border:1px solid #ddd;border-radius:2px;align-items:center;width:100%;max-width:360px;padding:14px 18px;animation:.35s cubic-bezier(.4,0,.2,1) toast-slide-in;display:flex;box-shadow:0 4px 12px #00000014}.toast-item .toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;display:inline-flex}.toast-item .toast-icon svg{width:100%;height:100%}.toast-item .toast-message{color:#222;flex:1;font-size:.85rem;font-weight:500}.toast-item .toast-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:2px;align-items:center;margin-left:12px;padding:4px;transition:all .15s;display:flex}.toast-item .toast-close:hover{color:#222;background-color:#f5f5f5}.toast-item .toast-close svg{width:10px;height:10px}.toast-item.success{border-left:3px solid #2e7d32}.toast-item.success .toast-icon{color:#2e7d32}.toast-item.danger,.toast-item.error{border-left:3px solid #d32f2f}.toast-item.danger .toast-icon,.toast-item.error .toast-icon{color:#d32f2f}.toast-item.warning{border-left:3px solid #ed6c02}.toast-item.warning .toast-icon{color:#ed6c02}.bonus-multi-select .select__control{min-height:38px;box-shadow:none;background-color:#fff;border:1px solid #ddd;border-radius:1px;transition:all .2s}.bonus-multi-select .select__control:hover{border-color:#555}.bonus-multi-select .select__control--is-focused{outline:none;border-color:#555!important}.bonus-multi-select .select__menu{z-index:99;background-color:#fff;border:1px solid #ddd;border-radius:1px;box-shadow:0 4px 12px #0000000d}.bonus-multi-select .select__option{color:#222;cursor:pointer;background-color:#fff;padding:10px 12px;font-size:14px;transition:all .2s}.bonus-multi-select .select__option--is-focused{background-color:#f5f5f5}.bonus-multi-select .select__option--is-selected{color:#fff;background-color:#555}.bonus-multi-select .select__multi-value{background-color:#fafafa;border:1px solid #ddd;border-radius:1px;margin:2px}.bonus-multi-select .select__multi-value__label{color:#222;padding:2px 6px;font-size:13px}.bonus-multi-select .select__multi-value__remove{color:#666;cursor:pointer}.bonus-multi-select .select__multi-value__remove:hover{color:#fff;background-color:#555}.bonus-multi-select .select__placeholder{color:#666;font-size:14px}.bonus-multi-select .select__indicator-separator{display:none}.main-content{flex:1;padding:0 0 20px;padding-top:0!important}.main-content .header-row{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.main-content .header-row .date-filter{color:#666;background:#fff;border:1px solid #ddd;border-radius:1px;align-items:center;padding:8px 15px;font-size:13px;display:flex}.main-content .header-row .date-filter svg{fill:#666;width:16px;height:16px;margin-right:8px}.stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:40px;display:grid}.stats-grid .stat-card{background:#fff;border:1px solid #ddd;border-radius:1px;align-items:center;gap:12px;padding:15px;transition:all .2s;display:flex}.stats-grid .stat-card:hover{border-color:#555}.stats-grid .stat-card .stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stats-grid .stat-card .stat-icon svg{width:20px;height:20px}.stats-grid .stat-card .stat-icon.employees{color:#1976d2;background:#e3f2fd}.stats-grid .stat-card .stat-icon.departments{color:#7b1fa2;background:#f3e5f5}.stats-grid .stat-card .stat-icon.designations{color:#2e7d32;background:#e8f5e9}.stats-grid .stat-card .stat-icon.bonus{color:#ef6c00;background:#fff3e0}.stats-grid .stat-card .stat-icon.deductions{color:#c62828;background:#ffebee}.stats-grid .stat-card .stat-icon.salary{color:#00695c;background:#e0f2f1}.stats-grid .stat-card .stat-info label{text-transform:uppercase;color:#666;letter-spacing:.5px;margin:0;font-size:10px;display:block}.stats-grid .stat-card .stat-info .value{color:#222;margin-top:2px;font-size:16px;font-weight:600;display:block}.report-table-wrapper{background:#fff;border:1px solid #ddd;border-radius:1px;overflow:hidden}.report-table-wrapper table{border-collapse:collapse;width:100%}.report-table-wrapper table th{text-align:left;text-transform:uppercase;color:#666;background:#fafafa;border-bottom:1px solid #ddd;padding:15px;font-size:12px}.report-table-wrapper table td{border-bottom:1px solid #ddd;padding:14px 15px;font-size:14px}.report-table-wrapper table tr:last-child td{border-bottom:none}.report-table-wrapper table tr:hover{background:#f5f5f5}.report-table-wrapper .table-summary{text-align:right;color:#555;background:#fafafa;border-top:1px solid #ddd;padding:15px;font-size:16px;font-weight:700}.status-tag{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.status-tag.filled{color:#2e7d32;background:#e8f5e9}.status-tag.pending{color:#ef6c00;background:#fff3e0}.select-wrapper{width:100%;max-width:100%!important}.payroll-container{width:100%}.payroll-container .form-group{width:100%;margin-bottom:20px}.payroll-container .form-group label{color:#222;margin-bottom:8px;font-weight:600;display:block}.payroll-container .custom-select-container{max-width:100%!important}.payroll-container .custom-select-container .select__control{box-shadow:none;background:#fff;border:1px solid #ddd;border-radius:1px}.payroll-container .custom-select-container .select__control:hover{border-color:#555}.payroll-container .custom-select-container .select__menu{background:#fff;border:1px solid #ddd;border-radius:1px;box-shadow:0 4px 6px -1px #0000001a}.payroll-container .custom-select-container .select__option{color:#666}.payroll-container .custom-select-container .select__option--is-focused{color:#222;background:#f5f5f5}.payroll-container .custom-select-container .select__option--is-selected{color:#fff;background:#555}.payroll-container .custom-select-container .row-option{justify-content:space-between;width:100%;margin-right:5px;display:flex}.payroll-container .custom-select-container .row-option .item-price{color:#222;font-weight:600}.payroll-container .payroll-summary{background:#fafafa;border:1px solid #ddd;border-radius:1px;max-width:350px;margin-top:25px;padding:15px}.payroll-container .payroll-summary .summary-line{color:#666;justify-content:space-between;margin-bottom:10px;font-size:.9rem;display:flex}.payroll-container .payroll-summary .summary-line .summary-value{color:#222;font-weight:500}.payroll-container .payroll-summary .summary-total{background:#eee;border-radius:5px;width:fit-content;margin:-36px 0;padding:10px;position:relative;top:26px}.css-v7duua:hover{color:#000!important;background-color:#c6c6c6!important}.form-group{position:relative}.summary-line{position:absolute;top:0;right:0}.summary-line span{margin:0 5px}.sidebar{z-index:100;background:#fff;border-right:1px solid #ddd;flex-direction:column;width:240px;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.content-area{box-sizing:border-box;width:calc(100% - 240px);margin-top:60px;margin-left:240px;padding:2rem;transition:margin-left .2s,width .2s}.app-header{z-index:90;background:#fff;border-bottom:1px solid #ddd;height:60px;margin-left:240px;transition:margin-left .2s;position:fixed;top:0;left:0;right:0}#sidebar-collapse-check:checked~.sidebar{width:70px!important}#sidebar-collapse-check:checked~.sidebar .logo-text,#sidebar-collapse-check:checked~.sidebar .nav-text{display:none!important}#sidebar-collapse-check:checked~.sidebar .nav-link{justify-content:center;padding:1rem 0}#sidebar-collapse-check:checked~.content-area{width:calc(100% - 70px)!important;margin-left:70px!important}#sidebar-collapse-check:checked~.app-header{margin-left:70px!important}.pr-compact-wrapper{box-sizing:border-box;transform-origin:0 0;width:100%;padding:12px;font-size:.85rem}.pr-compact-wrapper .pr-header-area .pr-page-title{color:#222;margin:0;font-size:15px;font-weight:600}.pr-compact-wrapper .pr-table-container{border:1px solid #ddd;width:100%;overflow-x:auto}.pr-compact-wrapper .pr-table-container .pr-table-main th{text-align:left;background:#f1f1f1;border:1px solid #ddd;padding:6px 8px;font-size:10px}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-red{color:red;font-size:10px}.payroll-page-container{box-sizing:border-box;background-color:#fff;max-width:100%;padding:12px;font-size:.9rem}.payroll-page-container .filter-section-card .qf-header{margin-bottom:2rem}.payroll-page-container .filter-section-card{background-color:#fff;border:1px solid #ddd;border-radius:1px;margin-bottom:12px;padding:10px}.payroll-page-container .filter-section-card .filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.payroll-page-container .filter-section-card .filter-row .input-field{flex-direction:column;flex:150px;gap:3px;display:flex}.payroll-page-container .filter-section-card .filter-row .input-field.sm{flex:90px}.payroll-page-container .filter-section-card .filter-row .input-field label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.payroll-page-container .filter-section-card .filter-row .input-field .react-select__control{height:32px;min-height:32px;box-shadow:none;border-color:#ddd;border-radius:1px;font-size:12px}.payroll-page-container .filter-section-card .filter-row .input-field .react-select__control:hover{border-color:#555}.payroll-page-container .filter-section-card .filter-row .input-field .react-select__indicators{height:30px}.payroll-page-container .filter-section-card .filter-row .input-field .react-select__value-container{padding:0 8px}.payroll-page-container .filter-section-card .filter-row .search-action-btn{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:1px;align-items:center;gap:6px;height:32px;padding:0 15px;font-size:12px;transition:all .2s;display:flex}.payroll-page-container .filter-section-card .filter-row .search-action-btn:hover{background-color:#222}.payroll-page-container .table-wrapper{background:#fff;border:1px solid #ddd;border-radius:1px;width:100%;overflow-x:auto}.payroll-page-container .table-wrapper::-webkit-scrollbar{height:4px}.payroll-page-container .table-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.payroll-page-container .table-wrapper .payroll-main-table{border-collapse:collapse;width:100%;min-width:1000px}.payroll-page-container .table-wrapper .payroll-main-table th{color:#222;text-align:left;white-space:nowrap;background-color:#fafafa;border-bottom:1px solid #ddd;padding:8px 10px;font-size:11px;font-weight:700}.payroll-page-container .table-wrapper .payroll-main-table td{color:#222;vertical-align:top;border-bottom:1px solid #ddd;padding:8px 10px;font-size:12px}.payroll-page-container .table-wrapper .payroll-main-table .emp-cell,.payroll-page-container .table-wrapper .payroll-main-table .contact-cell,.payroll-page-container .table-wrapper .payroll-main-table .dept-cell{flex-direction:column;gap:2px;display:flex}.payroll-page-container .table-wrapper .payroll-main-table .emp-cell .name,.payroll-page-container .table-wrapper .payroll-main-table .contact-cell .name,.payroll-page-container .table-wrapper .payroll-main-table .dept-cell .name{font-size:12px;font-weight:600}.payroll-page-container .table-wrapper .payroll-main-table .emp-cell .sub-text,.payroll-page-container .table-wrapper .payroll-main-table .contact-cell .sub-text,.payroll-page-container .table-wrapper .payroll-main-table .dept-cell .sub-text{color:#666;align-items:center;gap:4px;font-size:10px;display:flex}.payroll-page-container .table-wrapper .payroll-main-table .emp-cell .dept-tag,.payroll-page-container .table-wrapper .payroll-main-table .contact-cell .dept-tag,.payroll-page-container .table-wrapper .payroll-main-table .dept-cell .dept-tag{font-size:11px;font-weight:600}.payroll-page-container .table-wrapper .payroll-main-table .emp-cell .post-tag,.payroll-page-container .table-wrapper .payroll-main-table .contact-cell .post-tag,.payroll-page-container .table-wrapper .payroll-main-table .dept-cell .post-tag{color:#666;font-size:10px}.payroll-page-container .table-wrapper .payroll-main-table .table-inline-input{border:1px solid #ddd;border-radius:1px;outline:none;width:65px;padding:4px 6px;font-size:11px}.payroll-page-container .table-wrapper .payroll-main-table .table-inline-input:focus{border-color:#555}.payroll-page-container .table-wrapper .payroll-main-table .final-total-col{text-align:right;background-color:#fafafa;font-weight:700}.payroll-page-container .table-wrapper .payroll-main-table .final-total-col strong{font-size:13px}.payroll-page-container .table-wrapper .payroll-main-table .final-total-col .allowences{text-align:left}.allowences{color:#666;margin:2px 0;font-size:9px;line-height:1.2}.pr-compact-wrapper{box-sizing:border-box;width:100%;padding:12px;font-size:.88rem}.pr-compact-wrapper .pr-header-area{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pr-compact-wrapper .pr-header-area .pr-page-title{color:#222;font-size:15px;font-weight:600}.pr-compact-wrapper .pr-header-area .pr-make-btn{color:#fff;cursor:pointer;background:#222;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:flex}.pr-compact-wrapper .pr-card-filter{background:#fff;border:1px solid #ddd;margin-bottom:15px;padding:10px}.pr-compact-wrapper .pr-card-filter .pr-flex-grid{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp{flex-direction:column;flex:140px;gap:4px;display:flex}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp.id-field{flex:0 0 100px}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp.period-field{flex:180px}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp label{color:#666;text-transform:uppercase;font-size:10px;font-weight:700}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp input{border:1px solid #ddd;height:30px;padding:0 8px;font-size:12px}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-grp input:disabled{color:#999;background:#f5f5f5}.pr-compact-wrapper .pr-card-filter .pr-flex-grid .pr-btn-search{color:#fff;cursor:pointer;background:#555;border:none;height:30px;padding:0 15px;font-size:11px}.pr-compact-wrapper .pr-table-container{background:#fff;border:1px solid #ddd;width:100%;overflow-x:auto}.pr-compact-wrapper .pr-table-container::-webkit-scrollbar{height:6px}.pr-compact-wrapper .pr-table-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.pr-compact-wrapper .pr-table-container::-webkit-scrollbar-track{background:#f9f9f9}.pr-compact-wrapper .pr-table-container .pr-table-main{border-collapse:collapse;width:100%;min-width:1250px}.pr-compact-wrapper .pr-table-container .pr-table-main th{text-align:left;white-space:nowrap;background:#f1f1f1;border:1px solid #ddd;padding:6px 10px;font-size:10px}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-th-parent th{text-align:center;background:#e9e9e9;font-weight:800}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-th-child th{background:#fafafa;font-weight:600}.pr-compact-wrapper .pr-table-container .pr-table-main td{vertical-align:middle;border:1px solid #ddd;padding:8px 10px;font-size:12px}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-emp-name{color:#000;font-weight:600}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-small-text{color:#777;font-size:10px;line-height:1.2}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-hint{color:#999;margin-top:2px;font-size:9px;display:block}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-input-small{border:1px solid #ddd;width:65px;padding:3px;font-size:11px}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-bold{font-weight:700}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-green{color:green;font-size:10px}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-payout-final{text-align:right;background:#f9f9f9}.pr-compact-wrapper .pr-table-container .pr-table-main .pr-payout-final strong{color:#000;font-size:13px}.pr-select__control{height:30px!important;min-height:30px!important;box-shadow:none!important;border-color:#ddd!important;border-radius:1px!important;font-size:12px!important}.pr-select__control .pr-select__value-container{padding:0 8px!important}.pr-select__control .pr-select__indicators{height:28px!important}.react-datepicker{font-family:inherit;display:inline-block;background-color:#fff!important;border:1px solid #ddd!important;border-radius:1px!important;padding:0!important;box-shadow:4px 4px #0000000d!important}.react-datepicker__header{background-color:#fafafa!important;border-bottom:1px solid #ddd!important;border-radius:0!important;padding:10px 0!important}.react-datepicker__current-month{text-transform:uppercase;letter-spacing:.5px;color:#222!important;font-size:13px!important;font-weight:600!important}.react-datepicker__month-container{width:240px!important;padding:8px!important}.react-datepicker__month-text{transition:all .2s;color:#666!important;border-radius:1px!important;width:50px!important;margin:4px!important;padding:10px 0!important;font-size:12px!important;display:inline-block!important}.react-datepicker__month-text:hover{cursor:pointer;color:#222!important;background-color:#f5f5f5!important}.react-datepicker__month-text--selected,.react-datepicker__month-text--keyboard-selected{color:#fff!important;background-color:#555!important;font-weight:700!important}.react-datepicker__navigation{top:12px!important}.react-datepicker__navigation-icon:before{border-width:1px 1px 0 0!important;border-color:#666!important;width:6px!important;height:6px!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#555!important}.react-datepicker__triangle{display:none!important}.react-datepicker-input{color:#222;background-color:#fff;border:1px solid #ddd;border-radius:1px;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.react-datepicker-input:focus{border-color:#555;outline:none}.full-body-loader{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffe6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loader-content{flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{border:2px solid #ddd;border-top-color:#555;border-radius:1px;width:40px;height:40px;animation:.8s linear infinite spin}.loader-message{color:#222;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:14px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-container{background-color:#fff;padding:20px}.section-container .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-container .section-header .section-title{color:#222;margin:0;font-size:1.25rem}.section-container .section-header .btn-add{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:1px;padding:8px 16px;font-size:.9rem;transition:all .2s}.section-container .section-header .btn-add:hover{opacity:.9}.section-container .table-responsive{border:1px solid #ddd;border-radius:1px}.section-container .table-responsive::-webkit-scrollbar{height:4px}.section-container .table-responsive::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.section-container .table-responsive .simple-table{border-collapse:collapse;text-align:left;width:100%}.section-container .table-responsive .simple-table thead{background-color:#fafafa}.section-container .table-responsive .simple-table thead tr{border-bottom:1px solid #ddd}.section-container .table-responsive .simple-table thead th{color:#555;text-transform:uppercase;padding:12px 15px;font-size:.85rem;font-weight:600}.section-container .table-responsive .simple-table tbody tr{border-bottom:1px solid #ddd;transition:all .2s}.section-container .table-responsive .simple-table tbody tr:hover{background-color:#f5f5f5}.section-container .table-responsive .simple-table tbody tr:last-child{border-bottom:none}.section-container .table-responsive .simple-table tbody td{color:#666;padding:12px 15px;font-size:.9rem}.section-container .table-responsive .delete-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:1px;padding:4px 10px;font-size:.8rem;transition:all .2s}.section-container .table-responsive .delete-btn:hover{color:#fff;background-color:#555}.react-datepicker-wrapper{width:100%}.attendance-calendar-wrapper{background:#fafafa;width:100%;min-height:calc(100vh - 60px);padding:20px}.attendance-calendar-wrapper .cal-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.attendance-calendar-wrapper .cal-header .cal-title-section .cal-title{color:#222;margin:0;font-size:1.5rem;font-weight:600}.attendance-calendar-wrapper .cal-header .cal-title-section .cal-subtitle{color:#666;margin:4px 0 0;font-size:.85rem}.attendance-calendar-wrapper .cal-header .cal-employee-select{align-items:center;gap:10px;display:flex}.attendance-calendar-wrapper .cal-header .cal-employee-select label{color:#222;white-space:nowrap;font-size:.9rem}.attendance-calendar-wrapper .cal-header .cal-employee-select .cal-select__control{min-width:250px;box-shadow:none;border-color:#ddd}.attendance-calendar-wrapper .cal-header .cal-employee-select .cal-select__control:hover{border-color:#555}.attendance-calendar-wrapper .cal-header .cal-employee-select .cal-select__menu{z-index:100}.attendance-calendar-wrapper .cal-nav{justify-content:center;align-items:center;gap:15px;margin-bottom:15px;display:flex}.attendance-calendar-wrapper .cal-nav .cal-nav-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:1px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.attendance-calendar-wrapper .cal-nav .cal-nav-btn:hover{background:#555;border-color:#555}.attendance-calendar-wrapper .cal-nav .cal-nav-btn:hover svg{stroke:#fff}.attendance-calendar-wrapper .cal-nav .cal-nav-btn svg{stroke:#222}.attendance-calendar-wrapper .cal-nav .cal-current-month{text-align:center;min-width:180px}.attendance-calendar-wrapper .cal-nav .cal-current-month .month-name{color:#222;margin-right:8px;font-size:1.3rem;font-weight:600}.attendance-calendar-wrapper .cal-nav .cal-current-month .year{color:#666;font-size:1.1rem}.attendance-calendar-wrapper .cal-nav .cal-today-btn{color:#fff;cursor:pointer;background:#555;border:none;border-radius:1px;padding:8px 16px;font-size:.85rem;transition:all .2s}.attendance-calendar-wrapper .cal-nav .cal-today-btn:hover{background:#484848}.attendance-calendar-wrapper .cal-legend{flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:15px;display:flex}.attendance-calendar-wrapper .cal-legend .legend-item{color:#222;align-items:center;gap:6px;font-size:.85rem;display:flex}.attendance-calendar-wrapper .cal-legend .legend-item .legend-dot{border-radius:2px;width:12px;height:12px}.attendance-calendar-wrapper .cal-legend .legend-item .legend-dot.leave{background:#3182ce}.attendance-calendar-wrapper .cal-legend .legend-item .legend-dot.absent{background:#e53e3e}.attendance-calendar-wrapper .cal-legend .legend-item .legend-dot.sunday{background:#a0aec0}.attendance-calendar-wrapper .cal-table-container{background:#fff;border:1px solid #ddd;border-radius:1px;overflow:hidden}.attendance-calendar-wrapper .cal-table{border-collapse:collapse;table-layout:fixed;width:100%}.attendance-calendar-wrapper .cal-table thead th{text-align:center;color:#222;background:#fafafa;border-bottom:1px solid #ddd;padding:12px;font-size:.9rem;font-weight:600}.attendance-calendar-wrapper .cal-table thead th.sunday-header{color:#e53e3e}.attendance-calendar-wrapper .cal-table tbody .cal-day{vertical-align:top;border:1px solid #ddd;height:100px;padding:0;transition:all .2s}.attendance-calendar-wrapper .cal-table tbody .cal-day:hover:not(.empty-day):not(.sunday){background:#f5f5f5}.attendance-calendar-wrapper .cal-table tbody .cal-day.empty-day{background:#f7f7f7}.attendance-calendar-wrapper .cal-table tbody .cal-day.sunday{background:#f0f0f0}.attendance-calendar-wrapper .cal-table tbody .cal-day.sunday .day-number{color:#e53e3e}.attendance-calendar-wrapper .cal-table tbody .cal-day.sunday .sunday-label{color:#a0aec0;text-align:center;margin-top:10px;font-size:.7rem;display:block}.attendance-calendar-wrapper .cal-table tbody .cal-day.today .day-actions{opacity:1!important}.attendance-calendar-wrapper .cal-table tbody .cal-day.today .day-number{color:#fff;background:#555}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content{flex-direction:column;height:100%;padding:8px;display:flex;position:relative}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-number{color:#222;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;font-weight:600;display:flex}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-indicators{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-indicators .indicator{color:#fff;border-radius:2px;padding:2px 6px;font-size:.65rem;font-weight:600}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-indicators .indicator.leave-indicator{background:#3182ce}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-indicators .indicator.absent-indicator{background:#e53e3e}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-indicators .indicator.count-indicator{background:#718096}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions{opacity:0;justify-content:flex-end;gap:4px;margin-top:auto;transition:all .2s;display:flex}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:1px;justify-content:center;align-items:center;padding:4px 6px;transition:all .2s;display:flex}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions button:hover{background:#555;border-color:#555}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions button:hover svg{stroke:#fff}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions button svg{stroke:#222}.attendance-calendar-wrapper .cal-table tbody .cal-day:hover .day-actions{opacity:1}.attendance-calendar-wrapper .cal-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attendance-calendar-wrapper .cal-modal{background:#fff;border-radius:1px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex}.attendance-calendar-wrapper .cal-modal.action-modal{max-width:550px}.attendance-calendar-wrapper .cal-modal .cal-modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.attendance-calendar-wrapper .cal-modal .cal-modal-header h3{color:#222;margin:0;font-size:1.1rem}.attendance-calendar-wrapper .cal-modal .cal-modal-header .cal-modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.attendance-calendar-wrapper .cal-modal .cal-modal-header .cal-modal-close:hover{color:#222}.attendance-calendar-wrapper .cal-modal .cal-modal-body{flex:1;padding:20px}.attendance-calendar-wrapper .cal-modal .cal-modal-body .no-data{text-align:center;color:#666;padding:20px}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table{border-collapse:collapse;width:100%}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table th,.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table td{text-align:left;border-bottom:1px solid #ddd;padding:10px}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table th{color:#222;background:#fafafa;font-size:.85rem;font-weight:600}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .type-badge{color:#fff;border-radius:2px;padding:3px 8px;font-size:.75rem;font-weight:500}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .type-badge.leave{background:#3182ce}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .type-badge.absent{background:#e53e3e}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .btn-edit-sm,.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .btn-delete-sm{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:1px;margin-right:5px;padding:4px 8px;font-size:.75rem;transition:all .2s}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .btn-edit-sm:hover,.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .btn-delete-sm:hover{color:#fff;background:#555;border-color:#555}.attendance-calendar-wrapper .cal-modal .cal-modal-body .cal-details-table .btn-delete-sm:hover{background:#e53e3e;border-color:#e53e3e}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group{margin-bottom:15px}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group label{color:#222;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .form-input{background:#fafafa;border:1px solid #ddd;border-radius:1px;width:100%;padding:10px 12px;font-size:.9rem}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .form-input:disabled{cursor:not-allowed;background:#eee}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options{gap:10px;display:flex}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option{cursor:pointer;border:2px solid #ddd;border-radius:1px;flex:1;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option input{display:none}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option .type-label{font-size:.9rem;font-weight:500}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option .type-label.leave{color:#3182ce}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option .type-label.absent{color:#e53e3e}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option.active{background:#f5f5f5;border-color:#878787a5}.attendance-calendar-wrapper .cal-modal .cal-modal-body .form-group .type-options .type-option:hover{background:#f5f5f5}.attendance-calendar-wrapper .cal-modal .cal-modal-footer{border-top:1px solid #ddd;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.attendance-calendar-wrapper .cal-modal .cal-modal-footer .btn-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:1px;padding:8px 16px;font-size:.9rem;transition:all .2s}.attendance-calendar-wrapper .cal-modal .cal-modal-footer .btn-cancel:hover{background:#f5f5f5}.attendance-calendar-wrapper .cal-modal .cal-modal-footer .btn-save{color:#fff;cursor:pointer;background:#555;border:none;border-radius:1px;padding:8px 20px;font-size:.9rem;transition:all .2s}.attendance-calendar-wrapper .cal-modal .cal-modal-footer .btn-save:hover{background:#484848}@media (max-width:768px){.attendance-calendar-wrapper{padding:10px}.attendance-calendar-wrapper .cal-header{flex-direction:column;align-items:flex-start}.attendance-calendar-wrapper .cal-employee-select{flex-direction:column;width:100%;align-items:flex-start!important}.attendance-calendar-wrapper .cal-employee-select .cal-select__control{min-width:100%!important}.attendance-calendar-wrapper .cal-table tbody .cal-day{height:70px}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content{padding:4px}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-number{width:22px;height:22px;font-size:.8rem}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions{opacity:1}.attendance-calendar-wrapper .cal-table tbody .cal-day .day-content .day-actions button{padding:2px 4px}}.calendar-page-wrapper{background:#fff;flex-direction:column;height:100vh;padding:0;display:flex}.calendar-page-wrapper .calendar-top-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.calendar-page-wrapper .calendar-top-bar h1{color:#1e293b;margin:0;font-size:1.5rem}.calendar-page-wrapper .calendar-top-bar p{color:#64748b;margin:0;font-size:.9rem}.calendar-page-wrapper .calendar-top-bar .filter-area{width:300px}.calendar-page-wrapper .calendar-top-bar .filter-area label{margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.calendar-page-wrapper .calendar-container{flex:1;padding:20px;overflow:hidden}.calendar-page-wrapper .calendar-container .custom-cell{width:100%;height:100%;min-height:100px;position:relative}.calendar-page-wrapper .calendar-container .custom-cell.is-sunday{cursor:not-allowed;opacity:.5;background-color:#f1f5f9}.calendar-page-wrapper .calendar-container .custom-cell .cell-overlay-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:5px;left:5px;right:5px}.calendar-page-wrapper .calendar-container .custom-cell .cell-overlay-actions button{cursor:pointer;border:none;border-radius:4px;flex:1;padding:4px;font-size:10px;font-weight:700}.calendar-page-wrapper .calendar-container .custom-cell .cell-overlay-actions .btn-view{color:#475569;background:#e2e8f0}.calendar-page-wrapper .calendar-container .custom-cell .cell-overlay-actions .btn-add{color:#fff;background:#3b82f6}.calendar-page-wrapper .calendar-container .custom-cell:hover .cell-overlay-actions{opacity:1}.calendar-page-wrapper .modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.calendar-page-wrapper .modal-overlay .modal-content{background:#fff;border-radius:12px;width:450px;max-width:90%;padding:25px;box-shadow:0 20px 25px -5px #0000001a}.calendar-page-wrapper .modal-overlay .modal-content .type-selector{gap:10px;margin:20px 0;display:flex}.calendar-page-wrapper .modal-overlay .modal-content .type-selector button{cursor:pointer;border:1px solid #ddd;border-radius:6px;flex:1;padding:10px}.calendar-page-wrapper .modal-overlay .modal-content .type-selector button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.calendar-page-wrapper .modal-overlay .modal-content .save-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:10px 20px}.fc .fc-col-header-cell{background:#f8fafc;padding:10px 0}.fc .fc-daygrid-day-frame{cursor:pointer}.fc .fc-day-sun{background-color:#f1f5f9!important}.resignation-form-area{background:#fff;border:1px solid #e2e8f0;margin-top:1.5rem;padding:1.5rem}.resignation-subtitle{color:#666;margin-bottom:1.5rem;font-size:.85rem}.resignation-options{flex-direction:column;gap:.75rem;display:flex}.resignation-radio-item{cursor:pointer;background:#fafafa;border:1px solid #e2e8f0;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.resignation-radio-item:hover{background:#f5f5f5;border-color:#555}.resignation-radio-item input[type=radio]{accent-color:#555;cursor:pointer;width:18px;height:18px;margin-right:12px}.resignation-radio-item .radio-label{color:#222;font-size:.9rem}.other-reason-container{background:#fafafa;border:1px solid #e2e8f0;margin-top:1.5rem;padding:1rem}.other-reason-label{color:#222;margin-bottom:.75rem;font-size:.85rem;font-weight:600;display:block}.other-reason-textarea{color:#222;resize:vertical;border:1px solid #e2e8f0;width:100%;min-height:100px;padding:.75rem;font-family:inherit;font-size:.9rem}.other-reason-textarea:focus{border-color:#555;outline:none}.other-reason-textarea::placeholder{color:#999}.resignation-btn{background:#dc3545!important}.resignation-btn:hover{background:#c82333!important}.resignation-reason-badge{color:#222;text-overflow:ellipsis;white-space:nowrap;background:#f8f9fa;border:1px solid #e2e8f0;max-width:200px;padding:.25rem .5rem;font-size:.8rem;display:inline-block;overflow:hidden}.ledger-modal-size{max-height:85vh;max-width:36rem!important;height:auto!important}.ledger-select-row{align-items:flex-end;gap:.5rem;display:flex}.ledger-select-row .ledger-select-field{flex-direction:column;flex:1;gap:4px;display:flex}.ledger-select-row .ledger-select-field label{color:#222;font-size:.8rem;font-weight:500}.ledger-add-btn{cursor:pointer;color:#666;background:#fff;border:1px solid #e2e8f0;border-radius:1px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.ledger-add-btn svg{width:18px;height:18px}.ledger-add-btn:hover{color:#222;background:#f5f5f5;border-color:#222}.required-star{color:#dc3545;margin-left:2px}.ledger-form-error{color:#dc3545;background:#fff5f5;border:1px solid #fecaca;border-radius:1px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.ledger-form-error .error-icon{flex-shrink:0;width:16px;height:16px}.ledger-view .table-responsive{overflow:scroll}.ledger-view .table-responsive .simple-table{width:1200px}.ledger-view .table-responsive td{padding:10px 0!important}.ledger-view .table-responsive td:first-child,.ledger-view .table-responsive td:last-child{padding:10px 15px!important}.voucher-form-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:1px}.vf-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.vf-header .vf-title{color:#222;margin:0;font-size:1.25rem;font-weight:600}.vf-header .vf-subtitle{color:#666;margin:4px 0 0;font-size:.82rem}.vf-top-row{background:#fafafa;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 1fr 1fr;gap:1.25rem;padding:1.25rem 1.5rem;display:grid}.vf-top-row .vf-field{flex-direction:column;gap:6px;display:flex}.vf-top-row .vf-field label{color:#222;font-size:.8rem;font-weight:500}.vf-input{color:#222;background:#fff;border:1px solid #e2e8f0;border-radius:1px;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.vf-input:focus{border-color:#555;outline:none}.vf-input[readOnly]{color:#666;cursor:default;background:#fafafa}.vf-date-group .vf-date-inputs{align-items:center;gap:4px;display:flex}.vf-date-group .vf-date-input{text-align:center;width:55px}.vf-date-group .vf-date-year{width:70px}.vf-date-group .vf-date-sep{color:#666;-webkit-user-select:none;user-select:none;font-size:.9rem}.vf-section{border:1px solid #e2e8f0;border-radius:1px;margin:1rem 1.5rem}.vf-section .vf-section-head{background:#fafafa;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.vf-section .vf-section-title{color:#222;margin:0;font-size:.95rem;font-weight:600}.vf-section .vf-section-total{color:#555;font-size:.85rem;font-weight:600}.vf-table{border-collapse:collapse;width:100%}.vf-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#666;background:#fff;border-bottom:1px solid #e2e8f0;padding:.6rem .75rem;font-size:.78rem;font-weight:600}.vf-table tbody td{vertical-align:middle;border-bottom:1px solid #f3f5f9;padding:.5rem .75rem}.vf-table .vf-num{color:#666;text-align:center;font-size:.82rem}.vf-table .vf-amount{text-align:right}.vf-row-actions{justify-content:center;gap:6px;display:flex}.vf-row-actions button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:1px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .2s;display:flex}.vf-row-actions button:hover:not(:disabled){background:#f5f5f5;border-color:#222}.vf-row-actions button:disabled{opacity:.35;cursor:not-allowed}.vf-row-actions .vf-btn-add{color:#27ae60}.vf-row-actions .vf-btn-del{color:#e74c3c}.vf-balance{border-radius:1px;align-items:center;gap:.75rem;margin:0 1.5rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;display:flex}.vf-balance.balanced{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.vf-balance.unbalanced{color:#dc3545;background:#fff5f5;border:1px solid #fecaca}.vf-balance .vf-balance-divider{color:#ccc}.vf-bottom-section{grid-template-columns:1fr 1fr;gap:1.25rem;padding:1.25rem 1.5rem;display:grid}.vf-bottom-section label{color:#222;margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.vf-textarea{color:#222;resize:vertical;border:1px solid #e2e8f0;border-radius:1px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.85rem}.vf-textarea:focus{border-color:#555;outline:none}.vf-file-area{border:1px dashed #e2e8f0;border-radius:1px;justify-content:center;align-items:center;min-height:120px;display:flex}.vf-file-placeholder{cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:1.5rem;display:flex}.vf-file-placeholder span{color:#999;font-size:.8rem}.vf-file-placeholder:hover span{color:#222}.vf-preview{padding:.5rem;position:relative}.vf-preview img{object-fit:contain;border-radius:1px;max-width:100%;max-height:110px}.vf-preview .vf-preview-remove{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;line-height:1;display:flex;position:absolute;top:0;right:0}.vf-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.vf-top-row,.vf-bottom-section{grid-template-columns:1fr}.vf-table{display:block;overflow-x:auto}}.vf-field .flex input:first-child{width:40px!important}.login-overlay{z-index:99999;background:#fafafa;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:1px;width:100%;max-width:400px;padding:40px}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-logo .login-logo-icon{color:#fff;text-align:center;background:#555;border-radius:1px;justify-content:center;align-items:center;width:44px;height:44px;font-size:14px;font-weight:800;line-height:44px;display:flex}.login-logo .login-logo-text{color:#222;margin:0;font-size:20px;font-weight:700}.login-logo .login-logo-text span{color:#555}.login-subtitle{text-align:center;color:#666;margin-top:4px;margin-bottom:28px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-form .login-input-group{flex-direction:column;gap:6px;display:flex}.login-form .login-input-group label{color:#222;font-size:.85rem;font-weight:600}.login-form .login-input-group input{color:#000;border:1px solid #e2e8f0;border-radius:1px;width:100%;padding:.6rem;font-size:.9rem}.login-form .login-input-group input:focus{border-color:#555;outline:none}.login-form .login-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#555;border:1px solid #0000;border-radius:1px;margin-top:6px;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.login-form .login-btn:hover{background:#222}.login-form .login-btn:disabled{opacity:.6;cursor:not-allowed}.login-form .login-error{color:#c53030;text-align:center;background:#fff5f5;border:1px solid #e8cccc;border-radius:1px;padding:10px 14px;font-size:.8rem}