@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&family=Kosugi+Maru:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root,[data-theme=light],[data-bs-theme=light],[data-theme-mode=light]{--theme-primary: #3b82f6;--theme-primary-hover: #2563eb;--theme-primary-rgb: 59, 130, 246;--theme-primary-subtle: rgba(59, 130, 246, .12);--theme-secondary: #06b6d4;--theme-secondary-rgb: 6, 182, 212;--theme-dark: #0f172a;--theme-body-bg: #f8f9fa;--theme-surface-bg: #ffffff;--theme-surface-secondary: #f8fafc;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #e2e8f0;--theme-border-subtle: #f1f5f9;--theme-border-secondary: #e2e8f0;--theme-text-main: #1f293b;--theme-text-secondary: #475569;--theme-text-muted: #64748b;--theme-hover-bg: #f1f5f9;--theme-input-bg: #ffffff;--icon-primary: var(--theme-primary);--icon-authenticator: #10b981;--sb-text: #475569;--sb-label: #334155;--sb-icon: var(--theme-primary);--sb-arrow: #94a3b8;--sb-active-bg: var(--theme-primary-subtle);--sb-active-color: var(--theme-primary);--sb-hover-bg: rgba(var(--theme-primary-rgb), .06);--bs-primary: var(--theme-primary);--bs-primary-rgb: var(--theme-primary-rgb);--bs-link-color: var(--theme-primary);--bs-link-hover-color: var(--theme-primary-hover);--bs-focus-ring-color: var(--theme-primary-subtle);--status-approved-text: #16a34a;--status-approved-bg: rgba(22, 163, 74, .12);--status-approved-border: rgba(22, 163, 74, .28);--status-rejected-text: #dc2626;--status-rejected-bg: rgba(220, 38, 38, .12);--status-rejected-border: rgba(220, 38, 38, .28);--status-pending-text: #d97706;--status-pending-bg: rgba(217, 119, 6, .12);--status-pending-border: rgba(217, 119, 6, .28);--status-draft-text: #2563eb;--status-draft-bg: rgba(37, 99, 235, .12);--status-draft-border: rgba(37, 99, 235, .28);--status-cancelled-text: #94a3b8;--status-cancelled-bg: rgba(148, 163, 184, .1);--status-cancelled-border: rgba(148, 163, 184, .25);--status-skip-text: #64748b;--status-skip-bg: rgba(100, 116, 139, .1);--status-skip-border: rgba(100, 116, 139, .25);--theme-success: #10b981;--theme-success-subtle: #dcfce7;--theme-warning: #f59e0b;--theme-warning-subtle: #fef3c7;--theme-danger: #ef4444;--theme-danger-subtle: #fee2e2;--theme-info: #06b6d4;--theme-info-subtle: #cffafe;--theme-spacing: 1rem;--theme-card-padding: 1.25rem;--theme-table-padding: .65rem .85rem;--theme-btn-padding: .45rem 1rem;--theme-font-base: .925rem;--theme-font-small: .825rem;--theme-radius-base: 8px;--theme-radius-card: 12px;--theme-radius-pill: 9999px;--theme-font-family: "Kanit", "Kosugi Maru", "Noto Sans JP", sans-serif}[data-theme=dark],[data-bs-theme=dark],[data-theme-mode=dark]{--theme-dark: #090d16;--theme-body-bg: #0f172a;--theme-surface-bg: #1e293b;--theme-surface-secondary: #0f172a;--theme-header-bg: #0f172a;--theme-card-header-bg: #1e293b;--theme-border: #334155;--theme-border-subtle: #1e293b;--theme-border-secondary: #334155;--theme-text-main: #f8fafc;--theme-text-secondary: #cbd5e1;--theme-text-muted: #94a3b8;--theme-hover-bg: rgba(255, 255, 255, .06);--theme-input-bg: #0f172a;--icon-primary: var(--theme-primary);--icon-authenticator: #ffffff;--sb-text: #94a3b8;--sb-label: #64748b;--sb-icon: var(--theme-primary);--sb-arrow: #64748b;--sb-active-bg: rgba(var(--theme-primary-rgb), .22);--sb-active-color: var(--theme-primary);--sb-hover-bg: rgba(255, 255, 255, .05);--theme-primary-subtle: rgba(var(--theme-primary-rgb), .25);--theme-success-subtle: rgba(16, 185, 129, .2);--theme-warning-subtle: rgba(245, 158, 11, .2);--theme-danger-subtle: rgba(239, 68, 68, .2);--theme-info-subtle: rgba(6, 182, 212, .2);--status-approved-bg: rgba(22, 163, 74, .2);--status-rejected-bg: rgba(220, 38, 38, .2);--status-pending-bg: rgba(217, 119, 6, .2);--status-draft-bg: rgba(37, 99, 235, .2);--status-cancelled-bg: rgba(148, 163, 184, .15);--status-skip-bg: rgba(100, 116, 139, .15);--bs-body-bg: var(--theme-body-bg);--bs-body-color: var(--theme-text-main);--bs-border-color: var(--theme-border);--bs-tertiary-bg: var(--theme-surface-secondary)}[data-theme-color=blue]{--theme-primary: #3b82f6;--theme-primary-hover: #2563eb;--theme-primary-rgb: 59, 130, 246;--theme-primary-subtle: rgba(59, 130, 246, .14);--theme-body-bg: #edf7ff;--theme-surface-bg: #ffffff;--theme-surface-secondary: #f4f9ff;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #cfe5ff;--theme-border-secondary: #d8ecff;--theme-border-third: #eef6fd;--theme-text-main: #1d2d44;--theme-text-secondary: #394a5c;--theme-text-muted: #5c6b73;--theme-hover-bg: #e1f0ff;--theme-input-bg: #ffffff;--icon-primary: #3b82f6;--icon-authenticator: #56cfe1;--sb-text: #2c3e50;--sb-label: #5c6b73;--sb-icon: #3b82f6;--sb-arrow: #a9c6e2;--sb-active-bg: #e2f1ff;--sb-active-color: #2563eb;--sb-hover-bg: rgba(59, 130, 246, .08)}[data-theme=dark][data-theme-color=blue],[data-bs-theme=dark][data-theme-color=blue],[data-theme-mode=dark][data-theme-color=blue]{--theme-primary: #60a5fa;--theme-primary-hover: #3b82f6;--theme-primary-rgb: 96, 165, 250;--theme-body-bg: #141d26;--theme-surface-bg: #1f2d3d;--theme-surface-secondary: #1c2733;--theme-header-bg: #141d26;--theme-card-header-bg: #1f2d3d;--theme-border: rgba(59, 130, 246, .18);--theme-border-secondary: rgba(59, 130, 246, .14);--theme-border-third: rgba(59, 130, 246, .08);--theme-text-main: #e2f1ff;--theme-text-secondary: #bad2eb;--theme-text-muted: #9bb1c6;--theme-hover-bg: rgba(59, 130, 246, .08);--theme-input-bg: #141d26;--icon-primary: #60a5fa;--icon-authenticator: #ffffff;--sb-text: #9bb1c6;--sb-label: #748da3;--sb-icon: #60a5fa;--sb-arrow: #4d647a;--sb-active-bg: rgba(59, 130, 246, .3);--sb-active-color: #60a5fa;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-color=rose]{--theme-primary: #ec4899;--theme-primary-hover: #db2777;--theme-primary-rgb: 236, 72, 153;--theme-primary-subtle: rgba(236, 72, 153, .14);--theme-body-bg: #fde9f0;--theme-surface-bg: #f7e2e9;--theme-surface-secondary: #fff5f8;--theme-header-bg: #fac8d9;--theme-card-header-bg: #fac8d9;--theme-border: #f3a4c0;--theme-border-secondary: #ffccde;--theme-border-third: #fef0f4;--theme-text-main: #4a2834;--theme-text-secondary: #6b4b57;--theme-text-muted: #8c707a;--theme-hover-bg: #ffe4ee;--theme-input-bg: #ffffff;--icon-primary: #ec4899;--icon-authenticator: #ff6584;--sb-text: #613f4c;--sb-label: #8c707a;--sb-icon: #ec4899;--sb-arrow: #d9b5c3;--sb-active-bg: #ffe3ec;--sb-active-color: #ec4899;--sb-hover-bg: rgba(236, 72, 153, .08)}[data-theme=dark][data-theme-color=rose],[data-bs-theme=dark][data-theme-color=rose],[data-theme-mode=dark][data-theme-color=rose]{--theme-primary: #f472b6;--theme-primary-hover: #ec4899;--theme-primary-rgb: 244, 114, 182;--theme-body-bg: #24191c;--theme-surface-bg: #2f2226;--theme-surface-secondary: #2b1d21;--theme-header-bg: #24191c;--theme-card-header-bg: #2f2226;--theme-border: rgba(236, 72, 153, .18);--theme-border-secondary: rgba(236, 72, 153, .14);--theme-border-third: rgba(236, 72, 153, .08);--theme-text-main: #fce8ee;--theme-text-secondary: #e4ccd3;--theme-text-muted: #c9b1b9;--theme-hover-bg: rgba(236, 72, 153, .08);--theme-input-bg: #24191c;--icon-primary: #f472b6;--icon-authenticator: #ffffff;--sb-text: #c9b1b9;--sb-label: #a68b94;--sb-icon: #f472b6;--sb-arrow: #7d606b;--sb-active-bg: rgba(236, 72, 153, .25);--sb-active-color: #f472b6;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-color=emerald]{--theme-primary: #10b981;--theme-primary-hover: #059669;--theme-primary-rgb: 16, 185, 129;--theme-primary-subtle: rgba(16, 185, 129, .14);--theme-body-bg: #eafaf3;--theme-surface-bg: #ffffff;--theme-surface-secondary: #f3fbf7;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #c4e9d8;--theme-border-secondary: #daf2e7;--theme-border-third: #edf9f3;--theme-text-main: #17352a;--theme-text-secondary: #365246;--theme-text-muted: #5c7369;--theme-hover-bg: #ddf4ea;--theme-input-bg: #ffffff;--icon-primary: #10b981;--icon-authenticator: #34d399;--sb-text: #274a3d;--sb-label: #5c7369;--sb-icon: #10b981;--sb-arrow: #a5cbbb;--sb-active-bg: #dcf5ea;--sb-active-color: #059669;--sb-hover-bg: rgba(16, 185, 129, .08)}[data-theme=dark][data-theme-color=emerald],[data-bs-theme=dark][data-theme-color=emerald],[data-theme-mode=dark][data-theme-color=emerald]{--theme-primary: #34d399;--theme-primary-hover: #10b981;--theme-primary-rgb: 52, 211, 153;--theme-body-bg: #131f1b;--theme-surface-bg: #1c2e28;--theme-surface-secondary: #192823;--theme-header-bg: #131f1b;--theme-card-header-bg: #1c2e28;--theme-border: rgba(16, 185, 129, .18);--theme-border-secondary: rgba(16, 185, 129, .14);--theme-border-third: rgba(16, 185, 129, .08);--theme-text-main: #dcf5ea;--theme-text-secondary: #bbe0d1;--theme-text-muted: #9bbfb1;--theme-hover-bg: rgba(16, 185, 129, .08);--theme-input-bg: #131f1b;--icon-primary: #34d399;--icon-authenticator: #ffffff;--sb-text: #9bbfb1;--sb-label: #749a8b;--sb-icon: #34d399;--sb-arrow: #4d7566;--sb-active-bg: rgba(16, 185, 129, .28);--sb-active-color: #34d399;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-color=violet]{--theme-primary: #8b5cf6;--theme-primary-hover: #7c3aed;--theme-primary-rgb: 139, 92, 246;--theme-primary-subtle: rgba(139, 92, 246, .14);--theme-body-bg: #f3efff;--theme-surface-bg: #ffffff;--theme-surface-secondary: #f8f5ff;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #ddd0fb;--theme-border-secondary: #ebe3fd;--theme-border-third: #f5f0fe;--theme-text-main: #2b2244;--theme-text-secondary: #494061;--theme-text-muted: #6b6382;--theme-hover-bg: #ece4ff;--theme-input-bg: #ffffff;--icon-primary: #8b5cf6;--icon-authenticator: #a78bfa;--sb-text: #3d3460;--sb-label: #6b6382;--sb-icon: #8b5cf6;--sb-arrow: #b9aad9;--sb-active-bg: #ebe3ff;--sb-active-color: #7c3aed;--sb-hover-bg: rgba(139, 92, 246, .08)}[data-theme=dark][data-theme-color=violet],[data-bs-theme=dark][data-theme-color=violet],[data-theme-mode=dark][data-theme-color=violet]{--theme-primary: #a78bfa;--theme-primary-hover: #8b5cf6;--theme-primary-rgb: 167, 139, 250;--theme-body-bg: #181425;--theme-surface-bg: #241f38;--theme-surface-secondary: #201b31;--theme-header-bg: #181425;--theme-card-header-bg: #241f38;--theme-border: rgba(139, 92, 246, .2);--theme-border-secondary: rgba(139, 92, 246, .14);--theme-border-third: rgba(139, 92, 246, .08);--theme-text-main: #ece4ff;--theme-text-secondary: #cfc6e8;--theme-text-muted: #b0a6cc;--theme-hover-bg: rgba(139, 92, 246, .1);--theme-input-bg: #181425;--icon-primary: #a78bfa;--icon-authenticator: #ffffff;--sb-text: #b0a6cc;--sb-label: #8a80a6;--sb-icon: #a78bfa;--sb-arrow: #5f5680;--sb-active-bg: rgba(139, 92, 246, .28);--sb-active-color: #a78bfa;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-color=orange]{--theme-primary: #f97316;--theme-primary-hover: #ea580c;--theme-primary-rgb: 249, 115, 22;--theme-primary-subtle: rgba(249, 115, 22, .14);--theme-body-bg: #fff4ea;--theme-surface-bg: #ffffff;--theme-surface-secondary: #fff8f2;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #fbd9bd;--theme-border-secondary: #fdeadb;--theme-border-third: #fef4ec;--theme-text-main: #40291a;--theme-text-secondary: #5e4737;--theme-text-muted: #7d6757;--theme-hover-bg: #ffe9d8;--theme-input-bg: #ffffff;--icon-primary: #f97316;--icon-authenticator: #fb923c;--sb-text: #5c3d28;--sb-label: #7d6757;--sb-icon: #f97316;--sb-arrow: #d9b79c;--sb-active-bg: #ffe8d5;--sb-active-color: #ea580c;--sb-hover-bg: rgba(249, 115, 22, .08)}[data-theme=dark][data-theme-color=orange],[data-bs-theme=dark][data-theme-color=orange],[data-theme-mode=dark][data-theme-color=orange]{--theme-primary: #fb923c;--theme-primary-hover: #f97316;--theme-primary-rgb: 251, 146, 60;--theme-body-bg: #221913;--theme-surface-bg: #2f231a;--theme-surface-secondary: #2a1f17;--theme-header-bg: #221913;--theme-card-header-bg: #2f231a;--theme-border: rgba(249, 115, 22, .2);--theme-border-secondary: rgba(249, 115, 22, .14);--theme-border-third: rgba(249, 115, 22, .08);--theme-text-main: #ffe9d8;--theme-text-secondary: #e5c9b4;--theme-text-muted: #c6ac98;--theme-hover-bg: rgba(249, 115, 22, .1);--theme-input-bg: #221913;--icon-primary: #fb923c;--icon-authenticator: #ffffff;--sb-text: #c6ac98;--sb-label: #a08772;--sb-icon: #fb923c;--sb-arrow: #7a6250;--sb-active-bg: rgba(249, 115, 22, .26);--sb-active-color: #fb923c;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-color=slate]{--theme-primary: #64748b;--theme-primary-hover: #475569;--theme-primary-rgb: 100, 116, 139;--theme-primary-subtle: rgba(100, 116, 139, .14);--theme-body-bg: #f1f5f9;--theme-surface-bg: #ffffff;--theme-surface-secondary: #f8fafc;--theme-header-bg: #ffffff;--theme-card-header-bg: #ffffff;--theme-border: #d8e0e8;--theme-border-secondary: #e6ebf1;--theme-border-third: #f1f4f8;--theme-text-main: #1e293b;--theme-text-secondary: #475569;--theme-text-muted: #64748b;--theme-hover-bg: #e8eef4;--theme-input-bg: #ffffff;--icon-primary: #64748b;--icon-authenticator: #94a3b8;--sb-text: #334155;--sb-label: #64748b;--sb-icon: #64748b;--sb-arrow: #aebac7;--sb-active-bg: #e6ecf3;--sb-active-color: #475569;--sb-hover-bg: rgba(100, 116, 139, .08)}[data-theme=dark][data-theme-color=slate],[data-bs-theme=dark][data-theme-color=slate],[data-theme-mode=dark][data-theme-color=slate]{--theme-primary: #94a3b8;--theme-primary-hover: #cbd5e1;--theme-primary-rgb: 148, 163, 184;--theme-body-bg: #0f172a;--theme-surface-bg: #1e293b;--theme-surface-secondary: #1a2436;--theme-header-bg: #0f172a;--theme-card-header-bg: #1e293b;--theme-border: rgba(148, 163, 184, .2);--theme-border-secondary: rgba(148, 163, 184, .14);--theme-border-third: rgba(148, 163, 184, .08);--theme-text-main: #e2e8f0;--theme-text-secondary: #cbd5e1;--theme-text-muted: #94a3b8;--theme-hover-bg: rgba(148, 163, 184, .1);--theme-input-bg: #0f172a;--icon-primary: #94a3b8;--icon-authenticator: #ffffff;--sb-text: #94a3b8;--sb-label: #708096;--sb-icon: #94a3b8;--sb-arrow: #566275;--sb-active-bg: rgba(148, 163, 184, .24);--sb-active-color: #cbd5e1;--sb-hover-bg: rgba(255, 255, 255, .05)}[data-theme-density=compact]{--theme-spacing: .75rem;--theme-card-padding: .85rem;--theme-table-padding: .35rem .5rem;--theme-btn-padding: .25rem .75rem;--theme-font-base: .825rem}[data-theme-density=comfortable]{--theme-spacing: 1rem;--theme-card-padding: 1.25rem;--theme-table-padding: .65rem .85rem;--theme-btn-padding: .45rem 1rem;--theme-font-base: .925rem}[data-theme-density=spacious]{--theme-spacing: 1.5rem;--theme-card-padding: 1.75rem;--theme-table-padding: .95rem 1.15rem;--theme-btn-padding: .65rem 1.35rem;--theme-font-base: 1rem}[data-theme-density=compact] .card-body,[data-theme-density=compact] .doc-form-card .card-body,[data-theme-density=spacious] .card-body,[data-theme-density=spacious] .doc-form-card .card-body{padding:var(--theme-card-padding)!important}[data-theme-density=compact] .table>:not(caption)>*>*,[data-theme-density=spacious] .table>:not(caption)>*>*{padding:var(--theme-table-padding)!important}[data-theme-density=compact] .btn:not(.btn-lg){padding:var(--theme-btn-padding)!important;font-size:var(--theme-font-base)!important}body{font-family:var(--theme-font-family);background-color:var(--theme-body-bg);color:var(--theme-text-main);font-size:var(--theme-font-base);transition:background-color .2s ease,color .2s ease}header{background-color:var(--theme-header-bg);border-bottom:1px solid var(--theme-border);transition:background-color .2s ease,border-color .2s ease}html,body,*{scrollbar-width:thin;scrollbar-color:var(--theme-header-bg) var(--theme-surface-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:var(--theme-surface-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--theme-header-bg);border-radius:4px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)}::-webkit-scrollbar-corner{background-color:var(--theme-surface-secondary)}img[src*="storage/photo"],img[src*="assets/image/people2.png"],.img-fallback,.employee-pic,.emp-photo img,.user-profile-avatar,.user-dropdown-avatar,.user-navbar-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;backface-visibility:hidden;-webkit-backface-visibility:hidden}.g-card,.card,.mock-card,.doc-form-card{background-color:var(--theme-surface-bg);border:2px solid var(--theme-border)!important;border-radius:var(--theme-radius-card)!important;color:var(--theme-text-main);transition:background-color .2s ease,border-color .2s ease,box-shadow .15s ease}.card-theme{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border)!important;border-radius:14px;color:var(--theme-text-main);transition:background-color .3s ease,border-color .3s ease}.inner-box{background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border-secondary, var(--theme-border));border-radius:var(--theme-radius-base);color:var(--theme-text-main);transition:background-color .2s ease,border-color .2s ease}.g-list-item{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:16px 20px;border-bottom:1px solid var(--theme-border);background:none;color:inherit;text-align:left;text-decoration:none;transition:background-color .2s,border-color .2s}.g-list-item:last-child{border-bottom:none}.g-list-item:hover{background-color:var(--theme-hover-bg);color:inherit}.item-icon{width:36px;display:flex;justify-content:center;font-size:1.3rem;color:var(--theme-text-muted)}.item-content{flex-grow:1;padding-left:8px}.item-title{margin-bottom:2px;font-size:.95rem;font-weight:500;color:var(--theme-text-main)}.item-status{font-size:.85rem;color:var(--theme-text-muted)}.item-action{padding-left:16px;font-size:1.1rem;color:var(--theme-text-muted)}.approval-list-page,.doc-history-page,.slip-container,.medical-history-container,.leave-history-container,.ot-history-container,.computer-history-container,.mobile-history-container,.fifty-twi-container,.mobile-container,.medical-approval-container,.leave-approval-container,.ot-approval-container,.computer-approval-container,.mobile-approval-container,.computer-complete-container,.ot-clerk-form,.approval-pending-container{font-size:12.5px}.ot-clerk-list{max-height:360px;overflow-y:auto}.form-container-in,.form-container-use{padding:12px;margin-bottom:16px;background:var(--theme-surface-bg);border-radius:var(--theme-radius-card);border:1px solid var(--theme-border);box-shadow:0 2px 8px #0000000d}.table-slip th{font-size:12px;background-color:var(--theme-surface-secondary);color:var(--theme-text-muted)}.table-slip td{font-size:12px;vertical-align:middle}.btn-theme,.btn-dod{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important;color:#fff!important;font-weight:500;transition:all .2s ease-in-out}.btn-theme:hover,.btn-theme:focus,.btn-dod:hover,.btn-dod:focus{background-color:var(--theme-primary-hover)!important;border-color:var(--theme-primary-hover)!important;color:#fff!important}.btn-group-xs>.btn,.btn-xs{padding:.2rem;font-size:var(--theme-font-small);line-height:1;border-radius:.2rem}.btn-action-sm{font-size:11px!important;border-radius:6px!important;padding:2px 10px!important}.btn-circle{width:40px;height:40px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn-circle.btn-circle-sm{width:35px;height:35px;font-size:.875rem}.btn-circle.btn-circle-xs{width:30px;height:30px;font-size:.75rem}.user-role-tab-btn,.approver-tab-btn{border-radius:50rem!important;padding:.5rem 1.25rem!important;font-weight:600!important;font-size:.875rem!important;border:1px solid var(--theme-border)!important;background-color:var(--theme-surface-secondary)!important;color:var(--theme-text-main)!important;transition:all .2s ease-in-out!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;cursor:pointer!important}.user-role-tab-btn:hover,.approver-tab-btn:hover{background-color:var(--sb-active-bg, var(--theme-surface-secondary))!important;color:var(--sb-active-color, var(--theme-primary))!important;border-color:var(--sb-active-color, var(--theme-primary))!important}.user-role-tab-btn.active,.approver-tab-btn.active{background-color:var(--sb-active-color, var(--theme-primary))!important;color:#fff!important;border-color:var(--sb-active-color, var(--theme-primary))!important;box-shadow:0 2px 6px #0000001f!important}.user-role-tab-btn .tab-badge,.approver-tab-btn .tab-badge{font-size:.75rem!important;padding:.2rem .55rem!important;border-radius:50rem!important;font-weight:700!important}.user-role-tab-btn.active .tab-badge,.approver-tab-btn.active .tab-badge{background-color:#fff!important;color:var(--sb-active-color, var(--theme-primary))!important}.user-role-tab-btn:not(.active) .tab-badge,.approver-tab-btn:not(.active) .tab-badge{background-color:var(--theme-border)!important;color:var(--theme-text-muted)!important}.badge-status{display:inline-block;padding:4px 12px;border:1px solid transparent;border-radius:var(--theme-radius-pill);font-size:.85rem;font-weight:500;line-height:1.4}.badge-status.is-approved{color:var(--status-approved-text);background-color:var(--status-approved-bg);border-color:var(--status-approved-border)}.badge-status.is-rejected{color:var(--status-rejected-text);background-color:var(--status-rejected-bg);border-color:var(--status-rejected-border)}.badge-status.is-pending{color:var(--status-pending-text);background-color:var(--status-pending-bg);border-color:var(--status-pending-border)}.badge-status.is-draft{color:var(--status-draft-text);background-color:var(--status-draft-bg);border-color:var(--status-draft-border)}.badge-status.is-cancelled{color:var(--status-cancelled-text);background-color:var(--status-cancelled-bg);border-color:var(--status-cancelled-border)}.badge-status.is-skip{color:var(--status-skip-text);background-color:var(--status-skip-bg);border-color:var(--status-skip-border)}.item-index-badge{border-radius:50%!important;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;padding:0}.item-index-badge-sm{border-radius:50%!important;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;padding:0}.item-index-badge-lg{border-radius:50%!important;width:25px;height:25px;display:flex;align-items:center;justify-content:center;z-index:10}.badge-xs{font-size:.65rem!important}.badge-urgent{font-size:11px!important;letter-spacing:.3px;animation:pulse 2s infinite ease-in-out}.credit-remain-box{background-color:var(--theme-primary-subtle);color:var(--theme-primary);font-size:.85rem}.employee-pic{width:55px;height:64px;aspect-ratio:6 / 7;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;backface-visibility:hidden;-webkit-backface-visibility:hidden}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--bs-border-radius, .375rem);font-weight:600;line-height:1.35;white-space:nowrap;border:1px solid transparent}.status-badge-xs{font-size:10.5px;padding:2px 5px}.status-badge-sm{font-size:11.5px;padding:3px 7px}.status-badge-lg{font-size:13.5px;padding:5px 11px}.status-approved{color:var(--status-approved-text, #16a34a);background-color:var(--status-approved-bg, rgba(22, 163, 74, .12));border-color:var(--status-approved-border, rgba(22, 163, 74, .28))}.status-rejected{color:var(--status-rejected-text, #dc2626);background-color:var(--status-rejected-bg, rgba(220, 38, 38, .12));border-color:var(--status-rejected-border, rgba(220, 38, 38, .28))}.status-pending{color:var(--status-pending-text, #d97706);background-color:var(--status-pending-bg, rgba(217, 119, 6, .12));border-color:var(--status-pending-border, rgba(217, 119, 6, .28))}.status-skip{color:var(--status-skip-text, #64748b);background-color:var(--status-skip-bg, rgba(100, 116, 139, .1));border-color:var(--status-skip-border, rgba(100, 116, 139, .25))}.status-cancelled{color:var(--status-cancelled-text, #94a3b8);background-color:var(--status-cancelled-bg, rgba(148, 163, 184, .1));border-color:var(--status-cancelled-border, rgba(148, 163, 184, .25))}.status-draft{color:var(--status-draft-text, #2563eb);background-color:var(--status-draft-bg, rgba(37, 99, 235, .12));border-color:var(--status-draft-border, rgba(37, 99, 235, .28))}.status-default{color:var(--theme-text-main, #334155);background-color:#0000000a;border-color:var(--theme-border, #cbd5e1)}.form-control,.form-select{background-color:var(--theme-input-bg, var(--theme-surface-bg));border-color:var(--theme-border);border-radius:var(--theme-radius-base);color:var(--theme-text-main)}.form-control:focus,.form-select:focus{background-color:var(--theme-input-bg, var(--theme-surface-bg));border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-subtle);color:var(--theme-text-main)}.form-control[readonly],.form-control:disabled,.form-select:disabled{background-color:var(--theme-surface-secondary)!important;border-color:var(--theme-border)!important;color:var(--theme-text-muted)}.input-group,.input-group-sm{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;padding:0!important;height:auto!important;min-height:auto!important;border-radius:var(--theme-radius-base)}.form-control-sm:not(textarea),.form-select-sm,.input-group-sm>.form-control:not(textarea),.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn,.input-group-sm>.dropdown>.btn{min-height:31px!important;height:31px!important;font-size:13px!important;line-height:1.5!important;padding-top:.25rem!important;padding-bottom:.25rem!important;box-sizing:border-box!important}textarea.form-control-sm,.input-group-sm>textarea.form-control{min-height:54px!important;height:auto!important;font-size:13px!important;line-height:1.5!important;padding:.375rem .5rem!important;box-sizing:border-box!important;resize:vertical}.input-group-sm>.input-group-text{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .5rem!important}.form-select-sm{padding-left:.5rem!important;padding-right:1.75rem!important}.input-group>.form-control,.input-group>.form-select,.input-group>.input-group-text,.input-group>.btn{border:1px solid var(--theme-border)!important}.input-group>.form-control,.input-group>.form-select{background-color:var(--theme-input-bg, var(--theme-surface-bg));color:var(--theme-text-main)}.input-group>.input-group-text{background-color:var(--theme-surface-secondary)!important;color:var(--theme-text-muted)!important}.input-group>.btn{background-color:var(--theme-surface-secondary)!important;color:var(--theme-text-main)!important}.input-group>.btn:hover,.input-group>.btn:focus{background-color:var(--theme-hover-bg, rgba(var(--theme-primary-rgb), .08))!important;border-color:var(--theme-primary)!important;color:var(--theme-primary)!important;z-index:3}.input-group>.btn:disabled,.input-group>.btn.disabled{background-color:var(--theme-surface-secondary)!important;border-color:var(--theme-border)!important;color:var(--theme-text-muted)!important;opacity:.8}.input-group>:first-child{border-top-left-radius:var(--theme-radius-base)!important;border-bottom-left-radius:var(--theme-radius-base)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group>:not(:first-child):not(:last-child):not(.dropdown-menu){border-radius:0!important;margin-left:-1px}.input-group>:last-child:not(.dropdown-menu){border-top-right-radius:var(--theme-radius-base)!important;border-bottom-right-radius:var(--theme-radius-base)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px}.input-group>.btn:has(+.dropdown-menu),.input-group>.btn.dropdown-toggle{border-top-right-radius:var(--theme-radius-base)!important;border-bottom-right-radius:var(--theme-radius-base)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-1px}.input-group>.dropdown{display:flex;margin-left:-1px}.input-group>.dropdown>.btn{border:1px solid var(--theme-border)!important;background-color:var(--theme-surface-secondary);color:var(--theme-text-main);border-top-right-radius:var(--theme-radius-base)!important;border-bottom-right-radius:var(--theme-radius-base)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;height:100%}.input-group>.dropdown>.btn:hover,.input-group>.dropdown>.btn:focus{border-color:var(--theme-primary)!important;color:var(--theme-primary)!important;z-index:3}.input-group>.dropdown>.btn:disabled{border-color:var(--theme-border)!important;background-color:var(--theme-surface-secondary)!important;color:var(--theme-text-muted)!important;opacity:.85}.dropdown-menu{z-index:1050;padding:.5rem!important;background-color:var(--theme-surface-bg)!important;border:1px solid var(--theme-border)!important;border-radius:var(--theme-radius-card)!important;box-shadow:0 10px 30px #0003!important;color:var(--theme-text-main)!important}.dropdown-item{padding:.5rem .85rem!important;border-radius:8px!important;color:var(--theme-text-main)!important;transition:all .15s ease-in-out;scroll-margin:6px}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--theme-hover-bg, rgba(var(--theme-primary-rgb), .08))!important;color:var(--theme-primary)!important}.dropdown-item.active,.dropdown-item:active{background-color:var(--theme-primary)!important;color:#fff!important;font-weight:600!important}.dropdown-item.active:hover,.dropdown-item.active:focus{background-color:var(--theme-primary-hover)!important;color:#fff!important}.dropdown-divider{margin:.4rem 0!important;border-top:1px solid var(--theme-border-secondary)!important;opacity:1!important}.dropdown-header{font-size:var(--theme-font-small)!important;font-weight:600!important;color:var(--theme-text-muted)!important}.dropdown-btn-stacked{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px}.dropdown-btn-stacked .dropdown-label{font-size:10px;font-weight:500;color:var(--theme-text-muted);letter-spacing:.5px;line-height:1.1}.dropdown-btn-stacked .dropdown-val{font-size:14px;font-weight:700;color:var(--theme-text-main)}.dropdown-btn-inline{display:inline-flex;align-items:center;gap:.35rem;font-size:13px}.dropdown-menu-time{min-width:80px}.dropdown-menu-scrollable{min-width:85px;max-height:240px;overflow-y:auto;overscroll-behavior:contain;background-color:var(--theme-surface-bg)!important;scrollbar-width:thin;scrollbar-color:var(--theme-header-bg) var(--theme-surface-secondary)}.dropdown-menu-scrollable.no-max-height,.dropdown-menu-fit-content{max-height:none!important;height:auto!important;overflow-y:visible!important;min-width:85px;background-color:var(--theme-surface-bg)!important}.dropdown-menu::-webkit-scrollbar,.dropdown-menu-scrollable::-webkit-scrollbar{width:6px;height:6px}.dropdown-menu::-webkit-scrollbar-track,.dropdown-menu-scrollable::-webkit-scrollbar-track{background-color:var(--theme-surface-secondary);border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb,.dropdown-menu-scrollable::-webkit-scrollbar-thumb{background-color:var(--theme-header-bg);border-radius:4px;transition:background-color .2s ease}.dropdown-menu::-webkit-scrollbar-thumb:hover,.dropdown-menu-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)}.table-responsive{scrollbar-width:thin;scrollbar-color:var(--theme-header-bg) var(--theme-surface-secondary);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background-color:var(--theme-surface-secondary);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background-color:var(--theme-header-bg);border-radius:4px;transition:background-color .2s ease}.table-responsive::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)}.table-responsive.table-scrollable,.table-responsive-scrollable,.leave-form-container .table-responsive{max-height:200px;overflow-y:auto;overflow-x:auto}.table-responsive .data-row{transition:background-color .15s ease}.table-responsive .data-row:hover{background-color:var(--theme-hover-bg, rgba(var(--theme-primary-rgb), .05))}.tree-table-card{background-color:var(--theme-surface-bg);border-radius:var(--theme-radius-card, 14px)!important;border:1px solid var(--theme-border)!important;overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.tree-table-card .tree-table-topbar{border-bottom:1px solid var(--theme-border)!important;background-color:var(--theme-header-bg);transition:background-color .3s ease,border-color .3s ease}.tree-table-card .tree-table-footer{border-top:1px solid var(--theme-border)!important;background-color:var(--theme-surface-bg);transition:background-color .3s ease,border-color .3s ease}.tree-table-card .table{color:var(--theme-text-main)!important;border-color:var(--theme-border)!important}.tree-table-card .table>:not(caption)>*>*{background-color:transparent;color:inherit;border-bottom-color:var(--theme-border)}.tree-table-card .table-hover>tbody>tr:hover>*{background-color:var(--theme-hover-bg)!important;color:var(--theme-text-main)!important}tr.tree-header-row,tr.dept-header-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid var(--theme-border)!important;border-bottom:1px solid var(--theme-border)!important;background-color:var(--theme-surface-secondary)}tr.tree-item-row,tr.dept-item-row{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),background-color .15s ease;will-change:opacity,transform}tr.tree-item-row.collapse.show,tr.dept-item-row.collapse.show{display:table-row!important;opacity:1;transform:translateY(0)}tr.tree-item-row.collapse:not(.show),tr.dept-item-row.collapse:not(.show),tr.tree-item-row.tree-row-hidden,tr.dept-item-row.tree-row-hidden{display:none!important;opacity:0;transform:translateY(-4px)}tr.tree-item-row.collapsing,tr.dept-item-row.collapsing{display:table-row!important;height:auto!important;overflow:visible!important}tr.tree-header-row,tr.dept-header-row{transition:background-color .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;background-color:var(--theme-surface-secondary)!important}tr.tree-header-row:hover,tr.dept-header-row:hover{background-color:var(--sb-hover-bg, rgba(var(--theme-primary-rgb), .08))!important}tr.tree-header-row td,tr.dept-header-row td{border-top:1px solid var(--theme-border)!important;border-bottom:1px solid var(--theme-border)!important}.tree-toggle-icon,.toggle-icon{display:inline-block;color:var(--sb-active-color, var(--theme-primary));transition:transform .26s cubic-bezier(.34,1.56,.64,1)!important;will-change:transform}tr.tree-header-row[aria-expanded=false] .tree-toggle-icon,tr.tree-header-row.collapsed .tree-toggle-icon,tr.dept-header-row[aria-expanded=false] .toggle-icon,tr.dept-header-row.collapsed .toggle-icon{transform:rotate(-90deg)!important}tr.tree-header-row[aria-expanded=true] .tree-toggle-icon,tr.tree-header-row:not(.collapsed) .tree-toggle-icon,tr.dept-header-row[aria-expanded=true] .toggle-icon,tr.dept-header-row:not(.collapsed) .toggle-icon{transform:rotate(0)!important}.table-approvers{font-size:13px}.table-approvers th{font-weight:600;color:var(--theme-text-muted)}#levDateDet .data-row:last-child{border-bottom:none!important}.card-header-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--theme-card-header-bg);border-color:var(--theme-border);color:var(--theme-text-main);border-top-left-radius:calc(var(--theme-radius-card) - 1px);border-top-right-radius:calc(var(--theme-radius-card) - 1px)}.emp-banner,.department-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--theme-surface-secondary);border-bottom:1px solid var(--theme-border-secondary)}.emp-photo{width:60px;height:70px;aspect-ratio:6 / 7;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--theme-surface-primary);border:1px solid var(--theme-border);border-radius:14px;font-size:1.3rem;color:var(--theme-primary);flex-shrink:0}.emp-photo img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-footer-actions{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.self-trans-container,.leave-form-container,.ot-form-container,.medical-form-container,.computer-form-container,.mobile-form-container{font-size:13px}.leave-form-container .form-control,.leave-form-container .form-select,.leave-form-container .input-group,.leave-form-container textarea,.ot-form-container .form-control,.ot-form-container .form-select,.ot-form-container .input-group,.ot-form-container textarea,.computer-form-container .form-control,.computer-form-container .form-select,.medical-form-container .form-control,.medical-form-container .form-select{box-shadow:none!important}.leave-form-container .input-group,.ot-form-container .input-group,.medical-form-container .input-group,.computer-form-container .input-group{border-radius:var(--theme-radius-base)}.leave-form-container .input-group>.form-control,.leave-form-container .input-group>.form-select,.leave-form-container .input-group>.input-group-text,.leave-form-container .input-group>.btn,.leave-form-container .input-group>.dropdown>.btn,.ot-form-container .input-group>.form-control,.ot-form-container .input-group>.form-select,.ot-form-container .input-group>.input-group-text,.ot-form-container .input-group>.btn,.ot-form-container .input-group>.dropdown>.btn{border:1px solid var(--theme-border)!important;font-size:13px;height:31px}#stTime,select[name=stTime]{background-image:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding:0!important}#stTime,select[name=stTime],#endTime,input[name=endTime]{min-width:60px;max-width:60px;background-color:var(--theme-surface-secondary)!important;border-color:var(--theme-border)!important;color:var(--theme-text-muted)!important;font-size:12px}#stTime.custom-select-time{background-color:var(--theme-input-bg, var(--theme-surface-bg))!important;border-color:var(--theme-primary)!important;color:var(--theme-primary)!important;font-weight:600;cursor:pointer}.signature-wrapper{position:relative;width:100%;max-width:330px;height:140px;margin:0 auto;background-color:var(--theme-input-bg);border:1px dashed var(--theme-border-secondary);border-radius:8px}.signature-pad-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.display-sig-box{width:100%;max-width:240px;height:80px;background:var(--theme-input-bg);border:1px dotted var(--theme-border);border-radius:8px}.display-sig-box img{display:block;max-width:100%;max-height:100%;object-fit:contain}.preset-badge{background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border);border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .15s ease-in-out;color:var(--theme-text-muted)}.preset-badge:hover{background-color:var(--sb-hover-bg, rgba(var(--theme-primary-rgb), .08))!important;color:var(--theme-primary)!important;border-color:rgba(var(--theme-primary-rgb),.3)!important}.readonly-control{background-color:var(--theme-surface-secondary)!important;cursor:not-allowed!important;color:var(--theme-text-muted)!important}.preset-time-btn{cursor:pointer;background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border);border-radius:6px;padding:4px 8px;transition:all .15s ease-in-out;font-size:11px;font-weight:500;color:var(--theme-text-muted);outline:none;line-height:normal}.preset-time-btn:hover{background-color:var(--sb-hover-bg, rgba(var(--theme-primary-rgb), .08))!important;color:var(--theme-primary)!important;border-color:rgba(var(--theme-primary-rgb),.3)!important}.work-cat-card{cursor:pointer;background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border);border-radius:6px;padding:5px 10px;transition:all .15s ease-in-out;font-size:11px;font-weight:500}.work-cat-card.active{background-color:var(--theme-primary-subtle);border-color:var(--theme-primary);color:var(--theme-primary);font-weight:600}.work-cat-card:hover:not(.active){background-color:var(--sb-hover-bg, rgba(var(--theme-primary-rgb), .08))!important;border-color:rgba(var(--theme-primary-rgb),.3)!important;color:var(--theme-primary)}.year-badge-card,.shift-badge-card{background-color:var(--theme-surface-bg)!important;border:1px solid var(--theme-border-secondary)!important;border-radius:var(--theme-radius-base, 8px)!important}.year-badge-label,.shift-badge-label{font-size:10px;font-weight:600;letter-spacing:1px;line-height:1.1;color:var(--theme-text-muted)!important}.year-badge-input{font-size:.9rem;max-width:40px;color:var(--theme-text-main)!important}.year-badge-value{font-size:.9rem;max-width:40px;line-height:1.2;color:var(--theme-text-main)!important}.shift-badge-card{min-width:65px}.shift-badge-input,.shift-badge-value{font-size:.95rem;line-height:1.2;color:var(--icon-primary, var(--theme-primary))!important;white-space:nowrap}.sgm-banner-marquee-container{overflow:hidden;white-space:nowrap;position:relative;flex:1 1 auto;min-width:0;mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent)}.sgm-banner-marquee-track{display:inline-flex;align-items:center;white-space:nowrap;will-change:transform;animation:sgmMarqueeAnim 28s linear infinite}.sgm-banner-marquee-container:hover .sgm-banner-marquee-track,.sgm-banner-marquee-container:active .sgm-banner-marquee-track{animation-play-state:paused}@keyframes sgmMarqueeAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:576px){.sgm-banner-marquee-track{animation-duration:20s}}.slip-history-container{font-size:13px}.slip-month-badge{min-width:58px;background-color:var(--theme-surface-bg)}.slip-detail-modal .modal-content{border-radius:var(--theme-radius-card);background-color:var(--theme-surface-bg);border:1px solid var(--theme-border);color:var(--theme-text-main)}.slip-detail-modal .modal-header{background-color:var(--theme-surface-bg);border-color:var(--theme-border)}.slip-detail-modal .modal-body{background-color:var(--theme-surface-bg);color:var(--theme-text-main)}.slip-detail-modal .modal-footer{background-color:var(--theme-surface-secondary);border-color:var(--theme-border)}.slip-header-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-hover, var(--theme-primary)));color:#fff;flex-shrink:0}.slip-detail-modal .table-slip-detail th,.slip-detail-modal .table-slip-detail td{padding:.5rem .75rem;font-size:12.5px;border-color:var(--theme-border-subtle, rgba(0, 0, 0, .05));color:var(--theme-text-main)}.slip-detail-modal .table-slip-detail tr:last-child td{border-bottom:0}.slip-col-unit{width:70px;min-width:60px;display:inline-block;text-align:center}td.slip-col-unit{display:table-cell}.slip-col-amount{width:95px;min-width:85px;display:inline-block;text-align:right}td.slip-col-amount{display:table-cell}.slip-box-footer{background-color:var(--theme-surface-secondary);border-color:var(--theme-border-secondary, var(--theme-border))}.slip-net-banner{background-color:var(--theme-primary-subtle);border:1px solid var(--theme-primary);border-radius:var(--theme-radius-base)}.slip-net-icon{width:44px;height:44px;border:2px solid var(--theme-primary);color:var(--theme-primary);background-color:var(--theme-surface-bg);flex-shrink:0}.slip-net-amount{color:var(--theme-primary)}.slip-verify-icon{width:70px;height:70px}#leaveStatsCarousel,.leave-stats-carousel-box{font-size:11.5px!important;line-height:1.45!important;position:relative}#leaveStatsCarousel .small,#leaveStatsCarousel .row.small,.leave-stats-carousel-box .small,.leave-stats-carousel-box .row.small{font-size:11.5px!important;line-height:1.45!important}#leaveStatsCarousel .carousel-inner,.leave-stats-carousel-box .carousel-inner{padding-left:2px;padding-right:22px}#leaveStatsCarousel .carousel-control-prev,#leaveStatsCarousel .carousel-control-next,.leave-stats-carousel-box .carousel-control-prev,.leave-stats-carousel-box .carousel-control-next{width:20px!important;opacity:.45;transition:opacity .2s ease}#leaveStatsCarousel .carousel-control-prev:hover,#leaveStatsCarousel .carousel-control-next:hover,.leave-stats-carousel-box .carousel-control-prev:hover,.leave-stats-carousel-box .carousel-control-next:hover{opacity:.9}#leaveStatsCarousel .carousel-control-prev-icon,#leaveStatsCarousel .carousel-control-next-icon,.leave-stats-carousel-box .carousel-control-prev-icon,.leave-stats-carousel-box .carousel-control-next-icon{width:14px;height:14px}@media(max-width:575.98px){#leaveStatsCarousel,.leave-stats-carousel-box,#leaveStatsCarousel .small,#leaveStatsCarousel .row.small,.leave-stats-carousel-box .small,.leave-stats-carousel-box .row.small{font-size:11px!important}#leaveStatsCarousel .carousel-inner,.leave-stats-carousel-box .carousel-inner{padding-left:0;padding-right:18px}}@media print{body *{visibility:hidden}.modal.show .modal-dialog,.modal.show .modal-content,.modal.show .modal-content *{visibility:visible}.modal.show{position:absolute;left:0;top:0;margin:0;padding:0;min-width:100%;background:transparent!important}.modal-backdrop,.modal-footer,.btn-close{display:none!important}}.dod-card{background-color:var(--theme-surface-bg);border:1px solid var(--theme-border);border-radius:var(--theme-radius-card, 14px);box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;overflow:hidden}.dod-card-header{background-color:var(--theme-surface-secondary);color:var(--sb-active-color, var(--theme-primary));padding:.85rem 1.25rem;font-weight:600;font-size:.925rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border)}.dod-card-body{padding:1.25rem;color:var(--theme-text-main)}.dod-list-item{padding:1.25rem;border-bottom:1px solid var(--theme-border);display:flex;align-items:center;transition:background-color .15s ease;text-decoration:none;color:inherit}.dod-list-item:last-child{border-bottom:none}.dod-list-item:hover{background-color:var(--theme-hover-bg)}.item-icon-wrapper{width:48px;height:48px;border-radius:10px;background-color:var(--theme-surface-secondary);display:flex;align-items:center;justify-content:center;margin-right:1.25rem;flex-shrink:0;border:1px solid var(--theme-border)}.item-icon-wrapper i{font-size:1.5rem;color:var(--icon-primary, var(--theme-primary))}.security-status-badge{font-size:.75rem;padding:.25rem .65rem;border-radius:9999px;font-weight:500;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.badge-active{background-color:#16a34a26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-inactive{background-color:var(--theme-surface-secondary);color:var(--theme-text-muted);border:1px solid var(--theme-border)}.badge-warning{background-color:#eab30826;color:#eab308;border:1px solid rgba(234,179,8,.3)}.instruction-step{display:flex;align-items:flex-start;margin-bottom:1.15rem}.instruction-step:last-child{margin-bottom:0}.step-number{width:26px;height:26px;background-color:var(--theme-primary);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.825rem;font-weight:700;margin-right:.85rem;flex-shrink:0;margin-top:1px}.secret-key-wrapper{display:flex;align-items:stretch;gap:6px;margin-top:.5rem}.secret-key-box{flex:1;background-color:var(--theme-surface-secondary);border:1px dashed var(--theme-border);padding:.6rem .85rem;border-radius:var(--theme-radius-base, 8px);font-family:monospace;font-size:1rem;letter-spacing:1.5px;color:var(--theme-text-main);font-weight:700;display:flex;align-items:center;justify-content:center;word-break:break-all;-webkit-user-select:all;user-select:all}.btn-copy-key{background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border);color:var(--theme-primary);border-radius:var(--theme-radius-base, 8px);padding:0 1rem;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease-in-out}.btn-copy-key:hover{background-color:var(--theme-primary);color:#fff;border-color:var(--theme-primary)}.btn-dod-danger{background-color:var(--theme-danger);color:#fff;border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:500;transition:background-color .2s ease}.btn-dod-danger:hover{background-color:#dc2626;color:#fff}.requirement-box{padding:14px 16px;border-radius:8px;margin-top:10px;font-size:.82rem;background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border)}.req-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--theme-text-muted);transition:color .15s}.req-item:last-child{margin-bottom:0}.req-item.valid{color:#10b981!important;font-weight:500}.req-item.valid i:before{content:""}.device-list{border:1px solid var(--theme-border);border-radius:8px;overflow:hidden}.device-item{padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--theme-surface-bg)}.device-item:last-child{border-bottom:none}.device-icon-box{width:40px;height:40px;border-radius:8px;background-color:var(--theme-surface-secondary);display:flex;align-items:center;justify-content:center;margin-right:1rem;color:var(--icon-primary, var(--theme-primary));font-size:1.25rem;border:1px solid var(--theme-border)}.profile-img-wrapper{width:140px;height:140px;margin:0 auto}.profile-avatar-frame{border-color:var(--theme-border)!important;background-color:var(--theme-surface-secondary)}.avatar-adjust-btn{width:36px;height:36px;border:2.5px solid var(--theme-surface-bg)!important}.user-profile-avatar,.user-dropdown-avatar,.user-navbar-avatar{object-fit:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;backface-visibility:hidden;-webkit-backface-visibility:hidden}.calendar-card{border-radius:8px;overflow:hidden;background-color:var(--theme-surface-bg);border:1px solid var(--theme-border)!important;transition:transform .15s ease,box-shadow .15s ease}.calendar-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.workday-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #00000026}.cal-table th{font-size:12px;font-weight:700;padding:3px 0;background-color:var(--theme-surface-secondary);color:var(--theme-text-main)}.cal-table td{height:24px;font-size:12px;padding:0;vertical-align:middle;color:var(--theme-text-main)}.flag-img{width:20px;height:auto;border:1px solid var(--theme-border);border-radius:2px;vertical-align:middle;margin-right:4px}.login-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--theme-text-muted);font-size:.85rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--theme-border)}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--theme-text-muted);font-size:1.1rem;pointer-events:none;z-index:2}.input-icon-wrapper .form-control{padding-left:40px;border-radius:var(--theme-radius-base)}.input-icon-wrapper .form-control.has-toggle{padding-right:42px}.input-icon-wrapper .btn-toggle-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--theme-text-muted);padding:4px 8px;cursor:pointer;font-size:1.1rem;z-index:3}.input-icon-wrapper .btn-toggle-eye:hover{color:var(--theme-text-main)}.input-icon-wrapper .form-control:focus~.input-icon-left{color:var(--theme-primary)}.otp-input{letter-spacing:.5rem;font-size:1.5rem;text-align:center;font-weight:600}.admin-header-icon{background:var(--sb-active-bg, var(--theme-surface-secondary))!important;color:var(--sb-active-color, var(--theme-primary))!important;border:1px solid var(--theme-border)!important;box-shadow:0 0 14px var(--sb-active-bg, rgba(var(--theme-primary-rgb), .15));width:44px;height:44px}.section-icon-wrapper{width:28px;height:28px;background-color:var(--sb-active-bg, var(--theme-surface-secondary));color:var(--sb-active-color, var(--theme-primary));border:1px solid var(--theme-border);font-size:13px}.working-day-item{background-color:var(--theme-surface-secondary)!important;border:1px solid var(--theme-border)!important;border-radius:10px;padding:8px 12px;transition:all .2s ease}.working-day-item.is-holiday-active{opacity:.65;background-color:var(--theme-body-bg)!important}.working-day-item .form-control{background-color:var(--theme-input-bg, var(--theme-surface-bg))!important;color:var(--theme-text-main)!important;border:1px solid var(--theme-border)!important;color-scheme:light dark;font-size:13px;padding:4px 6px}.working-day-item .form-control:disabled{background-color:var(--theme-body-bg)!important;color:var(--theme-text-muted)!important;opacity:.45}.working-day-item .input-group-text{background-color:var(--theme-surface-secondary)!important;color:var(--theme-text-muted)!important;border:1px solid var(--theme-border)!important;padding:4px 8px}.working-day-grid{display:grid;grid-template-columns:130px 1fr auto;align-items:center;column-gap:16px}.day-title-col{grid-column:1;display:flex;align-items:center;min-width:0}.time-range-col{grid-column:2;display:flex;align-items:center;justify-content:center;gap:8px}.time-range-col .input-group{max-width:155px}.time-range-col .time-separator{font-size:12px;color:var(--theme-text-muted);flex-shrink:0}.switch-col{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}@media(max-width:767.98px){.working-day-grid{grid-template-columns:1fr auto;row-gap:7px;column-gap:8px}.day-title-col{grid-column:1;grid-row:1}.switch-col{grid-column:2;grid-row:1}.time-range-col{grid-column:1 / -1;grid-row:2;width:100%;justify-content:space-between;gap:6px}.time-range-col .input-group{max-width:none!important;flex:1 1 0;min-width:0}.time-range-col .form-control{font-size:13px!important;padding:4px!important;text-align:center}.time-range-col .input-group-text{padding:4px 6px!important;font-size:12px}.time-range-col .time-separator{font-size:11.5px;padding:0 2px}}.sla-badge-admin{background-color:#dc35451f!important;color:#ff6b6b!important;border:1px solid rgba(220,53,69,.25)!important;font-weight:500}.sla-badge-step{background-color:var(--sb-active-bg, var(--theme-surface-secondary))!important;color:var(--sb-active-color, var(--theme-primary))!important;border:1px solid var(--theme-border)!important;font-weight:600;font-size:11px}.sla-formula-text{font-size:12px;line-height:1.5;color:var(--theme-text-muted)!important}.sla-formula-text code{background:var(--theme-body-bg);color:var(--sb-active-color, var(--theme-primary));border:1px solid var(--theme-border);padding:1px 6px;border-radius:4px;font-size:11px}.sla-status-text{font-size:11.5px;line-height:1.4;word-break:break-word}.btn-save-theme{background-color:var(--theme-primary)!important;border-color:var(--theme-primary)!important;color:#fff!important;transition:filter .2s ease,transform .15s ease}.btn-save-theme:hover{filter:brightness(1.1);transform:translateY(-1px)}.sla-step-card{background-color:var(--theme-surface-secondary)!important;border:1px solid var(--theme-border)!important;border-radius:12px;padding:.9rem 1.1rem;transition:border-color .2s ease}.sla-step-card:hover{border-color:var(--sb-active-color, var(--theme-primary))!important}.sla-step-card .form-control{background-color:var(--theme-input-bg, var(--theme-surface-bg))!important;color:var(--theme-text-main)!important;border:1px solid var(--theme-border)!important}.sla-step-card .input-group-text{background-color:var(--theme-body-bg)!important;color:var(--theme-text-muted)!important;border:1px solid var(--theme-border)!important}.form-switch-custom{cursor:pointer;width:2.2em;height:1.1em}.day-dot{width:9px;height:9px;background-color:var(--dot-color, var(--sb-active-color));box-shadow:0 0 6px var(--dot-color, var(--sb-active-color))}.tree-list-container .tree-list-item{position:relative;padding-left:1.25rem}.tree-list-container .tree-list-item:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;border-left:1px dashed var(--theme-border)}.tree-list-container .tree-list-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease,background-color .15s ease;color:var(--theme-text-main)}.tree-list-container .tree-list-header:hover{color:var(--sb-active-color, var(--theme-primary));background-color:var(--theme-hover-bg)}.tree-list-container .tree-list-header[aria-expanded=false] .tree-list-icon,.tree-list-container .tree-list-header.collapsed .tree-list-icon{transform:rotate(-90deg)}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1050;max-height:220px;overflow-y:auto;background:var(--theme-surface-bg);border:1px solid var(--theme-border);border-radius:6px;box-shadow:0 4px 12px #0000001a}.autocomplete-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--theme-border);font-size:12.5px;color:var(--theme-text-main)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--sb-active-bg, var(--theme-surface-secondary));color:var(--sb-active-color, var(--theme-primary))}.sidebar{min-width:250px;max-width:250px;background-color:var(--theme-surface-bg);transition:all .3s ease;min-height:calc(100vh - 56px)}.sidebar-nav-links{border:none!important;padding:.75rem 1rem}.sidebar-nav-links .list-group-item{position:relative;margin-bottom:2px;padding:.6rem .75rem;border:none!important;border-radius:8px!important;background:transparent!important;color:var(--sb-text);font-weight:400;transition:all .2s ease}.sidebar-nav-links .list-group-item:hover{background-color:var(--sb-hover-bg)!important;color:var(--sb-active-color)}.sidebar-nav-links .group-active,.sidebar-nav-links .active-menu,.sidebar-nav-links .active-menu:hover{background-color:var(--sb-active-bg)!important;color:var(--sb-active-color)!important;font-weight:500}.sidebar-nav-links .group-active:before{content:"";position:absolute;left:-1rem;top:15%;width:4px;height:70%;background-color:var(--sb-active-color);border-top-right-radius:4px;border-bottom-right-radius:4px}.active-menu .menu-icon,.group-active .menu-icon{color:var(--sb-active-color)!important}.submenu-box{padding-left:.5rem;margin-bottom:.5rem}.submenu-box .list-group-item{padding-left:15px!important;font-size:.92em}.submenu-dot{font-size:.4rem;vertical-align:middle}.menu-icon{width:24px;display:inline-flex;align-items:center;justify-content:start;font-size:1.1rem;color:var(--sb-icon)}.sidebar-label{padding:1rem .75rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sb-label)}.arrow-icon{font-size:var(--theme-font-small);color:var(--sb-arrow);transition:transform .2s ease}.dropdown-toggle-custom[aria-expanded=true] .arrow-icon{transform:rotate(180deg)}.icon-verified-wrapper{position:relative;display:inline-block}.check-badge{position:absolute;bottom:2px;right:2px;font-size:8px;color:var(--theme-success);background-color:var(--theme-surface-bg);border-radius:50%}.offcanvas.offcanvas-start{display:flex!important;flex-direction:column!important;width:280px!important;max-width:85vw!important;background-color:var(--theme-surface-bg)!important;color:var(--theme-text-main)!important;border-right:1px solid var(--theme-border)!important;overflow:hidden!important}.offcanvas-header{flex:0 0 56px!important;height:56px!important;width:100%!important;padding:0 1rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background-color:var(--theme-header-bg)!important;border-bottom:1px solid var(--theme-border)!important;box-sizing:border-box!important}.offcanvas-body{flex:1 1 auto!important;height:calc(100% - 56px)!important;width:100%!important;padding:.5rem!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;box-sizing:border-box!important;scrollbar-width:thin;scrollbar-color:var(--theme-header-bg) var(--theme-surface-secondary)}.offcanvas-body::-webkit-scrollbar{width:6px}.offcanvas-body::-webkit-scrollbar-track{background-color:var(--theme-surface-secondary);border-radius:4px}.offcanvas-body::-webkit-scrollbar-thumb{background-color:var(--theme-header-bg);border-radius:4px;transition:background-color .2s ease}.offcanvas-body::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)}.offcanvas-body .sidebar-nav-links{width:100%!important;padding:0!important;box-sizing:border-box!important}.pagination-summary{font-size:.9rem;color:var(--theme-text-muted)}.pagination-summary .fw-medium{color:var(--theme-text-main)}.nav-btn-group{display:inline-flex;background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border);border-radius:var(--theme-radius-base, 8px);overflow:hidden}.nav-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--theme-text-main);transition:background-color .15s ease,color .15s ease;cursor:pointer}.nav-btn:hover:not(:disabled){background-color:var(--theme-hover-bg);color:var(--theme-primary)}.nav-btn:disabled{opacity:.35;cursor:not-allowed}button#userTopMenuDropdown.btn-avatar-trigger{padding:2px 4px 2px 2px!important;border-radius:12px!important;border:none!important;height:46px!important;display:inline-flex!important;align-items:center!important;transition:all .2s ease-in-out!important}button#userTopMenuDropdown.btn-avatar-trigger:hover,button#userTopMenuDropdown.btn-avatar-trigger.show,button#userTopMenuDropdown.btn-avatar-trigger:focus,button#userTopMenuDropdown.btn-avatar-trigger:active{background-color:var(--sb-active-bg)!important;box-shadow:none!important}button#userTopMenuDropdown.btn-avatar-trigger:hover .bi-chevron-down,button#userTopMenuDropdown.btn-avatar-trigger.show .bi-chevron-down,button#userTopMenuDropdown.btn-avatar-trigger:hover .bi-person,button#userTopMenuDropdown.btn-avatar-trigger.show .bi-person{color:var(--sb-active-color)!important}button#userTopMenuDropdown.btn-avatar-trigger .user-avatar-wrapper{width:38px!important;height:42px!important;border-radius:9px!important;background-color:var(--theme-body-bg)!important;transition:all .2s ease-in-out!important}button#userTopMenuDropdown.btn-avatar-trigger:hover .user-avatar-wrapper,button#userTopMenuDropdown.btn-avatar-trigger.show .user-avatar-wrapper{background-color:transparent!important;border-color:var(--sb-active-color)!important}.user-navbar-avatar{image-rendering:auto!important;image-rendering:high-quality!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}button#btnMobileMenuToggle,button#btnQuickThemeToggle,button#mainNotiDropdown.btn-noti-trigger{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background-color:transparent!important;border-radius:var(--theme-radius-base)!important;color:var(--theme-text-main)!important;border:none!important;padding:0!important;transition:all .2s ease-in-out!important}@media(min-width:992px){button#btnMobileMenuToggle{display:none!important}}button#btnMobileMenuToggle:hover,button#btnQuickThemeToggle:hover,button#mainNotiDropdown.btn-noti-trigger:hover,button#mainNotiDropdown.btn-noti-trigger[aria-expanded=true],button#mainNotiDropdown.btn-noti-trigger.show,button#mainNotiDropdown.btn-noti-trigger:focus,button#mainNotiDropdown.btn-noti-trigger:active{background-color:var(--sb-active-bg)!important;color:var(--sb-active-color)!important}button#mainNotiDropdown.btn-noti-trigger .badge{z-index:2;top:-6px!important;right:-2px!important;left:auto!important;transform:none!important}.theme-noti-dropdown .dropdown-menu.noti-dropdown-menu{width:330px;max-width:calc(100vw - 24px);background-color:var(--theme-surface-bg)!important;border:1px solid var(--theme-border)!important;border-radius:16px!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;overflow:hidden!important;padding:0!important}@media(max-width:767.98px){.theme-noti-dropdown .dropdown-menu.noti-dropdown-menu{width:min(320px,calc(100vw - 24px))!important}}.theme-noti-dropdown .noti-header{background-color:var(--theme-surface-bg);border-bottom:1px solid var(--theme-border)!important;padding:.75rem 1rem}.theme-noti-dropdown .noti-header-title{font-size:.95rem;font-weight:700;color:var(--theme-text-main)}.theme-noti-dropdown .noti-mark-all-btn{font-size:.78rem;color:var(--theme-text-muted);font-weight:500;transition:color .15s ease}.theme-noti-dropdown .noti-mark-all-btn:hover{color:var(--theme-primary)}.theme-noti-dropdown .noti-list-container{max-height:380px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--theme-header-bg) var(--theme-surface-secondary)}.theme-noti-dropdown .noti-list-container::-webkit-scrollbar{width:6px}.theme-noti-dropdown .noti-list-container::-webkit-scrollbar-track{background-color:var(--theme-surface-secondary);border-radius:4px}.theme-noti-dropdown .noti-list-container::-webkit-scrollbar-thumb{background-color:var(--theme-header-bg);border-radius:4px;transition:background-color .2s ease}.theme-noti-dropdown .noti-list-container::-webkit-scrollbar-thumb:hover{background-color:var(--theme-primary)}.theme-noti-dropdown .noti-list-item{border-bottom:1px solid var(--theme-border)}.theme-noti-dropdown .noti-list-item:last-child{border-bottom:none}.theme-noti-dropdown .noti-item{padding:.75rem 1rem!important;border-radius:0!important;white-space:normal!important;background-color:var(--theme-surface-bg);color:var(--theme-text-main)!important;transition:background-color .15s ease-in-out}.theme-noti-dropdown .noti-item.noti-unread{background-color:var(--theme-primary-subtle, rgba(var(--theme-primary-rgb), .08))!important}.theme-noti-dropdown .noti-item:hover,.theme-noti-dropdown .noti-item:focus{background-color:var(--theme-hover-bg)!important;color:var(--theme-text-main)!important}.theme-noti-dropdown .noti-icon{flex-shrink:0;color:var(--theme-text-muted)}.theme-noti-dropdown .noti-item.noti-unread .noti-icon{color:var(--theme-primary)}.theme-noti-dropdown .noti-title{font-size:.85rem;font-weight:700;color:var(--theme-text-main);line-height:1.35}.theme-noti-dropdown .noti-body{font-size:.78rem;color:var(--theme-text-muted);line-height:1.4}.theme-noti-dropdown .noti-meta{font-size:.72rem;color:var(--theme-text-muted)}.theme-noti-dropdown .noti-ref{color:var(--theme-text-muted);font-family:monospace;font-size:.72rem}.theme-noti-dropdown .noti-time{color:var(--theme-text-muted);font-size:.72rem;white-space:nowrap}.user-profile-menu .dropdown-item{margin:2px 0;border-radius:var(--theme-radius-base);color:var(--theme-text-main)!important;transition:all .15s ease-in-out}.user-profile-menu .dropdown-item i{width:22px;margin-right:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem;color:var(--sb-icon, var(--theme-text-muted))}.user-profile-menu .dropdown-item:hover,.user-profile-menu .dropdown-item:focus{background-color:var(--sb-active-bg, var(--theme-hover-bg))!important;color:var(--sb-active-color, var(--theme-primary))!important}.user-profile-menu .dropdown-item:hover i,.user-profile-menu .dropdown-item:focus i{color:var(--sb-active-color, var(--theme-primary))!important}.user-profile-menu .dropdown-item.btn-logout,.user-profile-menu .dropdown-item.btn-logout i{color:var(--theme-danger)!important}.user-profile-menu .dropdown-item.btn-logout:hover,.user-profile-menu .dropdown-item.btn-logout:focus{background-color:var(--theme-danger-subtle)!important;color:#dc2626!important}.user-profile-menu .dropdown-item.btn-logout:hover i,.user-profile-menu .dropdown-item.btn-logout:focus i{color:#dc2626!important}.user-profile-menu .form-check-input{cursor:pointer;border-color:var(--theme-border);transition:background-color .2s ease,border-color .2s ease}.user-profile-menu .form-check-input:checked{background-color:var(--sb-active-color, var(--theme-primary))!important;border-color:var(--sb-active-color, var(--theme-primary))!important}.user-profile-menu .form-check-input:focus{box-shadow:0 0 0 .15rem var(--theme-primary-subtle)}.noti-toggle-box{padding:2px 8px;background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border-secondary);border-radius:var(--theme-radius-base);transition:all .25s ease-in-out}.noti-toggle-box:hover{background-color:var(--theme-hover-bg)!important;border-color:var(--sb-active-color, var(--theme-primary))!important}.lang-switcher-container{background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border-secondary)}.lang-btn{font-size:.75rem;transition:all .2s ease-in-out}.lang-btn.active{background-color:var(--sb-active-color, var(--theme-primary))!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 5px #0003!important}.lang-btn:not(.active){background-color:transparent!important;color:var(--theme-text-muted)!important}.lang-btn:not(.active):hover{background-color:var(--theme-hover-bg)!important;color:var(--theme-text-main)!important}.datepicker,.datepicker-dropdown{font-family:var(--theme-font-family)!important;z-index:1065!important}.datepicker-picker{padding:8px!important;background-color:var(--theme-surface-bg)!important;border:1px solid var(--theme-border)!important;border-radius:var(--theme-radius-card)!important;box-shadow:0 10px 25px #00000026!important;color:var(--theme-text-main)!important}.datepicker-header,.datepicker-footer,.datepicker-title{background-color:var(--theme-surface-bg)!important;border-bottom:1px solid var(--theme-surface-bg)!important;color:var(--theme-text-main)!important}.datepicker-footer{border-top:1px solid var(--theme-surface-bg)!important;border-bottom:none!important}.datepicker-controls .button{background-color:var(--theme-surface-secondary)!important;border:1px solid var(--theme-border)!important;border-radius:6px!important;color:var(--theme-text-main)!important;transition:background-color .2s,color .2s}.datepicker-controls .button:hover{background-color:var(--theme-hover-bg)!important;color:var(--icon-primary)!important}.datepicker-grid .dow{color:var(--theme-text-muted)!important;font-weight:500!important}.datepicker-cell{border:2px solid transparent!important;border-radius:8px!important;color:var(--theme-text-main)!important;transition:background-color .15s,color .15s,border-color .15s}.datepicker-cell:not(.disabled):hover{background-color:var(--theme-hover-bg)!important;color:var(--icon-primary)!important}.datepicker-cell.today:not(.selected){background-color:var(--theme-surface-secondary)!important;border:1px solid var(--icon-primary)!important;color:var(--icon-primary)!important;font-weight:700!important}.datepicker-cell.selected,.datepicker-cell.selected:hover,.datepicker-cell.selected:focus{background-color:transparent!important;border:2px solid var(--icon-primary)!important;border-radius:8px!important;color:var(--theme-text-main)!important;font-weight:700!important}.datepicker-cell.selected:hover{background-color:var(--theme-hover-bg)!important}.datepicker-cell.range{background-color:var(--theme-surface-secondary)!important;border-radius:0!important;color:var(--icon-primary)!important}.datepicker-cell.range-start,.datepicker-cell.range-end{background-color:var(--icon-primary)!important;color:#fff!important}.datepicker-cell.range-start{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.datepicker-cell.range-end{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}.nav-btn-group{background-color:var(--theme-surface-secondary);border:1px solid var(--theme-border-secondary)!important}.nav-btn{padding:6px 8px;color:var(--theme-text-main);transition:background-color .15s,color .15s}.nav-btn:hover{background-color:var(--theme-hover-bg)!important;color:var(--icon-primary)}.nav-btn:disabled{color:var(--theme-text-muted)!important;opacity:.4;cursor:not-allowed}.datepicker-cell.traditional-holiday,.datepicker .traditional-holiday,.traditional-holiday{color:#303bda!important;font-weight:700!important}.datepicker-cell.company-holiday,.datepicker .company-holiday,.company-holiday{color:#f44336!important;font-weight:700!important}.datepicker-cell.traditional-holiday:not(.selected):hover{color:#303bda!important}.datepicker-cell.company-holiday:not(.selected):hover{color:#f44336!important}.datepicker-cell.today.traditional-holiday:not(.selected){color:#303bda!important}.datepicker-cell.today.company-holiday:not(.selected){color:#f44336!important}.datepicker-cell.selected.traditional-holiday,.datepicker-cell.selected.traditional-holiday:hover{color:#303bda!important}.datepicker-cell.selected.company-holiday,.datepicker-cell.selected.company-holiday:hover{color:#f44336!important}.theme-option-box{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 8px;background-color:var(--theme-surface-bg);border:2px solid var(--theme-border);border-radius:var(--theme-radius-base);color:var(--theme-text-main);font-size:.85rem;font-weight:500;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease}.theme-option-box:hover{border-color:var(--theme-primary);background-color:var(--theme-primary-subtle)}.theme-option-box.active{border-color:var(--theme-primary)!important;background-color:var(--theme-primary-subtle)!important;color:var(--theme-primary)!important;font-weight:500}.theme-option-card{position:relative;background-color:var(--theme-surface-bg);border:1px solid var(--theme-border);border-radius:16px;cursor:pointer;transition:all .2s ease-in-out}.theme-option-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.theme-option-card.active{border-color:var(--icon-primary)!important;background-color:var(--sb-hover-bg)!important}.theme-option-card.active .checked-badge{display:flex!important}.color-dot-indicator,.color-preview-dot{width:24px;height:24px;display:inline-block;border-radius:50%;box-shadow:0 2px 4px #00000026}.color-dot-indicator{margin-bottom:6px}.color-dot-emerald{background-color:#10b981!important}.color-dot-blue{background-color:#3b82f6!important}.color-dot-violet{background-color:#8b5cf6!important}.color-dot-rose{background-color:#ec4899!important}.color-dot-orange{background-color:#f97316!important}.color-dot-slate{background-color:#94a3b8!important}.checked-badge{position:absolute;top:-10px;right:-10px;width:26px;height:26px;display:none;align-items:center;justify-content:center;background-color:var(--icon-primary);border-radius:50%;color:#fff;font-size:.85rem;box-shadow:0 2px 5px #0003}.offcanvas-theme-customizer{background-color:var(--theme-surface-bg);border-left:1px solid var(--theme-border);color:var(--theme-text-main)}.offcanvas-theme-customizer .offcanvas-header{background-color:var(--theme-surface-secondary);border-bottom:1px solid var(--theme-border)}.text-primary{color:var(--theme-primary)!important}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--theme-primary-rgb, var(--bs-primary-rgb, 59, 130, 246)),var(--bs-bg-opacity, 1))!important}.bg-primary-subtle{background-color:var(--theme-primary-subtle)!important;color:var(--theme-primary)!important}.bg-primary.bg-opacity-10{--bs-bg-opacity: .1 !important;background-color:rgba(var(--theme-primary-rgb, var(--bs-primary-rgb, 59, 130, 246)),.1)!important}.bg-primary.bg-opacity-25{--bs-bg-opacity: .25 !important;background-color:rgba(var(--theme-primary-rgb, var(--bs-primary-rgb, 59, 130, 246)),.25)!important}.bg-primary.bg-opacity-50{--bs-bg-opacity: .5 !important;background-color:rgba(var(--theme-primary-rgb, var(--bs-primary-rgb, 59, 130, 246)),.5)!important}.bg-primary.bg-opacity-75{--bs-bg-opacity: .75 !important;background-color:rgba(var(--theme-primary-rgb, var(--bs-primary-rgb, 59, 130, 246)),.75)!important}.border-dashed{border-style:dashed!important;border-color:var(--theme-border)!important}.timer-display{color:var(--theme-text-muted)!important;transition:color .3s ease}.action-buttons{transition:opacity .3s ease-in-out}.clock-animated{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin-animation{display:inline-block;animation:spin 1s linear infinite}.transition-hover{transition:transform .15s ease,box-shadow .15s ease}.transition-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.list-box-hover:hover{border-color:var(--theme-primary)!important;background-color:var(--theme-primary-subtle)}.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.card-hover:hover,.list-group-item-action:hover .card-hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014!important;border-color:var(--theme-primary)!important;background-color:var(--theme-hover-bg)!important}.list-group-item-action.bg-transparent:hover,.list-group-item-action.bg-transparent:focus{background-color:transparent!important}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cursor-pointer{cursor:pointer!important}.border,.border-top,.border-bottom,.border-start,.border-end,.border-theme{border-color:var(--theme-border)!important}.bg-surface{background-color:var(--theme-surface-bg)!important}.bg-surface-secondary{background-color:var(--theme-surface-secondary)!important}.container-app-max{max-width:900px!important;margin-inline:auto}.container-form-max{max-width:600px!important;margin-inline:auto}.container-form-lg{max-width:650px!important;margin-inline:auto}.container-form-sm{max-width:450px!important;margin-inline:auto}.min-vh-page{min-height:80vh}.min-vh-full{min-height:100vh}.fs-9{font-size:9px!important}.fs-10{font-size:10px!important}.fs-11{font-size:11px!important}.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14,.fs-15,.fs-16{font-size:14px!important}.letter-spacing-1{letter-spacing:1px!important}.line-height-tight{line-height:1.2!important}.line-height-normal{line-height:1.4!important}.icon-badge-20{width:20px!important;height:20px!important}.icon-badge-24{width:24px!important;height:24px!important}.icon-badge-28{width:28px!important;height:28px!important}.icon-badge-32{width:32px!important;height:32px!important}.icon-badge-36{width:36px!important;height:36px!important}.icon-badge-38{width:38px!important;height:38px!important}.icon-badge-40{width:40px!important;height:40px!important}.icon-badge-44{width:44px!important;height:44px!important}.icon-badge-48{width:48px!important;height:48px!important}.w-20px{width:20px!important}.h-20px{height:20px!important}.w-50px{width:50px!important}.w-60px{width:60px!important}.w-70px{width:70px!important}.w-90px{width:90px!important}.w-100px{width:100px!important}.w-110px{width:110px!important}.w-140px{width:140px!important}.w-160px{width:160px!important}.h-38px{height:38px!important}.h-50px{height:50px!important}.h-72px{height:72px!important}.w-96px{width:96px!important}.h-96px{height:96px!important}.h-140px{height:140px!important}.h-180px{height:180px!important}.bg-card{background-color:var(--theme-surface-bg)!important}.bg-hover,.bg-card-hover{background-color:var(--theme-hover-bg)!important}.bg-inner-box{background-color:var(--theme-surface-secondary)!important}.bg-header{background-color:var(--theme-header-bg)!important}.bg-active{background-color:var(--sb-active-bg)!important}.bg-active-color{background-color:var(--sb-active-color)!important}.bg-modal{background-color:var(--theme-body-bg)!important}.bg-gradient-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)!important}.bg-gradient-info{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.text-main{color:var(--theme-text-main)!important}.text-secondary{color:var(--theme-text-secondary)!important}.text-muted{color:var(--theme-text-muted)!important}.text-icon-primary{color:var(--icon-primary)!important}.text-authenticator{color:var(--icon-authenticator)!important}.text-active-color{color:var(--sb-active-color)!important}.text-sky{color:#0284c7!important}.text-amber{color:#d97706!important}.employee-pic-sm{width:44px!important;height:44px!important;object-fit:cover!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:high-quality!important}.employee-pic-xs{width:42px!important;height:42px!important;object-fit:cover!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:high-quality!important}.badge-level-danger{background-color:#dc26261f!important;color:#dc2626!important;border:1px solid rgba(220,38,38,.25)!important}.badge-level-warning{background-color:#d977061f!important;color:#b45309!important;border:1px solid rgba(217,119,6,.25)!important}.badge-level-success{background-color:#16a34a1f!important;color:#15803d!important;border:1px solid rgba(22,163,74,.25)!important}.badge-level-info{background-color:#0284c71f!important;color:#0284c7!important;border:1px solid rgba(2,132,199,.25)!important}.border-theme{border:1px solid var(--theme-border)!important}.border-color-theme{border-color:var(--theme-border)!important}.border-top-theme{border-top-color:var(--theme-border)!important}.border-bottom-theme{border-bottom-color:var(--theme-border)!important}.rounded-card{border-radius:var(--theme-radius-card, 14px)!important}.rounded-modal{border-radius:16px!important}.transition-card-hover{transition:background-color .3s ease,border-color .3s ease!important}.switch-md{transform:scale(1.15);cursor:pointer!important}.switch-lg{transform:scale(1.25);cursor:pointer!important}.rotate-90{transform:rotate(90deg)!important}.day-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.img-preview-banner{max-height:180px;width:100%;object-fit:cover}.upload-dropzone-box{min-height:120px}.bg-gradient-blue{background:linear-gradient(135deg,#1e3a8a,#3b82f6)!important}.w-120px{width:120px!important}.min-w-50px{min-width:50px!important}.min-w-90px{min-width:90px!important}.min-w-110px{min-width:110px!important}.min-w-180px{min-width:180px!important}.min-w-200px{min-width:200px!important}.min-w-220px{min-width:220px!important}.min-w-250px{min-width:250px!important}.min-w-280px{min-width:280px!important}.max-w-280px{max-width:280px!important}.max-w-300px{max-width:300px!important}.max-w-350px{max-width:350px!important}.max-w-400px{max-width:400px!important}.min-h-82px{min-height:82px!important}.max-h-82px{max-height:82px!important}.max-h-150px{max-height:150px!important}.max-h-200px{max-height:200px!important}.min-h-240px{min-height:240px!important}.max-h-250px{max-height:250px!important}.max-h-300px{max-height:300px!important}.max-h-320px{max-height:320px!important}.max-h-420px{max-height:420px!important}.btn-outline-sky{color:#0284c7!important;border-color:#38bdf8!important}.btn-outline-sky:hover{color:#fff!important;background-color:#0284c7!important;border-color:#0284c7!important}.dept-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.dept-group-header:hover{background-color:var(--theme-hover-bg)!important}.dept-group-header .chevron-arrow{transition:transform .25s ease}.dept-group-header.collapsed .chevron-arrow{transform:rotate(-90deg)}.user-item-card{transition:background-color .15s ease,border-color .15s ease}.user-item-card:hover{background-color:var(--theme-hover-bg)!important}.number-badge{border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;z-index:10}