@font-face{font-family:primeicons;font-display:block;src:url(./primeicons.DMOk5skT.eot);src:url(./primeicons.DMOk5skT.eot?#iefix)format("embedded-opentype"),url(./primeicons.C6QP2o4f.woff2)format("woff2"),url(./primeicons.WjwUDZjB.woff)format("woff"),url(./primeicons.MpK4pl85.ttf)format("truetype"),url(./primeicons.Dr5RGzOO.svg?#primeicons)format("svg");font-weight:400;font-style:normal}.pi{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:primeicons;font-style:normal;font-weight:400;line-height:1;display:inline-block}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571em}.pi-spin{animation:2s linear infinite fa-spin}@media (prefers-reduced-motion:reduce){.pi-spin{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}:root{--primary-color:#ff6e05;--primary-light:#ff8a33;--primary-dark:#e65f00;--surface-ground:#f8f9fa;--surface-card:#fff;--surface-border:#e2e8f0;--surface-hover:#f1f5f9;--text-color:#1e293b;--text-color-secondary:#64748b;--sidebar-width:280px;--sidebar-collapsed-width:80px;--header-height:70px;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #00000012;--scrollbar-thumb:#dbe1e8;--scrollbar-thumb-hover:#c3ccd6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--primary-color-rgb:255, 110, 5}.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-ground:#0f172a;--surface-card:#1e293b;--surface-border:#334155;--surface-hover:#293548;--border-color:#334155;--text-color:#f1f5f9;--text-color-secondary:#94a3b8;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 12px #00000073;--scrollbar-thumb:#3b4a61;--scrollbar-thumb-hover:#4c5d76}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/100-DirectFont-Thin.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/200-DirectFont-ExtraLight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/300-DirectFont-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/400-DirectFont-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/500-DirectFont-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/600-DirectFont-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/700-DirectFont-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}@font-face{font-family:DirectFont Arabic;src:url(https://assets.directksa.com/direct_font_woff2/800-DirectFont-Black.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-89F,U+8A0-8FF,U+200C-200D,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+10EC0-10EFF,U+1EE??}body,html{font-family:DirectFont Arabic,Plus Jakarta Sans,sans-serif}body{background:var(--surface-ground);color:var(--text-color);min-height:100vh;line-height:1.5}button,input,optgroup,option,select,textarea{font-family:inherit}::file-selector-button{font-family:inherit}.p-component,.ql-container,.ql-editor,.ql-toolbar.ql-snow{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);color:var(--text-color);z-index:1000;border-right:1px solid var(--border-color);flex-direction:column;height:100vh;transition:all .3s;position:fixed;top:0;left:0;box-shadow:2px 0 8px #00000008}.sidebar,.sidebar-header{background:var(--surface-card);display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.5rem}.logo-icon{background:var(--primary-color);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:800;display:flex}.logo-text{color:var(--text-color);font-size:1.25rem;font-weight:700}.logo-text span{color:var(--primary-color)}.sidebar-menu{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:1rem .75rem;transition:scrollbar-color .2s;overflow-y:auto}.sidebar:hover .sidebar-menu{scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .2s}.sidebar:hover .sidebar-menu::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar:hover .sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.menu-section{margin-top:.5rem;padding:.5rem .75rem}.menu-section-title{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in srgb,var(--text-color) 78%,transparent);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.menu-section-title:before{content:"";background:var(--primary-color);border-radius:2px;flex:none;width:3px;height:.8rem}.menu-section-title:after{content:"";background:var(--border-color);flex:1;height:1px}.menu-item{color:var(--text-color-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background:var(--surface-hover);color:var(--text-color)}.menu-item.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #ff6e054d}.menu-item.active i{color:#fff}.menu-item i{width:24px;color:var(--text-color-secondary);font-size:1.1rem}.menu-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.coming-soon-badge{background:var(--primary-color);color:#fff;text-transform:uppercase;border-radius:10px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.menu-count-badge{background:var(--surface-hover);color:var(--text-color-secondary);border-radius:var(--radius-sm);text-align:center;font-variant-numeric:tabular-nums;min-width:28px;margin-left:auto;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2}.menu-item:hover .menu-count-badge{color:var(--text-color)}.menu-item.active .menu-count-badge{color:#fff;background:#ffffff38}.checkin-widget{background:var(--surface-card);border-radius:var(--radius-lg);z-index:1000;text-align:center;border:1px solid var(--surface-border);min-width:140px;padding:.75rem;position:fixed;bottom:4rem;right:1rem;box-shadow:0 4px 20px #00000026}.checkin-widget--embedded{z-index:auto;width:100%;min-width:0;box-shadow:none;position:static;bottom:auto;right:auto}.checkin-widget--fixed{position:fixed}.floating-actions-rail{z-index:1000;flex-direction:row;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:0}.floating-actions-rail-panel{flex-direction:column;align-items:center;gap:.75rem;transition:transform .3s,opacity .2s;display:flex}.floating-actions-rail .checkin-widget--fixed{z-index:auto;position:static;bottom:auto;right:auto}.floating-actions-rail .fab-button{position:static;bottom:auto;right:auto}.floating-actions-rail .fab-button.with-widget{bottom:auto;right:auto}.floating-actions-rail-toggle{border:1px solid var(--surface-border);background:var(--surface-card);width:14px;height:44px;color:var(--text-color-secondary);cursor:pointer;z-index:2;border-right:none;border-radius:8px 0 0 8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex;box-shadow:-2px 0 8px #0000001f}.floating-actions-rail-toggle:hover{color:var(--primary-color);border-color:var(--primary-color)}.floating-actions-rail-toggle i{font-size:.65rem}.floating-actions-rail--collapsed .floating-actions-rail-panel{visibility:hidden;opacity:0;pointer-events:none;width:0;height:0;overflow:hidden;transform:none}.checkin-status{justify-content:center;align-items:center;gap:.35rem;margin-bottom:.35rem;display:flex}.checkin-status .status-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px}.checkin-status.present .status-dot{background:#22c55e}.checkin-status.ended .status-dot{background:#6b7280}.checkin-status .status-text{color:#f59e0b;letter-spacing:.5px;font-size:.6rem;font-weight:700}.checkin-status.present .status-text{color:#22c55e}.checkin-status.ended .status-text{color:#6b7280}.checkin-time{color:var(--text-color);letter-spacing:.5px;font-size:1.1rem;font-weight:700}.checkin-date{color:var(--text-color-secondary);letter-spacing:.5px;margin-bottom:.5rem;font-size:.55rem}.checkin-buttons{gap:.35rem}.checkin-btn,.checkin-buttons{justify-content:center;display:flex}.checkin-btn{border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface-ground);width:36px;height:28px;color:var(--text-color-secondary);cursor:pointer;align-items:center;transition:all .2s;position:relative}.checkin-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-ground);border-color:var(--primary-color);color:var(--primary-color)}.checkin-btn.in.active{color:#fff;background:#22c55e;border-color:#22c55e}.checkin-btn.in.active:hover{background:#16a34a}.checkin-btn.out.active{color:#fff;background:#ef4444;border-color:#ef4444}.checkin-btn.out.active:hover{background:#dc2626}.checkin-btn i{font-size:.75rem}.checkin-btn .btn-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#1e293b;border-radius:4px;padding:.2rem .4rem;font-size:.55rem;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.checkin-btn:hover .btn-tooltip{opacity:1;visibility:visible}.checkin-last{border-top:1px solid var(--surface-border);justify-content:center;align-items:center;gap:.25rem;margin-top:.4rem;padding-top:.4rem;display:flex}.checkin-last i{color:#22c55e;font-size:.55rem}.checkin-last span{color:var(--text-color-secondary);font-size:.5rem;font-weight:500}.fab-button{background:var(--surface-card);width:40px;height:40px;color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 2px 8px #00000014}.fab-button.with-widget{right:calc(1rem + 50px)}.fab-button:hover{background:var(--surface-card)}.fab-button:active{transform:scale(.95)}.fab-button i{color:var(--primary-color);font-size:.9rem}.fab-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#1e293b;border-radius:4px;padding:.3rem .5rem;font-size:.7rem;transition:opacity .15s,visibility .15s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.fab-button:hover .fab-tooltip{opacity:1;visibility:visible}.app-container.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}.main-content{transition:margin-left .3s,max-width .3s}.sidebar-header{position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem .5rem}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{cursor:pointer;color:var(--text-color-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:.35rem;transition:background .2s,color .2s;display:flex}.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-color)}.sidebar.collapsed .sidebar-toggle{background:var(--surface-card);border:1px solid var(--border-color);z-index:1;border-radius:50%;width:24px;height:24px;margin-left:0;padding:0;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sidebar.collapsed .sidebar-toggle i{font-size:.75rem}.sidebar.collapsed .menu-item{justify-content:center;gap:0;padding:.85rem 0;position:relative}.sidebar.collapsed .menu-item>span:not(.menu-count-badge):not(.coming-soon-badge){display:none}.sidebar.collapsed .menu-item i{width:auto}.sidebar.collapsed .menu-section{margin-top:.25rem;padding:.5rem 1rem}.sidebar.collapsed .menu-section-title{border-top:1px solid var(--border-color);margin-bottom:0;font-size:0}.sidebar.collapsed .coming-soon-badge,.sidebar.collapsed .menu-section-title:after,.sidebar.collapsed .menu-section-title:before{display:none}.sidebar.collapsed .menu-count-badge{box-sizing:border-box;background:var(--primary-color);color:#fff;border:2px solid var(--surface-card);z-index:2;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.25rem;left:50%;right:auto;transform:none}.sidebar.collapsed .menu-item.active .menu-count-badge{color:var(--primary-color);border-color:var(--primary-color);background:#fff}.sidebar.collapsed .sidebar-menu{padding:1rem .5rem;overflow-x:hidden}@media (width<=992px){.sidebar.collapsed .sidebar-header{justify-content:flex-start;padding:1.5rem}.sidebar.collapsed .logo-text{display:block}.sidebar-toggle{display:none}.sidebar.collapsed .menu-item{justify-content:flex-start;gap:.75rem;padding:.85rem 1rem}.sidebar.collapsed .menu-item>span:not(.menu-count-badge):not(.coming-soon-badge){display:inline}.sidebar.collapsed .menu-item i{width:24px}.sidebar.collapsed .menu-section{margin-top:.5rem;padding:.5rem .75rem}.sidebar.collapsed .menu-section-title{border-top:none;margin-bottom:.75rem;font-size:.75rem}.sidebar.collapsed .menu-section-title:after,.sidebar.collapsed .menu-section-title:before{display:block}.sidebar.collapsed .coming-soon-badge{display:inline}.sidebar.collapsed .menu-count-badge{border-radius:var(--radius-sm);background:var(--surface-hover);width:auto;min-width:28px;height:auto;color:var(--text-color-secondary);border:none;margin-left:auto;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2;position:static}.sidebar.collapsed .menu-item.active .menu-count-badge{color:#fff;background:#ffffff38}.sidebar.collapsed .sidebar-menu{padding:1rem .75rem}}.main-content{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;max-width:calc(100vw - var(--sidebar-width));flex:1;overflow-x:clip}.header{background:var(--surface-card);border-bottom:1px solid var(--border-color);z-index:100;height:var(--header-height);justify-content:space-between;padding:1rem 2rem;position:sticky;top:0}.header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.page-title{color:var(--text-color);font-size:1.5rem;font-weight:700}.page-title-row{align-items:center;gap:.5rem;display:flex}.header-reload-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.header-reload-btn:hover{background:var(--surface-hover);color:var(--text-color)}.breadcrumb,.header-reload-btn i{font-size:.85rem}.breadcrumb{color:var(--text-color-secondary);align-items:center;gap:.5rem;display:flex}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.header-right{gap:1rem}.header-icon-btn,.header-right{align-items:center;display:flex}.header-icon-btn{border-radius:var(--radius-sm);background:var(--surface-ground);cursor:pointer;width:40px;height:40px;color:var(--text-color-secondary);border:none;justify-content:center;transition:all .2s;position:relative}.header-icon-btn:hover{background:var(--surface-hover);color:var(--text-color)}.header-excel-exports-btn{border-radius:var(--radius-sm);background:var(--surface-ground);cursor:pointer;height:40px;color:var(--text-color-secondary);white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:0 .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.header-excel-exports-btn i{font-size:1rem}.header-excel-exports-btn:hover{background:var(--surface-hover);color:var(--text-color)}.notification-badge{background:var(--primary-color);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.header-notification-wrapper{position:relative}.notification-overlay{z-index:1000;position:fixed;inset:0}.notification-panel{background:var(--surface-card);border-radius:var(--radius-lg);z-index:1001;flex-direction:column;min-width:360px;max-width:400px;max-height:75vh;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}.notification-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.notification-panel-title{color:var(--text-color);font-size:1rem;font-weight:600}.notification-badge-pill{background:var(--primary-color);color:#fff;border-radius:50px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.notification-list{flex:1;min-height:0;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.notification-item:last-child{border-bottom:none}.notification-item-clickable{cursor:pointer}.notification-item-clickable:hover{background:#ff6e050f}.notification-item-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notification-item-icon.icon-success{background:#22c55e}.notification-item-icon.icon-info{background:#3b82f6}.notification-item-icon.icon-warning{background:var(--primary-color)}.notification-item-icon.icon-danger{background:#ef4444}.notification-item-icon.icon-secondary{background:#64748b}.notification-item-icon.icon-purple{background:#8b5cf6}.notification-item-icon .pi{font-size:.9rem}.notification-item-content{flex:1;min-width:0}.notification-item-title{color:var(--text-color);margin-bottom:.15rem;font-size:.9rem;font-weight:600}.notification-item-id{color:var(--primary-color);margin-bottom:.25rem;font-size:.8rem}.notification-item-desc{color:var(--text-color-secondary);font-size:.85rem;line-height:1.4}.notification-item-time{color:var(--text-color-secondary);white-space:nowrap;flex-shrink:0;font-size:.75rem}.notification-panel-footer{border-top:1px solid var(--border-color);text-align:center;flex-shrink:0;padding:.75rem 1.25rem}.notification-view-all{color:var(--primary-color);font-size:.9rem;font-weight:500;transition:opacity .2s}.notification-view-all:hover{opacity:.85}.notifications-center-page{max-width:900px;margin-left:auto;margin-right:auto}.notifications-center-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.notifications-center-heading{flex:1}.notifications-center-title{color:var(--text-color);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.notifications-center-subtitle{color:var(--text-color-secondary);margin:0;font-size:.9rem}.notifications-center-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.notifications-center-link{cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:500;text-decoration:none}.notifications-center-link.link-mark-read{color:#dc2626}.notifications-center-link.link-mark-read:hover{text-decoration:underline}.notifications-center-link.link-back{color:var(--primary-color)}.notifications-center-link.link-back:hover{text-decoration:underline}.notifications-top-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.notifications-top-tabs .top-tab{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-color-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.notifications-top-tabs .top-tab.active,.notifications-top-tabs .top-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.notifications-top-tabs .top-tab.active{background:rgba(var(--primary-color-rgb),.08)}.notifications-top-tabs .top-tab i{font-size:1rem}.notifications-center-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}.dark-mode .notifications-center-card{border:1px solid var(--surface-border);box-shadow:none}.notifications-center-card .p-tablist{border-bottom:1px solid var(--border-color);background:var(--surface-card);margin-bottom:0}.notifications-center-list,.notifications-center-page .p-tabpanels{padding:0}.notification-center-item{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.notification-center-item:last-child{border-bottom:none}.notification-center-item.unread{background:#ff6e050f}.notification-center-item.clickable{cursor:pointer}.notification-center-item.clickable:hover{background:#ff6e050f}.notification-detail-card{background:var(--surface-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}.dark-mode .notification-detail-card{border:1px solid var(--surface-border);box-shadow:none}.notification-detail-header{background:var(--primary-color);color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.notification-detail-brand{align-items:center;gap:.5rem;display:flex}.notification-detail-logo{border-radius:var(--radius-sm);color:#fff;background:#ffffff40;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:flex}.notification-detail-brand-name{font-size:1rem;font-weight:600}.notification-detail-back{color:#fff;align-items:center;gap:.35rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.notification-detail-back:hover{text-decoration:underline}.notification-detail-body{padding:1.5rem 1.5rem 2rem}.notification-detail-subject-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.notification-detail-subject-wrap{flex:1;min-width:0}.notification-detail-id-wrap{text-align:right;flex-shrink:0}.notification-detail-label{color:var(--text-color-secondary);margin-bottom:.25rem;font-size:.75rem}.notification-detail-subject{color:var(--text-color);font-size:1rem;font-weight:600}.notification-detail-id{color:var(--primary-color);font-size:.95rem;font-weight:600}.notification-detail-greeting{color:var(--text-color);margin:0 0 1rem;font-size:.95rem}.notification-detail-text{color:var(--text-color);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.notification-detail-cta{margin-bottom:1.5rem}.notification-detail-closing{color:var(--text-color);margin:0;font-size:.9rem;line-height:1.5}.notification-detail-footer{background:var(--surface-ground);border-top:1px solid var(--border-color);text-align:center;color:var(--text-color-secondary);padding:1rem 1.5rem;font-size:.8rem}.notification-detail-footer div:first-child{margin-bottom:.25rem}.notifications-center-empty{text-align:center;color:var(--text-color-secondary);padding:2rem 1.25rem;font-size:.9rem}.user-profile{background:var(--surface-ground);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.user-profile:hover{background:var(--surface-hover)}.user-avatar{border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.user-info{line-height:1.3}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--text-color-secondary);font-size:.75rem}.user-profile-wrapper{position:relative}.user-menu-overlay{z-index:998;position:fixed;inset:0}.user-dropdown{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-color);z-index:1001;--dropdown-pad-x:1rem;--dropdown-icon-col:1rem;--dropdown-icon-gap:.75rem;min-width:220px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.dropdown-item{gap:var(--dropdown-icon-gap);padding:.75rem var(--dropdown-pad-x);font-size:.9rem;transition:all .2s}.dropdown-item.dropdown-appearance:hover{background:0 0}.user-dropdown .dropdown-item i{width:var(--dropdown-icon-col);min-width:var(--dropdown-icon-col);height:1rem;color:var(--text-color-secondary);justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:inline-flex}.dropdown-item.logout,.user-dropdown .dropdown-item.logout i{color:#ef4444}.dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.page-content{width:100%;min-width:0;max-width:100%;padding:2rem;overflow-x:clip}.card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.card-header{justify-content:space-between;margin-bottom:1.5rem}.card-header,.card-title{align-items:center;display:flex}.card-title{gap:.5rem;font-size:1.1rem;font-weight:700}.card-title i{color:var(--primary-color)}.card-subtitle{color:var(--text-color-secondary);margin-top:.25rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface-card);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--surface-border,#0000000f);flex-direction:column;align-items:center;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.dark-mode .stat-card{border-color:var(--surface-border);box-shadow:0 2px 8px #00000059}.dark-mode .stat-card:hover{box-shadow:0 4px 14px #00000073}.stats-grid.stat-cards-horizontal .stat-card{text-align:left;flex-direction:row;align-items:center;gap:1rem}.stats-grid.stat-cards-horizontal .stat-card .stat-icon{flex-shrink:0;margin-bottom:0}.stats-grid.attendance-stats-row-7{grid-template-columns:repeat(7,minmax(0,1fr))}@media (width<=1400px){.stats-grid.attendance-stats-row-7{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.stats-grid.attendance-stats-row-7{grid-template-columns:repeat(2,minmax(0,1fr))}}.stats-grid.attendance-stats-row{grid-template-columns:repeat(8,minmax(0,1fr))}@media (width<=1400px){.stats-grid.attendance-stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.stats-grid.attendance-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;display:flex}.stat-icon i{font-size:1.1rem}.stat-icon.orange{color:#f97316;background:#f9731626}.stat-icon.blue{color:#3b82f6;background:#3b82f626}.stat-icon.green{color:#22c55e;background:#22c55e26}.stat-icon.red{color:#ef4444;background:#ef444426}.stat-icon.purple{color:#8b5cf6;background:#8b5cf626}.stat-icon.gray{color:#94a3b8;background:#94a3b826}.stat-icon.cyan{color:#06b6d4;background:#06b6d426}.stat-icon.teal{color:#14b8a6;background:#14b8a626}.stat-value{color:var(--text-color);margin-bottom:.35rem;font-size:1.75rem;font-weight:700;line-height:1}.stat-label{letter-spacing:.5px;color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-color);font-size:.85rem}.form-label .required{color:#ef4444}.form-hint{color:var(--text-color-secondary);margin-top:.35rem;font-size:.8rem;display:block}.field-error{color:var(--p-form-field-invalid-placeholder-color,var(--p-red-500,#ef4444));margin:0;font-size:.8125rem}.status-tag{border-radius:20px;padding:.35rem .75rem}.status-tag.active{color:#22c55e;background:#22c55e26}.status-tag.inactive{color:#94a3b8;background:#94a3b826}.status-tag.draft{color:#f97316;background:#fb923c26}.sla-days-badge,.status-tag.onboarding{color:#3b82f6;background:#3b82f626}.sla-days-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.sla-na{color:var(--text-color-secondary);font-size:.85rem}.terminate-dialog-content{flex-direction:column;gap:1.5rem;display:flex}.terminate-employee-info{background:var(--surface-ground);border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.terminate-employee-info img{border-radius:50%;width:48px;height:48px}.terminate-employee-info div{flex-direction:column;gap:.25rem;display:flex}.terminate-employee-info strong{font-size:1rem}.terminate-employee-info span{color:var(--text-color-secondary);font-size:.85rem}.terminate-checklist{flex-direction:column;gap:.75rem;display:flex}.terminate-checklist>label{color:var(--text-color);margin-bottom:.25rem;font-weight:600}.checklist-item{background:var(--surface-ground);border-radius:6px;gap:.75rem}.checklist-item span{font-size:.9rem}.terminate-warning{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;font-size:.85rem;display:flex}.terminate-warning i{font-size:1.25rem}.onboarding-checklist{flex-direction:column;gap:1.5rem;display:flex}.checklist-section{background:var(--surface-ground);border-radius:8px;padding:1.25rem}.checklist-section h4{color:var(--primary-color);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;display:flex}.checklist-section h4 i{font-size:1rem}.checklist-section .checklist-item{background:var(--surface-card);margin-bottom:.5rem}.checklist-section .checklist-item:last-child{margin-bottom:0}.checklist-progress{background:var(--surface-ground);border-radius:8px;padding:1.25rem}.checklist-progress-label{justify-content:space-between;margin-bottom:.5rem;font-weight:600;display:flex}.empty-state{text-align:center;color:var(--text-color-secondary);padding:3rem}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-color);margin-bottom:.5rem}.action-btn{border-radius:var(--radius-sm);background:0 0;justify-content:center;width:32px;height:32px;display:inline-flex}.action-btn:hover{background:var(--surface-ground);color:var(--text-color)}.action-btn.edit:hover{color:#3b82f6}.action-btn.delete:hover{color:#ef4444}.action-btn.primary{background:var(--primary-color);color:#fff}.action-btn.primary:hover{background:var(--primary-color-dark,#e55a00)}.action-buttons-row{align-items:center;gap:.5rem;display:flex}.settings-tabs{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-tabs,.settings-tabs .p-tabs{background:var(--surface-card);max-width:100%;overflow:hidden}.settings-tabs .p-tablist,.settings-tabs .p-tabpanels{background:var(--surface-card)}.settings-tabs .p-tablist-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;overflow:auto hidden!important}.settings-tabs .p-tablist-content::-webkit-scrollbar{height:4px}.settings-tabs .p-tablist-content::-webkit-scrollbar-track{background:0 0}.settings-tabs .p-tablist-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.settings-tabs .p-tablist-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.settings-tabs .p-tab{box-sizing:border-box;border-bottom:2px solid #0000;transition:none}.settings-tabs .p-tablist-active-bar{display:none!important}.stat-badge{background:var(--surface-ground);color:var(--text-color-secondary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.wizard-header{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.wizard-title{align-items:center;gap:1rem;display:flex}.wizard-title h2{margin:0;font-size:1.5rem;font-weight:700}.wizard-title p{color:var(--text-color-secondary);margin:0;font-size:.875rem}.wizard-steps{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:center;margin-bottom:2rem;padding:1rem 1.5rem;overflow-x:auto}.wizard-step,.wizard-steps{align-items:center;gap:.5rem;display:flex}.wizard-step{cursor:pointer;white-space:nowrap;border:1px solid var(--primary-color);border-radius:30px;padding:.625rem 1rem;transition:all .2s}.wizard-step:hover{background:rgba(var(--primary-color-rgb,249,115,22),.05)}.wizard-step.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.wizard-step.completed{color:#22c55e;background:#22c55e1a;border-color:#22c55e}.wizard-step .step-number{background:var(--surface-ground);border:2px solid var(--border-color);width:26px;min-width:26px;height:26px;color:var(--text-color-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.wizard-step.active .step-number{color:#fff;background:#ffffff40;border-color:#fff6}.wizard-step.completed .step-number{color:#fff;background:#22c55e;border-color:#22c55e}.wizard-step .step-label{color:var(--text-color);margin-bottom:5px;font-size:.875rem;font-weight:500;line-height:26px}.wizard-step.active .step-label{color:#fff}.wizard-step.completed .step-label{color:#22c55e}.wizard-content{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.step-panel{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.step-title{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.step-title i{color:var(--primary-color)}.step-subtitle{color:var(--text-color-secondary);margin-bottom:1.5rem;font-size:.875rem}.salary-amount-inputgroup{width:100%}.salary-amount-inputgroup .p-inputnumber,.salary-amount-inputgroup .salary-amount-inputnumber{flex:1 1 0;min-width:0}.form-section-title-note{color:var(--text-color-secondary);margin-left:.5rem;font-size:.875rem}.wizard-footer{gap:1rem;margin-top:2rem}.status-tag.warning{color:#f59e0b;background:#f59e0b26}@media (width<=992px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.app-container.sidebar-collapsed{--sidebar-width:280px}.main-content{max-width:100%;margin-left:0}.page-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.stats-grid{grid-template-columns:1fr}.header{padding:1rem}.user-info{display:none}}.shift-library-header,.shift-library-header.p-toolbar{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex}.shift-library-info h2{color:var(--text-color);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.shift-library-info p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.shift-library-stats{align-items:center;gap:1.5rem;display:flex}.preset-count{text-align:center}.preset-count .count-value{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1;display:block}.preset-count .count-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.new-preset-btn.p-button,.p-button.new-preset-btn{border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:auto;padding:1.25rem 2rem;display:flex;background:var(--primary-color)!important;color:#fff!important}.new-preset-btn.p-button i,.p-button.new-preset-btn i{color:inherit;font-size:1.25rem}.new-preset-btn.p-button span,.p-button.new-preset-btn span{text-transform:uppercase;font-size:.8rem;font-weight:600}.shift-library-type-tabs{width:100%;margin-bottom:1.5rem;display:block}.shift-library-type-tabs .p-tablist,.shift-library-type-tabs .p-tablist-tab-list{flex-wrap:wrap;gap:.25rem;width:100%;max-width:100%}.shift-library-type-tabs .p-tab{text-transform:uppercase;font-weight:600}.shift-library-type-tabs>.shift-library-grid{margin-top:1.25rem}.shift-library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.shift-preset-card.p-card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s;overflow:hidden}.shift-preset-card.p-card .p-card-body{padding:0}.shift-preset-card:hover{box-shadow:var(--shadow-md)}.shift-preset-card-inner{padding:.875rem}.shift-preset-card.create-new{border:2px dashed var(--border-color);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:180px;display:flex}.shift-preset-card.create-new:hover{border-color:var(--primary-color);background:#ff6e0505}.create-new-content{text-align:center;color:var(--text-color-secondary)}.create-new-content i{color:var(--text-color-secondary);margin-bottom:.5rem;font-size:1.25rem}.create-new-content h4{color:var(--text-color-secondary);margin:0 0 .15rem;font-size:.8rem}.create-new-content p{margin:0;font-size:.7rem}.preset-card-header{align-items:flex-start;gap:.625rem;margin-bottom:.625rem;display:flex}.preset-card-avatar .p-avatar,.preset-card-avatar.p-avatar,.preset-icon{border-radius:var(--radius-sm);flex-shrink:0;width:32px;min-width:32px;height:32px;font-size:.875rem}.preset-card-avatar .p-avatar,.preset-card-avatar.p-avatar{background:inherit;color:inherit;justify-content:center;align-items:center;display:inline-flex}.preset-info{flex:1}.preset-info h3{margin:0 0 .15rem;font-size:.875rem;font-weight:600}.preset-meta{align-items:center;gap:.375rem;display:flex}.preset-actions{flex-shrink:0;gap:.125rem;display:flex}.preset-actions .action-btn,.preset-actions .p-button{width:2rem;min-width:2rem;height:2rem;min-height:2rem;font-size:.7rem}.preset-meta .p-tag,.preset-meta .p-tag.p-component{padding:.1rem .35rem;font-size:.6rem;font-weight:600;line-height:1.1}.preset-time-info{align-items:center;gap:1rem;margin-bottom:.375rem;display:flex}.duration-display,.time-display{align-items:center;gap:.25rem;font-size:.7rem;display:flex}.time-display{color:var(--text-color);font-weight:600}.duration-display i,.time-display i{color:var(--text-color-secondary);font-size:.65rem}.duration-display{color:var(--text-color-secondary)}.p-progressbar.shift-duration-pbar{background:var(--surface-ground);border:none;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden}.p-progressbar.shift-duration-pbar .p-progressbar-label{display:none}.clock-rules-section{background:var(--surface-ground);border-radius:var(--radius-sm);margin-bottom:.3rem;padding:.4rem .625rem}.clock-rules-section:last-child{margin-bottom:0}.rules-header{text-transform:uppercase;letter-spacing:.3px;color:#3b82f6;align-items:center;gap:.3rem;margin-bottom:.25rem;font-size:.55rem;font-weight:700;display:flex}.rules-header i{font-size:.6rem}.rules-header.out{color:var(--primary-color)}.rules-content{color:var(--text-color-secondary);font-size:.65rem;line-height:1.4}.rule-line{margin-bottom:.1rem}.rule-line strong{color:var(--text-color)}.rule-line.threshold{margin-bottom:0}.threshold-value{color:#ef4444;font-weight:600}.preset-period{border-bottom:1px solid var(--border-color);margin-bottom:.5rem;padding-bottom:.5rem}.preset-period:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.flexible-shift-details{margin-top:.25rem}.flexible-hours-display{align-items:baseline;gap:.35rem;margin-bottom:.375rem;display:flex}.flexible-hours-display .hours-value{color:var(--text-color);font-size:1.25rem;font-weight:700;line-height:1}.flexible-hours-display .hours-label{color:var(--text-color-secondary);font-size:.65rem}.clock-rules-section.flexible-window{background:#8b5cf614}.clock-rules-section.flexible-window .rules-header{color:#8b5cf6}.clock-rules-section.flexible-window .rule-line.info-text{color:#8b5cf6;align-items:center;gap:.3rem;margin-top:.25rem;font-size:.6rem;font-style:italic;display:flex}.clock-rules-section.flexible-window .rule-line.info-text i{font-size:.85rem}.shift-dialog-type-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-bottom:.5rem;display:flex}.shift-type-toggle{background:var(--surface-ground);border-radius:25px;padding:4px;display:flex}.shift-type-toggle .type-btn{color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.shift-type-toggle .type-btn.active{background:var(--surface-card);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.shift-dialog-content{min-width:0;padding:0 .5rem .25rem}.shift-details-section{margin-top:1.5rem}.shift-details-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600}.shift-time-row{grid-template-columns:1fr 1fr auto;gap:1rem;margin-bottom:1.5rem;display:grid}.shift-time-row-compact{align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.time-input-group-compact{flex-direction:column;gap:.5rem;display:flex}.time-input-group-compact .field-error{width:200px;max-width:200px;line-height:1.35}.time-input-group-compact .p-datepicker{width:200px}.time-input-group-compact.color-section{margin-left:2rem;position:relative}.time-input-group-compact.color-section .color-duration-display{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.time-input-group{flex-direction:column;gap:.5rem;display:flex}.time-input-group .mini-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.color-duration{min-width:120px}.color-duration-display{align-items:center;gap:.75rem;display:flex}.color-box{border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;width:36px;height:36px;transition:all .2s}.color-box:hover{transform:scale(1.1)}.duration-badge{color:#22c55e;background:#22c55e26}.duration-badge,.overnight-badge{border-radius:15px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.overnight-badge{color:#818cf8;white-space:nowrap;background:#6366f126}.preset-time-info .overnight-badge{padding:.2rem .55rem;font-size:.7rem}.color-picker-dropdown{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;gap:.5rem;margin-top:.5rem;padding:.75rem;display:flex;position:absolute;top:100%;left:0}.clock-rules-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;display:grid}.clock-rules-card{border-radius:var(--radius-md);background:var(--surface-hover);border:1px solid var(--border-color);box-sizing:border-box;min-width:0;max-width:100%;padding:1.25rem}.rules-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.rules-dot{border-radius:50%;width:8px;height:8px}.rules-dot.in{background:#f59e0b}.rules-dot.out{background:#ef4444}.base-time{color:var(--text-color-secondary);background:var(--surface-card);border-radius:var(--radius-sm);margin-left:auto;padding:.25rem .5rem;font-size:.75rem;font-weight:400}.rules-inputs{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.rules-inputs-compact{flex-wrap:wrap;gap:.75rem 1rem;min-width:0;margin-bottom:1rem;display:flex}.rule-input-group-compact{flex-direction:column;flex:5.5rem;gap:.35rem;min-width:0;display:flex}.rule-input-group-compact label{color:var(--text-color-secondary);font-size:.7rem}.rule-input-group-compact .p-inputnumber{width:100%;min-width:0;max-width:130px}.rule-input-group-compact .p-inputnumber-input{text-align:center;width:60px}.rule-input-group{flex-direction:column;gap:.35rem;display:flex}.rule-input-group label{color:var(--text-color-secondary);font-size:.7rem}.rule-input{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);text-align:center;padding:.5rem .75rem;font-size:.9rem}.rule-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #ff6e051a}.rules-summary{border-radius:var(--radius-sm);color:#3b82f6;background:#3b82f61a;align-items:center;gap:.5rem;min-width:0;padding:.75rem;font-size:.75rem;display:flex}.rules-summary span{overflow-wrap:break-word}.rules-summary.out{color:#ef4444;background:#ef44441a}.rules-summary i{font-size:.85rem}.period-section{border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:0;margin-bottom:1rem;padding:1.25rem}.period-header h3{margin:0}.add-period-pv.p-button{width:100%;color:var(--text-color-secondary);background:0 0;border-style:dashed;border-width:2px;justify-content:center;margin-top:.5rem}.add-period-pv.p-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.flexible-shift-form{margin-top:1.5rem}.flexible-row{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.flexible-row-compact{grid-template-columns:1fr 1fr 1fr auto;align-items:start;gap:1rem 2rem;max-width:100%;margin-top:1.5rem;margin-bottom:1.5rem;display:grid}.flexible-checkbox-field .checkbox-label-row{flex-direction:row;align-items:center;display:flex}.flexible-checkbox-field .checkbox-label-row .checkbox-first,.flexible-checkbox-field .checkbox-label-row .p-checkbox{flex-shrink:0;order:0}.flexible-checkbox-field .checkbox-label-row .p-checkbox{display:inline-flex}.flexible-checkbox-field .checkbox-label-row label{order:1}.flexible-checkbox-field .checkbox-label-row .p-checkbox .p-checkbox-box,.flexible-checkbox-field .checkbox-label-row .p-checkbox input{order:0}.flexible-checkbox-field.flexible-checkbox-field{padding-top:1.6rem}.flexible-row-compact .form-group{flex-direction:column;gap:.5rem;min-width:0;display:flex}.flexible-row-compact .field-error{line-height:1.35}.flexible-row-compact .p-datepicker,.flexible-row-compact .p-inputnumber{width:100%}.shift-dialog .flexible-shift-message{width:100%;margin:0}.shift-dialog .flexible-shift-message+.flexible-shift-message{margin-top:.75rem}.shift-type-toggle .p-selectbutton{flex-wrap:wrap;justify-content:flex-end}.shift-dialog-footer{justify-content:flex-end;gap:.75rem;display:flex}.scheduler-action-btn.outlined{border-color:var(--primary-color);color:var(--primary-color);background:0 0}.scheduler-action-btn.outlined:hover{background:#ff6e050d}.scheduler-action-btn.outlined:disabled{border-color:var(--border-color);color:var(--text-color-secondary);background:var(--surface-ground)}.dropdown-btn-wrapper{position:relative}.dropdown-menu{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:150px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);left:0}.dropdown-item{color:var(--text-color);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--surface-ground)}.dropdown-item i{color:var(--text-color-secondary);font-size:.75rem}.dropdown-item.has-submenu{justify-content:flex-start}.dropdown-item .submenu-arrow{margin-left:auto;font-size:.6rem}.week-picker-submenu{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:101;min-width:200px;margin-left:2px;position:absolute;top:0;left:100%}.week-picker-header{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-ground);border-bottom:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.6rem .75rem;font-size:.7rem;font-weight:700}.week-picker-list{max-height:250px;overflow-y:auto}.week-picker-item{cursor:pointer;border-bottom:1px solid var(--border-color);background:0 0;flex-direction:column;gap:.15rem;padding:.6rem .75rem;transition:all .15s;display:flex}.week-picker-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md);border-bottom:none}.week-picker-item:hover{background:var(--surface-ground)}.week-picker-item .week-range{color:var(--text-color);font-size:.8rem;font-weight:600}.week-picker-item .week-label{color:var(--text-color-secondary);font-size:.7rem}.history-drawer .p-drawer-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.history-drawer-header{align-items:center;gap:1rem;display:flex}.history-drawer-header .history-icon{background:var(--surface-ground);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.history-drawer-header .history-icon i{color:var(--text-color);font-size:1.1rem}.history-title-section h3{color:var(--text-color);letter-spacing:.5px;margin:0;font-size:1rem;font-weight:700}.history-subtitle{color:var(--primary-color);letter-spacing:.3px;font-size:.7rem;font-weight:600}.history-content{padding:0}.latest-changes-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-bottom:1px solid #fed7aa;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;display:flex}.latest-changes-banner .banner-icon{background:#f97316;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.latest-changes-banner .banner-icon i{color:#fff;font-size:.75rem}.banner-content{flex:1}.banner-title{color:#ea580c;letter-spacing:.5px;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.banner-text{color:#9a3412;margin:0;font-size:.8rem;line-height:1.4}.version-timeline{padding:1rem 0}.version-item{border-bottom:1px solid var(--border-color);gap:0;padding:1rem 1.5rem;transition:background .15s;display:flex}.version-item:hover{background:var(--surface-ground);cursor:pointer}.version-item:last-child{border-bottom:none}.version-status-bar{border-radius:4px;flex-shrink:0;width:4px;margin-right:1rem}.version-status-bar.draft{background:#f97316}.version-status-bar.published{background:#22c55e}.version-status-bar.archived{background:#94a3b8}.version-content{flex:1}.version-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.version-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.version-badge.draft{color:#ea580c;background:#fff7ed}.version-badge.published{color:#16a34a;background:#dcfce7}.version-badge.archived{color:#64748b;background:#f1f5f9}.version-date{color:var(--text-color-secondary);font-size:.75rem}.version-name{color:var(--text-color);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.version-meta{margin-bottom:.5rem}.version-author{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.version-author i{font-size:.7rem}.version-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.version-changes{color:var(--primary-color);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.version-changes i,.version-week{font-size:.75rem}.version-week{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-weight:400;display:inline-flex}.version-week i{font-size:.7rem}.restore-link{color:var(--primary-color);opacity:0;cursor:pointer;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;transition:opacity .15s;display:inline-flex}.restore-link i{font-size:.65rem}.restore-link:hover{text-decoration:underline}.version-item:hover .restore-link{opacity:1}.date-range{color:var(--text-color);white-space:nowrap;font-size:.9rem;font-weight:600}@keyframes publish-btn-pulse{0%,to{box-shadow:0 0 #ff6e0573}50%{box-shadow:0 0 0 8px #ff6e0500}}.legend-dot.unassigned{background:#cbd5e1}.scheduler-grid-container{border-radius:var(--radius-lg);overflow:hidden}.scheduler-grid-container,.scheduler-pagination{background:var(--surface-card);border:1px solid var(--border-color)}.scheduler-pagination{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;justify-content:flex-end;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.shift-schedule-pagination{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem}.shift-schedule-pagination .pagination-page-indicator{color:var(--text-color-secondary);text-align:center;min-width:6.5rem;font-size:.8rem}.shift-schedule-pagination .pagination-rows{min-width:5rem}.shift-schedule-grid-wrap{position:relative}.shift-schedule-loading-overlay{background:color-mix(in srgb,var(--surface-card) 75%,transparent);z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shift-schedule-empty-state{text-align:center;padding:2.5rem 1rem!important}.shift-schedule-empty{color:var(--text-color-secondary);flex-direction:column;align-items:center;gap:.5rem;display:flex}.shift-schedule-empty .pi{opacity:.6;font-size:2rem}.shift-schedule-submit-error{border-radius:var(--radius-md);border:1px solid var(--red-200,#fecaca);background:color-mix(in srgb,var(--red-500,#ef4444) 12%,var(--surface-card));color:var(--red-600,#dc2626);margin-bottom:.75rem;padding:.65rem .85rem;font-size:.85rem}.schedule-cell.has-submit-error{outline:1px solid var(--red-400,#f87171);outline-offset:-1px}.schedule-cell-error{color:var(--red-500,#ef4444);margin:.25rem 0 0;font-size:.65rem;line-height:1.3}.reviewer-pagination{justify-content:flex-end;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.pagination-info{font-size:.8rem}.pagination-controls{gap:.25rem}.pagination-btn{border:1px solid var(--border-color);background:var(--surface-card);width:2rem;height:2rem;color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.pagination-btn:hover:not(:disabled){background:var(--surface-ground);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.scheduler-grid{border-collapse:collapse;table-layout:fixed;width:100%}.scheduler-grid thead{background:var(--surface-ground)}.scheduler-grid th{color:var(--text-color-secondary);text-align:center;border-bottom:1px solid var(--border-color);padding:.75rem .5rem;font-size:.7rem;font-weight:600}.scheduler-grid th.staff-col{text-align:left;width:180px;padding-left:1rem}.scheduler-grid th.day-col-new{width:107.62px}.scheduler-grid th.total-col{width:70px}.scheduler-grid td{border-bottom:1px solid var(--border-color);vertical-align:middle;height:80px;padding:.5rem;overflow:hidden}.scheduler-grid td.staff-col{background:var(--surface-card);padding:.5rem 1rem}.scheduler-grid td.day-col-new{background:var(--surface-card);border-left:1px solid var(--surface-ground)}.scheduler-grid td.total-col{background:var(--surface-card);text-align:center;color:var(--text-color);font-weight:700}.day-header-new{flex-direction:column;align-items:center;gap:.25rem;display:flex}.day-abbr{color:var(--text-color-secondary);font-size:.7rem}.day-num{color:var(--text-color);font-size:.9rem;font-weight:600}.staff-info{align-items:center;gap:.75rem;display:flex}.staff-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:40px;height:40px}.staff-details{flex-direction:column;display:flex}.staff-name{color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.9rem;font-weight:600;overflow:hidden}.staff-details .staff-id{color:var(--primary-color);font-size:.75rem}.staff-details .staff-dept{color:var(--text-color-secondary);text-transform:uppercase;font-size:.7rem}.schedule-cell{justify-content:stretch;align-items:stretch;width:100%;height:100%;display:flex}.schedule-cell>*{flex:1}.add-shift-wrapper{width:100%;height:100%}.add-shift-btn,.add-shift-wrapper{justify-content:center;align-items:center;display:flex}.add-shift-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #cbd5e1;border-radius:50%;width:26px;height:26px;font-size:.85rem;transition:all .2s}.add-shift-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#ff6e050d}.assigned-schedule-slot{background:var(--surface-card);border-radius:var(--radius-sm);box-sizing:border-box;cursor:default;gap:.5rem;width:100%;min-height:100%;padding:.5rem;transition:background .2s,box-shadow .2s;display:flex;position:relative}.schedule-slot-unpublished-badge{color:#f59e0b;cursor:help;z-index:2;pointer-events:auto;justify-content:center;align-items:center;font-size:.75rem;line-height:1;display:inline-flex;position:absolute;top:.3rem;right:.35rem}.schedule-slot-unpublished-badge .pi{font-size:.75rem}.assigned-schedule-slot:hover .remove-assignment-btn+.schedule-slot-unpublished-badge{right:1.75rem}.assigned-schedule-slot .remove-assignment-btn{opacity:0}.assigned-schedule-slot:hover .remove-assignment-btn{opacity:1}.assigned-schedule-slot .assigned-color-bar{border-radius:2px;flex-shrink:0;align-self:stretch;width:4px}.assigned-schedule-slot .assigned-card-subtitle{color:var(--text-color-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1.25;overflow:hidden}.assigned-schedule-slot .assigned-card-content{flex-direction:column;flex:1;justify-content:center;gap:.1rem;min-width:0;display:flex}.assigned-schedule-slot .assigned-card-time{color:var(--text-color-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;line-height:1.25;overflow:hidden}.assigned-schedule-slot .assigned-card-period{min-width:1rem;color:var(--text-color);font-weight:700;display:inline-block}.assigned-schedule-slot .assigned-card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.assigned-schedule-slot .assigned-card-duration{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.65rem;display:flex}.assigned-schedule-slot .assigned-card-duration i{opacity:.8;font-size:.6rem}.assigned-schedule-slot.schedule-slot--shift{background:color-mix(in srgb,var(--primary-color,#f59e0b) 10%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--shift:hover{background:color-mix(in srgb,var(--primary-color,#f59e0b) 16%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--day-off{background:color-mix(in srgb,#64748b 14%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--day-off:hover{background:color-mix(in srgb,#64748b 20%,var(--surface-card))}.assigned-schedule-slot .assigned-card-name{margin-bottom:.1rem;font-size:.75rem;line-height:1.2}.assigned-schedule-slot.schedule-slot--day-off .assigned-card-name{color:#94a3b8}.assigned-schedule-slot.schedule-slot--request{background:color-mix(in srgb,#22c55e 12%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--request:hover{background:color-mix(in srgb,#22c55e 18%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--request .assigned-card-name{color:#16a34a}.assigned-schedule-slot.schedule-slot--holiday{background:color-mix(in srgb,#a855f7 12%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--holiday:hover{background:color-mix(in srgb,#a855f7 18%,var(--surface-card))}.assigned-schedule-slot.schedule-slot--holiday .assigned-card-name{color:#9333ea}.schedule-slot-tooltip{white-space:pre-line;max-width:260px;font-size:.8rem;line-height:1.45}.assigned-shift-card .assigned-color-bar{border-radius:2px;flex-shrink:0;align-self:stretch;width:4px}.assigned-shift-card .assigned-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.assigned-shift-card .assigned-card-name{color:var(--text-color);margin-bottom:.15rem;font-size:.5rem;font-weight:600;line-height:1.3}.assigned-shift-card .assigned-card-time{color:var(--text-color-secondary);margin-bottom:.25rem;font-size:.7rem}.assigned-shift-card .assigned-card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.assigned-shift-card .assigned-card-duration{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.65rem;display:flex}.assigned-shift-card .assigned-card-duration i{opacity:.8;font-size:.6rem}.assigned-shift-card .rules-section{margin-bottom:.35rem}.assigned-shift-card .rules-section:last-child{margin-bottom:0}.assigned-shift-card .rules-section.clock-in .rules-section-header{color:var(--primary-color)}.assigned-shift-card .rules-section.clock-out .rules-section-header{color:var(--blue-500)}.assigned-shift-card .rule-mini-item .rule-label{color:var(--text-color-secondary);text-transform:uppercase;font-size:.45rem}.assigned-shift-card .rule-mini-item .rule-value{color:var(--text-color);font-size:.55rem;font-weight:500}.assigned-shift-card.readonly,.time-off-card.readonly{cursor:default}.assigned-shift-card.readonly .remove-assignment-btn,.time-off-card.readonly .remove-assignment-btn{display:none}.empty-cell-placeholder{justify-content:center;align-items:center;width:100%;height:100%;min-height:60px;display:flex}.empty-cell-placeholder.readonly .empty-cell-dash{color:var(--text-color-secondary);font-size:.85rem}.schedule-cell.readonly .assigned-schedule-slot.readonly{cursor:default}.remove-assignment-btn{color:#cbd5e1;border-radius:var(--radius-sm);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;padding:3px;font-size:.55rem;line-height:1;transition:opacity .1s,color .1s;display:flex;position:absolute;top:7px;right:7px}.remove-assignment-btn i{font-size:.55rem}.assigned-schedule-slot:hover .remove-assignment-btn,.assigned-shift-card:hover .remove-assignment-btn,.time-off-card:hover .remove-assignment-btn{opacity:1}.remove-assignment-btn:hover{color:#ef4444!important}.time-off-card{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;height:100%;padding:.5rem;transition:all .2s;display:flex;position:relative}.time-off-card:hover{box-shadow:var(--shadow-sm)}.time-off-card>i.pi-sun{color:#94a3b8;font-size:.75rem}.time-off-card>span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.5rem;font-weight:600}.time-off-card .remove-assignment-btn i{color:inherit;margin-bottom:0;font-size:.55rem}.time-off-card i{color:var(--primary-color);margin-bottom:.35rem;font-size:1.25rem}.time-off-card span{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.scheduler-footer-stats{gap:1rem;margin-top:1rem;display:flex}.footer-stat{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;gap:.75rem;padding:1rem 1.25rem}.footer-stat,.footer-stat-icon{align-items:center;display:flex}.footer-stat-icon{border-radius:50%;justify-content:center;width:36px;height:36px;font-size:.9rem}.footer-stat-icon.orange{color:var(--primary-color);background:#ff6e051a}.footer-stat-icon.blue{color:#3b82f6;background:#3b82f61a}.footer-stat-icon.gray{color:#64748b;background:#64748b1a}.footer-stat-content{flex-direction:column;display:flex}.footer-stat-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.6rem;font-weight:500}.footer-stat-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.footer-stat-value small{color:var(--text-color-secondary);margin-left:.25rem;font-size:.6rem;font-weight:500}.popup-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.shift-menu-popup{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;width:180px;padding:.5rem 0;position:fixed}.shift-menu-popup .menu-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.shift-menu-popup .menu-item:hover{background:var(--surface-ground)}.shift-menu-popup .menu-item i:first-child{color:var(--text-color-secondary);width:20px}.shift-menu-popup .menu-item span{color:var(--text-color);flex:1;font-size:.9rem}.shift-menu-popup .menu-item i:last-child{color:var(--text-color-secondary);font-size:.8rem}.shift-menu-popup .menu-item i.pi-sun{color:var(--primary-color)}.template-selector-popup{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;flex-direction:column;width:320px;max-height:min(400px,100vh - 100px);display:flex;position:fixed;overflow:hidden}.template-header{border-bottom:1px solid var(--border-color);align-items:center;padding:.75rem 1rem;display:flex}.template-header .back-btn,.template-header .close-btn{width:28px;height:28px;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.template-header .back-btn:hover,.template-header .close-btn:hover{background:var(--surface-ground)}.template-header span{text-align:center;color:var(--text-color);flex:1;font-size:.8rem;font-weight:700}.template-search{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.template-search i{color:var(--text-color-secondary)}.template-search input{color:var(--text-color);background:0 0;border:none;flex:1;font-size:.9rem}.template-search input:focus{outline:none}.template-search input::placeholder{color:var(--text-color-secondary)}.template-list{flex:1;max-height:280px;padding:.5rem;overflow-y:auto}.template-list::-webkit-scrollbar{width:6px}.template-list::-webkit-scrollbar-track{background:var(--surface-ground);border-radius:3px}.template-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.template-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.template-card{border-radius:var(--radius-md);cursor:pointer;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.template-card:hover{background:#ff6e050d}.template-card.selected{background:#ff6e051a}.template-color-bar{border-radius:2px;flex-shrink:0;width:4px}.template-info{flex:1}.template-name{margin-bottom:.25rem;font-size:.9rem}.template-name,.template-time{color:var(--text-color);font-weight:600}.template-time{margin-bottom:.35rem;font-size:.85rem}.template-meta{justify-content:space-between;align-items:center;display:flex}.template-duration{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.template-duration i{font-size:.7rem}.show-rules{color:var(--primary-color);cursor:pointer;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.show-rules i{font-size:.6rem;transition:transform .2s}.show-rules:hover{text-decoration:underline}.p-popover.shift-rules-popover{box-shadow:none;background:0 0;border:none}.p-popover.shift-rules-popover .p-popover-content{padding:0}.template-list-empty,.template-list-loading{color:var(--text-color-secondary);justify-content:center;align-items:center;padding:2rem 1rem;font-size:.85rem;display:flex}.stat-icon-circle.orange{color:var(--primary-color);background:#ff6e0526}.stat-icon-circle.blue{color:#3b82f6;background:#3b82f626}.stat-icon-circle.green{color:#22c55e;background:#22c55e26}.stat-icon-circle.gray{color:#64748b;background:#64748b26}.stat-content{flex-direction:column;display:flex}.shift-block.empty{color:var(--text-color-secondary);background:0 0}.shift-block.dayoff{color:var(--text-color-secondary);background:#64748b33}.shift-block.leave{color:#fff}.section-bar.orange{background:#f97316}.insights-stat-label.orange{color:#f97316}.insights-stat.coverage .insights-stat-value{align-items:baseline;gap:.25rem;display:flex}.insights-stat-value .unit{color:var(--text-color-secondary);margin-left:.25rem;font-size:.8rem;font-weight:400}.chart-header{justify-content:space-between;align-items:flex-start;display:flex}.insights-chart-card .bar-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.insights-chart-card .bar{background:#e2e8f0;border-radius:6px 6px 0 0;width:100%;min-width:30px;max-width:50px;transition:height .3s}.insights-chart-card .bar.highlighted{background:#f97316}.employee-density-heatmap-card .heatmap-section{border-radius:var(--radius-lg);border:.5px solid var(--border-color);box-shadow:none;background:0 0}.heatmap-section{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.heatmap-empty,.heatmap-loading{min-height:200px;color:var(--text-color-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.heatmap-empty i{opacity:.5;font-size:1.5rem}.heatmap-empty p{margin:0}.density-legend{align-items:center;gap:.75rem;margin-left:auto;display:flex}.density-gradient{gap:2px;display:flex}.density-gradient span{border-radius:2px;width:20px;height:12px}.density-min{background:#f1f5f9}.density-low{background:#fed7aa}.density-med{background:#fb923c}.density-high{background:#ea580c}.heatmap-chart-container{width:100%;min-height:320px;margin-top:.5rem}.heatmap-chart-container.heatmap-chart-collapsed{height:0;min-height:0;margin:0;overflow:hidden}.heatmap-grid-container{margin-bottom:1rem;overflow-x:auto}.heatmap-grid{border-collapse:collapse;width:100%;font-size:.7rem}.heatmap-grid th{color:var(--text-color-secondary);text-align:center;padding:.5rem .25rem;font-weight:500}.heatmap-grid td{text-align:center;border:1px solid var(--surface-ground);padding:.35rem}.heatmap-grid .day-label{text-align:left;padding-left:.75rem;font-weight:600}.heatmap-grid .day-label.mon{color:#1e3a5f}.heatmap-grid .day-label.tue{color:#3b82f6}.heatmap-grid .day-label.wed{color:#22c55e}.heatmap-grid .day-label.thu{color:#8b5cf6}.heatmap-grid .day-label.fri{color:var(--primary-color)}.heatmap-grid .day-label.sat{color:#64748b}.heatmap-grid .day-label.sun{color:#ef4444}.heatmap-cell{width:28px;height:28px;font-size:.65rem;font-weight:500}.heatmap-cell.density-0{color:#cbd5e1;background:#f1f5f9}.heatmap-cell.density-1{color:#14532d;background:#86efac}.heatmap-cell.density-2{color:#713f12;background:#fcd34d}.heatmap-cell.density-3,.heatmap-cell.density-4{color:#fff;background:#f97316}.dark-mode .density-min{background:#2a3142}.dark-mode .density-low{background:#fed7aa}.dark-mode .density-med{background:#fb923c}.dark-mode .density-high{background:#ea580c}.dark-mode .heatmap-grid th{color:#94a3b8}.dark-mode .heatmap-grid td{border-color:#1e293b}.dark-mode .heatmap-grid .day-label.mon{color:#93c5fd}.dark-mode .heatmap-grid .day-label.tue{color:#60a5fa}.dark-mode .heatmap-grid .day-label.wed{color:#4ade80}.dark-mode .heatmap-grid .day-label.thu{color:#a78bfa}.dark-mode .heatmap-grid .day-label.fri{color:#fdba74}.dark-mode .heatmap-grid .day-label.sat{color:#94a3b8}.dark-mode .heatmap-grid .day-label.sun{color:#f87171}.dark-mode .heatmap-cell.density-0{color:#ffffff40;background:#2a3142}.dark-mode .heatmap-cell.density-1{color:#052e16;background:#4ade80}.dark-mode .heatmap-cell.density-2{color:#451a03;background:#fbbf24}.dark-mode .heatmap-cell.density-3,.dark-mode .heatmap-cell.density-4{color:#fff;background:#f97316}.heatmap-stat-icon.quiet{background:#64748b}.heatmap-stat-icon.schedule{background:#3b82f6}.heatmap-stat-icon.flexible{background:#8b5cf6}.attendance-datepicker-btn.apply{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.attendance-datepicker-btn.apply:hover{filter:brightness(1.05)}.daily-stat-duration .duration-value{color:var(--text-color);font-size:.85rem;font-weight:600}.attendance-stats-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.att-stat-icon.green{color:#22c55e;background:#22c55e1a}.att-stat-icon.orange{color:#f97316;background:#f973161a}.att-stat-icon.red{color:#ef4444;background:#ef44441a}.att-stat-icon.purple{color:#8b5cf6;background:#8b5cf61a}.att-stat-icon.blue{color:#3b82f6;background:#3b82f61a}.att-stat-icon.teal{color:#14b8a6;background:#14b8a61a}.att-stat-icon.pink{color:#ec4899;background:#ec48991a}.att-stat-icon.gray{color:#64748b;background:#64748b26}.logs-header{align-items:center;padding:1.25rem 1.5rem}.logs-header h3{color:var(--text-color);margin:0;font-size:.9rem}.attendance-table-container{overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;font-size:.8rem}.attendance-table th{text-align:left;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-ground);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.75rem 1rem;font-size:.65rem;font-weight:600}.attendance-table td{vertical-align:middle;border-bottom:1px solid var(--surface-ground);padding:.75rem 1rem}.attendance-table tbody tr:hover{background:var(--surface-hover)}.emp-avatar-initial{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex}.emp-name{font-size:.85rem}.attendance-table .emp-dept-path,.attendance-table .emp-dept-path .dept-name,.emp-dept-path{font-size:.6rem;line-height:1.2}.emp-dept{align-items:center;gap:.5rem;font-size:.7rem;display:flex}.attendance-table .emp-dept,.attendance-table .emp-dept .dept-name,.attendance-table .emp-dept .emp-id{font-size:.6rem;line-height:1.2}.dept-name{font-weight:600}.emp-role{color:var(--text-color-secondary);text-transform:uppercase;font-size:.65rem}.context-cell{align-items:center;gap:.5rem;display:flex}.context-cell i{font-size:.9rem}.context-cell.workday{color:var(--text-color)}.context-cell.workday i{color:#f59e0b}.context-cell.weekend,.context-cell.weekend i{color:#64748b}.context-cell.business,.context-cell.business i{color:#3b82f6}.context-cell.wfh,.context-cell.wfh i{color:#22c55e}.context-cell.leave,.context-cell.leave i{color:#8b5cf6}.context-cell.sick,.context-cell.sick i{color:#dc2626}.context-cell.holiday,.context-cell.holiday i{color:#0d9488}.context-cell.holiday span,.context-cell.request-context span{font-weight:700}.context-cell.request-context i{color:inherit}.shift-cell-content{flex-direction:column;gap:.2rem;display:flex}.shift-type-label{color:var(--text-color);font-weight:600}.shift-time-range{color:var(--text-color-secondary);white-space:nowrap;font-size:.75rem}.shift-period-label{min-width:1rem;color:var(--text-color);font-weight:700;display:inline-block}.shift-cell-content.has-shift-rules{cursor:pointer}.col-expand{text-align:center;width:40px}.expand-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--text-color-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.expand-btn:hover{background:var(--surface-ground);color:var(--primary-color)}.expand-btn i{font-size:.7rem;transition:transform .2s}.col-day{width:80px}.day-label-att{box-sizing:border-box;min-width:3.25rem;color:var(--text-color);border-radius:var(--radius-sm);background:var(--surface-ground);justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.day-label-att.today{color:#fff;background:#f97316}.day-cell-wrapper{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.day-full-date{color:var(--text-color-secondary);white-space:nowrap;font-size:.65rem;font-weight:400}.main-row{cursor:pointer;transition:background .15s}.main-row:hover{background:var(--surface-ground)}.expanded-row,.main-row.expanded{background:var(--surface-hover)}.expanded-row td{border-top:1px dashed var(--border-color)!important}.expanded-row .col-employee,.expanded-row .col-expand{border-top:none!important}.time-value{color:var(--text-color)}.status-badge{text-transform:uppercase;padding:.25rem .75rem;font-size:.65rem}.status-badge.present{color:#22c55e;background:#22c55e26}.status-badge.absent{color:#ef4444;background:#ef444426}.status-badge.no-shift{color:#64748b;white-space:pre-line;text-align:center;background:#64748b26;padding:.3rem .65rem;line-height:1.15}.status-badge.holiday{color:#0d9488;background:#0d948826}.status-badge.on-leave{color:#8b5cf6;background:#8b5cf626}.punch-flag{font-size:.7rem;font-weight:500}.punch-flag.complete{color:#22c55e}.punch-flag.missing{color:#f97316}.punch-flag.off-schedule{color:#0d9488;font-weight:600}.violation-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.violation-badge.normal{color:#fff;background:#22c55e}.violation-badge.less-effort{color:#fff;background:#ef4444}.violation-badge.late{color:#fff;background:#3b82f6}.violation-badge.early{color:#fff;background:#22c55e}.violation-badge.late-early{color:#fff;background:#f97316}.violation-badges-inline{flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%;display:inline-flex}.violation-badge.missing,.violation-badge.outside{color:#fff;background:#ef4444}.duration-value{color:var(--text-color);font-size:.8rem}.col-fingerprints{white-space:nowrap}.fingerprint-count{color:var(--text-color);cursor:help;font-size:.85rem;font-weight:600}.pagination-info{color:var(--text-color-secondary);font-size:.7rem;font-weight:500}.pagination-controls{align-items:center;gap:.75rem;display:flex}.page-indicator{color:var(--text-color);font-size:.75rem;font-weight:500}.deviation-legend .legend-dot.orange{background:#f97316}.deviation-legend .legend-dot.blue{background:#3b82f6}.schedule-grid{border-collapse:collapse;width:100%;min-width:900px}.schedule-grid td,.schedule-grid th{border:1px solid var(--border-color);text-align:center;vertical-align:top;padding:.5rem}.schedule-grid th{background:var(--surface-ground);font-size:.85rem;font-weight:600}.schedule-grid .employee-col{text-align:left;background:var(--surface-ground);z-index:1;width:200px;position:sticky;left:0}.schedule-grid .day-col{min-width:100px}.schedule-grid .day-col.today{background:#ff6e0514}.schedule-grid .day-col.weekend{background:#64748b0d}.day-header{flex-direction:column;gap:.25rem;display:flex}.day-name{color:var(--text-color);font-weight:600}.day-date{color:var(--text-color-secondary);font-size:.75rem}.employee-name-sm{font-size:.85rem;font-weight:600}.shift-cell{cursor:pointer;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:60px;transition:all .2s;display:flex}.shift-cell:hover{background:#ff6e051a}.week-label{min-width:180px;font-size:.95rem}.color-picker-row{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{border:3px solid #0000;border-radius:8px;width:32px;height:32px}.color-option.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text-color)}.late-checkin{color:#f59e0b;font-weight:600}.on-time-checkin{color:#22c55e;font-weight:600}.workweek-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.workweek-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:all .2s}.workweek-card:hover{box-shadow:var(--shadow-md)}.workweek-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.workweek-name{font-size:.95rem;font-weight:600}.workweek-actions{gap:.25rem;display:flex}.workweek-days{gap:.35rem;margin-bottom:1rem;display:flex}.workweek-day{text-align:center;text-transform:uppercase;border-radius:6px;flex:1;padding:.5rem .25rem;font-size:.7rem;font-weight:600}.workweek-day.working{color:#22c55e;background:#22c55e26}.workweek-day.off{background:var(--surface-ground);color:var(--text-color-secondary)}.workweek-footer{justify-content:space-between;align-items:center;display:flex}.workweek-selector{flex-wrap:wrap;gap:.5rem;display:flex}.workweek-day-btn{border:2px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.workweek-day-btn.selected,.workweek-day-btn:hover{border-color:var(--primary-color)}.workweek-day-btn.selected{background:var(--primary-color);color:#fff}.progress-bar-container{background:var(--surface-ground);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .3s}.progress-bar-fill.complete{background:#22c55e}.progress-bar-fill.pending{background:#f59e0b}.progress-bar-fill.overdue{background:#ef4444}.sla-tag.completed{color:#22c55e;background:#22c55e26}.sla-tag.pending{color:#f59e0b;background:#f59e0b26}.sla-tag.overdue{color:#ef4444;background:#ef444426}.picture-guidelines{flex:1}.picture-guidelines h4{margin:0 0 .5rem;font-size:.9rem}.picture-guidelines ul{color:var(--text-color-secondary);margin:0;padding-left:1.25rem;font-size:.8rem}.picture-guidelines li{margin-bottom:.25rem}.nationality-option{align-items:center;gap:.75rem;display:flex}.nationality-flag{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:24px;height:16px}.phone-country-value{align-items:center;gap:.5rem;display:flex}.phone-country-option{align-items:center;gap:.75rem;width:100%;display:flex}.phone-flag{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:20px;height:14px;box-shadow:0 1px 2px #0000001a}.phone-dial-code{color:var(--text-color-secondary);margin-left:auto;font-size:.85rem}.file-upload-area{background:var(--surface-ground);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1.5rem 1rem;display:flex}.file-upload-area.has-file,.file-upload-area:hover{background:rgba(var(--primary-color-rgb,249,115,22),.04)}.file-upload-area.has-file{border-style:solid;border-color:var(--primary-color);padding:.5rem}.file-uploaded-content{align-items:center;gap:.75rem;width:100%;padding:.75rem;display:flex}.file-uploaded-content i{color:var(--primary-color);font-size:1.5rem}.file-uploaded-content .file-name{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.file-remove-btn{color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.file-remove-btn:hover{color:#ef4444;background:#ef44441a}.file-upload-content{text-align:center}.file-upload-content small,.file-upload-content span{color:var(--text-color-secondary)}.file-upload-content small{opacity:.8;font-size:.75rem}.attendance-method-options{flex-wrap:wrap;gap:1rem;display:flex}.attendance-method-option{border:2px solid var(--border-color);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:.75rem;min-width:120px;padding:1rem 1.25rem;transition:all .2s;display:flex}.attendance-method-option:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,249,115,22),.04)}.attendance-method-option.active{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,249,115,22),.08)}.attendance-method-option label{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.attendance-method-option label i{color:var(--text-color-secondary);font-size:1.1rem}.attendance-method-option.active label i{color:var(--primary-color)}.workweek-select-value{align-items:center;gap:.75rem;display:flex}.workweek-select-value .workweek-name{font-weight:500}.workweek-select-value .workweek-days-count{color:var(--text-color-secondary);font-size:.8rem}.workweek-option{padding:.5rem 0}.workweek-option-header{align-items:center;margin-bottom:.5rem;display:flex}.workweek-option .workweek-name{color:var(--text-color);margin-right:.5rem;font-size:.9rem;font-weight:600}.workweek-option .workweek-status{background:var(--surface-ground);color:var(--text-color-secondary);border-radius:10px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.workweek-option .workweek-status.active{color:#22c55e;background:#22c55e26}.workweek-option-days{gap:.25rem;margin-bottom:.5rem;display:flex}.workweek-option-days .day-badge{background:var(--surface-ground);color:var(--text-color-secondary);border-radius:4px;padding:.2rem .35rem;font-size:.6rem;font-weight:600}.workweek-option-days .day-badge.active{color:#22c55e;background:#22c55e26}.workweek-option-footer{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.workweek-option-footer i{font-size:.75rem}.shift-option .shift-time,.shift-select-value .shift-time{color:var(--text-color-secondary);font-size:.8rem}.shift-type-tag.normal{color:#166534;background:#dcfce7}.shift-type-tag.template{color:#1e40af;background:#dbeafe}.shift-type-tag.flexible{color:#7c3aed;background:#f3e8ff}.shift-option-enhanced .shift-time{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.shift-option-enhanced .shift-time i{font-size:.7rem}.shift-dropdown-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.35rem}.shift-dropdown-value-card{flex-wrap:wrap;align-items:center;gap:.35rem .65rem;width:100%;display:flex}.shift-dropdown-value-card .shift-dropdown-dot{margin-top:0}.shift-dropdown-value-name{color:var(--text-color);font-size:.875rem;font-weight:700}.shift-dropdown-option-card .shift-dropdown-type-pill.p-tag,.shift-dropdown-type-pill.p-tag{letter-spacing:.03em;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.shift-dropdown-value-schedule{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.shift-dropdown-hours-pill{color:var(--text-color);background:var(--surface-ground);border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.shift-dropdown-option-card{width:100%;padding:.25rem 0}.shift-dropdown-option-header{align-items:flex-start;gap:.5rem;width:100%;display:flex}.shift-dropdown-option-title{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem .5rem;min-width:0;display:flex}.shift-dropdown-option-name{color:var(--text-color);font-size:.9rem;font-weight:700;line-height:1.2}.shift-dropdown-rules-toggle{color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:.3rem;padding:.15rem .35rem;font-size:.72rem;font-weight:600;display:inline-flex}.shift-dropdown-rules-toggle:hover{background:rgba(var(--primary-color-rgb,249,115,22),.12)}.shift-dropdown-rules-toggle i{font-size:.75rem}.shift-dropdown-option-summary{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-top:.4rem;padding-left:1.25rem;display:flex}.shift-dropdown-summary-time{color:var(--text-color);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:inline-flex}.shift-dropdown-summary-time i{color:var(--text-color-secondary);font-size:.72rem}.shift-dropdown-rules-panel{background:0 0;border:none;margin-top:.5rem;padding:0}.shift-dropdown-rules-panel .clock-rules-section{background:var(--surface-ground);border-radius:6px;margin-bottom:.35rem;padding:.45rem .65rem}.shift-dropdown-rules-panel .clock-rules-section:last-child{margin-bottom:0}.shift-dropdown-rules-panel .clock-rules-section--in{border-left:3px solid #3b82f6;padding-left:.55rem}.shift-dropdown-rules-panel .clock-rules-section--out{border-left:3px solid #f59e0b;padding-left:.55rem}.shift-dropdown-rules-panel .clock-rules-section .rules-header{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.28rem;font-size:.58rem;font-weight:700;display:flex}.shift-dropdown-rules-panel .rules-header--clock-in{color:#3b82f6}.shift-dropdown-rules-panel .rules-header--clock-out{color:#f59e0b}.shift-dropdown-rules-panel .clock-rules-section .rules-header i{font-size:.65rem}.shift-dropdown-rules-panel .clock-rules-section .rules-content{color:var(--text-color-secondary);font-size:.68rem;line-height:1.45}.shift-dropdown-rules-panel .clock-rules-section .rule-line.threshold{margin-bottom:0}.shift-dropdown-rules-panel .clock-rules-section .threshold-value{color:#ef4444;font-weight:600}.shift-dropdown-rules-panel .clock-rules-section .rule-line-window strong{color:var(--text-color);font-weight:700}.shift-dropdown-rules-panel .rules-row.meta-row{margin-bottom:.3rem}.shift-dropdown-rules-panel .rules-row{align-items:flex-start;gap:.45rem;padding:.15rem 0;font-size:.72rem;line-height:1.35;display:flex}.shift-dropdown-rules-panel .rule-label{color:var(--text-color-secondary);flex-shrink:0;font-weight:500}.shift-dropdown-rules-panel .rule-value{color:var(--text-color)}.shift-dropdown-rules-panel .rule-value strong{font-weight:700}.shift-dropdown-period-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-color-secondary);margin-top:.45rem;margin-bottom:.1rem;font-size:.62rem;font-weight:700}.shift-dropdown-period-heading:first-child{margin-top:0}.shift-dropdown-flex-note{color:#8b5cf6;align-items:flex-start;gap:.35rem;margin-top:.4rem;font-size:.62rem;font-style:italic;line-height:1.35;display:flex}.shift-dropdown-flex-note i{flex-shrink:0;margin-top:.05rem;font-size:.72rem}.shift-rules-panel .rules-row{align-items:center;gap:.5rem;padding:.2rem 0;font-size:.75rem;display:flex}.shift-rules-panel .rule-label{color:var(--text-color-secondary);font-weight:500}.shift-rules-panel .rule-value{color:var(--text-color)}.attendance-method-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.6rem .85rem;font-size:.85rem;display:flex}.attendance-method-warning i{color:#d97706}.file-preview-image{aspect-ratio:1;border-radius:6px;width:100%;max-width:150px;overflow:hidden}.file-preview-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.picture-upload-section{align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.picture-upload-section .form-group{flex:none;width:200px}.picture-upload-section .file-upload-area{min-height:150px}.picture-guidelines-card{background:var(--surface-ground);border-radius:8px;flex:1;padding:1rem 1.5rem}.picture-guidelines-card h4{color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.75rem;font-weight:600}.picture-guidelines-card ul{grid-template-columns:repeat(2,1fr);gap:.4rem 2rem;margin:0;padding-left:1.25rem;list-style:outside;display:grid}.picture-guidelines-card li{color:var(--text-color-secondary);font-size:.85rem;line-height:1.4}.step-filter-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.step-filter-tab{border:1px solid var(--border-color);background:var(--surface-card);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.step-filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.step-filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-filter-count{background:#0000001a;border-radius:10px;padding:.1rem .4rem;font-size:.75rem}.step-filter-tab.active .step-filter-count{background:#fff3}.period-label{color:var(--text-color-secondary);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.period-label.active{color:#fff;background:#1e293b}.stat-header{margin-bottom:1rem}.stat-period.main{margin-bottom:0}.period-tag.jan{color:#ef4444;background:#ef444426}.period-tag.may{color:#8b5cf6;background:#8b5cf626}.period-value{font-weight:700}.period-value.small{color:var(--text-color-secondary);font-size:.9rem}.period-value.large{color:var(--text-color);font-size:1.5rem}.period-value .currency{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.stat-change .change-label{color:var(--text-color-secondary);margin-left:auto;font-size:.65rem;font-weight:500}.chart-card{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.chart-card.full-width{grid-column:span 2}.chart-header h3{letter-spacing:.5px;margin:0 0 .25rem;font-size:.9rem;font-weight:700}.chart-header p{color:var(--text-color-secondary);margin:0;font-size:.75rem}.bar-item{align-items:center;gap:1rem;display:flex}.bar-container{background:var(--surface-card);border-radius:4px;flex:1;height:24px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .5s}.tracking-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.tracking-header h2{margin:0 0 .25rem;font-size:1.25rem}.tracking-header p{font-size:.85rem}.cycles-list{flex-direction:column;gap:1rem;display:flex}.cycle-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cycle-header{cursor:pointer;align-items:center;gap:1.5rem;padding:1.5rem;transition:background .2s;display:flex}.cycle-header:hover{background:var(--surface-ground)}.cycle-info{flex:1;gap:1rem}.cycle-icon,.cycle-info{align-items:center;display:flex}.cycle-icon{border-radius:var(--radius-md);justify-content:center;width:48px;height:48px;font-size:1.25rem}.cycle-icon.in_progress{color:#8b5cf6;background:#8b5cf626}.cycle-icon.new{color:#3b82f6;background:#3b82f626}.cycle-icon.closed{color:#22c55e;background:#22c55e26}.cycle-icon.cancelled{color:#94a3b8;background:#94a3b826}.cycle-title-section h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.cycle-status-row{align-items:center;gap:.5rem;display:flex}.status-label{color:var(--text-color-secondary);font-size:.7rem}.status-badge{box-sizing:border-box;border-radius:20px;align-items:center;min-height:1.4rem;padding:.2rem .75rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.status-badge.in_progress{color:#8b5cf6;background:#8b5cf626}.status-badge.new{color:#3b82f6;background:#3b82f626}.status-badge.closed{color:#22c55e;background:#22c55e26}.status-badge.cancelled{color:#94a3b8;background:#94a3b826}.custom-cycle-badge{box-sizing:border-box;text-transform:uppercase;border-radius:20px;align-items:center;gap:.35rem;min-height:1.4rem;padding:.2rem .75rem;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.custom-cycle-badge.is-custom{color:#f59e0b;background:#f59e0b26}.custom-cycle-badge.is-system{color:#0ea5e9;background:#0ea5e926}.custom-cycle-badge i{font-size:.65rem}.custom-cycle-summary{background:var(--surface-ground);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.custom-cycle-info{gap:2rem;display:flex}.custom-cycle-stat{color:var(--text-color-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.custom-cycle-stat i{color:var(--primary-color)}.cycle-summary{align-items:center;gap:2rem;display:flex}.summary-item{text-align:center}.summary-item.total{border-left:1px solid var(--border-color);padding-left:2rem}.summary-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.65rem;font-weight:600;display:block}.summary-value{color:var(--text-color);font-size:1rem;font-weight:700}.summary-item.total .summary-value{color:var(--primary-color)}.cycle-details{border-top:1px solid var(--border-color);padding:0 1.5rem 1.5rem}.cycle-financial-summary{background:var(--surface-ground);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-top:1rem;margin-bottom:1rem;padding:1.5rem;display:flex}.financial-item{text-align:center}.fin-label{color:var(--text-color-secondary);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem;font-weight:600;display:block}.fin-value{font-size:1.1rem;font-weight:700}.fin-value.primary{color:var(--primary-color)}.financial-item.negative .fin-value{color:#ef4444}.financial-item.time-to-close .fin-value{color:#3b82f6}.financial-item.time-to-close{margin-top:0}.financial-amounts-layout{align-items:flex-start;gap:.5rem;display:flex}.breakdown-labels-column{flex-direction:column;flex:none;align-items:center;gap:.5rem;padding-top:0;display:flex}.breakdown-labels-spacer{height:2.85rem}.breakdown-row-label{writing-mode:vertical-rl;letter-spacing:.08em;min-height:1.14rem;color:var(--text-color-secondary);text-transform:uppercase;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;line-height:1;display:flex;transform:rotate(180deg)}.breakdown-row-label.unheld{color:#22c55e}.breakdown-row-label.held{color:#ef4444}.financial-columns{align-items:start;gap:1.25rem 1.5rem;display:grid}.financial-column.cost-tag-column .fin-label-tag{color:#fff;text-transform:uppercase;border-radius:4px;margin-bottom:.25rem;padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.financial-column.cost-tag-column .fin-value.held-value{color:#22c55e}.financial-column{gap:.5rem}.financial-column,.financial-column .financial-item{flex-direction:column;align-items:center;width:100%;display:flex}.financial-column .financial-item{text-align:center;justify-content:center}.financial-column .fin-label,.financial-column .fin-value{text-align:center;width:100%}.financial-column .breakdown-item{min-height:1.14rem}.financial-column .breakdown-item .fin-value{font-size:.95rem}.amount-breakdown-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-card);width:2rem;height:2rem;color:var(--text-color-secondary);cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;margin-top:1.35rem;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.amount-breakdown-toggle:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--surface-hover,var(--surface-ground))}.financial-divider{background:var(--border-color);align-self:stretch;width:1px;margin:0 .5rem}.cc-total-value.breakdown{font-size:.8rem;font-weight:600}.cc-total-value.breakdown.held{color:#22c55e}.sub-cycles-table-wrapper{overflow-x:auto}.sub-cycles-table{border-collapse:collapse;width:100%;font-size:.85rem}.sub-cycles-table th{text-align:left;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.sub-cycles-table td,.sub-cycles-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.sub-cycles-table tr:last-child td{border-bottom:none}.region-cell{align-items:center;gap:.75rem;display:flex}.region-flag{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:24px;height:16px}.cost-center-tag{white-space:nowrap;border-radius:4px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.cost-center-tag .cc-tag-separator{opacity:.7;margin:0 .25rem}.stage-tag{border-radius:4px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.stage-tag.variables{color:#8b5cf6;background:#8b5cf626}.stage-tag.initialization{color:#3b82f6;background:#3b82f626}.stage-tag.archived{color:#22c55e;background:#22c55e26}.wizard-stepper{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:center;gap:0;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto}.stepper-item,.wizard-stepper{align-items:center;display:flex}.stepper-item{flex-direction:column;gap:.5rem;min-width:100px;position:relative}.stepper-icon{background:var(--surface-ground);width:48px;height:48px;color:var(--text-color-secondary);border:2px solid var(--border-color);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex}.stepper-item.active .stepper-icon,.stepper-item.completed .stepper-icon{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.stepper-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.stepper-item.active .stepper-label,.stepper-item.completed .stepper-label{color:#8b5cf6}.stepper-connector{background:var(--border-color);width:calc(100% - 20px);height:2px;position:absolute;top:24px;left:calc(50% + 30px)}.stepper-connector.completed{background:#8b5cf6}.step-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;overflow:visible}.step-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.step-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.step-icon.init{color:#8b5cf6;background:#8b5cf626}.step-icon.variables{color:var(--primary-color);background:#ff6e0526}.step-icon.review{color:#3b82f6;background:#3b82f626}.step-icon.approve{color:#22c55e;background:#22c55e26}.step-header h2{margin:0 0 .25rem;font-size:1.25rem}.step-header p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.step-actions{align-items:center;gap:1rem;margin-left:auto;display:flex}.init-summary{background:var(--surface-ground);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;padding:1.5rem;display:grid}.init-stat{text-align:center}.init-label{color:var(--text-color-secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.init-value{font-size:1.1rem;font-weight:700}.init-checklist h4{margin:0 0 1rem;font-size:1rem}.checklist-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:.75rem;display:flex}.checklist-item:last-child{border-bottom:none}.variables-table-wrapper{background:var(--surface-card);margin:0 -2rem;padding:0 2rem;position:relative;overflow-x:auto}.variables-table-wrapper--virtual,.variables-virtual-header-viewport{overflow:hidden}.variables-virtual-scroller{border:none;width:100%;overflow:auto}.variables-virtual-scroller .p-virtualscroller-content{min-width:2640px}.variables-virtual-row{box-sizing:border-box;border-bottom:1px solid var(--border-color);grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(160px,1fr)) repeat(3,minmax(150px,1fr)) minmax(130px,1fr) repeat(5,minmax(150px,1fr)) minmax(130px,1fr) minmax(140px,1fr) minmax(130px,1fr);align-items:center;min-width:2640px;display:grid}.variables-virtual-header{background:var(--surface-card);border-bottom:2px solid var(--border-color);min-height:56px}.variables-virtual-header .variables-virtual-cell{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:normal;overflow-wrap:anywhere;align-self:stretch;align-items:center;padding:.75rem 1rem;font-size:.7rem;font-weight:600;line-height:1.25;display:flex}.variables-virtual-header .variables-virtual-cell:nth-child(3){white-space:nowrap;overflow-wrap:normal}.variables-virtual-header .addition-col{color:#16a34a;background:#22c55e14}.variables-virtual-header .deduction-col{color:#dc2626;background:#ef444414}.variables-virtual-header .gross-col{color:#7c3aed;background:#8b5cf614}.variables-virtual-header .total-col{font-weight:700}.variables-virtual-cell{min-width:0;padding:.5rem 1rem;font-size:.9rem}.variables-virtual-span-4{grid-column:span 4}.variables-virtual-row>.sticky-col{z-index:2;background:var(--surface-card);position:sticky;left:0;box-shadow:4px 0 8px -4px #00000040}.variables-virtual-header>.sticky-col{z-index:4;background:var(--surface-card)}.variables-virtual-row.has-error>.sticky-col{box-shadow:inset 3px 0 0 var(--p-red-500,#ef4444),4px 0 8px -4px #00000040}.variables-virtual-row.stopped-row{opacity:.72}.variables-virtual-row .fixed-salary-label,.variables-virtual-row .insurance-type-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-color-secondary);margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.variables-virtual-row .fixed-salary-value{font-weight:600}.variables-virtual-row .gross-salary-cell{background:#8b5cf60d}.variables-virtual-row .addition-cell{background:#22c55e0a}.variables-virtual-row .deduction-cell{background:#ef44440a}.variables-virtual-row .gross-cell{color:#7c3aed;font-weight:600}.variables-virtual-row .gosi-cell{color:#dc2626;font-weight:600}.variables-virtual-row .net-deductions-cell{font-weight:600}.variables-virtual-row .total-net-cell{font-weight:700}.variables-virtual-row .muted,.variables-virtual-row .total-net-cell.zero-pay{opacity:.55}.variables-virtual-row .emp-row-error{color:var(--p-red-500,#ef4444);margin-top:.25rem;margin-bottom:0;font-size:.75rem;line-height:1.3}.variables-table tbody tr{position:relative}.variables-table{border-collapse:collapse;width:100%;min-width:1000px;overflow:visible}.variables-table th{text-align:left;color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);white-space:nowrap;padding:.75rem 1rem;font-size:.7rem;font-weight:600}.variables-table th.editable-col{background:#1e293b0d;min-width:120px}.variables-table th.addition-col{color:#16a34a;background:#22c55e14}.variables-table th.deduction-col{color:#dc2626;background:#ef444414}.variables-table th.gross-col{color:#7c3aed;background:#8b5cf614}.variables-table td{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.9rem}.variables-table td.editable-cell{z-index:1;background:#1e293b08;position:relative}.variables-table td.editable-cell input{z-index:2;pointer-events:auto;cursor:text;position:relative}.variables-table td.addition-cell{background:#22c55e08}.variables-table td.addition-cell .addition-input{background:var(--surface-card);color:#16a34a;border:1px solid #d1d5db}.variables-table td.addition-cell .addition-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.variables-virtual-row .addition-cell .addition-input{background:var(--surface-card);color:#16a34a;border:1px solid #d1d5db}.variables-virtual-row .addition-cell .addition-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.variables-table td.deduction-cell{background:#ef444408}.variables-table td.deduction-cell .deduction-input{background:var(--surface-card);color:#dc2626;border:1px solid #d1d5db}.variables-table td.deduction-cell .deduction-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.variables-virtual-row .deduction-cell .deduction-input{background:var(--surface-card);color:#dc2626;border:1px solid #d1d5db}.variables-virtual-row .deduction-cell .deduction-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.variables-table td.gosi-cell{color:#dc2626;background:#ef444408;font-weight:600}.emp-menu-btn{cursor:pointer;width:24px;height:24px;color:var(--text-color-secondary);background:0 0;border:none;border-radius:4px}.emp-menu-btn:hover{background:var(--surface-ground)}.emp-info{flex-direction:column;gap:.2rem;display:flex}.emp-name{align-items:center;gap:.5rem;display:flex}.exempt-badge{background:var(--surface-ground);border-radius:3px;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.emp-meta,.exempt-badge{color:var(--text-color-secondary)}.emp-meta{font-size:.75rem}.emp-status{border-radius:20px;width:fit-content;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.emp-status.active{color:#22c55e;background:#22c55e26}.emp-status.terminated{color:#ef4444;background:#ef444426}.emp-status.on-leave{color:#3b82f6;background:#3b82f626}.emp-status.probation{color:#f59e0b;background:#f59e0b26}.inline-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;text-align:right;background:#1e293b;width:100%;padding:.5rem .75rem;font-size:.9rem}.inline-input:focus{border-color:var(--primary-color);outline:none}.inline-input.addition{color:#22c55e;border:1px solid var(--border-color);background:#1e293b}.inline-input.addition:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.inline-input.deduction{color:#ef4444;border:1px solid var(--border-color);background:#1e293b}.inline-input.deduction:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.inline-input:disabled{opacity:.5;cursor:not-allowed;background:#374151}.dual-currency-input{flex-direction:column;gap:.35rem;display:flex}.currency-row{align-items:center;gap:0;display:flex}.currency-row .inline-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex:1;min-width:60px}.currency-label{border:1px solid var(--border-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#9ca3af;background:#374151;border-left:none;justify-content:center;align-items:center;min-width:36px;padding:.5rem;font-size:.7rem;font-weight:600;display:flex}.currency-row .inline-input.usd-input{color:#94a3b8;background:#0f172a}.gross-cell{font-weight:700}.variables-table.sticky-first-col{border-collapse:separate;border-spacing:0}.variables-table .sticky-col{z-index:100;background:var(--surface-card);min-width:280px;position:sticky;left:0;box-shadow:4px 0 8px #0000001a}.variables-table .sticky-col:before{content:"";background:inherit;width:50px;height:100%;position:absolute;top:0;left:-50px}.variables-table thead .sticky-col{background:var(--surface-ground);z-index:101}.variables-table thead .sticky-col:before{background:var(--surface-ground)}.variables-table tbody tr:hover .sticky-col,.variables-table tbody tr:hover .sticky-col:before{background:var(--surface-hover)}.variables-table tbody .sticky-col{background:var(--surface-card);overflow:visible}.variables-table tbody .sticky-col:before{background:var(--surface-card)}.variables-table tbody tr:has(.emp-dropdown-menu){z-index:200}.variables-table tbody tr:has(.emp-dropdown-menu) .sticky-col{z-index:200}.variables-table .gosi-amount,.variables-table .gosi-col,.variables-table .gosi-percent{color:var(--primary-color);font-weight:600}.variables-table .company-percent,.variables-table .gosi-percent{text-align:center}.variables-table .total-col{color:#8b5cf6;font-weight:700}.variables-table .net-additions-cell{color:#22c55e;font-weight:600}.variables-table .net-deductions-cell{color:#ef4444;font-weight:600}.variables-table .total-net-cell{color:#8b5cf6;font-size:1rem;font-weight:700}.variables-table .total-net-cell.zero-pay{color:#ef4444}.variables-table .company-gosi,.variables-table .company-percent{color:var(--text-color-secondary)}.variables-table .muted,.variables-table td.muted{opacity:.4}.variables-table .stopped-row{background:#ef444408}.stopped-name{color:var(--text-color-secondary);text-decoration:line-through}.stopped-badge{color:#fff;background:#ef4444;border-radius:3px;margin-left:.5rem;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.emp-dropdown-wrapper{z-index:200;position:relative}.emp-dropdown-menu{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:9999;min-width:220px;position:absolute;top:100%;left:24px;overflow:visible;box-shadow:0 10px 40px #00000026}.emp-dropdown-menu .dropdown-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s;display:flex}.emp-dropdown-menu .dropdown-item:hover{background:var(--surface-ground)}.emp-dropdown-menu .dropdown-item.stop{color:#ef4444}.emp-dropdown-menu .dropdown-item.stop:hover{background:#ef44441a}.emp-dropdown-menu .dropdown-item.resume{color:#22c55e}.emp-dropdown-menu .dropdown-item.resume:hover{background:#22c55e1a}.emp-dropdown-menu .dropdown-item i{font-size:1rem}.emp-dropdown-menu-fixed{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:9999;min-width:220px;position:fixed;overflow:visible;box-shadow:0 10px 40px #0003}.emp-dropdown-menu-fixed .dropdown-item{cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:background .2s;display:flex}.emp-dropdown-menu-fixed .dropdown-item:hover{background:var(--surface-ground)}.emp-dropdown-menu-fixed .dropdown-item.stop{color:#ef4444}.emp-dropdown-menu-fixed .dropdown-item.stop:hover{background:#ef44441a}.emp-dropdown-menu-fixed .dropdown-item.resume{color:#22c55e}.emp-dropdown-menu-fixed .dropdown-item.resume:hover{background:#22c55e1a}.emp-dropdown-menu-fixed .dropdown-item i{font-size:1rem}.table-footer{border-top:1px solid var(--border-color);margin-top:1rem;padding:1rem 0}.record-count{color:var(--text-color-secondary);font-size:.8rem;font-weight:600}.variance-warning{color:#f59e0b;background:#f59e0b26;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex}.variance-table-wrapper{overflow-x:auto}.variance-table{border-collapse:collapse;width:100%}.variance-table th{text-align:left;color:var(--text-color-secondary);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding:.75rem 1rem;font-size:.7rem;font-weight:600}.variance-table td{border-bottom:1px solid var(--border-color);padding:1rem}.emp-id-cell .emp-name{margin-bottom:.25rem;font-weight:600}.emp-id-cell .emp-meta{color:var(--text-color-secondary);font-size:.8rem}.current-net{color:#8b5cf6;font-weight:600}.delta-positive{color:#22c55e;font-weight:600}.delta-negative{color:#ef4444;font-weight:600}.variance-badge{border-radius:20px;align-items:center;gap:.25rem;font-size:.8rem;display:inline-flex}.variance-badge.major{color:#fff;background:#ef4444}.batch-total{color:var(--text-color-secondary);margin-right:1rem;font-size:.9rem}.batch-total strong{color:var(--text-color)}.approve-dashboard .approval-grid{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;display:grid}.main-cards{grid-row:1;gap:1rem;display:flex}.addition-breakdown-cards,.main-cards{grid-column:1;min-width:0;margin-bottom:0}.addition-breakdown-cards{grid-row:2}.deduction-breakdown-cards{grid-area:3/1;min-width:0;margin-bottom:0}.financial-card{border-radius:var(--radius-md);flex:1;padding:1.5rem;position:relative}.financial-card.net-pay{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.financial-card.gross-pay{color:#fff;background:#1e293b}.card-badge{background:#fff3;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1rem}.card-label{opacity:.9;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.card-value{margin-bottom:.5rem;font-size:2rem;font-weight:800}.card-sublabel{opacity:.7;font-size:.7rem}.addition-breakdown-cards,.deduction-breakdown-cards{margin-bottom:1.5rem}.approve-dashboard .addition-breakdown-cards,.approve-dashboard .deduction-breakdown-cards{margin-bottom:0}.approve-dashboard .breakdown-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.approve-dashboard .breakdown-card{min-width:0;padding:.875rem .5rem}.approve-dashboard .breakdown-label{word-break:break-word;font-size:.65rem;line-height:1.25}.approve-dashboard .deduction-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.approve-dashboard .deduction-card{min-width:0;padding:.875rem .5rem}.approve-dashboard .deduction-label{word-break:break-word;font-size:.65rem;line-height:1.25}.section-title{border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700}.section-title.additions{color:#16a34a;background:#22c55e1a}.section-title.deductions{color:#dc2626;background:#ef44441a}.breakdown-cards{grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1rem;display:grid}.breakdown-card{background:var(--surface-ground);border-radius:var(--radius-sm);text-align:center;padding:1rem}.breakdown-card.addition{background:#22c55e0d;border:1px solid #22c55e33}.breakdown-card.addition .breakdown-value{color:#16a34a}.breakdown-value{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.breakdown-label{color:var(--text-color-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.deduction-cards{grid-column:1;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.deduction-card{background:var(--surface-ground);border-radius:var(--radius-sm);text-align:center;padding:1rem}.deduction-value{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.deduction-value.negative{color:#ef4444}.deduction-card.muted{opacity:.6}.deduction-label{color:var(--text-color-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.batch-review-panel{background:var(--surface-ground);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;grid-area:1/2/5;align-self:stretch;height:100%;min-height:0;max-height:100%;padding:1rem 1.25rem;display:flex;overflow:hidden}.panel-header{flex-shrink:0}.panel-header h4{margin:0 0 .25rem;font-size:.9rem}.panel-header p{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.75rem}.employee-hold-list{scrollbar-gutter:stable;flex-direction:column;flex:1 1 0;gap:.5rem;min-height:0;padding-right:.25rem;display:flex;overflow:hidden auto}.hold-item{background:var(--surface-card);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.hold-info{flex:1;min-width:0}.hold-item .p-button{flex-shrink:0}.hold-name{font-size:.85rem;font-weight:600}.hold-meta{color:var(--text-color-secondary);font-size:.75rem}.hold-amount{color:var(--primary-color);margin-left:.5rem;font-weight:600}.panel-footer{text-align:center;color:var(--text-color-secondary);flex-shrink:0;padding-top:1rem;font-size:.75rem}.pay-summary-cards{gap:1rem;margin-bottom:2rem;display:flex}.pay-card{border-radius:var(--radius-md);flex:1;padding:1.5rem;position:relative}.pay-card.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.pay-card.dark{color:#fff;background:#1e293b}.pay-badge{background:#fff3;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1rem}.pay-label{opacity:.9;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.pay-value{margin-bottom:.5rem;font-size:2rem;font-weight:800}.pay-sublabel{opacity:.7;font-size:.7rem}.pay-card-group{flex-direction:column;gap:.5rem;display:flex}.mini-pay-card{background:var(--surface-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:1rem}.mini-label{margin-bottom:.25rem;font-size:.65rem}.mini-value{font-size:1.1rem;font-weight:700}.mini-value.negative{color:#ef4444}.pay-section{margin-bottom:2rem}.pay-section h4{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.8rem;font-weight:600}.audit-cards,.file-cards{gap:1rem;display:flex}.audit-card,.file-card{background:var(--surface-ground);border-radius:var(--radius-md);text-align:center;cursor:pointer;border:2px solid #0000;flex:1;padding:1.5rem;transition:all .2s}.audit-card:hover,.file-card:hover{border-color:var(--primary-color)}.file-card.active{background:#8b5cf61a;border-color:#8b5cf6}.audit-card i,.file-card i{color:var(--text-color-secondary);margin-bottom:.5rem;font-size:1.5rem}.audit-name,.file-name{margin-bottom:.25rem;font-size:.9rem;font-weight:600}.audit-desc,.file-desc{color:var(--text-color-secondary);font-size:.7rem}.pay-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.pay-section.authorization,.upload-area{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.auth-steps{flex-direction:column;gap:1rem;display:flex}.auth-step{background:var(--surface-card);border-radius:var(--radius-sm);align-items:center;gap:1rem;padding:1rem;display:flex}.auth-step.completed{background:#22c55e1a}.auth-number{background:var(--surface-ground);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.auth-info{flex:1}.auth-title{font-size:.85rem;font-weight:600}.auth-desc{color:var(--text-color-secondary);font-size:.75rem}.auth-done{color:#22c55e;font-size:1.25rem}.auth-required{color:#ef4444;font-size:.75rem;font-weight:500}.audit-card.clickable{cursor:pointer;position:relative}.audit-card.clickable:after{content:"→";opacity:0;color:var(--primary-color);font-weight:700;transition:all .2s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.audit-card.clickable:hover:after{opacity:1;right:.5rem}.audit-card.clickable:hover{border-color:var(--primary-color);background:#f973160d}.audit-card.approve-review-card{background:var(--surface-ground);border:2px dashed var(--border-color);flex-direction:column;grid-area:4/1;justify-content:center;align-items:center;min-width:0;min-height:100px;display:flex}.audit-card.approve-review-card:hover{border-style:solid;border-color:var(--primary-color);background:#f973160d}.audit-card.approve-review-card i{color:var(--primary-color);margin-bottom:.5rem;font-size:1.75rem}.audit-dialog-header{padding:0}.audit-dialog-header h2{color:var(--text-color);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.audit-dialog-header p{color:var(--text-color-secondary);letter-spacing:.05em;margin:0;font-size:.75rem}.audit-table-wrapper{max-height:500px;overflow-y:auto}.activity-log-dialog-content{padding:1rem 0}.activity-log-dialog-content .log-timeline{max-height:400px;overflow-y:auto}.activity-log-empty{text-align:center;color:var(--text-color-secondary);padding:2rem 1rem;font-size:.875rem}.audit-table{border-collapse:collapse;width:100%}.audit-table th{background:var(--surface-ground);color:var(--text-color-secondary);text-align:left;border-bottom:1px solid var(--surface-border);letter-spacing:.05em;padding:1rem .75rem;font-size:.75rem;font-weight:600}.audit-table th.text-primary{color:var(--primary-color)}.audit-table th.text-danger{color:#ef4444}.audit-table td{border-bottom:1px solid var(--surface-border);vertical-align:middle;padding:1rem .75rem}.audit-table .emp-name{color:var(--text-color);font-size:.9rem;font-weight:600}.audit-table .emp-id{color:var(--text-color-secondary);font-size:.75rem}.audit-table .text-primary{color:var(--primary-color);font-weight:500}.audit-table .text-danger{color:#ef4444;font-weight:500}.audit-table .text-bold{color:var(--text-color);font-weight:700}.audit-table.variance-table td,.audit-table.variance-table th{text-align:center}.audit-table.variance-table td:first-child,.audit-table.variance-table th:first-child{text-align:left}.variance-badge{border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.variance-badge.positive{color:#22c55e;background:#22c55e26}.variance-badge.negative{color:#ef4444;background:#ef444426}.variance-badge.neutral{color:#64748b;background:#64748b26}.uploaded-proofs-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.uploaded-proof-item{background:var(--surface-ground);border-radius:var(--radius-sm);border:1px solid var(--surface-border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.uploaded-proof-item i.pi-file-pdf{color:#ef4444;font-size:1.25rem}.uploaded-proof-item .proof-name{color:var(--text-color);flex:1;font-size:.875rem;font-weight:500}.uploaded-proof-item .proof-size{color:var(--text-color-secondary);font-size:.75rem}.uploaded-proof-item .remove-proof{color:var(--text-color-secondary);cursor:pointer;padding:.25rem;transition:color .2s}.uploaded-proof-item .remove-proof:hover{color:#ef4444}.closing-grid{grid-template-columns:1fr 350px;gap:1.5rem;display:grid}.closing-audit{padding:2rem}.closing-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.closing-header h2{margin:0 0 .25rem}.closing-header p{color:var(--text-color-secondary);margin:0;font-size:.8rem}.total-liability{text-align:right}.liability-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;display:block}.liability-value{color:var(--primary-color);font-size:1.5rem;font-weight:800}.history-cards{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.history-card{background:var(--surface-ground);border-radius:var(--radius-md);text-align:center;cursor:pointer;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;transition:all .2s;display:flex}.history-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);background:#f973160d}.history-card i{color:#8b5cf6;font-size:1.5rem;display:block}.history-card span{color:var(--text-color);letter-spacing:.02em;font-size:.75rem;font-weight:600}.initialization-audit-content{flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.init-info-cards{justify-content:center;gap:1.5rem;display:flex}.init-info-card{text-align:center;background:#8b5cf614;border-radius:9999px;min-width:180px;padding:1.5rem 2.5rem}.init-info-card .init-label{color:#8b5cf6;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.init-info-card .init-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.init-status-card{text-align:center;background:#22c55e1f;border-radius:9999px;min-width:280px;padding:1.25rem 2.5rem}.init-status-card .init-label{color:#22c55e;letter-spacing:.05em;margin-bottom:.35rem;font-size:.65rem;font-weight:600}.init-status-card .init-status-value{color:var(--text-color);font-size:1rem;font-weight:700}.approval-audit-content{text-align:center;flex-direction:column;align-items:center;padding:3rem 1rem;display:flex}.approval-success-icon{background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;display:flex}.approval-success-icon i{color:#22c55e;font-size:2.5rem}.approval-title{color:var(--text-color);margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.approval-subtitle{color:var(--text-color-secondary);letter-spacing:.02em;margin:0 0 1rem;font-size:.85rem;font-weight:600}.approval-hash{color:#94a3b8;margin:0;font-family:monospace;font-size:.7rem}.execution-proofs h4{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.8rem;font-weight:600}.proof-item{background:var(--surface-ground);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.75rem;display:flex}.proof-item.verified i{color:#22c55e}.proof-name{font-size:.9rem;font-weight:600}.proof-size{font-size:.75rem}.no-proofs,.proof-size{color:var(--text-color-secondary)}.no-proofs{background:var(--surface-ground);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:1rem;font-size:.85rem;display:flex}.closing-checks{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.closing-checks h3{margin:0 0 1.5rem;font-size:1.1rem}.checks-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.check-item{background:var(--surface-ground);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:1rem;display:flex}.check-label{font-size:.85rem;font-weight:600}.close-action{text-align:center}.close-hint{color:var(--text-color-secondary);margin-top:.5rem;font-size:.75rem;display:block}.archived-view{padding:2rem}.archived-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.archived-icon{color:#22c55e;background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.archived-info{flex:1}.archived-info h2{margin:0 0 .5rem}.archived-meta{align-items:center;gap:1rem;display:flex}.locked-badge{color:#22c55e;background:#22c55e26;border-radius:4px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.location{color:var(--text-color-secondary);font-size:.85rem}.archived-grid{grid-template-columns:200px minmax(0,1fr) 280px;gap:1.5rem;display:grid}.archived-grid>*{min-width:0}.archived-stats{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.archived-stats h4{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.75rem;font-weight:600}.stat-row{flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.stat-row .stat-value{font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.stat-row .stat-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;display:block}.stat-mini-row{gap:1rem;display:flex}.mini-stat{flex:1}.mini-stat .mini-value{font-size:1.25rem;font-weight:700;display:block}.mini-stat .mini-value.held{color:#22c55e}.mini-stat .mini-label{color:var(--text-color-secondary);font-size:.65rem}.archived-content{background:var(--surface-ground);border-radius:var(--radius-md);min-width:0;padding:1.5rem;overflow:hidden}.view-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.view-tab{color:var(--text-color-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem 1rem;font-size:.8rem;font-weight:600}.view-tab.active{background:var(--surface-card);color:var(--text-color)}.view-tab.is-disabled,.view-tab:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.archived-variable-view{width:100%;margin-top:0}.archived-variable-view .audit-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;max-height:620px;overflow:auto}.archived-variable-view .audit-table{min-width:920px}.archived-variable-view .audit-table thead{z-index:1;position:sticky;top:0}.archived-variable-view .audit-table td,.archived-variable-view .audit-table th{white-space:nowrap;padding:.75rem .5rem;font-size:.8125rem}.archived-variable-view .audit-table .emp-id,.archived-variable-view .audit-table .emp-name{white-space:normal}.archived-variable-view .audit-table td:first-child,.archived-variable-view .audit-table td:nth-child(2),.archived-variable-view .audit-table th:first-child,.archived-variable-view .audit-table th:nth-child(2){white-space:normal;min-width:140px}.proofs-section h4{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.8rem;font-weight:600}.frozen-notice{background:var(--surface-card);border-radius:var(--radius-md);align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.5rem;display:flex}.frozen-notice i{color:var(--text-color-secondary);font-size:1.5rem}.frozen-notice strong{margin-bottom:.25rem;display:block}.frozen-notice p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.action-log{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.action-log h4{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.75rem;font-weight:600}.log-timeline{flex-direction:column;gap:1rem;display:flex}.log-item{align-items:flex-start;gap:.75rem}.log-dot{background:#8b5cf6;margin-top:4px}.log-action{color:var(--primary-color);font-size:.85rem;font-weight:600}.log-user{font-size:.75rem}.wizard-footer{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.footer-right,.wizard-footer{align-items:center;display:flex}.footer-right{gap:1rem}.currency-badge{color:#3b82f6;background:#3b82f626;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}@media (width<=1200px){.archived-grid,.closing-grid{grid-template-columns:1fr}.approve-dashboard .approval-grid{grid-template-rows:auto;grid-template-columns:1fr}.approve-dashboard .addition-breakdown-cards,.approve-dashboard .audit-card.approve-review-card,.approve-dashboard .deduction-breakdown-cards,.approve-dashboard .main-cards,.batch-review-panel{grid-area:auto/1}.batch-review-panel{height:auto;max-height:none}.batch-review-panel .employee-hold-list{flex:none;max-height:320px}}@media (width<=768px){.chart-card.full-width{grid-column:1}.breakdown-cards{grid-template-columns:repeat(3,1fr)}.deduction-cards,.pay-grid{grid-template-columns:1fr}.pay-summary-cards{flex-direction:column}}.category-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.category-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);border-left:4px solid;padding:1rem;transition:all .2s}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-header{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.category-icon{border-radius:var(--radius-md);flex-shrink:0;width:44px;height:44px;font-size:1.25rem}.category-info{flex:1;min-width:0}.category-name{margin-bottom:.25rem;font-size:1rem;font-weight:700}.category-desc{color:var(--text-color-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.category-actions{gap:.25rem;display:flex}.category-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.type-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;width:36px;height:36px}.form-section-title,.type-icon{align-items:center;font-size:1rem;display:flex}.form-section-title{color:var(--text-color);border-bottom:1px solid var(--border-color);margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-weight:600}.form-section-title:first-of-type{margin-top:0}.form-fields-builder{flex-direction:column;gap:.75rem;display:flex}.form-field-item{background:var(--surface-ground);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.field-drag-handle{color:var(--text-color-secondary);cursor:grab;padding:.5rem 0}.field-drag-handle:hover{color:var(--text-color)}.field-config{flex-direction:column;flex:1;gap:.75rem;display:flex}.field-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.field-balance,.field-required{color:var(--text-color-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.field-settings{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.field-config-toggle{color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500;text-decoration:underline}.field-config-editor textarea{text-align:start;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5}.field-config-warning{color:#ca8a04;margin:.35rem 0 0;font-size:.75rem;line-height:1.35}.field-balance--disabled{opacity:.55}.field-actions{flex-direction:column;gap:.25rem;display:flex}.empty-fields{text-align:center;background:var(--surface-ground);border-radius:var(--radius-md);border:2px dashed var(--border-color);color:var(--text-color-secondary);padding:2rem}.empty-fields i{opacity:.5;margin-bottom:.5rem;font-size:2rem}.empty-fields p{margin:0;font-size:.9rem}.approval-flow-builder{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.25rem}.approval-step{margin-bottom:1.5rem}.step-label{color:var(--text-color);margin-bottom:1rem;font-size:.9rem;font-weight:600}.approval-condition{border-top:1px solid var(--border-color);padding-top:1rem}.approval-checkboxes{flex-direction:column;gap:.75rem;display:flex}.approval-checkbox-item{align-items:center;gap:.5rem;display:flex}.approval-checkbox-item label{color:var(--text-color-secondary);cursor:pointer;font-size:.9rem}.condition-config{background:var(--surface-card);border-radius:var(--radius-sm);margin-top:.5rem;padding:1rem}.condition-row{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.type-dialog-content{max-height:70vh;padding-right:.5rem;overflow-y:auto}.new-request-page{max-width:1200px;margin:0 auto}.request-wizard-header{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.wizard-progress{justify-content:center;align-items:center;gap:0;max-width:500px;margin:0 auto;display:flex}.progress-step{z-index:1;flex-direction:column;gap:.5rem;position:relative}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background:var(--surface-ground);border:2px solid var(--border-color);width:44px;height:44px;color:var(--text-color-secondary);border-radius:50%;justify-content:center;font-size:1rem;font-weight:700;transition:all .3s}.progress-step.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #ff6e0566}.progress-step.completed .step-circle{color:#fff;background:#22c55e;border-color:#22c55e}.step-text{color:var(--text-color-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.progress-step.active .step-text,.progress-step.completed .step-text{color:var(--text-color)}.progress-line{background:var(--border-color);border-radius:2px;flex:1;max-width:100px;height:3px;margin:0 .5rem 1.5rem;transition:all .3s}.progress-line.active{background:#22c55e}.wizard-step-content{animation:.4s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-intro{text-align:center;margin-bottom:2.5rem}.step-intro h1{color:var(--text-color);margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.step-intro p{color:var(--text-color-secondary);margin:0;font-size:1rem}.step-intro.compact{text-align:left;margin-bottom:1.5rem}.step-intro.compact h1{margin-bottom:.25rem;font-size:1.5rem}.back-button{color:var(--text-color-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.back-button:hover{background:var(--surface-ground);color:var(--text-color)}.back-button i{font-size:.85rem}.selected-category-badge{border-radius:25px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.category-selection-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.category-select-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:1.75rem;transition:all .3s}.category-select-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.category-select-card.selected{border-color:var(--primary-color);background:#ff6e050d}.category-select-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.75rem;transition:all .3s;display:flex}.category-select-card:hover .category-select-icon{transform:scale(1.1)}.category-select-name{color:var(--text-color);margin-bottom:.5rem;font-size:1rem;font-weight:700}.category-select-desc{color:var(--text-color-secondary);margin-bottom:.75rem;font-size:.8rem;line-height:1.4}.category-select-count{color:var(--primary-color);font-size:.75rem;font-weight:600}.selected-type-header{align-items:center;gap:1rem;display:flex}.type-icon-large{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.request-type-list{flex-direction:column;gap:.75rem;display:flex}.request-type-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.request-type-card:hover{border-color:var(--primary-color);background:#ff6e0505;box-shadow:0 4px 12px #00000014}.type-card-content{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:1rem;display:flex}.type-card-main h3{color:var(--text-color);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.type-balance-badge{color:#22c55e;white-space:nowrap;background:#22c55e26;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.type-card-arrow{color:var(--text-color-secondary);transition:all .2s}.request-type-card:hover .type-card-arrow{color:var(--primary-color);transform:translate(4px)}.form-and-info-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.form-and-info-grid{grid-template-columns:1fr}}.request-form-section{min-width:0}.form-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.form-card-header{background:var(--surface-ground);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.form-card-header i{color:var(--primary-color);font-size:1.1rem}.dynamic-form{gap:1.5rem;padding:1.5rem}.dynamic-field,.dynamic-form{flex-direction:column;display:flex}.dynamic-field{gap:.5rem}.dynamic-field-label{color:var(--text-color);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.required-badge{text-transform:uppercase;color:#ef4444;background:#ef44441a;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.date-range-field{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.new-request-page .p-datepicker-input{width:100%!important}.mini-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}@media (width<=500px){.date-range-field{grid-template-columns:1fr}}.days-counter{color:#3b82f6;border-radius:var(--radius-sm);background:#3b82f61a;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.days-counter i{font-size:.9rem}.remove-file{color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem}.remove-file:hover{color:#ef4444}.checkbox-field{align-items:center;gap:.75rem;display:flex}.checkbox-label{color:var(--text-color);font-size:.9rem}.form-submit-section{border-top:1px solid var(--border-color);background:var(--surface-ground);padding:1.5rem}.submit-btn{width:100%;padding:1rem!important;font-size:1rem!important;font-weight:600!important}.request-info-sidebar{flex-direction:column;gap:1rem;display:flex}.info-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.info-card-header{background:var(--surface-ground);border-bottom:1px solid var(--border-color);color:var(--text-color);align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.info-card-header i{color:var(--primary-color)}.balance-card .balance-display{justify-content:space-between;align-items:flex-start;padding:1.25rem;display:flex}.balance-main .balance-value{color:var(--text-color);font-size:2.5rem;font-weight:800;line-height:1}.balance-impact .impact-label,.balance-main .balance-label{color:var(--text-color-secondary);margin-top:.25rem;font-size:.75rem}.balance-impact{text-align:right}.balance-impact .impact-value{color:#22c55e;font-size:1.5rem;font-weight:700}.balance-impact .impact-value.warning{color:#ef4444}.balance-bar{background:var(--surface-ground);border-radius:4px;height:8px;margin:0 1.25rem;position:relative;overflow:hidden}.balance-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;height:100%;transition:width .3s}.balance-bar-impact{background:#fbbf24;border-radius:4px;height:100%;transition:all .3s;position:absolute;top:0}.balance-footer{color:var(--text-color-secondary);border-top:1px solid var(--border-color);justify-content:space-between;margin-top:1rem;padding:1rem 1.25rem;font-size:.75rem;display:flex}.approval-card .approval-flow-preview{padding:1.25rem}.flow-step{gap:.75rem}.flow-icon,.flow-step{align-items:center;display:flex}.flow-icon{border-radius:50%;justify-content:center;width:36px;height:36px;font-size:.9rem}.flow-icon.you{color:#3b82f6;background:#3b82f626}.flow-icon.manager{color:#8b5cf6;background:#8b5cf626}.flow-icon.hr{color:#22c55e;background:#22c55e26}.flow-info .flow-title{color:var(--text-color);font-size:.85rem;font-weight:600}.flow-info .flow-subtitle{color:var(--text-color-secondary);font-size:.75rem}.flow-connector{background:var(--border-color);width:2px;height:20px;margin-left:17px}.approval-condition-note{color:#d97706;background:#f59e0b1a;align-items:flex-start;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.approval-condition-note i{margin-top:2px}.policy-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:none}.policy-card .info-card-header{color:#92400e;background:0 0;border-bottom-color:#0000001a}.policy-card .info-card-header i{color:#f59e0b}.policy-text{color:#92400e;margin:0;padding:1rem 1.25rem;font-size:.8rem;line-height:1.5}.dark-mode .policy-card{background:var(--surface-card);border:none}.dark-mode .policy-card .info-card-header{background:var(--surface-ground);border-bottom-color:var(--border-color);color:var(--text-color)}.dark-mode .policy-card .info-card-header i{color:var(--primary-color)}.dark-mode .policy-text{color:#cbd5e1}.dark-mode .policy-text :where(*){color:inherit!important}.success-step{justify-content:center;align-items:center;min-height:500px;display:flex}.success-container{text-align:center;max-width:500px}.success-animation{margin:0 auto 2rem;overflow:visible}.success-animation,.success-circle{width:100px;height:100px;position:relative}.success-circle{z-index:1;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;animation:.5s scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-circle i{color:#fff;font-size:3rem;animation:.3s .2s both checkmark}@keyframes checkmark{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-ripple{box-sizing:border-box;pointer-events:none;transform-origin:50%;border:2px solid #22c55e;border-radius:50%;animation:1.5s infinite success-ripple-expand;position:absolute;inset:0}@keyframes success-ripple-expand{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2)}}.success-container h1{color:var(--text-color);margin:0 0 .75rem;font-size:1.75rem;font-weight:800}.success-message{color:var(--text-color-secondary);margin:0 0 2rem;font-size:1rem}.success-details{background:var(--surface-ground);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;display:flex}.detail-item{color:var(--text-color-secondary);align-items:center;gap:.75rem;font-size:.9rem}.detail-item i{color:var(--primary-color);width:20px}.detail-item strong{color:var(--text-color)}.success-actions{justify-content:center;gap:1rem;display:flex}.request-filters{margin-bottom:1rem}.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tab{border:1px solid var(--border-color);background:var(--surface-card);color:var(--text-color-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.filter-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-count{background:#0000001a;border-radius:10px;padding:.15rem .5rem;font-size:.75rem}.filter-tab.active .filter-count{background:#fff3}.request-type-badge{width:40px;height:40px;font-size:1.1rem}.request-type-name{font-size:.9rem}.request-id{font-family:monospace}.date-cell .time-ago,.employee-dept{color:var(--text-color-secondary);font-size:.75rem}.current-approver{color:var(--text-color-secondary);align-items:flex-start;gap:.35rem;font-size:.85rem;display:inline-flex}.current-approver i{margin-top:.15rem;font-size:.8rem}.current-approver-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.current-approver-label{line-height:1.2}.current-approver-name{color:var(--text-color-secondary);font-size:.75rem;font-style:italic;line-height:1.2}.completed-text{color:#22c55e;font-size:.85rem;font-weight:500}.request-status-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.request-status-badge.large{padding:.5rem 1rem;font-size:.85rem}.request-status-badge.pending{color:#f59e0b;background:#f59e0b26}.request-status-badge.in_review{color:#3b82f6;background:#3b82f626}.request-status-badge.approved{color:#22c55e;background:#22c55e26}.request-status-badge.rejected{color:#ef4444;background:#ef444426}.request-status-badge.cancelled{color:#64748b;background:#64748b26}.my-requests-page .p-datatable-tbody>tr{cursor:pointer}.my-requests-page .p-datatable-tbody>tr:hover{background:#ff6e050d!important}.request-detail-view{animation:.3s fadeInUp}.detail-grid{grid-template-columns:1fr 380px;align-items:start;gap:1.5rem}@media (width<=1000px){.detail-grid{grid-template-columns:1fr}}.detail-main{flex-direction:column;gap:1rem;display:flex}.detail-header-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.detail-header-content{align-items:flex-start;gap:1rem;display:flex}.detail-reload-btn{flex-shrink:0;margin-left:auto}.detail-type-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.detail-header-info{flex:1}.detail-title-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.detail-title-row h1{margin:0;font-size:1.5rem;font-weight:700}.detail-meta{flex-wrap:wrap;gap:1.5rem;display:flex}.detail-meta span{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.detail-meta i{font-size:.8rem}.detail-section-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{border:1px solid var(--border-color);border-radius:var(--radius-md);gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;margin:.5rem!important}.requester-info{align-items:center;gap:1rem;padding:.4rem 1.25rem .75rem;display:flex}.requester-name{font-size:1rem;font-weight:600}.parameters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:.4rem 1.25rem .75rem;display:grid}.parameter-item{flex-direction:column;gap:.35rem;display:flex}.parameter-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.parameter-value{color:var(--text-color);font-size:1rem;font-weight:500}.parameter-info-icon{color:var(--text-color-secondary);vertical-align:middle;cursor:help;margin-left:.35rem;font-size:.75rem}.parameter-info-icon:focus-visible,.parameter-info-icon:hover{color:var(--primary-color);outline:none}.duration-info-tooltip .p-tooltip-text{letter-spacing:normal;text-transform:none;width:270px;max-width:calc(100vw - 2rem);padding:.7rem .8rem;font-size:.8rem;line-height:1.45}.duration-tip-list li,.duration-tip-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.duration-tip-row+.duration-tip-row{margin-top:.3rem}.duration-tip-key{opacity:.8}.duration-tip-val{white-space:nowrap;font-weight:700}.duration-tip-row.is-excluded .duration-tip-val{color:#fca5a5}.duration-tip-row.is-deducted{border-top:1px solid #ffffff2e;margin-top:.45rem;padding-top:.45rem}.duration-tip-breakdown{border-top:1px solid #ffffff2e;margin-top:.6rem;padding-top:.5rem}.duration-tip-heading{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:.35rem;font-size:.7rem;font-weight:700}.duration-tip-list{margin:0;padding:0;list-style:none}.duration-tip-list li+li{margin-top:.2rem}.duration-tip-date{white-space:nowrap}.duration-tip-reason{text-align:right;opacity:.75}.duration-tip-more{opacity:.7;margin-top:.25rem;font-size:.72rem}.action-card{border:2px solid var(--primary-color)}.action-form{padding:1.25rem 1.5rem}.action-buttons{justify-content:flex-end;gap:1rem;margin-top:1rem}.detail-sidebar{flex-direction:column;gap:1rem;display:flex}.sidebar-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-card-header{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.sidebar-card-header i{color:var(--primary-color)}.approval-timeline{padding:1.25rem}.approval-timeline .timeline-step{gap:1rem;display:flex}.approval-timeline .timeline-indicator{flex-direction:column;align-items:center;display:flex;position:relative}.approval-timeline .timeline-dot{background:var(--surface-ground);width:32px;height:32px;color:var(--text-color-secondary);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:0;font-size:.8rem;line-height:1;display:inline-flex;position:relative;top:auto;left:auto;overflow:visible}.approval-timeline .timeline-dot .pi{font-size:.8rem;line-height:1;display:inline-block}.approval-timeline .timeline-step.approved .timeline-dot{color:#fff;background:#22c55e;border-color:#22c55e}.approval-timeline .timeline-step.rejected .timeline-dot{color:#fff;background:#ef4444;border-color:#ef4444}.approval-timeline .timeline-step.pending .timeline-dot{color:#fff;background:#f59e0b;border-color:#f59e0b;animation:2s infinite pulse}.approval-timeline .timeline-line{background:var(--border-color);flex:1;width:2px;min-height:30px;margin:4px 0}.approval-timeline .timeline-step.approved .timeline-line{background:#22c55e}.approval-timeline .timeline-step.rejected .timeline-line{background:#ef4444}.approval-timeline .timeline-step.pending .timeline-line{background:#f59e0b}.approval-timeline .timeline-content{padding-bottom:1.25rem}.approval-timeline .timeline-role{color:var(--text-color);font-size:.9rem;font-weight:600}.approval-timeline .timeline-assignee{color:var(--text-color-secondary);font-size:.8rem}.approval-timeline .timeline-time{color:var(--text-color-secondary);margin-top:.25rem;font-size:.75rem}.approval-timeline .timeline-waiting{color:#f59e0b;margin-top:.25rem;font-size:.75rem;font-weight:500}.activity-log{padding:1rem 1.25rem}.log-entry{border-bottom:1px solid var(--border-color);gap:.75rem;padding:.75rem 0;display:flex}.log-entry:last-child{border-bottom:none}.log-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.log-dot.approved{background:#22c55e}.log-dot.rejected{background:#ef4444}.log-content{min-width:0}.log-action{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.log-action strong{font-size:.85rem}.log-time{white-space:nowrap;font-size:.7rem}.log-time,.log-user{color:var(--text-color-secondary)}.log-comment,.log-user{font-size:.8rem}.log-comment{background:var(--surface-ground);border-radius:var(--radius-sm);color:var(--text-color);gap:.5rem;margin-top:.5rem;padding:.75rem;font-style:italic;display:flex}.log-comment i{color:var(--text-color-secondary);flex-shrink:0;margin-top:2px;font-size:.75rem}.appraisal-wizard-page{flex-direction:column;min-height:calc(100vh - 120px);display:flex}.appraisal-wizard-progress{background:var(--surface-card);border-radius:var(--radius-lg);justify-content:center;align-items:flex-start;gap:0;margin-bottom:1.5rem;padding:2rem 3rem;display:flex}.appraisal-progress-step{text-align:center;flex-direction:column;flex:1;align-items:center;max-width:180px;display:flex;position:relative}.appraisal-progress-step:last-child{flex:none}.appraisal-step-circle{background:var(--surface-card);border:2px solid var(--border-color);width:44px;height:44px;color:var(--text-color-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.appraisal-progress-step.active .appraisal-step-circle,.appraisal-progress-step.completed .appraisal-step-circle{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.appraisal-step-info{text-align:center}.appraisal-step-title{color:var(--text-color-secondary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.appraisal-progress-step.active .appraisal-step-title,.appraisal-progress-step.completed .appraisal-step-title{color:var(--primary-color)}.appraisal-step-subtitle{color:var(--text-color-secondary);margin-top:0;font-size:.75rem}.appraisal-step-connector{background:var(--border-color);width:calc(100% - 56px);height:2px;position:absolute;top:22px;left:calc(50% + 28px)}.appraisal-step-connector.active{background:var(--primary-color)}.appraisal-wizard-content{background:var(--surface-card);border-radius:var(--radius-lg);flex:1;margin-bottom:1rem;padding:2rem}.appraisal-step-panel{animation:.3s fadeIn}.appraisal-step-intro{text-align:center;margin-bottom:2rem}.appraisal-step-intro h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.appraisal-step-intro p{color:var(--text-color-secondary);margin:0;font-size:.95rem}.appraisal-cycle-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:900px;margin:0 auto;display:grid}.appraisal-cycle-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:1.5rem;transition:all .2s;position:relative}.appraisal-cycle-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6e0526}.appraisal-cycle-card.selected{border-color:var(--primary-color);background:#ff6e050d}.cycle-card-icon{background:#ff6e051a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;display:flex}.cycle-card-icon i{color:var(--primary-color);font-size:1.25rem}.appraisal-cycle-card.selected .cycle-card-icon{background:var(--primary-color)}.appraisal-cycle-card.selected .cycle-card-icon i{color:#fff}.cycle-card-check{background:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px}.cycle-card-check i{color:#fff;font-size:.75rem}.cycle-card-title{color:var(--text-color);margin-bottom:.25rem;font-size:1rem;font-weight:700}.cycle-card-type{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.appraisal-selection-info{text-align:center;color:var(--text-color-secondary);margin-top:2rem;font-size:.9rem}.appraisal-selection-info strong{color:var(--primary-color)}.grade-selection-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:700px;margin:0 auto;display:grid}.grade-selection-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.grade-selection-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6e0526}.grade-card-icon{background:#ff6e051a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.grade-card-icon i{color:var(--primary-color);font-size:1.25rem}.grade-card-content{flex:1}.grade-card-title{color:var(--text-color);font-size:.95rem;font-weight:700}.grade-card-count{color:var(--primary-color);font-size:.8rem}.grade-card-arrow{color:var(--text-color-secondary)}.employee-selection-view{grid-template-columns:1fr 280px;gap:1.5rem;display:grid;position:relative}.employee-selection-header{border-bottom:1px solid var(--border-color);grid-column:1;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.grade-badge{color:var(--primary-color);background:#ff6e051a;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.7rem;font-weight:600;display:flex}.employee-selection-header h3{margin:0;font-size:1.1rem;font-weight:700}.change-grade-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color-secondary);background:0 0;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;display:flex}.change-grade-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.employee-filter-section{grid-area:2/1}.employee-filter-section h4{margin:0 0 1rem;font-size:.9rem;font-weight:600}.filter-row{gap:.75rem}.employee-list-container{grid-area:3/1}.employee-list-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.list-count{color:var(--text-color-secondary);font-size:.85rem}.select-all-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.employee-table{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.employee-table-header{background:var(--surface-ground);color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:60px 1fr 1fr 120px;gap:1rem;padding:.75rem 1rem;font-size:.7rem;font-weight:600;display:grid}.employee-table-body{max-height:350px;overflow-y:auto}.employee-table-row{border-bottom:1px solid var(--border-color);grid-template-columns:60px 1fr 1fr 120px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .15s;display:grid}.employee-table-row:last-child{border-bottom:none}.employee-table-row:hover{background:var(--surface-ground)}.employee-table-row.selected{background:#ff6e050d}.custom-checkbox{cursor:pointer;justify-content:center;align-items:center;display:flex}.custom-checkbox input{display:none}.custom-checkbox .checkmark{border:2px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.custom-checkbox.checked .checkmark{background:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox.checked .checkmark:after{content:"✓";color:#fff;font-size:.75rem}.col-name{align-items:center;gap:.75rem;display:flex}.emp-avatar{width:36px;height:36px}.emp-info{min-width:0}.emp-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.emp-id{font-size:.75rem}.emp-dept{font-size:.85rem;font-weight:500}.emp-section{color:var(--text-color-secondary);font-size:.75rem}.batch-status{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.batch-status.available{color:#22c55e;background:#22c55e1a}.batch-status.invited{color:#3b82f6;background:#3b82f61a}.selection-panel{background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-lg);color:#fff;flex-direction:column;grid-area:1/2/5;height:fit-content;max-height:calc(100vh - 300px);padding:1.25rem;display:flex;position:sticky;top:1rem}.selection-panel-header{margin-bottom:1rem}.selection-panel-header span:first-child{font-size:.9rem;font-weight:700}.panel-subtitle{opacity:.8;margin-top:.25rem;font-size:.7rem;display:block}.selection-panel-count{border-bottom:1px solid #fff3;align-items:baseline;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.count-number{font-size:2rem;font-weight:800}.count-label{opacity:.9;font-size:.8rem}.selected-employees-list{flex:1;margin-bottom:1rem;overflow-y:auto}.selected-emp-item{border-radius:var(--radius-sm);background:#ffffff1a;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;display:flex}.selected-emp-avatar{border-radius:50%;width:28px;height:28px}.selected-emp-name{flex:1;font-size:.8rem;font-weight:500}.remove-emp-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.remove-emp-btn i{font-size:.65rem}.selection-panel-footer{margin-top:auto}.batch-id{opacity:.8;margin-bottom:.75rem;font-size:.7rem}.proceed-btn{background:var(--surface-card);width:100%;color:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem;font-size:.85rem;font-weight:700;transition:all .2s}.proceed-btn:disabled{opacity:.5;cursor:not-allowed}.proceed-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.kpi-upload-section{max-width:600px;margin:0 auto}.kpi-file-uploaded{max-width:700px;margin:0 auto}.file-name{font-size:.95rem;font-weight:600}.weight-matrix-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.matrix-header{margin-bottom:1.5rem}.matrix-header h3{margin:0 0 .25rem;font-size:1rem}.matrix-header p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.verified-badge{color:#22c55e;background:#22c55e1a;border-radius:20px;margin-top:.5rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.weight-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.weight-card{text-align:center;background:var(--surface-ground);border-radius:var(--radius-md);padding:1.25rem}.weight-card.highlight{background:var(--primary-color);color:#fff}.weight-value{color:var(--primary-color);font-size:1.5rem;font-weight:800}.weight-card.highlight .weight-value{color:#fff}.weight-label{text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;font-size:.7rem;font-weight:600}.weight-desc{color:var(--text-color-secondary);margin-top:.5rem;font-size:.75rem}.weight-card.highlight .weight-desc{color:#fffc}.total-weight{color:#22c55e;justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;font-weight:600;display:flex}.total-weight i{font-size:1rem}.grade-config-banner{border-radius:var(--radius-lg);background:#3b82f614;border:1px solid #3b82f633;gap:1rem;padding:1rem 1.25rem;display:flex}.banner-icon{background:#3b82f626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.banner-icon i{color:#3b82f6;font-size:1rem}.banner-content h4{color:#3b82f6;margin:0 0 .25rem;font-size:.9rem}.banner-content p{color:var(--text-color);margin:0;font-size:.85rem;line-height:1.5}.eligible-badges{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.eligible-badge{border-radius:20px;padding:.35rem .75rem;font-size:.7rem;font-weight:600}.eligible-badge.management{color:#8b5cf6;background:#8b5cf61a}.eligible-badge.leadership{color:#3b82f6;background:#3b82f61a}.reviewers-layout{grid-template-columns:1fr 300px;gap:1.5rem;display:grid}.reviewers-list-section{min-width:0}.reviewer-search{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 1rem;display:flex}.reviewer-search i{color:var(--text-color-secondary)}.reviewer-search input{background:0 0;border:none;outline:none;width:100%;padding:.85rem 0;font-size:.9rem}.reviewers-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-height:400px;display:grid;overflow-y:auto}.reviewer-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.reviewer-card.selected,.reviewer-card:hover{border-color:var(--primary-color)}.reviewer-card.selected{background:#ff6e050d}.reviewer-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.committee-limit-info{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.committee-limit-info i{color:#d97706}.reviewer-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:44px;height:44px}.reviewer-info{flex:1;min-width:0}.reviewer-name{margin-bottom:.15rem;font-size:.9rem;font-weight:600}.reviewer-id{color:var(--text-color-secondary);margin-bottom:.35rem;font-size:.75rem}.reviewer-grade-badge{border-radius:4px;margin-bottom:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:600;display:inline-block}.reviewer-grade-badge.management{color:#8b5cf6;background:#8b5cf626}.reviewer-grade-badge.executives,.reviewer-grade-badge.leadership{color:#3b82f6;background:#3b82f626}.reviewer-dept{color:var(--text-color-secondary);font-size:.75rem}.committee-panel{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);flex-direction:column;padding:1.25rem;display:flex}.committee-panel-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:1rem}.committee-panel-header span:first-child{font-size:.9rem;font-weight:700;display:block}.committee-empty{text-align:center;flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.committee-empty p{color:#ffffff80;margin:0;font-size:.75rem}.committee-members{overflow-y:auto}.committee-member{border-radius:var(--radius-md);background:#ffffff14;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.65rem;display:flex}.member-avatar{border-radius:50%;width:32px;height:32px}.member-info{flex:1;min-width:0}.member-name{font-size:.85rem;font-weight:500}.member-grade{border-radius:3px;padding:.15rem .4rem;font-size:.65rem}.member-grade.management{color:#a78bfa;background:#8b5cf64d}.member-grade.executives,.member-grade.leadership{color:#93c5fd;background:#3b82f64d}.remove-member-btn{cursor:pointer;color:#f87171;background:#ef444433;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.remove-member-btn i{font-size:.7rem}.committee-size{border-radius:var(--radius-md);background:#ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;display:flex}.committee-size span:first-child{opacity:.7;font-size:.7rem}.size-value{font-size:1.5rem;font-weight:800}.committee-info{color:#fff9;font-size:.75rem;line-height:1.5}.committee-info p{margin:0}.confirmation-section{max-width:900px;margin:0 auto}.confirmation-header{text-align:center;margin-bottom:2rem}.confirmation-header h2{letter-spacing:1px;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.confirmation-header p{color:var(--text-color-secondary);margin:0}.confirmation-grid{grid-template-columns:1fr 280px;gap:1.5rem;display:grid}.confirmation-main{flex-direction:column;gap:1rem;display:flex}.package-details-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.package-label{color:var(--primary-color);letter-spacing:.5px;margin-bottom:1rem;font-size:.7rem;font-weight:600}.package-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.package-row:last-child{margin-bottom:0}.package-item label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.7rem;display:block}.item-value{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.item-value i{color:var(--primary-color);font-size:1rem}.item-value.file i{color:#22c55e}.item-value.highlight{color:var(--primary-color)}.committee-summary-card{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);padding:1.25rem}.committee-summary-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.committee-summary-header span:first-child{opacity:.8;font-size:.75rem;font-weight:600}.reviewer-count{background:#ffffff26;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.committee-avatars{flex-wrap:wrap;gap:.75rem;display:flex}.committee-avatar-item{border-radius:var(--radius-md);background:#ffffff14;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.committee-avatar-item img{border-radius:50%;width:28px;height:28px}.committee-avatar-name{font-size:.8rem;font-weight:500}.committee-avatar-grade{background:#ffffff26;border-radius:3px;padding:.15rem .35rem;font-size:.6rem}.weight-allocation-card{background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-lg);color:#fff;padding:1.25rem}.weight-allocation-header{opacity:.9;margin-bottom:1rem;font-size:.75rem;font-weight:600}.weight-allocation-row{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.weight-item{text-align:center;border-radius:var(--radius-md);background:#ffffff1a;padding:.75rem}.weight-item.highlight{background:#ffffff40}.weight-item .weight-percent{color:#fff;font-size:1.25rem;font-weight:800}.weight-item .weight-name{opacity:.9;margin-top:.25rem;font-size:.65rem;font-weight:600}.target-employees-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;padding:1.25rem;display:flex}.target-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.75rem}.target-header span:first-child{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.target-subtitle{color:var(--text-color-secondary);margin-top:.15rem;font-size:.7rem;display:block}.target-list{flex:1;max-height:250px;overflow-y:auto}.target-employee{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.target-employee:last-child{border-bottom:none}.target-avatar{border-radius:50%;width:32px;height:32px}.target-info{flex:1;min-width:0}.target-name{font-size:.85rem;font-weight:600}.target-details{font-size:.7rem}.target-details,.target-total{color:var(--text-color-secondary)}.target-total{text-align:center;margin-top:auto;padding-top:.75rem;font-size:.75rem;font-weight:600}.authorization-banner{border-radius:var(--radius-lg);background:#f59e0b1a;border:1px solid #f59e0b4d;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;display:flex}.auth-icon{background:#f59e0b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-icon i{color:#f59e0b;font-size:1rem}.auth-content h4{color:#f59e0b;margin:0 0 .25rem;font-size:.9rem}.auth-content p{color:var(--text-color);margin:0;font-size:.85rem;line-height:1.5}.success-panel{justify-content:center;align-items:center;min-height:400px;display:flex}.success-content{text-align:center}.success-icon{background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.success-icon i{color:#fff;font-size:2rem}.success-content h1{letter-spacing:1px;margin:0 0 .5rem;font-size:1.75rem;font-weight:800}.success-content p{color:var(--text-color-secondary);margin:0 0 1rem;font-size:1rem}.redirect-text{color:var(--primary-color);font-size:.85rem;font-weight:500;animation:1.5s infinite pulse}.appraisal-wizard-footer{border-radius:var(--radius-lg);gap:1rem;padding:1rem 1.5rem}.appraisal-wizard-footer,.btn-secondary{background:var(--surface-card);align-items:center;display:flex}.btn-secondary{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary{background:var(--primary-color);border-radius:var(--radius-md);cursor:pointer;color:#fff;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){background:#d45a00}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-success{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:#22c55e;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-success:hover:not(:disabled){background:#16a34a}.btn-success:disabled{opacity:.5;cursor:not-allowed}.appraisal-tracking-page{flex-direction:column;gap:1.5rem;display:flex}.tracking-header h1{letter-spacing:.5px;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.tracking-header p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.appraisal-status-btn{cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border:2px solid #0000;border-radius:20px;padding:.5rem 1rem;font-size:.7rem;font-weight:600;transition:all .2s}.appraisal-status-btn:hover{opacity:.9;transform:scale(1.02)}.appraisal-status-btn.assigned{color:#3b82f6;background:0 0;border-color:#3b82f6}.appraisal-status-btn.assigned:hover{background:#3b82f61a}.appraisal-status-btn.self-eval{color:#fff;background:#8b5cf6;border-color:#8b5cf6;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b5cf680}50%{box-shadow:0 0 0 8px #8b5cf600}}.appraisal-status-btn.committee{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.appraisal-status-btn.completed{color:#22c55e;background:0 0;border-color:#22c55e}.appraisal-status-btn.completed:hover{background:#22c55e1a}.detail-section{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.detail-section:last-child{border-bottom:none;padding-bottom:0}.section-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .75rem;font-size:.75rem;font-weight:600}.detail-avatar{width:48px;height:48px}.detail-item{gap:.25rem}.detail-item label{letter-spacing:.3px;font-size:.7rem}.detail-item span{align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.detail-item span i{color:var(--primary-color);font-size:.9rem}.weight-box{text-align:center;background:var(--surface-ground);border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;padding:1rem}.weight-box.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.weight-val{font-size:1.5rem;font-weight:700;display:block}.committee-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.score-value{font-size:1.5rem;font-weight:700}.info-note{border-radius:var(--radius-md);background:#3b82f614;border-left:3px solid #3b82f6;gap:.75rem;padding:1rem}.info-note i{font-size:1.1rem}.info-note strong{margin-bottom:.25rem;font-size:.85rem;display:block}.info-note p{color:var(--text-color-secondary);font-size:.8rem}.info-note.warning{background:#f59e0b14;border-color:#f59e0b}.info-note.warning i{color:#f59e0b}.two-column-layout .column .detail-section{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-card);padding:1rem}.breakdown-item{background:var(--surface-ground);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.breakdown-item span:last-child{font-weight:600}.justification-box{background:var(--surface-ground);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);padding:1rem}.justification-box label{color:var(--text-color-secondary);text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.justification-box p{color:var(--text-color);margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.self-eval-layout{flex-direction:column;gap:1.5rem;display:flex}.self-eval-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.self-eval-header .header-left{align-items:center;gap:1rem;display:flex}.self-eval-header .header-left h3{margin:0;font-size:1.1rem;font-weight:600}.self-eval-header .header-left p{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.85rem}.self-eval-header .header-right{align-items:center;gap:1rem;display:flex}.proposed-score-box{text-align:right}.proposed-score-box .score-label{color:var(--text-color-secondary);letter-spacing:.5px;font-size:.65rem;font-weight:600;display:block}.proposed-score-box .score-value{color:var(--text-color);font-size:2rem;font-weight:700}.proposed-score-box .score-value small{font-size:1rem;font-weight:400}.self-eval-grid{grid-template-columns:280px 1fr;gap:1.5rem;display:grid}.self-eval-grid .left-column{flex-direction:column;gap:1rem;display:flex}.info-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem}.info-card .card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.info-card .card-header i{color:var(--primary-color)}.info-card .card-desc{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.85rem;line-height:1.5}.rating-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.rating-card-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.rating-card-header .step-number{background:var(--surface-ground);width:32px;height:32px;color:var(--text-color-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.rating-card-header h4{margin:0;font-size:1.1rem;font-weight:600}.rating-inputs-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.rating-input-box{background:var(--surface-ground);border-radius:var(--radius-md);text-align:center;padding:1rem}.rating-input-box.highlight{background:#ff6e050f}.rating-input-box label{color:var(--text-color-secondary);letter-spacing:.5px;margin-bottom:.25rem;font-size:.65rem;font-weight:600;display:block}.rating-input-box .max-hint{color:var(--text-color-secondary);margin-bottom:.75rem;font-size:.7rem;display:block}.rating-input-box .max-hint.highlight{color:var(--primary-color)}.input-with-max{justify-content:center;align-items:center;gap:.5rem;display:flex}.input-with-max .divider{color:var(--text-color-secondary);font-size:1.5rem;font-weight:300}.input-with-max .divider.highlight{color:var(--primary-color)}.input-with-max .max-val{color:var(--text-color-secondary);font-size:1.5rem;font-weight:600}.input-with-max .max-val.highlight{color:var(--primary-color)}.final-rating-bar{background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-md);color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.final-rating-bar .bar-left{align-items:center;gap:.75rem;display:flex}.final-rating-bar .bar-left i{opacity:.9;font-size:1.5rem}.final-rating-bar .bar-left strong{letter-spacing:.5px;font-size:.7rem;font-weight:600;display:block}.final-rating-bar .bar-left span{opacity:.85;font-size:.8rem}.final-rating-bar .bar-score{font-size:2rem;font-weight:700}.justification-section{margin-top:0}.justification-section label{color:var(--text-color-secondary);letter-spacing:.5px;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.committee-eval-layout{flex-direction:column;gap:1.5rem;display:flex}.committee-grid{grid-template-columns:320px 1fr;gap:1.5rem;display:grid}.committee-grid .left-column{flex-direction:column;gap:1rem;display:flex}.card-header-row{justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.card-header-row,.score-bar-item{margin-bottom:1rem}.score-bar-item:last-of-type{margin-bottom:1.25rem}.score-bar-header{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.score-bar-header span:first-child{color:var(--text-color-secondary);letter-spacing:.3px;font-size:.65rem;font-weight:600}.score-bar-header span:last-child{font-size:.8rem;font-weight:600}.score-bar-header small{color:var(--text-color-secondary);font-weight:400}.score-bar-track{background:var(--surface-ground);border-radius:3px;height:6px}.score-bar-fill{background:linear-gradient(90deg,var(--primary-color) 0,#fb923c 100%);border-radius:3px}.self-justification-box{background:var(--surface-ground);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);padding:1rem}.self-justification-box label{color:var(--text-color-secondary);letter-spacing:.3px;margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:block}.self-justification-box p{color:var(--text-color);margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.assigned-layout{flex-direction:column;gap:1.5rem;display:flex}.assigned-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.assigned-grid .left-column{flex-direction:column;gap:1rem;display:flex}.card-header-label{color:var(--primary-color);letter-spacing:.5px;margin-bottom:1rem;font-size:.7rem;font-weight:600}.config-row{margin-bottom:1rem}.config-row:last-child{margin-bottom:0}.config-row label{color:var(--text-color-secondary);letter-spacing:.3px;margin-bottom:.35rem;font-size:.65rem;font-weight:600;display:block}.config-row .config-value{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.config-row .config-value i{color:var(--primary-color)}.config-row .config-value.file i{color:#22c55e}.weight-boxes-row{gap:.5rem;display:flex}.weight-box-mini{text-align:center;background:var(--surface-ground);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex:1;padding:.75rem .5rem}.weight-box-mini.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.weight-box-mini .val{font-size:1.25rem;font-weight:700;display:block}.weight-box-mini .lbl{opacity:.8;letter-spacing:.3px;margin-top:.15rem;font-size:.6rem;display:block}.committee-card{border-radius:var(--radius-lg);color:#fff;background:#1e293b;flex-direction:column;height:100%;padding:1.25rem;display:flex}.committee-card-header{letter-spacing:.5px;border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.committee-members{flex-direction:column;flex:1;gap:.5rem;margin-bottom:1rem;display:flex}.committee-member-row{border-radius:var(--radius-md);background:#ffffff14;align-items:center;gap:.75rem;padding:.75rem;display:flex}.committee-member-row .member-avatar{border-radius:50%;width:36px;height:36px}.committee-member-row .member-name{font-size:.9rem;font-weight:500}.committee-member-row .member-role{opacity:.7;letter-spacing:.3px;font-size:.65rem}.authorization-note{border-radius:var(--radius-md);background:#ff6e0526;margin-top:auto;padding:1rem}.authorization-note .note-header{color:var(--primary-color);letter-spacing:.3px;margin-bottom:.5rem;font-size:.65rem;font-weight:600}.authorization-note p{opacity:.9;margin:0;font-size:.8rem;line-height:1.5}.final-score-badge{color:var(--primary-color);font-size:1.25rem;font-weight:700;display:inline-block}.archive-layout{flex-direction:column;gap:1.25rem;display:flex}.archive-grid{grid-template-columns:1.2fr .8fr;gap:1.25rem;display:grid}.score-comparison-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;display:grid}.score-column{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem}.score-column.highlight{background:#3b82f61f;border:1px solid #3b82f647}.dark-mode .score-column.highlight{background:#3b82f629;border:1px solid #60a5fa59}.dark-mode .score-column.highlight .score-col-header small,.dark-mode .score-column.highlight .score-col-header span,.dark-mode .score-column.highlight .score-row label,.dark-mode .score-column.highlight .score-row span{color:var(--text-color)}.score-col-header{border-bottom:1px solid var(--surface-border);flex-direction:column;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.score-col-header span{letter-spacing:.3px;color:var(--text-color-secondary);font-size:.65rem;font-weight:700}.score-col-header small{color:var(--text-color-secondary);margin-top:.1rem;font-size:.6rem}.score-row{flex-direction:column;padding:.5rem 0;display:flex}.score-row label{letter-spacing:.3px;color:var(--text-color-secondary);margin-bottom:.15rem;font-size:.55rem;font-weight:600}.score-row.self label{color:#6366f1}.score-row.management label{color:#0d9488}.score-row.manager label{color:#ea580c}.score-row span{color:var(--text-color);font-size:1.1rem;font-weight:700}.justification-row{gap:1rem;margin-top:1.25rem;display:grid}.justification-row,.justification-row.has-management{grid-template-columns:1fr}.info-card.compact{padding:1rem}.info-card.highlight-border{border-left:3px solid var(--primary-color)}.justification-text{color:var(--text-color-secondary);margin:.5rem 0;font-size:.85rem;font-style:italic;line-height:1.6}.evaluator-line{border-top:1px solid var(--surface-border);align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.7rem;display:flex}.evaluator-line span{color:var(--text-color-secondary)}.evaluator-line strong{color:var(--primary-color)}.action-log-card{border-radius:var(--radius-lg);color:#fff;background:#1e293b;flex-direction:column;height:100%;padding:1.25rem;display:flex}.action-log-header{letter-spacing:.5px;border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.75rem;font-weight:600;display:flex}.action-log-timeline{flex:1;padding-left:1rem;position:relative}.timeline-item{border-left:2px solid #fff3;padding-left:1.25rem}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{background:#ffffff4d;border:2px solid #1e293b;width:12px;height:12px;position:absolute;top:2px;left:-7px}.timeline-dot.last{background:var(--primary-color)}.timeline-date{color:#ffffff80;margin-bottom:.15rem;font-size:.65rem}.timeline-action{margin-bottom:.1rem;font-size:.85rem;font-weight:600}.timeline-by{color:#60a5fa;margin-bottom:.25rem;font-size:.7rem}.timeline-details{color:#ffffffb3;border-radius:var(--radius-sm);background:#ffffff14;margin-top:.25rem;padding:.5rem .75rem;font-size:.75rem}.audit-verified{letter-spacing:.5px;color:#fff9;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding-top:1rem;font-size:.65rem;font-weight:600;display:flex}.audit-verified i{color:var(--primary-color);font-size:1.25rem}.home-page{flex-direction:column;gap:1.5rem;display:flex}.welcome-header{background:linear-gradient(135deg,var(--primary-color) 0,#ea580c 100%);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.welcome-left{flex:1}.greeting-badge{-webkit-backdrop-filter:blur(12px);letter-spacing:.5px;font-variant-numeric:tabular-nums;background:#ffffff59;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .85rem;font-size:.65rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0000001a}.greeting-badge i{font-size:.75rem}.welcome-header h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.wave-emoji{transform-origin:70% 70%;animation:1.5s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.welcome-header p{opacity:.9;margin:0;font-size:.9rem}.mood-selector{border-radius:var(--radius-lg);transition:all .4s;box-shadow:0 4px 16px #00000014}.mood-selector,.mood-selector.mood-submitted{background:var(--surface-card);padding:1rem 1.5rem}.mood-title{text-align:center;color:var(--text-color);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.mood-title.mood-thanks{color:var(--text-color);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.mood-title.mood-thanks .pi{color:#22c55e}.mood-options{gap:.75rem;display:flex}.mood-option{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;transition:all .2s;display:flex}.mood-option:hover{background:#f973161a}.mood-option.active{background:#f9731626}.mood-option.selected-mood{cursor:default;background:#22c55e26}.mood-option.disabled-mood{opacity:.6;cursor:not-allowed}.mood-option.disabled-mood:hover{background:0 0}.mood-option.mood-animating{animation:.6s forwards moodPop}@keyframes moodPop{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(1.1)}70%{transform:scale(1.2)}to{background:#22c55e33;transform:scale(1)}}.mood-icon{font-size:1.5rem;transition:transform .2s}.mood-option:hover .mood-icon{transform:scale(1.1)}.mood-option.disabled-mood:hover .mood-icon{transform:scale(1)}.mood-label{color:#6b7280;font-size:.65rem;font-weight:500}.mood-option.selected-mood .mood-label{color:#22c55e;font-weight:600}@keyframes selectedMoodBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.home-content-grid{grid-template-columns:280px 1fr 280px;align-items:start;gap:1.5rem;display:grid}@media (width<=1400px){.home-content-grid{grid-template-columns:260px 1fr 260px}}@media (width<=1200px){.home-content-grid{grid-template-columns:1fr 320px}.home-docs-column{display:none}}@media (width<=900px){.home-content-grid{grid-template-columns:1fr}.home-docs-column,.home-right-column{max-height:none;position:static;top:auto;overflow:visible}}.home-center-column,.home-docs-column,.home-left-column,.home-right-column{flex-direction:column;gap:1rem;display:flex}.home-center-column{gap:0}.home-center-column>.home-widget-empty,.home-center-column>.news-card,.home-center-column>.news-load-more{margin-top:1rem}.home-docs-column{top:calc(var(--header-height) + 1rem);z-index:2;position:sticky}.home-right-column{top:var(--home-right-stick-top,calc(var(--header-height) + 1rem));z-index:2;height:fit-content;position:sticky}.documents-widget{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.documents-header{background:var(--primary-color);color:#fff;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.documents-header h4{white-space:nowrap;flex:1;align-items:center;gap:.5rem;margin:0;font-size:.9rem;font-weight:600;display:flex}.documents-header .docs-count{text-align:center;background:#fff3;border-radius:4px;flex-shrink:0;padding:.3rem .6rem;font-size:.7rem;font-weight:600;line-height:1.3}.documents-list{max-height:calc(100vh - 280px);overflow:hidden auto}.document-item{border-bottom:1px solid var(--border-color);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.75rem;margin-left:-3px;padding:.85rem 1.25rem;transition:all .2s;display:flex}.document-item:last-child{border-bottom:none}.document-item:hover{border-left-color:var(--primary-color);background:#f973160f}.document-item:hover .document-icon{transform:scale(1.1)}.document-item:hover .document-name{color:var(--primary-color)}.document-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:transform .2s;display:flex}.document-icon.pdf,.document-icon.red{color:#ef4444;background:#ef44441a}.document-icon.blue,.document-icon.doc{color:#3b82f6;background:#3b82f61a}.document-icon.orange,.document-icon.policy{color:#f97316;background:#f973161a}.document-icon.conduct,.document-icon.purple{color:#8b5cf6;background:#8b5cf61a}.document-icon.green,.document-icon.guide{color:#16a34a;background:#22c55e1a}.document-icon.health,.document-icon.pink{color:#ec4899;background:#ec48991a}.document-icon.comm,.document-icon.cyan{color:#0ea5e9;background:#0ea5e91a}.document-icon.indigo,.document-icon.remote{color:#6366f1;background:#6366f11a}.document-info{flex:1;min-width:0}.document-name{color:var(--text-color);font-size:.85rem;font-weight:600;transition:color .2s}.document-name,.document-name-ar{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document-name-ar{color:var(--text-color-secondary);margin-top:.15rem;font-size:.75rem}.home-center-column>.section-header{top:calc(var(--header-height) + 1rem);z-index:3;background:var(--surface-ground);isolation:isolate;margin:0;padding:.5rem 0 .85rem;position:sticky}.home-center-column>.section-header:before{content:"";background:var(--surface-ground);z-index:-1;position:absolute;inset:-1.25rem -.25rem -1rem}.section-header h2{z-index:1;color:var(--text-color);align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex;position:relative}.section-header h2:before{content:"";background:var(--primary-color);border-radius:2px;width:4px;height:18px}.news-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.news-badge{letter-spacing:.5px;z-index:1;border-radius:4px;padding:.25rem .75rem;font-size:.6rem;font-weight:700;position:absolute;top:1rem;left:1rem}.news-badge.achievement,.news-badge.greeting{background:var(--primary-color);color:#fff}.news-content{padding:1.25rem}.news-date{color:var(--text-color-secondary);align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.7rem;display:flex}.news-content h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.news-content p{color:var(--text-color-secondary);margin:0 0 1rem;font-size:.85rem;line-height:1.6}.news-actions{gap:1rem;margin-bottom:1rem;display:flex}.action-btn-wrapper{position:relative}.action-btn{color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-size:.8rem;transition:all .2s;display:flex}.action-btn:hover{color:var(--primary-color)}.action-btn.liked .pi-heart-fill{animation:.4s heartBeat}.action-btn.like-animating .pi-heart-fill{animation:.4s likePopBurst}.action-btn.action-btn--busy{pointer-events:none;cursor:default}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes likePopBurst{0%{transform:scale(1)}30%{transform:scale(1.5)}50%{transform:scale(.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}.social-tooltip{color:#fff;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#1f2937;border-radius:8px;padding:.6rem .85rem;font-size:.75rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 4px 16px #0003}.social-tooltip:after{content:"";border:6px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:16px}.action-btn-wrapper:before{content:"";z-index:999;height:220px;position:absolute;bottom:100%;left:-20px;right:-20px}.action-btn-wrapper:hover .social-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-2px)}.stat-item-wrapper .stat-item{position:relative}.stat-item-wrapper .stat-item:before{content:"";height:20px;position:absolute;bottom:100%;left:-10px;right:-10px}.stat-item-wrapper .social-tooltip:hover,.stat-item-wrapper .stat-item:hover~.social-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-2px)}.tooltip-content{flex-direction:column;gap:.2rem;display:flex}.tooltip-content.tooltip-content-scroll{scrollbar-width:thin;scrollbar-color:#ffffff38 #ffffff0f;max-height:200px;padding-right:2px;overflow-y:auto}.tooltip-content.tooltip-content-scroll::-webkit-scrollbar{width:6px}.tooltip-content.tooltip-content-scroll::-webkit-scrollbar-track{background:#ffffff0f;border-radius:3px}.tooltip-content.tooltip-content-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}.tooltip-content.tooltip-content-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff59}.tooltip-content span{font-weight:500;line-height:1.5}.stat-item-wrapper{display:inline-block;position:relative}.stat-item.clickable{cursor:pointer;transition:all .2s}.stat-item.clickable:hover{color:var(--primary-color)}.stat-item.clickable .pi-heart-fill.liked{color:#ef4444}.stat-item.like-animating .pi{animation:.4s likePopBurst}.stat-item.clickable.stat-item--busy{pointer-events:none;cursor:default}.comment-input{border-top:1px solid var(--surface-border);gap:.5rem;padding-top:1rem;display:flex}.comment-input input{border:1px solid var(--surface-border);background:var(--surface-ground);color:var(--text-color);border-radius:20px;flex:1;padding:.6rem 1rem;font-size:.85rem}.comment-input input:focus{border-color:var(--primary-color);outline:none}.widget-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:1rem 1.25rem}.widget-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.widget-header h4{color:var(--text-color);align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.widget-header h4 i{color:var(--primary-color)}.widget-badge{background:var(--primary-color);color:#fff;letter-spacing:.3px;border-radius:4px;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.widget-subtitle{letter-spacing:.5px;color:var(--primary-color);margin-bottom:.75rem;font-size:.6rem;font-weight:700}.widget-footer-note{border-top:1px solid var(--surface-border);color:var(--text-color-secondary);align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.75rem;font-style:italic;display:flex}.joiners-list{flex-direction:column;gap:.75rem;max-height:540px;padding-right:.25rem;display:flex;overflow-y:auto}.joiner-item{background:var(--surface-ground);border-radius:var(--radius-md);flex-shrink:0;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.joiner-avatar{border-radius:50%;width:40px;height:40px}.joiner-info{flex:1}.joiner-name{color:var(--text-color);font-size:.85rem;font-weight:600}.joiner-position{font-size:.7rem}.joiner-joined,.joiner-position{color:var(--text-color-secondary)}.joiner-joined{align-items:center;gap:.35rem;margin-top:.25rem;font-size:.75rem;display:flex}.joiner-joined .green-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.joiner-reactions{border-top:1px solid var(--surface-border);flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem;display:flex}.reaction-btn{border:1px solid var(--surface-border);background:var(--surface-card);color:var(--text-color-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.7rem;transition:all .2s;display:flex}.reaction-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#ff6e050d}.reaction-btn.active{border-color:var(--primary-color);color:#fff;background:var(--primary-color)}.reaction-btn.reaction-animating{animation:.4s reactionPop}@keyframes reactionPop{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}.reaction-btn i{font-size:.8rem;transition:transform .2s}.reaction-btn.active i{animation:.4s reactionIconPop}@keyframes reactionIconPop{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.3)rotate(-10deg)}60%{transform:scale(1.1)rotate(5deg)}to{transform:scale(1)rotate(0)}}.stat-icon-small.blue{color:#3b82f6;background:#3b82f626}.stat-icon-small.purple{color:#8b5cf6;background:#8b5cf626}.stat-icon-small.orange{color:#f97316;background:#f9731626}.stat-icon-small.green{color:#10b981;background:#10b98126}.stat-info{flex:1}.birthday-list,.stat-info{flex-direction:column;display:flex}.birthday-list{gap:1rem;max-height:540px;padding-right:.25rem;overflow-y:auto}.birthday-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);flex-shrink:0;padding:1rem;overflow:hidden}.birthday-card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.birthday-avatar{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:48px;height:48px}.birthday-info{flex:1}.birthday-name{color:var(--text-color);font-size:.9rem;font-weight:600}.birthday-date{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.birthday-stats{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:1rem;min-width:0;margin-bottom:.5rem;padding:.5rem 0;display:flex}.birthday-stats .stat-item-wrapper{min-width:0;max-width:100%}.birthday-stats .stat-item{color:var(--text-color-secondary);align-items:center;gap:.35rem;min-width:0;font-size:.75rem;display:flex}.birthday-stats .stat-item i{color:var(--primary-color)}.liked-by{color:var(--text-color-secondary);font-size:.75rem}.liked-by,.widget-comments{margin-bottom:.75rem}.widget-comment{background:var(--surface-ground);border-radius:var(--radius-md);gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.widget-comment:last-of-type{margin-bottom:0}.view-more-comments{text-align:center;padding:.5rem 0}.view-more-btn{border-radius:var(--radius-sm);background:0 0;padding:.25rem .5rem;font-weight:500;transition:all .2s;display:inline-flex}.view-more-btn:hover{background:#f973161a}.view-more-btn i{font-size:.65rem}.widget-comments .view-more-comments{text-align:left;padding:.25rem 0 0}.widget-comment-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.widget-comment-content{flex-direction:column;flex:1;gap:.15rem;display:flex}.widget-comment-name{color:var(--text-color);font-size:.85rem;font-weight:600}.widget-comment-name .comment-posting-badge{color:var(--text-color-secondary);margin-left:.35rem;font-size:.7rem;font-style:italic;font-weight:500}.widget-comment-text{color:var(--text-color-secondary);font-size:.8rem;line-height:1.4}.widget-comment-input{border-top:1px solid var(--surface-border);box-sizing:border-box;align-items:center;gap:.5rem;width:100%;min-width:0;padding-top:.5rem;display:flex}.widget-comment-input input{border:1px solid var(--surface-border);background:var(--surface-ground);min-width:0;color:var(--text-color);border-radius:20px;flex:1;padding:.6rem 1rem;font-size:.8rem}.widget-comment-input input:focus{border-color:var(--primary-color);outline:none}.anniversary-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);flex-shrink:0;margin-bottom:1rem;padding:1rem;overflow:hidden}.anniversary-card:last-child{margin-bottom:0}.anniversary-card-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.anniversary-stats{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:1rem;min-width:0;margin-bottom:.75rem;padding:.5rem 0;display:flex}.anniversary-stats .stat-item-wrapper{min-width:0;max-width:100%}.anniversary-stats .stat-item{color:var(--text-color-secondary);align-items:center;gap:.35rem;min-width:0;font-size:.75rem;display:flex}.anniversary-stats .stat-item i{color:var(--primary-color)}.anniversary-list{flex-direction:column;gap:.75rem;max-height:540px;padding-right:.25rem;display:flex;overflow-y:auto}.anniversary-avatar{border-radius:50%;width:45px;height:45px}.anniversary-info{flex:1}.anniversary-name{color:var(--text-color);font-size:.85rem;font-weight:600}.anniversary-position{color:var(--text-color-secondary);font-size:.7rem}.anniversary-badge{background:var(--primary-color);color:#fff;letter-spacing:.3px;border-radius:4px;margin-top:.35rem;padding:.2rem .5rem;font-size:.55rem;font-weight:700;display:inline-block}.comment-input .p-button-warning i{color:#fff!important}.send-btn-filled{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-btn-filled:hover{background:#ea580c;transform:scale(1.05)}.send-btn-filled i{font-size:1rem}.comments-section{border-top:1px solid var(--surface-border);margin-top:1rem;padding-top:1rem}.comment-item{background:var(--surface-ground);border-radius:var(--radius-md);gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.comment-item:last-child{margin-bottom:0}.comment-avatar{border-radius:50%;flex-shrink:0}.comment-avatar,.comment-avatar .p-avatar{width:36px;height:36px}.comment-content{flex:1}.comment-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.comment-name{color:var(--text-color);font-size:.85rem;font-weight:600}.comment-posting-badge{color:var(--text-color-secondary);margin-left:.35rem;font-size:.7rem;font-style:italic;font-weight:500}.comment-item--pending,.widget-comment--pending{opacity:.8}.comment-time{font-size:.7rem}.comment-text,.comment-time{color:var(--text-color-secondary)}.comment-text{font-size:.85rem;line-height:1.4}.action-btn.liked,.action-btn.liked i{color:#ef4444}.calendar-dialog .p-dialog-content{border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:0;overflow:hidden}.birthday-modal{padding:0}.birthday-modal-header{background:var(--primary-color);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;margin:0;padding:1rem 1.25rem;display:flex}.birthday-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.modal-close-btn{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:.25rem;font-size:1rem;transition:opacity .2s}.modal-close-btn:hover{opacity:1}.birthday-modal-list{max-height:400px;padding:.5rem 1.25rem 1rem;overflow-y:auto}.birthday-modal-item{border-bottom:1px solid var(--surface-border);align-items:center;gap:1rem;padding:.85rem 0;display:flex}.birthday-modal-item:last-child{border-bottom:none}.birthday-day{color:var(--text-color-secondary);text-align:center;white-space:nowrap;min-width:4.5rem;font-size:.95rem;font-weight:700}.birthday-day.anniversary-years{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#f97316,#ea580c);min-width:auto;padding:.35rem .5rem;font-size:.85rem}.birthday-modal-info{flex:1}.birthday-modal-name{color:var(--text-color);margin-bottom:.15rem;font-size:.95rem;font-weight:600}.birthday-modal-position{color:var(--text-color-secondary);letter-spacing:.3px;font-size:.7rem;font-weight:600}.birthday-modal-item.past-item{opacity:.7;background:var(--surface-ground)}.birthday-modal-item.past-item:hover{opacity:1}.birthday-modal-stats{gap:.75rem;margin-top:.35rem;display:flex}.birthday-modal-stats .stat-badge{color:var(--text-color-secondary);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.birthday-modal-stats .stat-badge .pi-heart-fill{color:#ef4444;font-size:.65rem}.birthday-modal-stats .stat-badge .pi-comment{color:var(--primary-color);font-size:.65rem}.upcoming-badge{color:#22c55e;white-space:nowrap;background:#22c55e1a;border-radius:20px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.birthday-modal-header.anniversary-header{background:linear-gradient(135deg,#f97316,#ea580c)}.employee-directory-page{padding:1.5rem}.directory-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.directory-header-left{align-items:center;gap:1rem;display:flex}.directory-header-left .header-icon{color:var(--primary-color);font-size:2rem}.directory-header-left h1{color:var(--text-color);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.directory-header-left p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.directory-view-toggle{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:8px;gap:0;padding:.25rem}.directory-view-toggle,.view-btn{align-items:center;display:inline-flex}.view-btn{color:var(--text-color-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:center;gap:.5rem;min-width:80px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.view-btn i{font-size:.9rem}.view-btn:hover{color:var(--text-color);background:#0000000d}.view-btn.active{color:#fff;box-shadow:0 2px 8px #f973164d}.view-btn.active,.view-btn.active:hover{background:var(--primary-color)}.directory-filters{margin-bottom:1.5rem}.directory-filters-grid{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.directory-filters-grid .filter-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));align-items:stretch;gap:.6rem;width:100%;display:grid}.directory-filters-grid .filter-row .p-iconfield,.directory-filters-grid .filter-row .p-multiselect,.directory-filters-grid .filter-row .p-select,.directory-filters-grid .filter-row>*{width:100%;min-width:0}.directory-filters-grid .filter-actions-row{align-items:center;gap:.5rem;margin-left:auto;display:flex}.directory-filters-grid .p-inputtext,.directory-filters-grid .p-multiselect,.directory-filters-grid .p-select{height:38px;min-height:38px}.directory-filters-grid .p-multiselect .p-multiselect-dropdown,.directory-filters-grid .p-multiselect button,.directory-filters-grid .p-select .p-select-trigger,.directory-filters-grid .p-select button{height:38px;min-height:38px;padding:.4rem .6rem;font-size:.875rem}.directory-filters-grid .p-input-icon-left{align-items:center;display:flex}.directory-filters-grid .p-input-icon-left .p-inputtext{height:38px;padding:.4rem .6rem .4rem 2rem;font-size:.875rem}.directory-filters-grid .p-button{height:38px;padding:.5rem 1rem;font-size:.875rem}.compact-filters-grid,.compact-filters-grid .filter-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.compact-filters-grid .filter-row{flex:1}.compact-filters-grid .filter-actions-row{align-items:center;gap:.5rem;margin-left:auto;display:flex}.compact-filters-grid .p-datepicker .p-inputtext,.compact-filters-grid .p-inputtext{height:38px;min-height:38px;padding:.4rem .6rem;font-size:.875rem}.compact-filters-grid .p-select{height:38px;min-height:38px}.compact-filters-grid .p-select .p-select-trigger,.compact-filters-grid .p-select button{height:38px;min-height:38px;padding:.4rem .6rem;font-size:.875rem}.compact-filters-grid .p-input-icon-left{align-items:center;display:flex}.compact-filters-grid .p-input-icon-left .p-inputtext{height:38px;padding-left:2rem}.compact-filters-grid .requests-datepicker-wrap{min-width:200px;position:relative}.compact-filters-grid .requests-datepicker-wrap .p-datepicker{width:100%;display:inline-flex;position:relative}.compact-filters-grid .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;width:100%;height:38px;padding-right:2.5rem}.compact-filters-grid .requests-datepicker-wrap .p-datepicker-input-icon-container{cursor:pointer;top:50%;right:.75rem;transform:translateY(-50%);position:absolute!important}.compact-filters-grid .p-button{height:38px;padding:.5rem 1rem;font-size:.875rem}.stats-filters-card{flex-direction:column;align-items:stretch}.stats-filters-card .stats-filter-row{flex:1;width:100%}.stats-filters-card .filter-actions-row{justify-content:flex-end;margin-top:.75rem;margin-left:0}.stats-filters-card .stats-filter-field{flex:1;min-width:120px;max-width:250px}.stats-filters-card .stats-filter-field.requests-datepicker-wrap{min-width:180px;max-width:280px;position:relative}.stats-filters-card .requests-datepicker-wrap .p-datepicker,.stats-filters-card .stats-filter-field .p-datepicker{width:100%;display:inline-flex;position:relative}.stats-filters-card .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;width:100%;height:38px;padding-right:2.5rem}.stats-filters-card .p-datepicker .p-datepicker-input-icon-container,.stats-filters-card .requests-datepicker-wrap .p-datepicker-input-icon-container{cursor:pointer;z-index:1;top:50%;right:.75rem;transform:translateY(-50%);position:absolute!important}.stats-filters-card .p-datepicker-input-icon-container .p-icon,.stats-filters-card .p-datepicker-input-icon-container svg{width:1rem;height:1rem;color:var(--text-secondary)}.stats-filters-card .requests-datepicker-wrap{position:relative}.search-row{margin-bottom:1rem}.filter-row{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.filter-chip.location.active{background:var(--primary-color);border-color:var(--primary-color)}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:#10b981}.status-dot.in-office{background:var(--primary-color)}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.employee-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);transition:transform .2s,box-shadow .2s;overflow:hidden}.employee-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.emp-card-header{justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem 0;display:flex}.emp-avatar-wrapper{position:relative}.emp-avatar{-o-object-fit:cover;object-fit:cover;border:3px solid var(--surface-border);border-radius:50%;width:64px;height:64px}.emp-badges{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.emp-grade-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:.25rem .6rem;font-size:.6rem;font-weight:700}.emp-grade-badge.supervisor{color:#ea580c;background:#f9731626}.emp-grade-badge.professional{background:color-mix(in srgb,var(--text-color) 12%,transparent);color:var(--text-color)}.emp-grade-badge.executives{color:#9333ea;background:#a855f726}.emp-grade-badge.management{color:#2563eb;background:#3b82f626}.emp-id{color:var(--text-color-secondary);font-size:.7rem}.emp-card-body{padding:1rem 1.25rem}.emp-name{color:var(--text-color);margin:0 0 .15rem;font-size:1rem;font-weight:600}.emp-position{color:var(--text-color-secondary);letter-spacing:.3px;margin:0 0 1rem;font-size:.7rem;font-weight:500}.emp-details{flex-direction:column;gap:.5rem;display:flex}.emp-detail-row{color:var(--text-color);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.emp-detail-row i{color:var(--text-color-secondary);width:16px}.emp-detail-row.email-row,.list-email-row{align-items:center;gap:.5rem;display:flex}.emp-detail-row.email-row .email-text,.list-email-row .email-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.email-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.email-action-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.email-action-btn:hover{background:var(--surface-ground);color:var(--primary-color)}.email-action-btn i{width:auto;font-size:.85rem}.list-email-row{font-size:.85rem}.list-email-row i.pi-envelope{color:var(--text-color-secondary)}.emp-card-actions{border-top:1px solid var(--surface-border);gap:.75rem;padding:1rem 1.25rem;display:flex}.action-btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#1e293b;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:background .2s;display:flex}.action-btn-primary:hover:not(:disabled){background:#334155}.action-btn-primary.disabled{opacity:.6;cursor:not-allowed}.action-btn-secondary{color:var(--text-color-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.action-btn-secondary:hover:not(:disabled){border-color:var(--text-color);color:var(--text-color)}.action-btn-secondary.disabled{opacity:.6;cursor:not-allowed}.directory-list{overflow-x:auto}.directory-table{border-collapse:collapse;width:100%}.directory-table th{text-align:left;color:var(--text-color-secondary);letter-spacing:.5px;padding:.85rem 1rem;font-size:.7rem;font-weight:600}.directory-table td,.directory-table th{border-bottom:1px solid var(--surface-border)}.directory-table td{vertical-align:middle;padding:1rem}.directory-table tr:last-child td{border-bottom:none}.list-employee{align-items:center;gap:.75rem;display:flex}.list-emp-id{color:var(--text-color-secondary);min-width:45px;font-size:.75rem}.list-emp-info{flex-direction:column;display:flex}.list-emp-name{color:var(--text-color);font-size:.9rem;font-weight:600}.list-emp-position{color:var(--text-color-secondary);font-size:.7rem}.list-grade-dept{flex-direction:column;gap:.25rem;display:flex}.list-grade{font-size:.7rem;font-weight:600}.list-grade.supervisor{color:#ea580c}.list-grade.professional{color:var(--text-color)}.list-grade.executives{color:#9333ea}.list-dept{color:var(--text-color);font-size:.8rem}.list-branch{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.list-branch i{color:var(--text-color-secondary);margin-right:.35rem}.list-contact{flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.list-contact i{color:var(--text-color-secondary);margin-right:.35rem}.list-actions{gap:.5rem;display:flex}.action-icon-btn{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-color-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-icon-btn.disabled{opacity:.5;cursor:not-allowed}.directory-regional{flex-direction:column;gap:1.5rem;display:flex}.region-section{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.25rem}.region-header{border-bottom:1px solid var(--surface-border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.region-icon{color:var(--primary-color);font-size:1.25rem}.region-header-flag{-o-object-fit:cover;object-fit:cover;border:1px solid var(--surface-border);border-radius:2px;flex-shrink:0;width:28px;height:20px}.region-header h3{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:600}.region-count{color:var(--text-color-secondary);letter-spacing:.5px;font-size:.65rem;font-weight:600}.region-employees{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.region-emp-card{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.85rem;transition:border-color .2s;display:flex}.region-emp-card:hover{border-color:var(--primary-color)}.region-emp-info{flex:1;min-width:0}.region-emp-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.region-emp-name{color:var(--text-color);white-space:normal;word-break:break-word;font-size:.85rem;font-weight:600;overflow:visible}.region-emp-id{color:var(--text-color-secondary);flex-shrink:0;font-size:.65rem}.region-emp-details{color:var(--text-color-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.company-news-page{padding:0}.news-cell{align-items:center;gap:.75rem;display:flex}.news-thumb{border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;width:60px;height:40px}.news-title{color:var(--text-color);font-size:.9rem;font-weight:600}.news-excerpt{color:var(--text-color-secondary);font-size:.75rem}.category-badge{letter-spacing:.3px;border-radius:4px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.65rem;font-weight:700;display:inline-flex}.category-badge.achievement{color:#ea580c;background:#f9731626}.category-badge.event{color:#9333ea;background:#a855f726}.category-badge.greeting{color:#16a34a;background:#22c55e26}.category-badge.announcement{color:#0891b2;background:#06b6d426}.category-badge.company-update{color:#0d9488;background:#14b8a626}.engagement-cell{color:var(--text-color-secondary);gap:1rem;font-size:.85rem;display:flex}.engagement-cell i{margin-right:.25rem}.action-buttons{gap:.5rem;display:flex}.action-icon-btn.danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.news-form-view{padding:0}.form-header{gap:1rem;margin-bottom:1.5rem}.back-btn,.form-header{align-items:center;display:flex}.back-btn{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-color);cursor:pointer;justify-content:center;transition:all .2s}.back-btn:hover{background:var(--surface-ground)}.form-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.form-header p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.news-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-column .card{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-label{color:var(--text-color-secondary);letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:flex}.category-selector{gap:.75rem;display:flex}.category-option{border:2px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.category-option.active,.category-option:hover{border-color:var(--primary-color)}.category-option.active{background:#f973160d}.category-option i{color:var(--text-color-secondary);font-size:1.25rem}.category-option.active i{color:var(--primary-color)}.category-option span{color:var(--text-color-secondary);letter-spacing:.3px;font-size:.7rem;font-weight:600}.category-option.active span{color:var(--primary-color)}.image-preview{border-radius:var(--radius-sm);max-width:100%;max-height:200px}.publish-btn{justify-content:center;width:100%}.preview-card{padding:1.25rem}.preview-content{background:var(--surface-ground);border-radius:var(--radius-md);margin-top:.5rem;padding:1rem}.preview-badge{letter-spacing:.3px;border-radius:4px;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.preview-badge.achievement{background:var(--primary-color);color:#fff}.preview-badge.event{color:#fff;background:#9333ea}.preview-badge.greeting{color:#fff;background:#16a34a}.preview-badge.announcement{color:#fff;background:#0891b2}.preview-badge.company-update{color:#fff;background:#0d9488}.preview-content h3{color:var(--text-color);margin:0 0 .5rem;font-size:1rem;font-weight:600}.preview-content p{color:var(--text-color-secondary);margin:0;font-size:.85rem;line-height:1.5}.guidelines-card{border-radius:var(--radius-md);background:#f9731614;margin-top:1rem;padding:1.25rem}.guidelines-header{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.guidelines-list{margin:0;padding-left:1.25rem}.guidelines-list li{color:var(--text-color-secondary);margin-bottom:.35rem;font-size:.8rem;line-height:1.5}.guidelines-list li:last-child{margin-bottom:0}.form-action-buttons{gap:.75rem;display:flex}.form-action-buttons .publish-btn{flex:1}.form-action-buttons .schedule-btn{flex-shrink:0;color:var(--primary-color)!important}.schedule-dialog{padding:.5rem}.schedule-header{text-align:center;margin-bottom:1.5rem}.schedule-icon{background:linear-gradient(135deg,var(--primary-color) 0,#ea580c 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.schedule-icon i{color:#fff;font-size:1.75rem}.schedule-header h3{color:var(--text-color);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.schedule-header p{color:var(--text-color-secondary);margin:0;font-size:.85rem}.schedule-content{margin-bottom:1.5rem}.schedule-field{margin-bottom:1.25rem}.schedule-field label{color:var(--text-color-secondary);letter-spacing:.3px;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:flex}.schedule-field .p-datepicker,.schedule-field .p-datepicker input{width:100%}.schedule-preview{border-radius:var(--radius-md);background:#22c55e14;border:1px solid #22c55e33;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.schedule-preview-icon{background:#16a34a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.schedule-preview-icon i{color:#fff;font-size:1rem}.schedule-preview-text{flex-direction:column;display:flex}.schedule-label{color:#16a34a;letter-spacing:.3px;text-transform:uppercase;font-size:.7rem;font-weight:600}.schedule-datetime{color:var(--text-color);font-size:.9rem;font-weight:600}.schedule-info{background:var(--surface-ground);border-radius:var(--radius-md);color:var(--text-color-secondary);align-items:flex-start;gap:.75rem;padding:.85rem;font-size:.8rem;line-height:1.5;display:flex}.schedule-info i{color:var(--primary-color);flex-shrink:0;margin-top:.1rem}.schedule-actions{border-top:1px solid var(--surface-border);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.my-profile-page{grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%;min-width:0;max-width:100%;display:grid;overflow-x:hidden}.profile-header-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);min-width:0;max-width:100%;padding:1.5rem 2rem}.profile-header-content{flex-wrap:wrap;align-items:center;gap:1.5rem;min-width:0;display:flex}.profile-avatar-lg{border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;border:3px solid #fff;flex-shrink:0;width:80px;height:80px;box-shadow:0 4px 12px #0000001a}.profile-header-info{flex:1;min-width:0}.profile-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.profile-name{color:var(--text-color);overflow-wrap:anywhere;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.profile-position{color:var(--primary-color);margin:0 0 .75rem;font-size:1rem;font-weight:500}.profile-meta{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.profile-badge{text-transform:uppercase;align-items:center;display:inline-flex}.profile-badge,.profile-meta .probation-badge.p-tag{letter-spacing:.5px;border-radius:999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;line-height:1}.profile-meta .probation-badge.p-tag{min-height:0}.profile-badge.active{color:#fff;background:#16a34a}.profile-badge.draft{color:#fff;background:#ca8a04}.profile-badge.inactive{color:#fff;background:#64748b}.profile-avatar-fallback{background:var(--surface-100);font-size:2rem}.profile-avatar-fallback,.profile-tab-state{color:var(--text-color-secondary);justify-content:center;align-items:center;display:flex}.profile-tab-state{flex-direction:column;gap:1rem;min-height:240px}.orders-empty-state{text-align:center;color:var(--text-color-secondary);padding:1rem 0}.profile-tab-error p{text-align:center;margin:0}.profile-meta-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.profile-meta-item,.profile-meta-item i{color:var(--text-color-secondary)}.profile-tabs-container{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;min-width:0;max-width:100%;overflow:hidden}.profile-tabs{border-bottom:1px solid var(--border-color);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d1d5db transparent;flex-wrap:nowrap;gap:0;width:100%;min-width:0;max-width:100%;padding:0 1rem;display:flex;overflow:auto hidden}.profile-tabs::-webkit-scrollbar{height:2px}.profile-tabs::-webkit-scrollbar-track{background:0 0}.profile-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.profile-tabs::-webkit-scrollbar-thumb:hover{background:#9ca3af}.profile-tab{cursor:pointer;color:var(--text-color-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:-1px;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.profile-tab.active,.profile-tab:hover{color:var(--primary-color)}.profile-tab.active{border-bottom-color:var(--primary-color)}.profile-tab i{font-size:.9rem}.profile-tab-content{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);min-width:0;max-width:100%;padding:1.5rem;overflow-x:clip}.tab-panel{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.line-managers-timeline{padding:1.5rem}.manager-timeline{padding-left:1rem}.manager-timeline .p-timeline-event-opposite{display:none}.timeline-marker{border:3px solid var(--border-color);background:var(--surface-card);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.timeline-marker.executive{border-color:#7c3aed}.timeline-marker.management{border-color:#3b82f6}.timeline-marker.supervisor{border-color:#f97316}.timeline-marker.professional{border-color:#10b981}.timeline-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.timeline-card{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.5rem;margin-left:1rem;padding:1rem 1.25rem;transition:all .2s}.timeline-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #f973161a}.timeline-card.current-user{border-color:var(--primary-color);background:linear-gradient(135deg,#f973160d,#f973161a)}.timeline-card-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.timeline-level-badge.executive{color:#7c3aed;background:#7c3aed1a}.timeline-level-badge.management{color:#3b82f6;background:#3b82f61a}.timeline-level-badge.supervisor{color:#f97316;background:#f973161a}.timeline-level-badge.professional{color:#10b981;background:#10b9811a}.timeline-card-simple{padding:.75rem 1rem}.timeline-card-simple .timeline-name{align-items:center;gap:.5rem;margin:0;display:flex}.timeline-card-desc{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.75rem;line-height:1.35}.timeline-you-badge{color:#10b981;text-transform:uppercase;letter-spacing:.3px;background:#10b98126;border-radius:4px;padding:.15rem .4rem;font-size:.6rem;font-weight:600}.timeline-name{color:var(--text-color);margin:0 0 .25rem;font-size:1rem;font-weight:600}.timeline-details{flex-wrap:wrap;gap:1rem;display:flex}.timeline-details span{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.timeline-details i{color:var(--primary-color);font-size:.7rem}.info-section{border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:0;max-width:100%;overflow:hidden}.section-header{background:var(--surface-ground);border-bottom:1px solid var(--border-color);color:var(--text-color);padding:.85rem 1.25rem;font-weight:600}.section-header.orange i{color:var(--primary-color)}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.info-field{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);min-width:0;padding:1rem 1.25rem}.info-field:nth-child(4n){border-right:none}.info-field label{color:var(--text-color-secondary);letter-spacing:.3px;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.field-value{color:var(--text-color);align-items:center;gap:.5rem;min-width:0;font-size:.9rem;display:flex}.field-value i{color:var(--text-color-secondary);flex-shrink:0;font-size:.85rem}.field-value span{overflow-wrap:anywhere;min-width:0}@media (width<=1200px){.my-profile-page .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-profile-page .info-field:nth-child(4n){border-right:1px solid var(--border-color)}.my-profile-page .info-field:nth-child(2n){border-right:none}}@media (width<=640px){.my-profile-page .info-grid{grid-template-columns:minmax(0,1fr)}.my-profile-page .info-field,.my-profile-page .info-field:nth-child(2n),.my-profile-page .info-field:nth-child(4n){border-right:none}}.hierarchy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.hierarchy-item{border-right:1px solid var(--border-color);padding:1rem 1.25rem}.hierarchy-item:last-child{border-right:none}.hierarchy-item label{color:var(--text-color-secondary);letter-spacing:.3px;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:block}.hierarchy-value{color:var(--text-color);background:var(--surface-ground);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem;font-size:.9rem;display:flex}.hierarchy-value i{color:var(--text-color-secondary)}.hierarchy-item.highlighted .hierarchy-value{border:1px solid var(--primary-color);color:var(--primary-color);background:#f973161a}.hierarchy-item.highlighted .hierarchy-value i{color:var(--primary-color)}.documents-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;min-width:0;padding:1.25rem;display:grid}.documents-grid .document-item{border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:var(--surface-ground);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.documents-grid .document-item.uploaded{border:1px solid var(--border-color);background:var(--surface-card)}.document-item.clickable{cursor:pointer}.document-item.clickable:hover{border-color:var(--primary-color)}.doc-icon{border-radius:var(--radius-sm);background:var(--surface-border);width:36px;height:36px;color:var(--text-color-secondary);justify-content:center;align-items:center;display:flex}.doc-icon.uploaded{color:#ef4444;background:#ef44441a}.doc-info{flex:1}.doc-info label{color:var(--text-color-secondary);letter-spacing:.3px;font-size:.7rem;font-weight:600;display:block}.doc-status{color:var(--primary-color);font-size:.75rem}.emergency-contact-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#f9731614,#f9731608);border:1px solid #f9731633;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.emergency-icon{background:#f9731626;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.emergency-icon i{color:var(--primary-color);font-size:1.1rem}.emergency-info{flex:1}.emergency-label{color:var(--primary-color);letter-spacing:.5px;margin-bottom:.25rem;font-size:.65rem;font-weight:600}.emergency-name{color:var(--text-color);font-weight:600}.emergency-relation{color:var(--text-color-secondary);font-size:.85rem}.role-card{border-left:4px solid var(--primary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#f973160d;padding:1.25rem}.role-label{color:var(--primary-color);letter-spacing:.5px;margin-bottom:.35rem;font-size:.65rem;font-weight:600}.role-title{color:var(--text-color);font-size:1.1rem;font-weight:700}.job-description-card{border-radius:var(--radius-md);background:#f9731608;border:1px solid #f9731626;padding:1.25rem}.jd-header{color:var(--primary-color);letter-spacing:.5px;margin-bottom:.75rem;font-size:.7rem;font-weight:600}.jd-content p{color:var(--text-color);margin:0 0 1rem;font-size:.9rem;line-height:1.7}.jd-content p:last-child{margin-bottom:0}.orders-sub-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.orders-sub-tabs .sub-tab{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.orders-sub-tabs .sub-tab:hover{background:var(--surface-card);border-color:var(--primary-color);color:var(--primary-color)}.orders-sub-tabs .sub-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.orders-sub-tabs .sub-tab.active i{color:#fff}.cost-center-sub-tabs .sub-tab{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.cost-center-sub-tabs .sub-tab:hover{background:var(--surface-card);border-color:var(--primary-color);color:var(--primary-color)}.cost-center-sub-tabs .sub-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.cost-center-sub-tabs .sub-tab.active i{color:#fff}.clickable-row{cursor:pointer}.order-header-info .status-tag{margin-left:auto}.priority-tag.high{color:#dc2626;background:#ef44441a}.priority-tag.low{color:#16a34a;background:#22c55e1a}.employee-detail-wizard{padding:1rem 0}.detail-wizard-steps{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex;overflow-x:auto}.detail-wizard-step{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.detail-wizard-step:hover{background:var(--surface-card);border-color:var(--primary-color)}.detail-wizard-step.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.detail-wizard-step.active .step-number{color:#fff;background:#fff3}.detail-wizard-step .step-number{background:var(--surface-ground);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.detail-wizard-step .step-label{font-size:.85rem;font-weight:500}.detail-step-content{min-height:300px}.detail-section{margin-bottom:1.5rem}.detail-section-title{color:var(--text-color);border-bottom:1px solid var(--border-color);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item{flex-direction:column;gap:.35rem;display:flex}.detail-item label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.detail-item span{color:var(--text-color);font-size:.95rem}.detail-item span.doc-link{color:var(--primary-color)}.detail-item span.doc-link.clickable{cursor:pointer}.detail-item span.doc-link.clickable:hover{text-decoration:underline}.detail-item span.doc-link i{margin-right:.5rem}.checklist-summary{flex-direction:column;gap:.75rem;display:flex}.checklist-summary .checklist-item{background:var(--surface-ground);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;font-size:.9rem;display:flex}.checklist-summary .checklist-item.completed i{color:#16a34a}.detail-wizard-footer{border-top:1px solid var(--border-color);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.appraisal-header-info .appraisal-status-btn{margin-left:auto}.appraisal-reviewers .reviewer-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px}.splits-table .deduction-col{background:#ef444408}.splits-table .deduction-col .deduction-value{color:#dc2626;font-size:.85rem}.splits-table .deduction-col .deduction-value.total{font-weight:600}.splits-table .total-col{background:#22c55e0d}.splits-table .total-col .net-pay-value{color:#16a34a;font-weight:700}.splits-table .addition-col{background:#f9731608}.splits-table .gross-col{background:#3b82f608;font-weight:600}.splits-table-container{overflow-x:auto}.splits-table{border-collapse:collapse;width:100%}.splits-table th{background:var(--surface-ground);color:var(--text-color-secondary);letter-spacing:.3px;text-align:center;border-bottom:1px solid var(--border-color);padding:.85rem 1rem;font-size:.7rem;font-weight:600}.splits-table th.highlight-col{background:#22c55e14}.splits-table td{text-align:center;color:var(--text-color);border-bottom:1px solid var(--border-color);padding:1rem;font-size:.9rem}.splits-table td.highlight-col{background:#22c55e08}.month-cell{text-align:left!important}.month-name{color:var(--text-color);font-weight:600}.addition-value{border-radius:var(--radius-sm);background:var(--surface-ground);padding:.35rem .75rem;display:inline-block}.addition-value.has-value{color:#16a34a;background:#22c55e1a;font-weight:600}.gross-pay{color:var(--text-color);font-weight:700}.progress-fill{background:linear-gradient(90deg,var(--primary-color),#fb923c);border-radius:999px}.week-label{color:var(--text-color);background:var(--surface-ground);border-radius:999px;padding:.5rem 1.5rem;font-size:1rem;font-weight:600}.shift-reviewer-table th .day-header{flex-direction:column;align-items:center;gap:.25rem;display:flex}.shift-reviewer-table th .day-name{color:var(--text-color-secondary);font-weight:600}.shift-reviewer-table th .day-num{color:var(--text-color);font-size:1.1rem;font-weight:700}.shift-reviewer-table .employee-cell{text-align:left;align-items:center;gap:.75rem;display:flex}.shift-cell{min-width:100px}.shift-block-profile .shift-time{color:#ffffffd9;font-size:.65rem}.shift-block-profile.evening{background:#3b82f6}.shift-block-profile.night{background:#1e293b}.shift-block-profile.morning{background:#16a34a}.no-shift{color:var(--text-color-secondary);font-size:.9rem}.shift-legend .legend-dot.evening{background:#3b82f6}.shift-legend .legend-dot.night{background:#1e293b}.shift-legend .legend-dot.morning{background:#16a34a}.day-name-att.weekend{color:var(--text-color-secondary)}.context-cell{color:var(--text-color);font-size:.8rem}.context-cell.weekend{color:#ef4444}.shift-type{font-weight:600}.shift-type,.time-val{color:var(--text-color)}.time-val{font-weight:500}.status-badge-att.present{color:#16a34a;background:#22c55e1a}.punch-flag-att.missing{color:#ef4444;font-weight:500}.duration-val{color:var(--text-color);font-weight:500}.no-data{color:var(--text-color-secondary);font-size:.85rem}.appraisal-year-tabs{border-bottom:1px solid var(--border-color);gap:0;margin-bottom:1.5rem;display:flex}.year-tab{cursor:pointer;color:var(--text-color-secondary);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.year-tab.active,.year-tab:hover{color:var(--primary-color)}.year-tab.active{border-bottom-color:var(--primary-color)}.year-tab.active i{color:var(--primary-color)}.reviewer-dot{background:var(--primary-color);border-radius:50%;width:6px;height:6px}.appraisal-status-tag.assigned{color:var(--primary-color);background:#f973161a;border:1px solid #f973164d}.final-score{color:var(--primary-color);font-size:1.25rem;font-weight:700}.performance-rating{align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:inline-flex}.performance-rating .rating-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.performance-rating.excellent,.performance-rating.very-good{color:#22c55e}.performance-rating.good{color:#3b82f6}.performance-rating.average{color:#f59e0b}.action-icon-btn.orange{width:36px;height:36px;color:var(--primary-color);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.action-icon-btn.orange:hover{background:#f973161a}.coming-soon-container{text-align:center;flex-direction:column;padding:4rem 2rem}.coming-soon-container,.coming-soon-icon{justify-content:center;align-items:center;display:flex}.coming-soon-icon{background:#f973161a;border-radius:50%;width:80px;height:80px;margin-bottom:1.5rem}.coming-soon-icon i{color:var(--primary-color);font-size:2rem}.coming-soon-container h2{color:var(--text-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.coming-soon-container p{color:var(--primary-color);margin:0;font-size:.9rem}.request-cell{align-items:center;gap:.75rem;display:flex}.request-type-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.request-type-name{color:var(--text-color);font-weight:600}.request-id{color:var(--text-color-secondary);font-size:.75rem}.step-info{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.step-info i{color:var(--text-color-secondary)}.status-tag{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-tag.pending{color:var(--primary-color);background:#f973161a}.status-tag.approved{color:#16a34a;background:#22c55e1a}.status-tag.rejected{color:#ef4444;background:#ef44441a}.status-tag.in-review{color:#8b5cf6;background:#8b5cf61a}.text-muted{color:var(--text-color-secondary);font-size:.75rem}.hr-request-center-page{padding:0}.hr-request-center-page .page-header{margin-bottom:2rem}.hr-request-center-page .page-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.hr-request-center-page .page-subtitle{color:var(--text-color-secondary);margin:0;font-size:.9rem}.hr-request-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=1200px){.hr-request-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.hr-request-grid{grid-template-columns:repeat(2,1fr)}}.hr-request-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;transition:all .2s}.hr-request-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #f973161a}.hr-request-card.selected{border-color:var(--primary-color);border-width:2px}.hr-request-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem;display:flex}.hr-request-name{color:var(--text-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.hr-request-description{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5}.hr-request-form-page{padding:0}.hr-form-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.hr-form-title{align-items:center;gap:1rem;display:flex}.hr-form-title .title-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.hr-form-title h2{margin:0;font-size:1.35rem;font-weight:700}.hr-form-title p{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.85rem}.hr-form-content{grid-template-columns:1fr 380px;gap:2rem;display:grid}@media (width<=1400px){.hr-form-content{grid-template-columns:1fr}}.hr-form-fields{flex-direction:column;gap:1.5rem;display:flex}.hr-form-fields .form-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.hr-form-fields .section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.hr-form-fields .section-header i{color:var(--primary-color)}.hr-form-fields .section-header .currency-badge{color:var(--text-color-secondary);margin-left:auto;font-size:.75rem;font-weight:500}.hr-form-fields .form-grid-2,.hr-form-fields .salary-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.hr-form-fields .salary-input-wrapper{align-items:center;display:flex;position:relative}.hr-form-fields .salary-input-wrapper .currency-prefix{background:var(--surface-ground);border-right:1px solid var(--border-color);border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-color-secondary);z-index:1;justify-content:center;align-items:center;padding:0 .75rem;font-size:.85rem;font-weight:500;display:flex;position:absolute;top:1px;bottom:1px;left:1px}.hr-form-fields .salary-input-wrapper .p-inputnumber,.hr-form-fields .salary-input-wrapper .p-inputtext{width:100%}.hr-form-fields .salary-input-wrapper .p-inputnumber input,.hr-form-fields .salary-input-wrapper input.p-inputtext{padding-left:3.5rem!important}.hr-form-fields .salary-field .form-label{color:var(--primary-color);font-weight:600}.hr-form-fields .form-actions{justify-content:center;padding-top:1rem;display:flex}.hr-form-fields .file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;background:var(--surface-ground);padding:1.5rem}.hr-form-fields .file-upload-area .file-hint{color:var(--text-color-secondary);margin-top:.5rem;font-size:.85rem;display:block}.hr-form-fields .file-upload-area .file-types{color:var(--text-color-secondary);margin-top:.25rem;font-size:.75rem;display:block}.hr-summary-panel{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:fit-content;position:sticky;top:1rem}.hr-summary-panel .summary-header{background:var(--primary-color);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;display:flex}.hr-summary-panel .summary-empty{text-align:center;color:var(--text-color-secondary);padding:3rem 2rem}.hr-summary-panel .summary-empty .empty-icon{background:var(--surface-ground);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.hr-summary-panel .summary-empty .empty-icon i{color:var(--text-color-secondary);font-size:1.5rem}.hr-summary-panel .summary-empty p{margin:0;font-size:.9rem}.hr-summary-panel .summary-content{padding:1.5rem}.hr-summary-panel .summary-employee{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.hr-summary-panel .summary-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:56px;height:56px}.hr-summary-panel .summary-employee-name{font-size:1rem;font-weight:600}.hr-summary-panel .summary-employee-dept{color:var(--text-color-secondary);font-size:.85rem}.hr-summary-panel .summary-employee-id{color:var(--primary-color);font-size:.8rem;font-weight:500}.hr-summary-panel .summary-changes{flex-direction:column;gap:1.5rem;display:flex}.hr-summary-panel .summary-group-title{color:var(--text-color-secondary);letter-spacing:.5px;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.hr-summary-panel .summary-item{margin-bottom:.75rem}.hr-summary-panel .summary-item-label{color:var(--text-color-secondary);letter-spacing:.3px;margin-bottom:.35rem;font-size:.7rem}.hr-summary-panel .summary-item-values{align-items:center;gap:.5rem;display:flex}.hr-summary-panel .summary-value{background:var(--surface-ground);border-radius:var(--radius-sm);text-align:center;flex:1;padding:.5rem .75rem;font-size:.85rem}.hr-summary-panel .summary-value.new.has-change{color:var(--primary-color);background:#f973161a;font-weight:600}.hr-summary-panel .summary-arrow{color:var(--text-color-secondary);font-size:.75rem}.hr-summary-panel .summary-footer{border-top:1px solid var(--border-color);color:var(--primary-color);text-align:center;margin-top:1.5rem;padding-top:1rem;font-size:.8rem;font-style:italic}.employee-option{gap:.75rem;padding:.25rem 0}.employee-option .employee-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:36px;height:36px}.employee-option .employee-name{font-size:.9rem}.employee-option .employee-details{color:var(--text-color-secondary);font-size:.8rem}.hr-requests-settings-page .type-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.hr-requests-settings-page .section-hint{color:var(--text-color-secondary);margin:-.5rem 0 1rem;font-size:.85rem}.selected-fields-list{flex-direction:column;gap:.5rem;display:flex}.selected-field-item{background:var(--surface-ground);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.selected-field-item .field-drag-handle{color:var(--text-color-secondary);cursor:grab}.selected-field-item .field-info{flex:1;align-items:center;gap:.75rem;display:flex}.selected-field-item .field-group-badge{background:var(--primary-color);color:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.selected-field-item .field-label{font-size:.9rem;font-weight:500}.selected-field-item .field-settings{flex-direction:column;align-items:flex-start;gap:.15rem;margin-inline-start:auto;display:flex}.selected-field-item .field-required{color:var(--text-color-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.selected-field-item .field-config-toggle{color:var(--primary-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500;text-decoration:underline}.selected-field-item .field-config-editor{flex-basis:100%}.selected-field-item .field-config-editor textarea{text-align:start;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5}.selected-field-item .field-config-warning{color:#ca8a04;margin:.35rem 0 0;font-size:.75rem;line-height:1.35}.selected-field-item .field-actions{gap:.25rem;display:flex}.field-selector-content{max-height:500px;overflow-y:auto}.field-selector-content .field-search{margin-bottom:1.5rem}.field-selector-content .field-groups{flex-direction:column;gap:1.5rem;display:flex}.field-selector-content .field-group-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.field-selector-content .field-group-header i{color:var(--primary-color)}.field-selector-content .field-group-items{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.field-selector-content .field-checkbox-item{border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .15s;display:flex}.field-selector-content .field-checkbox-item:hover{background:var(--surface-ground)}.field-selector-content .field-checkbox-item.disabled{opacity:.6}.field-selector-content .field-checkbox-item label{cursor:pointer;font-size:.9rem}.field-selector-content .field-checkbox-item .already-added{color:var(--text-color-secondary);font-size:.75rem;font-style:italic}.hr-requests-tracking-page .stats-grid{margin-bottom:1.5rem}.hr-requests-tracking-page .stat-icon.orange{color:#f97316;background:#f973161a}.hr-requests-tracking-page .stat-icon.red{color:#ef4444;background:#ef44441a}.hr-requests-tracking-page .header-actions,.request-type-cell{gap:.75rem;display:flex}.request-type-cell{align-items:center}.request-type-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.request-type-info .request-type-name{font-size:.9rem;font-weight:600}.request-type-info .request-type-id{color:var(--text-color-secondary);font-size:.8rem}.employee-cell .employee-name{font-size:.9rem;font-weight:600}.employee-cell .employee-details{color:var(--text-color-secondary);font-size:.8rem}.hr-user-cell .hr-user-name{font-size:.9rem;font-weight:500}.hr-user-cell .hr-user-role{color:var(--text-color-secondary);font-size:.8rem}.date-cell{color:var(--text-color-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.date-cell i{font-size:.85rem}.status-badge{text-transform:capitalize;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{color:#f97316;background:#f973161a}.status-badge.approved{color:#16a34a;background:#22c55e1a}.status-badge.processing{color:#3b82f6;background:#3b82f61a}.status-badge.rejected{color:#ef4444;background:#ef44441a}.status-badge.large{padding:.5rem 1rem;font-size:.85rem}.hr-request-view-page{padding:0}.view-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.view-header,.view-header-content{align-items:center;gap:1rem;display:flex}.view-header-content{flex:1}.view-title-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.view-title-info h2{margin:0;font-size:1.35rem;font-weight:700}.view-title-info p{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.85rem}.view-content{grid-template-columns:1fr 380px;gap:1.5rem;display:grid}@media (width<=1100px){.view-content{grid-template-columns:1fr}}.view-details{flex-direction:column;gap:1.5rem;display:flex}.detail-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.detail-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.detail-card-header i{color:var(--primary-color)}.employee-info-row{align-items:center;gap:1rem;display:flex}.employee-name-lg{font-size:1.1rem;font-weight:600}.employee-meta{gap:1.5rem;margin-top:.5rem;display:flex}.employee-meta span{color:var(--text-color-secondary);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.employee-meta i{font-size:.85rem}.submitted-by-row{gap:1rem}.hr-avatar,.submitted-by-row{align-items:center;display:flex}.hr-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;width:48px;height:48px;font-size:1rem;font-weight:600}.hr-details{flex:1}.hr-details .hr-name{font-size:.95rem;font-weight:600}.hr-details .hr-role,.submission-date{color:var(--text-color-secondary);font-size:.85rem}.submission-date{background:var(--surface-ground);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.changes-card .changes-group{margin-bottom:1.5rem}.changes-card .changes-group:last-child{margin-bottom:0}.changes-card .changes-group-title{color:var(--text-color-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.changes-card .changes-list{flex-direction:column;gap:.75rem;display:flex}.changes-card .change-item{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem}.changes-card .change-field{color:var(--text-color-secondary);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.changes-card .change-values{align-items:center;gap:.75rem;display:flex}.changes-card .change-new,.changes-card .change-old{text-align:center;flex:1}.changes-card .change-label{color:var(--text-color-secondary);margin-bottom:.25rem;font-size:.7rem;display:block}.changes-card .change-value{background:var(--surface-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);justify-content:center;align-items:center;min-width:0;padding:.5rem .75rem;font-size:.9rem;font-weight:500;display:flex}.changes-card .change-value.highlight{color:var(--primary-color);background:#f973161a;border-color:#f973164d;font-weight:600}.changes-card .change-arrow{color:var(--text-color-secondary);font-size:.9rem}.view-actions-panel{flex-direction:column;gap:1.5rem;display:flex}.actions-card,.timeline-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.hr-request-view-page .actions-card,.hr-request-view-page .timeline-card{box-sizing:border-box;width:100%;margin-bottom:0;margin-left:0}.actions-card-header,.timeline-card-header{align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.actions-card-header,.hr-request-view-page .actions-card-header,.hr-request-view-page .timeline-card-header,.timeline-card-header{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.75rem}.actions-card-header i,.timeline-card-header i{color:var(--primary-color)}.actions-content .actions-hint{color:var(--text-color-secondary);margin:0 0 1.5rem;font-size:.9rem}.actions-content .action-buttons{flex-direction:column;gap:.75rem;display:flex}.actions-content .action-note{border-radius:var(--radius-md);color:#3b82f6;background:#3b82f614;align-items:flex-start;gap:.5rem;margin-top:1.5rem;padding:.75rem;font-size:.8rem;display:flex}.actions-content .action-note i{margin-top:.1rem}.actions-completed{text-align:center;padding:1.5rem 0}.actions-completed .completed-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.5rem;display:flex}.actions-completed .completed-icon.approved{color:#16a34a;background:#22c55e1a}.actions-completed .completed-icon.rejected{color:#ef4444;background:#ef44441a}.actions-completed .completed-text{color:var(--text-color-secondary);font-size:.95rem}.actions-completed .completed-date{color:var(--text-color-secondary);margin-top:.5rem;font-size:.85rem}.timeline-item,.timeline-list{position:relative}.timeline-item{gap:1rem;padding-bottom:1.25rem;display:flex}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):after{content:"";background:var(--border-color);width:2px;position:absolute;top:20px;bottom:0;left:7px}.timeline-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:2px}.timeline-dot.submitted{background:var(--primary-color)}.timeline-dot.approved{background:#16a34a}.timeline-dot.rejected{background:#ef4444}.timeline-dot.processing{background:#3b82f6}.timeline-content .timeline-title{font-size:.9rem;font-weight:600}.timeline-content .timeline-meta{color:var(--text-color-secondary);margin-top:.25rem;font-size:.8rem}.reject-dialog-content p{color:var(--text-color-secondary);margin:0 0 1rem}.hr-bulk-settings-page{padding:0}.hr-bulk-settings-page .p-tabs .p-tablist{margin-bottom:1.5rem}.bulk-settings-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;display:grid}@media (width<=768px){.bulk-settings-grid{grid-template-columns:1fr}}.bulk-setting-card{background:var(--surface-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.75rem;transition:all .2s;position:relative}.bulk-setting-card:hover{border-color:var(--primary-color);border-style:solid;box-shadow:0 4px 12px #00000014}.bulk-setting-card .setting-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem;display:flex}.bulk-setting-card .setting-icon.ramadan{color:#6366f1;background:#6366f11a}.bulk-setting-card .setting-icon.gifts{color:#ec4899;background:#ec48991a}.bulk-setting-card .setting-name{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.bulk-setting-card .setting-description{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5}.setting-form-page{padding:0}.setting-form-page .form-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.setting-form-page .form-header-content{align-items:center;gap:1rem;display:flex}.setting-form-page .form-header-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.setting-form-page .form-header-icon.ramadan{color:#6366f1;background:#6366f11a}.setting-form-page .form-header-icon.gifts{color:#ec4899;background:#ec48991a}.setting-form-page .form-header-content h2{margin:0;font-size:1.35rem;font-weight:700}.setting-form-page .form-header-content p{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.85rem}.form-content-layout{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}@media (width<=1000px){.form-content-layout{grid-template-columns:1fr}}.form-content-centered{max-width:650px;margin:0 auto}.status-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.status-card,.status-info{align-items:center;display:flex}.status-info{gap:1rem}.status-info .status-icon{color:#6366f1;background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.status-info .status-title{font-size:.95rem;font-weight:600}.status-info .status-subtitle{color:var(--text-color-secondary);font-size:.8rem}.config-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.config-card .config-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.95rem;font-weight:600;display:flex}.config-card .config-header i{color:var(--primary-color)}.config-card .form-hint{color:var(--text-color-secondary);margin-top:.5rem;font-size:.8rem;display:block}.info-note{color:var(--text-color-secondary);align-items:flex-start;gap:.5rem;font-size:.85rem;display:flex}.info-note i{color:#3b82f6;margin-top:.1rem}.gift-options{flex-direction:column;gap:.5rem;display:flex}.gift-option{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .15s;display:flex}.gift-option.selected,.gift-option:hover{border-color:var(--primary-color)}.gift-option.selected{background:#f9731608}.gift-option label{cursor:pointer;font-size:.9rem}.summary-card{background:var(--primary-color);color:#fff;padding:1.25rem}.summary-card .summary-header{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;display:flex}.summary-card .summary-text{opacity:.9;margin:0;font-size:.85rem;line-height:1.6}.form-actions-centered{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.bulk-actions-filters-card{flex-direction:column;align-items:stretch;margin-bottom:1.5rem;padding:1rem 1.25rem}.bulk-actions-filters-card .filter-actions-row{justify-content:flex-end;width:100%;margin-top:.75rem;margin-left:0}.bulk-actions-filters-card .requests-datepicker-wrap{min-width:200px;max-width:240px;position:relative}.bulk-actions-filters-card .requests-datepicker-wrap .p-datepicker{width:100%;display:inline-flex;position:relative}.bulk-actions-filters-card .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;width:100%;height:38px}.bulk-actions-search-field{flex:240px;min-width:240px}.bulk-actions-exclude-drafts{white-space:nowrap;color:var(--text-color-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.bulk-actions-empty{text-align:center;color:var(--text-color-secondary);padding:2rem 1rem}.logs-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.logs-header h3{margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.logs-header p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.log-type-cell{gap:.75rem}.log-type-cell,.log-type-icon{align-items:center;display:flex}.log-type-icon{border-radius:var(--radius-md);justify-content:center;width:40px;height:40px;font-size:1rem}.log-type-icon.ramadan{color:#6366f1;background:#6366f11a}.log-type-icon.gifts{color:#ec4899;background:#ec48991a}.log-type-info .log-type-name{font-size:.9rem;font-weight:600}.log-type-info .log-type-id{color:var(--text-color-secondary);font-size:.8rem}.employees-count{color:var(--primary-color);font-weight:600}.log-status-badge{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.log-status-badge.active{color:#16a34a;background:#22c55e1a}.log-status-badge.completed{color:#3b82f6;background:#3b82f61a}.log-status-badge.scheduled{color:#f97316;background:#f973161a}.log-status-badge.draft{color:#64748b;background:#64748b1a}.log-status-badge.large{padding:.4rem 1rem;font-size:.8rem}.log-details-content{padding:.5rem 0}.log-details-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.log-details-heading{flex:1;min-width:0}.log-details-description{color:var(--text-color-secondary);margin-top:.35rem;font-size:.85rem;line-height:1.4}.log-details-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.log-details-type{font-size:1rem;font-weight:600}.log-details-id{color:var(--text-color-secondary);font-size:.85rem}.log-details-header .log-status-badge{margin-left:auto}.log-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.log-detail-item{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem 1rem}.log-detail-item .detail-label{color:var(--text-color-secondary);margin-bottom:.25rem;font-size:.75rem;display:block}.log-detail-item .detail-value{font-size:.9rem;font-weight:500}.log-details-section{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem}.log-details-section .details-section-title{margin-bottom:.75rem;font-size:.85rem;font-weight:600}.log-details-section .details-list{flex-direction:column;gap:.5rem;display:flex}.log-details-section .details-item{justify-content:space-between;font-size:.85rem;display:flex}.log-details-section .details-key{color:var(--text-color-secondary)}.log-details-section .details-value{font-weight:500}.date-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.date-grid .form-group{width:100%}.date-input-full,.date-input-full input{width:100%!important}.attendance-logic-card{border-radius:var(--radius-lg);background:#3b82f60d;border:1px solid #3b82f633;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.attendance-logic-card .logic-header{color:#3b82f6;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.attendance-logic-card .logic-list{flex-direction:column;gap:.6rem;margin:0;padding-left:1.25rem;display:flex}.attendance-logic-card .logic-list li{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5}.attendance-logic-card .logic-list li::marker{color:#3b82f6}.attendance-logic-card .logic-list li strong{color:var(--text-color)}.company-documents-page{padding:0}.doc-cell{gap:.75rem}.doc-cell,.doc-cell .doc-icon{align-items:center;display:flex}.doc-cell .doc-icon{border-radius:8px;flex-shrink:0;justify-content:center;width:40px;height:40px;font-size:1rem}.doc-cell .doc-icon.pdf,.doc-cell .doc-icon.red{color:#ef4444;background:#ef44441a}.doc-cell .doc-icon.blue,.doc-cell .doc-icon.doc{color:#3b82f6;background:#3b82f61a}.doc-cell .doc-icon.orange,.doc-cell .doc-icon.policy{color:#f97316;background:#f973161a}.doc-cell .doc-icon.conduct,.doc-cell .doc-icon.purple{color:#8b5cf6;background:#8b5cf61a}.doc-cell .doc-icon.green,.doc-cell .doc-icon.guide{color:#16a34a;background:#22c55e1a}.doc-cell .doc-icon.health,.doc-cell .doc-icon.pink{color:#ec4899;background:#ec48991a}.doc-cell .doc-icon.comm,.doc-cell .doc-icon.cyan{color:#0ea5e9;background:#0ea5e91a}.doc-cell .doc-icon.indigo,.doc-cell .doc-icon.remote{color:#6366f1;background:#6366f11a}.doc-cell .doc-name{color:var(--text-color);font-size:.9rem;font-weight:600}.doc-cell .doc-name-ar{color:var(--text-color-secondary);margin-top:.15rem;font-size:.8rem}.doc-category-badge.policy{color:#f97316;background:#f973161a}.doc-category-badge.guide{color:#16a34a;background:#22c55e1a}.doc-status-tag{border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.doc-status-tag.valid{color:#16a34a;background:#22c55e26}.doc-status-tag.near_expire{color:#ea580c;background:#f9731626}.doc-status-tag.expired{color:#dc2626;background:#ef444426}.file-type-badge{letter-spacing:.025em;border-radius:4px;align-items:center;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.file-type-badge.pdf{color:#ef4444;background:#ef44441a}.file-type-badge.doc,.file-type-badge.docx{color:#3b82f6;background:#3b82f61a}.file-type-badge.xls,.file-type-badge.xlsx{color:#16a34a;background:#22c55e1a}.downloads-count{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.downloads-count i{font-size:.8rem}.doc-type-options{gap:1rem;display:flex}.doc-type-option{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:var(--surface-card);flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.doc-type-option:hover{border-color:var(--primary-color);background:#f9731605}.doc-type-option.active{border-color:var(--primary-color);color:var(--primary-color);background:#f9731614}.doc-type-option i{font-size:1.25rem}.doc-type-option span{font-weight:500}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--surface-card);padding:1.5rem;transition:all .2s;display:block}.file-upload-area:hover{border-color:var(--primary-color);background:#f9731605}.file-upload-content{color:var(--text-color-secondary);flex-direction:column;align-items:center;gap:.5rem;display:flex}.file-upload-content i{color:var(--primary-color);font-size:1.75rem}.file-upload-content span{font-size:.875rem}.file-upload-content.selected{flex-direction:row;justify-content:center;gap:.75rem}.file-upload-content.selected i{font-size:1.25rem}.file-upload-content.selected span{color:var(--text-color);font-weight:500}.stats-page{padding:0}.stats-module-tabs{background:var(--surface-card);border-bottom:2px solid var(--border-color);gap:0;margin:-1.5rem -1.5rem 1.5rem;padding:0 1.5rem;display:flex;overflow-x:auto}.module-tab{color:var(--text-color-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:1rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.module-tab:hover{color:var(--primary-color);background:#f973160d}.module-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.module-tab i{font-size:1rem}.stats-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stats-title h1{margin:0;font-size:1.5rem;font-weight:700}.stats-title p{color:var(--text-color-secondary);margin:.25rem 0 0;font-size:.85rem}.insights-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.insight-tab{border:1px solid var(--border-color);background:var(--surface-card);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.insight-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.insight-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.stats-filters{width:100%;margin-bottom:1.5rem}.date-range-filters{gap:.5rem;margin-bottom:1rem;display:flex}.date-range-btn{border:1px solid var(--border-color);background:var(--surface-card);color:var(--text-color-secondary);letter-spacing:.025em;border-radius:var(--radius-md);cursor:pointer;padding:.6rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s}.date-range-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.date-range-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dynamic-date-filters{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:flex-end;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.filter-group{flex-direction:column;gap:.35rem;display:flex}.filter-group label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.date-range-trigger{position:relative}.date-range-button{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);align-items:center;gap:.5rem;min-width:160px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.date-range-button.active,.date-range-button:hover{border-color:var(--primary-color)}.date-range-button.active{box-shadow:0 0 0 2px #ea580c1a}.date-range-button.has-dates{background:var(--primary-color-bg);border-color:var(--primary-color)}.date-range-button .pi-calendar{color:var(--primary-color)}.date-range-button .pi-chevron-down{color:var(--text-color-secondary);margin-left:auto;font-size:.7rem;transition:transform .2s}.date-range-button.active .pi-chevron-down{transform:rotate(180deg)}.date-range-dropdown{z-index:1000;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:320px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 4px 16px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-range-dropdown-content{gap:1rem;padding:1rem;display:flex}.date-range-dropdown-content .date-field{flex-direction:column;flex:1;gap:.35rem;display:flex}.date-range-dropdown-content .date-field label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.date-range-dropdown-content .p-datepicker{width:100%}.date-range-dropdown-actions{border-top:1px solid var(--border-color);background:var(--surface-ground);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.module-filters{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;flex-wrap:wrap;align-items:flex-end;gap:1rem;width:100%;padding:1rem;display:flex}.module-filters.payroll-filters{gap:.75rem;padding:.75rem 1rem}.module-filters.payroll-filters .filter-group{flex-direction:column;gap:.25rem;display:flex}.module-filters.payroll-filters .filter-group label{color:var(--text-color-secondary);text-transform:uppercase;font-size:.7rem;font-weight:600}.module-filters.payroll-filters .p-select{min-width:120px}.module-filters.payroll-filters .filter-action{flex-direction:column;justify-content:flex-end;display:flex}.module-filters.payroll-filters .filter-action label{visibility:hidden;height:0;margin:0}.module-filters .search-btn{background:#475569!important;border-color:#475569!important;padding:.5rem 1.25rem!important;font-size:.875rem!important;font-weight:500!important}.module-filters .search-btn:hover{background:#334155!important;border-color:#334155!important}.filter-buttons{align-items:center;gap:.5rem;display:flex}.module-filters .reset-btn{color:#475569!important;border-color:#cbd5e1!important;padding:.5rem 1rem!important;font-size:.875rem!important;font-weight:500!important}.module-filters .reset-btn:hover{color:#334155!important;background:#f1f5f9!important;border-color:#94a3b8!important}.module-filters .filter-action{flex-direction:column;justify-content:flex-end;display:flex}.stats-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.appraisal-cycle-selector{border-radius:var(--radius-md);background:#f973160d;border:1px solid #f9731633;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.cycle-label{color:var(--primary-color);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.appraisal-placeholder{text-align:center;background:var(--surface-ground);border-radius:var(--radius-lg);color:var(--text-color-secondary);padding:4rem 2rem}.appraisal-placeholder i{opacity:.5;margin-bottom:1rem;font-size:3rem}.static-insights-content{padding:0}.section-title{color:var(--text-color-secondary);letter-spacing:.025em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:flex}.period-cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1400px){.period-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.period-cards-grid{grid-template-columns:1fr}}.period-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:box-shadow .2s}.period-card:hover{box-shadow:var(--shadow-md)}.period-card.highlighted{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.period-card.custom-range-card.not-applied{cursor:pointer;border-style:dashed;border-color:var(--border-color);background:linear-gradient(135deg,#fafafa,#f5f5f5)}.period-card.custom-range-card.not-applied:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#fff8f5,#fff5f0)}.custom-range-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:3rem 1rem;display:flex}.custom-range-placeholder i{color:var(--primary-color);opacity:.7;margin-bottom:1rem;font-size:3rem}.custom-range-placeholder .placeholder-text{color:var(--text-color);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.custom-range-placeholder .placeholder-hint{color:var(--text-color-secondary);margin:0;font-size:.85rem}.period-card.custom-range-card.not-applied:hover .custom-range-placeholder i{opacity:1}.period-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.period-title{color:var(--text-color);font-size:.9rem;font-weight:700}.period-date{color:var(--text-color-secondary);font-size:.7rem}.period-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:600}.period-badge.confirmed{color:#16a34a;background:#22c55e1a}.stats-section{margin-bottom:1rem}.stats-section .section-label{color:var(--text-color-secondary);letter-spacing:.025em;align-items:center;gap:.35rem;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:flex}.stats-section .section-label i{font-size:.75rem}.main-stat{background:var(--surface-ground);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.main-stat i{color:var(--primary-color)}.main-stat .stat-label{color:var(--text-color-secondary);flex:1;font-size:.8rem}.main-stat .stat-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.stats-list{flex-direction:column;gap:.4rem;display:flex}.stat-row{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-dot.green{background:#16a34a}.stat-dot.red{background:#ef4444}.stat-dot.blue{background:#3b82f6}.stat-dot.orange{background:#f97316}.stat-dot.purple{background:#8b5cf6}.stat-dot.gray{background:#9ca3af}.stat-dot.cyan{background:#06b6d4}.stat-row span:nth-child(2){color:var(--text-color-secondary);flex:1}.stats-section.performance .stat-row span:nth-child(2){color:var(--primary-color);flex:none}.stat-num{color:var(--text-color);font-weight:600}.stat-percent{color:var(--primary-color);font-weight:700}.stats-section.performance .stat-row{justify-content:space-between;align-items:center;width:100%;display:flex}.stats-section.performance .stat-row .stat-label-with-tooltip{flex:none}.stats-section.performance .stat-row .stat-percent{text-align:right;flex:none;margin-left:auto}.stat-label-with-tooltip{align-items:center;gap:.35rem;display:flex}.tooltip-icon{color:var(--text-color-secondary);cursor:help;opacity:.7;font-size:.75rem;transition:opacity .2s,color .2s}.tooltip-icon:hover{opacity:1;color:var(--primary-color)}.view-details-link{color:var(--primary-color);cursor:pointer;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.75rem;font-weight:600;display:flex}.view-details-link:hover{text-decoration:underline}.dynamic-insights-content{padding:0}.dynamic-view-selector{margin-bottom:1.5rem;display:inline-block;position:relative}.dynamic-view-selector.stats-filter-field{flex:1;min-width:180px;margin-bottom:0}.view-selector-field{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;color:var(--text-color);align-items:center;gap:.5rem;min-width:180px;height:100%;padding:.625rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.stats-filter-field .view-selector-field{width:100%;min-width:auto}.view-selector-field:hover{border-color:var(--primary-color)}.view-selector-field i:first-child{color:var(--primary-color)}.view-selector-field i:last-child{color:var(--text-color-secondary);margin-left:auto;font-size:.75rem}.view-selector-popover{z-index:1000;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);min-width:280px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #00000026}.popover-content{padding:1.25rem}.popover-field{margin-bottom:1rem}.popover-field:last-of-type{margin-bottom:1.25rem}.popover-field label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem;font-weight:500;display:block}.popover-select{border:1px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text-color);background:var(--surface-card);cursor:pointer;padding:.625rem .875rem;font-size:.9rem;transition:border-color .2s}.popover-select:focus{border-color:var(--primary-color);outline:none}.popover-input{border:1px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text-color);background:var(--surface-card);padding:.625rem .875rem;font-size:.9rem}.popover-input:focus{border-color:var(--primary-color);outline:none}.popover-field .p-datepicker,.popover-field .p-select{width:100%!important}.popover-field .p-select .p-select-label{padding:.625rem .875rem}.month-selector{border:1px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface-card);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.month-selector span{color:var(--text-color);font-size:.9rem;font-weight:500}.month-nav{background:var(--surface-ground);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-color);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.month-nav:hover{background:var(--primary-color);color:#fff}.month-nav i{font-size:.75rem}.popover-actions{border-top:1px solid var(--surface-border);gap:.5rem;padding-top:.75rem;display:flex}.popover-btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:.625rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.popover-btn.apply{background:var(--primary-color);color:#fff}.popover-btn.apply:hover{background:var(--primary-hover-color)}.popover-btn.cancel{background:var(--surface-ground);color:var(--text-color)}.popover-btn.cancel:hover{background:var(--surface-hover)}.dynamic-performance-link{color:var(--primary-color);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.dynamic-performance-link:hover{text-decoration:underline}.chart-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1.25rem}.chart-card.full-width{width:100%}.chart-header{margin-bottom:1rem}.chart-header h3{align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:600;display:flex}.chart-header small{color:var(--text-color-secondary);margin-top:.25rem;font-size:.75rem;display:block}.charts-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=900px){.charts-row{grid-template-columns:1fr}}.chart-placeholder{flex-direction:column;min-height:200px;display:flex}.chart-container{width:100%;height:250px;position:relative}.chart-container.small{height:180px}.chart-container canvas{width:100%!important;height:100%!important}.chart-legend{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.legend-item{color:var(--text-color-secondary);align-items:center;gap:.35rem;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.green{background:#16a34a}.legend-dot.red{background:#ef4444}.legend-dot.blue{background:#3b82f6}.legend-dot.orange{background:#f97316}.legend-dot.purple{background:#8b5cf6}.legend-dot.gray{background:#9ca3af}.demography-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1400px){.demography-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.demography-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.demography-grid{grid-template-columns:1fr}}.demography-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem}.demography-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.category-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.category-icon.blue{color:#3b82f6;background:#3b82f61a}.category-icon.orange{color:#f97316;background:#f973161a}.category-icon.purple{color:#8b5cf6;background:#8b5cf61a}.category-icon.green{color:#16a34a;background:#22c55e1a}.category-icon.red{color:#ef4444;background:#ef44441a}.category-title{color:var(--text-color-secondary);letter-spacing:.025em;font-size:.7rem;font-weight:600}.demography-items{flex-direction:column;gap:.5rem;display:flex}.demography-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.item-dot{border-radius:50%;width:8px;height:8px}.item-dot.orange{background:#f97316}.item-dot.blue{background:#3b82f6}.item-dot.green{background:#16a34a}.item-dot.purple{background:#8b5cf6}.item-dot.red{background:#ef4444}.item-dot.gray{background:#9ca3af}.item-name{color:var(--text-color-secondary);flex:1}.item-count{color:var(--text-color);font-weight:600}.view-more-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.75rem;padding:0;font-size:.75rem;font-weight:600;display:flex}.view-more-btn:hover{text-decoration:underline}.directory-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=1100px){.directory-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.directory-stats-grid{grid-template-columns:1fr}}.directory-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem}.directory-stat-card .stat-header{color:var(--text-color-secondary);margin-bottom:1rem;font-size:.75rem;font-weight:600}.directory-stat-card .stat-items{flex-direction:column;gap:.5rem;display:flex}.directory-stat-card .stat-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.directory-stat-card .stat-item span:nth-child(2){color:var(--text-color-secondary);flex:1}.directory-stat-card .stat-item .item-count{color:var(--text-color);font-weight:600}.feeling-card{background:linear-gradient(135deg,#fff,#f973160d)}.feeling-stats{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.feeling-item{background:var(--surface-card);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;display:flex}.feeling-item .emoji{font-size:1.5rem}.feeling-item .feeling-label{color:var(--text-color);font-size:.75rem;font-weight:600}.feeling-item .feeling-count{color:var(--text-color-secondary);font-size:.65rem}.retention-chart{flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.retention-value{color:#16a34a;font-size:3rem;font-weight:700}.retention-label{color:var(--text-color-secondary);margin-top:.5rem;font-size:.75rem}.settings-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1200px){.settings-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.settings-stats-grid{grid-template-columns:1fr}}.settings-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem}.settings-stat-card .stat-header{color:var(--text-color-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.settings-stat-card .stat-items{flex-direction:column;gap:.5rem;display:flex}.settings-stat-card .stat-item{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.settings-stat-card .stat-item span:nth-child(2){color:var(--text-color-secondary);flex:1}.view-more-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.75rem;padding:0;font-size:.75rem;font-weight:600;display:flex}.view-more-link:hover{text-decoration:underline}.appraisals-insights-content{padding:0}.appraisal-cycle-header{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.5rem;display:flex}.cycle-info .cycle-badge{color:var(--primary-color);letter-spacing:.025em;font-size:.7rem;font-weight:600}.cycle-info h2{margin:.5rem 0 .25rem;font-size:1.5rem;font-weight:700}.live-tracking{color:#16a34a;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.live-tracking i{font-size:.5rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.coverage-card{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);text-align:center;padding:1rem 1.5rem}.coverage-label{opacity:.8;font-size:.7rem;font-weight:600}.coverage-value{margin:.25rem 0;font-size:2rem;font-weight:700;display:block}.coverage-detail{opacity:.8;font-size:.7rem}.appraisal-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.appraisal-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.appraisal-stat-card i{color:var(--text-color-secondary);margin-bottom:.5rem;font-size:1.5rem}.appraisal-stat-card .stat-value{color:var(--text-color);font-size:2rem;font-weight:700;display:block}.appraisal-stat-card .stat-label{color:var(--text-color-secondary);letter-spacing:.025em;font-size:.7rem;font-weight:600}.appraisal-stat-card.completed{border-color:#16a34a}.appraisal-stat-card.completed i{color:#16a34a}.score-distribution-card{background:var(--primary-color);border-radius:var(--radius-lg);color:#fff;padding:1.5rem}.score-header{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-bottom:1.25rem;font-size:.7rem;font-weight:600}.score-bars{flex-direction:column;gap:1rem;display:flex}.score-bar-row{align-items:flex-end;gap:1rem;display:flex}.score-bar-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.score-label{letter-spacing:.03em;text-transform:uppercase;font-size:.7rem;font-weight:700}.score-bar-track{background:#ffffff4d;border-radius:2px;width:100%;height:4px;overflow:hidden}.score-bar-fill{background:var(--surface-card);border-radius:2px;height:100%;transition:width .3s}.score-count{text-align:right;min-width:1.5rem;font-size:1.1rem;font-weight:700}.appraisal-note{background:var(--surface-ground);border-radius:var(--radius-md);color:var(--text-color-secondary);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;font-size:.8rem;display:flex}.appraisal-note i{color:var(--primary-color);flex-shrink:0}.period-cards-grid.payroll{grid-template-columns:repeat(3,1fr)}.payroll-card .payroll-stats{gap:1.5rem;margin-bottom:1rem;display:flex}.payroll-stat-row{align-items:center;gap:.5rem;display:flex}.payroll-stat-row .stat-icon{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.payroll-stat-row .stat-icon.blue{color:#3b82f6;background:#3b82f61a}.payroll-stat-row .stat-icon.green{color:#16a34a;background:#22c55e1a}.payroll-stat-row .stat-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.payroll-stat-row .stat-value{font-size:1rem;font-weight:700}.payroll-amounts{flex-direction:column;gap:.5rem;display:flex}.amount-row{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.amount-dot{border-radius:50%;width:8px;height:8px}.amount-dot.green{background:#16a34a}.amount-dot.blue{background:#3b82f6}.amount-dot.orange{background:#f97316}.amount-dot.purple{background:#8b5cf6}.amount-dot.red{background:#ef4444}.amount-dot.gray{background:#9ca3af}.amount-row span:nth-child(2){color:var(--text-color-secondary);flex:1}.amount{color:var(--text-color);font-weight:600}.amount small{color:var(--text-color-secondary);font-weight:400}.payroll-tag-section{margin-top:.5rem}.tag-divider{background:var(--surface-border);height:1px;margin:1rem 0}.tag-header{margin-bottom:.75rem}.tag-badge{letter-spacing:.5px;border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-block}.tag-badge.cogs{color:#3b82f6;background:#3b82f61a}.tag-badge.ga{color:#8b5cf6;background:#8b5cf61a}.tag-badge.intangible{color:#16a34a;background:#22c55e1a}.tag-amounts .amount,.tag-amounts .amount-row{font-size:.8rem}.training-paths-page .page-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.training-paths-page .page-header-row h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.training-paths-page .page-header-row p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.training-paths-page .path-name{color:var(--text-color);font-weight:600}.training-paths-page .path-description{color:var(--text-color-secondary);font-size:.875rem}.hours-badge,.training-paths-page .hours-badge{color:var(--primary-color);background:#f973161a;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.training-paths-page .action-buttons{gap:.5rem;display:flex}.training-paths-page .action-icon-btn{cursor:pointer;width:32px;height:32px;color:var(--primary-color);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .2s;display:flex}.training-paths-page .action-icon-btn:hover{background:#f973161a}.training-paths-page .action-icon-btn.danger{color:#ef4444}.training-paths-page .action-icon-btn.danger:hover{background:#ef44441a}.training-form{flex-direction:column;gap:1.25rem;display:flex}.training-form .form-field{flex-direction:column;gap:.5rem;display:flex}.training-form .form-field label{color:var(--text-color);font-size:.85rem;font-weight:600}.training-assign-page{max-width:800px;margin:0 auto;padding-bottom:200px}.training-assign-page .success-confirmation{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:3rem 2rem;display:flex}.training-assign-page .success-icon{background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex;box-shadow:0 0 0 8px #22c55e1a}.training-assign-page .success-icon i{color:#fff;font-size:2.5rem}.training-assign-page .success-confirmation h1{color:var(--text-color);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.training-assign-page .success-subtitle{color:var(--text-color-secondary);max-width:400px;margin:0 0 2rem;font-size:1rem}.training-assign-page .success-details{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.training-assign-page .detail-item{color:var(--text-color-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.training-assign-page .detail-item i{color:var(--primary-color);font-size:.85rem}.training-assign-page .detail-item strong{color:var(--text-color)}.training-assign-page .success-actions{gap:1rem;display:flex}.training-assign-page .page-header-centered{text-align:center;margin-bottom:2rem}.training-assign-page .page-header-centered h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.training-assign-page .page-header-centered p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.wizard-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden}.wizard-section.completed{border-color:var(--primary-color)}.wizard-section.disabled{opacity:.6}.wizard-section.disabled .wizard-header{cursor:not-allowed}.wizard-section.disabled .step-info h3{color:var(--text-color-secondary)}.wizard-header{border-bottom:1px solid var(--border-color);gap:1rem;padding:1.25rem}.step-number,.wizard-header{align-items:center;display:flex}.step-number{background:var(--surface-100);border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-color-secondary);border-radius:50%;justify-content:center;font-size:.9rem;font-weight:700}.step-number.active{border-color:var(--primary-color);color:var(--primary-color)}.step-number.completed{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.step-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.step-info p{color:var(--text-color-secondary);margin:0;font-size:.8rem}.participants-heading{align-items:baseline;gap:1rem;width:100%;display:flex}.participants-heading h3,.participants-heading p{margin:0}.participants-wizard-header{flex-wrap:wrap}.selected-count-row{justify-content:flex-end;width:100%;padding-left:48px;display:flex}.selected-count{color:var(--primary-color);text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;font-size:1.5rem;font-weight:700;line-height:1;display:flex}.selected-count span{color:var(--text-color-secondary);letter-spacing:.06em;font-size:.65rem;font-weight:600;line-height:1.2;display:block}.wizard-content{padding:1.25rem}.participants-search-field,.training-path-search-field{width:100%;display:block}.training-path-search-field{margin-bottom:1rem}.paths-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.path-option{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.path-option:hover{border-color:var(--primary-color);background:#f9731605}.path-option.selected{border-color:var(--primary-color);background:#f973160d}.path-option .path-name{flex:1;font-weight:500}.path-option .path-hours{color:var(--text-color-secondary);font-size:.85rem}.participants-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem;display:flex}.participants-search-field{flex:none}.participants-filters-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.participants-filters-row .p-button{margin-left:auto}.participants-header .dept-filter,.participants-header .section-filter{min-width:150px}.participants-header .dept-filter .p-select,.participants-header .section-filter .p-select{width:100%}.employees-list{flex-direction:column;gap:.5rem;max-height:350px;display:flex;overflow-y:auto}.training-assign-employees-pagination{margin-top:1rem}.employee-option{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.employee-option.selected,.employee-option:hover{border-color:var(--primary-color)}.employee-option.selected{background:#f973160d}.employee-option .employee-info{flex:1;align-items:center;gap:.75rem;display:flex}.employee-option .employee-name{font-weight:600}.employee-option .employee-id{color:var(--primary-color);font-size:.8rem}.employee-option .employee-dept{color:var(--text-color-secondary);font-size:.8rem}.employee-option .employee-grade{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.cycles-row{flex-wrap:wrap;gap:.5rem;padding-bottom:.25rem;display:flex}.cycle-option{border:1px solid var(--border-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .2s;display:flex}.cycle-option.wide{border-radius:20px;width:auto;min-width:40px;padding:0 .4rem}.cycle-option.selected,.cycle-option:hover{border-color:var(--primary-color)}.cycle-option.selected{background:var(--primary-color);color:#fff}.cycle-onboarding{border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.cycle-onboarding.selected,.cycle-onboarding:hover{border-color:var(--primary-color)}.cycle-onboarding.selected{background:var(--primary-color);color:#fff}.wizard-section.compact .wizard-header{border-bottom:none;padding:1rem 1.25rem}.wizard-section.compact .wizard-content{padding:0 1.25rem 1rem}.period-row{align-items:flex-start;gap:1rem;padding-bottom:.25rem;display:flex}.period-field{flex-direction:column;gap:.5rem;min-width:160px;max-width:240px;display:flex}.period-field label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.period-field .p-datepicker{width:160px}.period-field .field-error{line-height:1.35}.period-arrow{color:var(--text-color-secondary);margin-top:1.75rem;margin-bottom:0;font-size:1rem}.summary-card{border-radius:var(--radius-lg);z-index:100;background:linear-gradient(135deg,#fff9f5,#fff);border:1px solid #f9731626;width:320px;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 10px 40px #0000001f}.summary-header{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.summary-badge{color:var(--primary-color);letter-spacing:.02em;font-size:.65rem;font-weight:700}.summary-content{padding:0 1rem 1rem}.summary-path-name{color:var(--text-color);margin:0 0 .75rem;font-size:1.1rem;font-weight:700;line-height:1.3}.summary-period{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.75rem;display:flex}.summary-period-label{color:var(--primary-color);letter-spacing:.02em;padding:0;font-size:.65rem;font-weight:600}.summary-period-dates{color:var(--text-color-secondary);font-size:.85rem}.summary-footer{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.participants-count{color:var(--text-color-secondary);font-size:.85rem}.view-list-link{color:var(--primary-color);cursor:pointer;letter-spacing:.02em;font-size:.7rem;font-weight:700}.view-list-link:hover{text-decoration:underline}.launch-btn{width:100%;border-radius:0!important}.dark-mode .training-assign-page .summary-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ff6e0559;box-shadow:0 10px 40px #00000080}.dark-mode .training-assign-page .summary-path-name{color:var(--text-color)}.dark-mode .training-assign-page .participants-count,.dark-mode .training-assign-page .summary-period-dates{color:var(--text-color-secondary)}.participants-dialog-list{flex-direction:column;gap:0;max-height:400px;display:flex;overflow-y:auto}.participant-item{border-bottom:1px solid var(--surface-200);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.participant-item:last-child{border-bottom:none}.participant-info{flex-direction:column;gap:.25rem;display:flex}.participant-name{color:var(--text-color);font-size:.95rem;font-weight:600}.participant-details{color:var(--text-color-secondary);font-size:.8rem}.remove-participant-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:background .2s}.remove-participant-btn:hover{background:#ef44441a}.no-participants{text-align:center;color:var(--text-color-secondary);padding:2rem}.training-tracker-page .page-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.training-tracker-page .page-header-row h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.training-tracker-page .page-header-row p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.tracker-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tracker-stat-card .stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.tracker-stat-card .stat-value.green{color:#16a34a}.tracker-stat-card .stat-value.red{color:#ef4444}.tracker-stat-card.highlight .stat-label,.tracker-stat-card.highlight .stat-value{color:#fff}.tracker-stat-card .stat-label{color:var(--text-color-secondary);letter-spacing:.02em;font-size:.7rem;font-weight:600}.employee-cell{align-items:center;gap:.75rem;display:flex}.employee-details{flex-direction:column;gap:.15rem;display:flex}.employee-details .employee-name{font-weight:600}.employee-details .employee-id{color:var(--primary-color);font-size:.75rem}.employee-details .employee-path-info{color:var(--text-color-secondary);text-transform:uppercase;font-size:.7rem}.batch-cell{flex-direction:column;gap:.15rem;display:flex}.batch-cycle{font-size:.85rem;font-weight:600}.batch-period{color:var(--text-color-secondary);font-size:.7rem}.progress-cell{flex-direction:column;gap:.35rem;display:flex}.progress-value{font-size:.85rem;font-weight:600}.progress-bar{background:var(--surface-200);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .3s}.manage-buttons{gap:.25rem;display:flex}.logs-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.logs-name{font-size:1.1rem;font-weight:700}.logs-path{margin-bottom:.5rem;font-size:.85rem}.logs-assigned,.logs-path{color:var(--text-color-secondary)}.logs-assigned{font-size:.75rem}.logs-assigned strong{color:var(--text-color)}.logs-timeline{flex-direction:column;gap:1rem;display:flex}.log-item{background:var(--surface-50);border-radius:var(--radius-md);gap:1rem;padding:.75rem;display:flex}.log-icon{border:3px solid var(--primary-color);border-radius:50%;width:12px;height:12px;margin-top:.25rem}.log-content{flex:1}.log-title{color:var(--primary-color);font-weight:600}.log-description,.log-title{margin-bottom:.25rem;font-size:.85rem}.log-description,.log-meta{color:var(--text-color-secondary)}.log-meta{font-size:.75rem}.log-meta strong{color:var(--text-color)}.log-date{color:var(--text-color-secondary);white-space:nowrap;font-size:.75rem}.lifecycle-popup-menu{min-width:200px!important}.lifecycle-popup-menu .lifecycle-menu-header{color:var(--text-color-secondary);border-bottom:1px solid var(--border-color);letter-spacing:.02em;padding:.75rem 1rem;font-size:.7rem;font-weight:600}.lifecycle-popup-menu .lifecycle-menu-item{cursor:pointer;color:var(--text-color);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.lifecycle-popup-menu .lifecycle-menu-item .status-percent{opacity:0;font-size:.8rem;font-weight:600;transition:opacity .2s}.lifecycle-popup-menu .lifecycle-menu-item:hover{color:var(--primary-color);background:#f9731614}.lifecycle-popup-menu .lifecycle-menu-item:hover .status-percent{opacity:1}.lifecycle-popup-menu .lifecycle-menu-item.progress:hover{color:#3b82f6;background:#3b82f614}.lifecycle-popup-menu .lifecycle-menu-item.success:hover{color:#16a34a;background:#16a34a14}.lifecycle-popup-menu .lifecycle-menu-item.danger:hover{color:#ef4444;background:#ef444414}.lifecycle-popup-menu .lifecycle-menu-item.active{background:#f9731614}.lifecycle-popup-menu .lifecycle-menu-item.active .status-percent{opacity:1}.lifecycle-popup-menu .lifecycle-menu-item.active.progress{color:#3b82f6;background:#3b82f614}.lifecycle-popup-menu .lifecycle-menu-item.active.success{color:#16a34a;background:#16a34a14}.lifecycle-popup-menu .lifecycle-menu-item.active.danger{color:#ef4444;background:#ef444414}.lifecycle-popup-menu .p-menu-item-content,.lifecycle-popup-menu .p-menu-list{padding:0}.action-icon-btn.reminder{color:#8b5cf6}.action-icon-btn.reminder:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#0000}.reminder-btn-wrapper{position:relative}.reminder-count-badge{color:#fff;background:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;left:-4px;box-shadow:0 1px 3px #8b5cf666}.logs-reminder-count{color:#8b5cf6;border-radius:var(--radius-sm);background:#8b5cf61a;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;font-weight:500;display:flex}.logs-reminder-count i{font-size:.75rem}.reminder-dialog-content{flex-direction:column;gap:1.25rem;display:flex}.reminder-recipient{flex-direction:column;gap:.5rem;display:flex}.reminder-recipient label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.recipient-info{background:var(--surface-50);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.75rem;display:flex}.recipient-details{flex-direction:column;gap:.125rem;display:flex}.recipient-name{color:var(--text-color);font-weight:600}.recipient-path{color:var(--text-color-secondary);font-size:.85rem}.reminder-message-group{flex-direction:column;gap:.5rem;display:flex}.reminder-message-group label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.log-icon.reminder{border-color:#8b5cf6}.training-insights-page .page-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.training-insights-page .page-header-row h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.training-insights-page .page-header-row p{color:var(--text-color-secondary);margin:0;font-size:.9rem}.insight-tabs-container{margin-bottom:1.5rem}.insight-tabs{background:var(--surface-100);border-radius:var(--radius-lg);padding:.25rem;display:inline-flex}.insight-tab{border-radius:var(--radius-md);cursor:pointer;color:var(--text-color-secondary);background:0 0;border:none;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;transition:all .2s}.insight-tab:hover{color:var(--text-color)}.insight-tab.active{background:var(--surface-card);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}.insight-content{flex-direction:column;gap:1.5rem;display:flex}.filters-card{padding:1rem 1.5rem}.filter-field{flex-direction:column;gap:.5rem;display:flex}.filter-field label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.insight-stats-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.insight-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:1.25rem}.insight-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color)}.insight-stat-card .stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.insight-stat-card .stat-value.green{color:#16a34a}.insight-stat-card .stat-value.blue{color:#3b82f6}.insight-stat-card .stat-value.red{color:#ef4444}.insight-stat-card.highlight .stat-label,.insight-stat-card.highlight .stat-value{color:#fff}.insight-stat-card .stat-label{color:var(--text-color-secondary);letter-spacing:.02em;font-size:.7rem;font-weight:600}.performance-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.performance-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:1.5rem}.performance-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color)}.performance-stat-card .stat-value{margin-bottom:.5rem;font-size:2rem;font-weight:700}.performance-stat-card .stat-value.blue{color:#3b82f6}.performance-stat-card .stat-value.green{color:#16a34a}.performance-stat-card.highlight .stat-label,.performance-stat-card.highlight .stat-value{color:#fff}.performance-stat-card .stat-label{color:var(--text-color-secondary);letter-spacing:.02em;font-size:.7rem;font-weight:600}.cost-center-type-tag{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.cost-center-type-tag.cogs{color:#1e40af;background:#dbeafe}.cost-center-type-tag.ga{color:#92400e;background:#fef3c7}.cost-center-type-tag.intangible{color:#7c3aed;background:#f3e8ff}.section-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.section-header i{color:var(--primary-color)}.section-header h3{margin:0;font-size:1rem;font-weight:600}.cycle-distribution-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.stats-cycle-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:1rem}.stats-cycle-card .cycle-value{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.stats-cycle-card .cycle-label{color:var(--primary-color);margin-bottom:.1rem;font-size:.7rem;font-weight:600}.stats-cycle-card .cycle-sublabel{color:var(--text-color-secondary);font-size:.65rem}@media (width<=1200px){.insight-stats-grid,.tracker-stats-grid{grid-template-columns:repeat(3,1fr)}.performance-stats-grid{grid-template-columns:repeat(2,1fr)}.cycle-distribution-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.insight-stats-grid,.tracker-stats-grid{grid-template-columns:repeat(2,1fr)}.cycle-distribution-grid{grid-template-columns:repeat(3,1fr)}.summary-card{width:calc(100% - 2rem);left:1rem;right:1rem}}.employee-selection-content{flex-direction:column;gap:1rem;display:flex}.employee-selection-content .selection-header{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.employee-selection-content .selection-search-row{width:100%}.employee-selection-content .selection-filters-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.employee-selection-content .selection-header .payroll-emp-selection-filter{width:160px}.employee-selection-content .payroll-emp-selection-search-field{width:100%;display:block}.employee-selection-content .payroll-emp-selection-search-field .p-inputtext{width:100%}.employee-selection-content .selection-table-toolbar{justify-content:space-between;align-items:center;gap:.5rem;margin-top:-.25rem;display:flex}.employee-selection-content .selection-count{color:var(--text-color-secondary);font-size:.875rem}.employee-selection-content .selection-pagination{background:0 0;border:none;margin:0;padding:0}.employees-selection-list{border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:480px;overflow-y:auto}.employee-selection-item{border-bottom:1px solid var(--surface-border);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.employee-selection-item:last-child{border-bottom:none}.employee-selection-item:hover{background:var(--surface-hover)}.employee-selection-item.selected{background:#f973160d}.employee-selection-item.already-added{opacity:.7;background:#22c55e0d}.already-added-badge{color:#22c55e;text-transform:uppercase;background:#22c55e26;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.emp-selection-info{flex:1;align-items:center;gap:.75rem;display:flex}.emp-selection-name{color:var(--text-color);font-weight:600}.emp-selection-id{color:var(--primary-color);font-size:.8rem;font-weight:500}.emp-selection-dept{color:var(--text-color-secondary);font-size:.8rem}.emp-selection-grade{color:var(--text-color-secondary);background:var(--surface-ground);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.no-employees-found{color:var(--text-color-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.no-employees-found i{opacity:.5;margin-bottom:.5rem;font-size:2rem}.cycle-period-select .period-selectors{gap:.5rem;margin-top:.5rem;display:flex}.activity-action-badge{border-radius:var(--radius-sm);text-transform:uppercase;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.activity-action-badge.created{color:#22c55e;background:#22c55e26}.activity-action-badge.updated{color:#3b82f6;background:#3b82f626}.activity-type-badge{border-radius:var(--radius-sm);background:var(--surface-ground);color:var(--text-color-secondary);align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.type-view-content{flex-direction:column;gap:1.5rem;display:flex}.type-view-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.type-view-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.type-view-details{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.type-detail-row{flex-direction:column;gap:.25rem;display:flex}.type-detail-row .detail-label{color:var(--text-color-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.type-detail-row .detail-value{color:var(--text-color);font-weight:500}.type-view-section{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem}.type-view-section h4{color:var(--text-color);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;display:flex}.approval-flow-summary{flex-wrap:wrap;gap:.5rem;display:flex}.approval-flow-summary .flow-item{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.approval-flow-summary .flow-item i{color:var(--primary-color);font-size:.75rem}.approval-flow-summary .flow-item.auto-approval{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}.approval-flow-summary .flow-item.auto-approval i{color:#22c55e}.conditional-flow-summary{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:1rem}.conditional-flow-summary .condition-note{color:#f59e0b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.stat-card.clickable{cursor:pointer;transition:all .2s}.stat-card.clickable:hover,.stat-card.stat-active{border-color:var(--primary-color);box-shadow:0 2px 8px #f9731626}.stat-card.stat-active{background:#f973160d}.current-step-cell{flex-direction:column;gap:.25rem;display:flex}.sla-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.sla-badge.good{color:#22c55e;background:#22c55e26}.sla-badge.warning{color:#f59e0b;background:#f59e0b26}.sla-badge.critical{color:#ef4444;background:#ef444426}.sla-badge.completed{background:var(--surface-ground);color:var(--text-color-secondary)}.filters-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.fingerprint-modal-content{flex-direction:column;gap:1.5rem;display:flex}.fingerprint-header-info{background:var(--surface-ground);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1rem;display:flex}.fingerprint-header-info .employee-summary{align-items:center;gap:.75rem;display:flex}.fingerprint-header-info .total-punches{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;flex-direction:column;align-items:center;padding:.5rem 1rem;display:flex}.fingerprint-header-info .punch-count{font-size:1.5rem;font-weight:700}.fingerprint-header-info .punch-label{text-transform:uppercase;opacity:.9;font-size:.7rem}.fingerprint-list{flex-direction:column;gap:.75rem;max-height:350px;display:flex;overflow-y:auto}.fingerprint-item{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .2s;display:flex}.fingerprint-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.fingerprint-item .punch-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.fingerprint-item .punch-icon.in{color:#22c55e;background:#22c55e26}.fingerprint-item .punch-icon.out{color:#ef4444;background:#ef444426}.fingerprint-item .punch-details{flex-direction:column;gap:.25rem;min-width:100px;display:flex}.fingerprint-item .punch-time{font-size:.95rem;font-weight:600}.fingerprint-item .punch-type-badge{border-radius:var(--radius-full);width:fit-content;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.fingerprint-item .punch-type-badge.in{color:#22c55e;background:#22c55e26}.fingerprint-item .punch-type-badge.out{color:#ef4444;background:#ef444426}.fingerprint-item .punch-location{flex-direction:column;flex:1;gap:.25rem;display:flex}.fingerprint-item .location-row{color:var(--text-color);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.fingerprint-item .location-row i{color:var(--primary-color);width:16px;font-size:.75rem}.fingerprint-item .location-row.device{color:var(--text-color-secondary);font-size:.8rem}.fingerprint-item .location-row.device i{color:var(--text-color-secondary)}.fingerprint-count.clickable{cursor:pointer;border-radius:var(--radius-sm);align-items:center;padding:.25rem .5rem;transition:all .2s;display:inline-flex}.fingerprint-count.clickable:hover{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.role-permissions-page{padding:1.5rem}.role-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.color-options{flex-wrap:wrap;gap:.5rem;display:flex}.color-option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text-color);box-shadow:0 0 0 2px var(--surface-card)}.permissions-table .role-header{white-space:nowrap;flex-direction:column;align-items:center;gap:.35rem;display:flex}.permissions-table .role-dot{border-radius:50%;width:8px;height:8px}.permissions-table .permission-info{flex-direction:column;gap:.15rem;display:flex}.permissions-table .permission-name{color:var(--text-color);font-weight:500}.permissions-table .permission-desc{color:var(--text-color-secondary);font-size:.75rem}.permissions-table .p-button{width:28px!important;height:28px!important}.permissions-table .p-button .p-button-icon{font-size:.75rem}.permission-group-header{color:var(--primary-color);letter-spacing:.5px;padding:.5rem 0;font-size:.7rem;font-weight:700}.employee-master-list-page{padding:1.5rem}.balance-badge{border-radius:var(--radius-sm);color:#22c55e;background:#22c55e26;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.balance-badge.secondary{color:#6366f1;background:#6366f126}.master-list-table .p-datatable-thead>tr>th:first-child{z-index:2;background:var(--surface-ground);position:sticky;left:0}.master-list-table .p-datatable-tbody>tr>td:first-child{z-index:1;background:var(--surface-card);position:sticky;left:0}.permissions-table{display:block;overflow-x:auto}.permissions-table .p-datatable-table-container{overflow-x:auto}.permissions-table .p-datatable-thead>tr>th{text-align:center!important}.permissions-table .p-datatable-thead>tr>th:first-child{z-index:2;background:var(--surface-ground);position:sticky;left:0;text-align:left!important}.permissions-table .p-datatable-tbody>tr:not(.p-datatable-row-group-header)>td{vertical-align:middle;text-align:center!important}.permissions-table .p-datatable-tbody>tr:not(.p-datatable-row-group-header)>td:first-child{z-index:1;background:var(--surface-card);position:sticky;left:0;text-align:left!important}.permissions-table .p-datatable-row-group-header>td{background:var(--surface-100);padding:0!important}.permissions-table .p-datatable-row-group-header .permission-group-header{background:var(--surface-100);box-sizing:border-box;min-width:280px;padding:.75rem 1rem;display:inline-block;position:sticky;left:0}.role-permissions-page .p-datatable-tbody>tr>td{position:relative;overflow:visible!important}.role-permissions-page .card,.role-permissions-page .p-datatable,.role-permissions-page .p-datatable-table,.role-permissions-page .p-datatable-table-container,.role-permissions-page .p-datatable-wrapper{overflow:visible!important}.role-permissions-page .stat-item-wrapper{align-items:center;display:inline-flex;position:relative}.role-permissions-page .stat-item-wrapper .social-tooltip{z-index:9999;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;min-width:180px;max-width:220px;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)!important}.role-permissions-page .stat-item-wrapper .social-tooltip:after{left:50%;transform:translate(-50%)}.role-permissions-page .stat-item-wrapper:hover .social-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)!important}.pending-actions-page{padding:1.5rem}.pending-stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.pending-stat-card{background:var(--surface-card);border-radius:var(--radius-lg);cursor:pointer;border:2px solid #0000;align-items:center;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.pending-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pending-stat-card.active{border-color:var(--primary-color);background:#ff6e050d}.pending-stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;display:flex}.pending-stat-icon.all{color:#6366f1;background:#6366f126}.pending-stat-icon.requests{color:#3b82f6;background:#3b82f626}.pending-stat-icon.helpdesk{color:#f97316;background:#f9731626}.pending-stat-icon.appraisals{color:#eab308;background:#eab30826}.pending-stat-icon.training{color:#22c55e;background:#22c55e26}.pending-stat-info{flex:1}.pending-stat-value{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1}.pending-stat-label{color:var(--text-color-secondary);margin-top:.25rem;font-size:.8rem}.pending-actions-list{flex-direction:column;gap:.75rem;padding:1rem 0;display:flex}.pending-action-item{background:var(--surface-ground);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.pending-action-item:hover{background:var(--surface-100);border-color:var(--border-color)}.action-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex}.action-icon.requests{color:#3b82f6;background:#3b82f626}.action-icon.helpdesk{color:#f97316;background:#f9731626}.action-icon.appraisals{color:#eab308;background:#eab30826}.action-icon.training{color:#22c55e;background:#22c55e26}.action-content{flex:1;min-width:0}.action-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.action-type{color:var(--text-color);font-size:.95rem;font-weight:600}.action-id{color:var(--primary-color);border-radius:var(--radius-sm);background:#ff6e051a;padding:.15rem .5rem;font-size:.75rem;font-weight:500}.action-employee{margin-bottom:.5rem}.action-employee,.action-employee-info{align-items:center;gap:.5rem;display:flex}.action-employee-name{color:var(--text-color);font-size:.85rem;font-weight:500}.action-employee-dept{color:var(--text-color-secondary);font-size:.75rem}.action-description{color:var(--text-color-secondary);margin-bottom:.5rem;font-size:.85rem;line-height:1.4}.action-meta{gap:1rem}.action-date,.action-meta{align-items:center;display:flex}.action-date{color:var(--text-color-secondary);gap:.35rem;font-size:.75rem}.action-priority.Normal{color:#3b82f6;background:#3b82f626}.action-priority.Low{color:#64748b;background:#64748b26}.pending-action-item:hover .action-quick-btns{opacity:1}.quick-btn.approve{color:#22c55e;background:#22c55e26}.quick-btn.approve:hover{color:#fff;background:#22c55e}.quick-btn.reject{color:#ef4444;background:#ef444426}.quick-btn.reject:hover{color:#fff;background:#ef4444}.pending-empty-state{text-align:center;color:var(--text-color-secondary);padding:3rem 2rem}.pending-empty-state i{color:#22c55e;margin-bottom:1rem;font-size:3rem}.pending-empty-state h3{color:var(--text-color);margin-bottom:.5rem}.detail-avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:50px;height:50px}.detail-section{flex-direction:column;gap:.35rem;display:flex}.detail-label{color:var(--text-color-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.detail-value{color:var(--text-color);font-size:.95rem}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.35rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-val{color:var(--text-color);font-size:.85rem;font-weight:500}@media (width<=1200px){.pending-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.pending-stats-grid{grid-template-columns:repeat(2,1fr)}}.pending-actions-page .p-dialog-header-icon:not(.p-dialog-header-close),.pending-actions-page .p-dialog-header-maximize{display:none!important}.request-detail-modal .detail-grid{grid-template-columns:1fr 320px;gap:1.5rem;display:grid}.request-detail-modal .detail-main{flex-direction:column;gap:1rem;display:flex}.request-detail-modal .detail-header-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.request-detail-modal .detail-header-content{align-items:flex-start;gap:1rem;display:flex}.request-detail-modal .detail-type-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.request-detail-modal .detail-type-icon i{font-size:1.25rem}.request-detail-modal .detail-header-info{flex:1}.request-detail-modal .detail-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.request-detail-modal .detail-title-row h1{margin:0;font-size:1.25rem;font-weight:600}.request-detail-modal .detail-meta{color:var(--text-color-secondary);gap:1.25rem;margin-top:.5rem;font-size:.85rem;display:flex}.request-detail-modal .detail-meta span{align-items:center;gap:.35rem;display:flex}.request-detail-modal .detail-section-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.request-detail-modal .section-header{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.request-detail-modal .section-header i{color:var(--primary-color)}.request-detail-modal .requester-info{align-items:center;gap:1rem;display:flex}.request-detail-modal .requester-name{color:var(--text-color);font-weight:600}.request-detail-modal .parameters-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.request-detail-modal .parameter-item{flex-direction:column;gap:.25rem;display:flex}.request-detail-modal .parameter-label{text-transform:uppercase;color:var(--text-color-secondary);letter-spacing:.5px;font-size:.75rem}.request-detail-modal .parameter-value{color:var(--text-color);font-weight:500}.request-detail-modal .action-card{border:2px solid var(--primary-color);background:rgba(var(--primary-color-rgb),.03);border-style:dashed}.request-detail-modal .action-form{flex-direction:column;gap:1rem;display:flex}.request-detail-modal .form-group{flex-direction:column;gap:.5rem;display:flex}.request-detail-modal .form-label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.request-detail-modal .action-buttons{justify-content:flex-end;gap:.75rem;display:flex}.request-detail-modal .detail-sidebar{flex-direction:column;gap:1rem;display:flex}.request-detail-modal .sidebar-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem}.request-detail-modal .sidebar-header{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.request-detail-modal .sidebar-header i{color:var(--primary-color)}.request-detail-modal .approval-timeline{flex-direction:column;display:flex}.request-detail-modal .timeline-step{gap:.75rem;display:flex}.request-detail-modal .timeline-indicator{flex-direction:column;align-items:center;display:flex}.request-detail-modal .timeline-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.request-detail-modal .timeline-step.pending .timeline-dot{background:rgba(var(--primary-color-rgb),.15);color:var(--primary-color)}.request-detail-modal .timeline-step.waiting .timeline-dot{background:var(--surface-ground);color:var(--text-color-secondary)}.request-detail-modal .timeline-step.approved .timeline-dot{color:#22c55e;background:#22c55e26}.request-detail-modal .timeline-line{background:var(--border-color);flex:1;width:2px;min-height:24px}.request-detail-modal .timeline-content{padding-bottom:1rem}.request-detail-modal .timeline-role{color:var(--text-color);font-size:.85rem;font-weight:600}.request-detail-modal .timeline-assignee{color:var(--text-color-secondary);font-size:.8rem}.request-detail-modal .timeline-waiting{color:var(--primary-color);margin-top:.25rem;font-size:.75rem}.request-detail-modal .activity-log{flex-direction:column;gap:.75rem;display:flex}.request-detail-modal .log-entry{gap:.75rem;display:flex}.request-detail-modal .log-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.request-detail-modal .log-dot.submitted{background:var(--primary-color)}.request-detail-modal .log-content{flex:1}.request-detail-modal .log-action{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.request-detail-modal .log-time{color:var(--text-color-secondary);font-size:.75rem}.request-detail-modal .log-user{color:var(--text-color-secondary);font-size:.8rem}.hr-request-view-modal .view-content{grid-template-columns:1fr 360px;gap:1.5rem;display:grid}.hr-request-view-modal .view-details{flex-direction:column;gap:1rem;display:flex}.hr-request-view-modal .detail-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.hr-request-view-modal .detail-card-header{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.hr-request-view-modal .detail-card-header i{color:var(--primary-color)}.hr-request-view-modal .employee-info-row{align-items:center;gap:1rem;display:flex}.hr-request-view-modal .employee-details-full{flex:1}.hr-request-view-modal .employee-name-lg{color:var(--text-color);font-size:1.05rem;font-weight:600}.hr-request-view-modal .employee-meta{color:var(--text-color-secondary);gap:1rem;margin-top:.35rem;font-size:.85rem;display:flex}.hr-request-view-modal .employee-meta span{align-items:center;gap:.35rem;display:flex}.hr-request-view-modal .submitted-by-row{align-items:center;gap:1rem;display:flex}.hr-request-view-modal .hr-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;font-weight:600;display:flex}.hr-request-view-modal .hr-details{flex:1}.hr-request-view-modal .hr-name{color:var(--text-color);font-weight:600}.hr-request-view-modal .hr-role,.hr-request-view-modal .submission-date{color:var(--text-color-secondary);font-size:.85rem}.hr-request-view-modal .submission-date{align-items:center;gap:.35rem;display:flex}.hr-request-view-modal .changes-card{background:var(--surface-card)}.hr-request-view-modal .changes-group{margin-bottom:1rem}.hr-request-view-modal .changes-group:last-child{margin-bottom:0}.hr-request-view-modal .changes-group-title{text-transform:uppercase;color:var(--text-color-secondary);letter-spacing:.5px;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.hr-request-view-modal .changes-list{flex-direction:column;gap:.75rem;display:flex}.hr-request-view-modal .change-item{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem}.hr-request-view-modal .change-field{color:var(--text-color);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.hr-request-view-modal .change-values{align-items:center;gap:.75rem;display:flex}.hr-request-view-modal .change-new,.hr-request-view-modal .change-old{border-radius:var(--radius-sm);flex:1;padding:.5rem .75rem}.hr-request-view-modal .change-old{background:var(--surface-card)}.hr-request-view-modal .change-new{background:rgba(var(--primary-color-rgb),.1)}.hr-request-view-modal .change-label{text-transform:uppercase;color:var(--text-color-secondary);margin-bottom:.15rem;font-size:.7rem;display:block}.hr-request-view-modal .change-value{color:var(--text-color);font-size:.9rem;font-weight:500}.hr-request-view-modal .change-value.highlight{color:var(--primary-color)}.hr-request-view-modal .change-arrow{color:var(--text-color-secondary)}.hr-request-view-modal .view-actions-panel{flex-direction:column;gap:1rem;display:flex}.hr-request-view-modal .actions-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.hr-request-view-modal .actions-card-header{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.hr-request-view-modal .actions-card-header i{color:var(--primary-color)}.hr-request-view-modal .actions-content{flex-direction:column;gap:1rem;display:flex}.hr-request-view-modal .actions-hint{color:var(--text-color-secondary);margin:0;font-size:.85rem}.hr-request-view-modal .action-buttons{flex-direction:column;gap:.5rem;display:flex}.hr-request-view-modal .action-note{color:var(--text-color-secondary);background:var(--surface-ground);border-radius:var(--radius-md);align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.hr-request-view-modal .action-note i{color:var(--primary-color);margin-top:2px}.hr-request-view-modal .timeline-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.hr-request-view-modal .timeline-card-header{color:var(--text-color);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.hr-request-view-modal .timeline-card-header i{color:var(--primary-color)}.hr-request-view-modal .timeline-list{flex-direction:column;gap:.75rem;display:flex}.hr-request-view-modal .timeline-item{gap:.75rem;display:flex}.hr-request-view-modal .timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.hr-request-view-modal .timeline-dot.submitted{background:var(--primary-color)}.hr-request-view-modal .timeline-content{flex:1}.hr-request-view-modal .timeline-title{color:var(--text-color);font-size:.85rem;font-weight:600}.hr-request-view-modal .timeline-meta{color:var(--text-color-secondary);font-size:.8rem}.percent-edit-btn{width:18px;height:18px;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.percent-edit-btn:hover{background:var(--primary-color);color:#fff}.percent-edit-btn i{font-size:.65rem}.percent-input{border:1px solid var(--primary-color);border-radius:var(--radius-sm);text-align:center;background:var(--surface-card);width:50px;color:var(--text-color);outline:none;padding:.2rem .35rem;font-size:.85rem}.percent-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.percent-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.percent-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percent-input[type=number]{-moz-appearance:textfield}.header-nav-toggle{border-radius:var(--radius-sm);background:var(--surface-ground);width:40px;height:40px;color:var(--text-color-secondary);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:none}.header-nav-toggle:hover{background:var(--surface-hover);color:var(--text-color)}.header-nav-toggle i{font-size:1.1rem}.sidebar-close-btn{border-radius:var(--radius-sm);background:var(--surface-ground);width:36px;height:36px;color:var(--text-color-secondary);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;margin-left:auto;display:none}.sidebar-backdrop{z-index:999;background:#00000080;display:none;position:fixed;inset:0}body.mobile-nav-open{overflow:hidden}@media (width<=992px){.sidebar-backdrop{display:block}.sidebar{width:min(var(--sidebar-width),84vw);transform:translate(-100%);box-shadow:0 0 40px #00000040}.sidebar.open{transform:translate(0)}.header-nav-toggle,.sidebar-close-btn{display:inline-flex}.main-content{max-width:100%;margin-left:0}.header{gap:.75rem;padding:.75rem 1rem}.header-left{flex:1;gap:.5rem;min-width:0}.header-left-text{min-width:0}.page-title{font-size:1.1rem}.breadcrumb,.page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumb{font-size:.75rem}.header-right{flex:none;gap:.5rem}.header-excel-exports-btn{justify-content:center;width:40px;padding:0}.header-excel-exports-btn span{display:none}.page-content{padding:1rem}}@media (width<=576px){.header{padding:.65rem .75rem}.page-content{padding:.75rem}.notification-panel,.user-dropdown{top:calc(var(--header-height) + .25rem);width:auto;min-width:0;max-width:none;max-height:calc(100vh - var(--header-height) - 1rem);position:fixed;left:.5rem;right:.5rem}.floating-actions-rail{bottom:.75rem}}@media (width<=900px){.appraisal-cycle-grid,.approve-dashboard .approval-grid,.archived-grid,.assigned-grid,.category-selection-grid,.charts-row,.closing-grid,.committee-grid,.confirmation-grid,.cycle-distribution-grid,.detail-grid,.employee-selection-view,.financial-columns,.form-and-info-grid,.form-content-layout,.grade-selection-grid,.hierarchy-grid,.home-content-grid,.hr-form-content,.hr-request-view-modal .view-content,.init-summary,.parameters-grid,.request-detail-modal .detail-grid,.request-detail-modal .parameters-grid,.reviewers-layout,.score-comparison-grid,.self-eval-grid,.view-content{grid-template-columns:1fr}.detail-grid>*,.home-content-grid>*,.hr-form-content>*,.view-content>*{position:static;top:auto}}@media (width<=768px){.appraisal-stats-grid,.cycle-distribution-grid,.demography-grid,.directory-stats-grid,.feeling-stats,.insight-stats-grid,.pending-stats-grid,.performance-stats-grid,.period-cards-grid,.settings-stats-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid,.breakdown-cards,.bulk-settings-grid,.category-cards-grid,.clock-rules-grid,.date-grid,.date-range-field,.deduction-cards,.directory-grid,.documents-grid,.form-grid,.history-cards,.hr-form-fields .form-grid-2,.hr-form-fields .salary-grid,.hr-request-grid,.info-grid,.log-details-grid,.news-form-grid,.pay-grid,.rating-inputs-grid,.region-employees,.reviewers-grid,.rules-inputs,.shift-library-grid,.type-view-details,.weight-cards,.workweek-cards{grid-template-columns:1fr}}@media (width<=576px){.appraisal-stats-grid,.demography-grid,.directory-stats-grid,.feeling-stats,.insight-stats-grid,.pending-stats-grid,.performance-stats-grid,.period-cards-grid,.settings-stats-grid,.stats-grid{grid-template-columns:1fr}}@media (width<=768px){[class$=-actions],[class$=-filters-row],[class$=-filters],[class$=-header],[class$=-toolbar],[class*=-actions\ ],[class*=-filters\ ],[class*=-filters-row\ ],[class*=-header\ ],[class*=-toolbar\ ]{flex-wrap:wrap}.sidebar-header{flex-wrap:nowrap}.card{padding:1.25rem 1rem}.card-header{align-items:flex-start;gap:.75rem}}@media (width<=992px){.attendance-table-container,.audit-table-wrapper,.directory-list,.heatmap-grid-container,.permissions-table,.schedule-grid-container,.splits-table-container,.sub-cycles-table-wrapper,.variables-table-wrapper,.variance-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.appraisal-year-tabs,.filter-tabs,.insight-tabs,.insights-tabs,.notifications-top-tabs,.orders-sub-tabs,.profile-tabs,.shift-library-type-tabs,.stats-module-tabs,.step-filter-tabs,.view-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.appraisal-year-tabs>*,.filter-tabs>*,.insight-tabs>*,.insights-tabs>*,.notifications-top-tabs>*,.orders-sub-tabs>*,.profile-tabs>*,.shift-library-type-tabs>*,.stats-module-tabs>*,.step-filter-tabs>*,.view-tabs>*{white-space:nowrap;flex:none}}@media (width<=768px){.p-datatable-table-container,.p-datatable-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.p-paginator{flex-wrap:wrap;row-gap:.5rem;padding:.5rem}.p-tablist-content,.p-tabview-nav-container{overflow-x:auto}.p-autocomplete-overlay,.p-datepicker-panel,.p-menu,.p-multiselect-overlay,.p-popover,.p-select-overlay{max-width:calc(100vw - 1rem)!important}}@media (width<=576px){.p-dialog{max-height:calc(100vh - 2rem);margin:.5rem;max-width:calc(100vw - 1rem)!important}.p-dialog .p-dialog-content,.p-dialog .p-dialog-header{padding:1rem}.p-dialog .p-dialog-footer{flex-wrap:wrap;padding:.75rem 1rem}.p-datepicker-panel{transform-origin:0 0}.p-buttonset,.p-selectbutton{flex-wrap:wrap}}@media (width<=768px){.scheduler-grid-container,.settings-tabs .p-tabpanels,.weekly-summary-card{-webkit-overflow-scrolling:touch;overflow-x:auto}.welcome-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.welcome-header h1{font-size:1.35rem}.appraisal-wizard-progress,.request-wizard-header{padding:1.25rem 1rem}.module-filters,.stats-filters,.stats-module-tabs{padding-left:1rem;padding-right:1rem}.date-range-filters,.directory-search-field,.dynamic-date-filters,.filter-field,.filter-group,.filter-row{width:100%;min-width:0}.filter-actions-row,.filter-buttons{justify-content:flex-start;width:100%}.archived-header,.closing-header,.directory-header,.documents-header,.logs-header,.participants-header,.stats-header,.tracking-header{flex-direction:column;align-items:flex-start;gap:.75rem}.directory-view-toggle{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.directory-view-toggle .view-btn{white-space:nowrap;flex:none;padding:.5rem .75rem}}@media (width<=576px){.form-actions .p-button,.step-actions .p-button,.success-actions .p-button{flex:auto}.page-title{font-size:1rem}}.rich-text-html{word-break:break-word;line-height:1.45}.rich-text-html>:first-child{margin-top:0}.rich-text-html>:last-child{margin-bottom:0}.rich-text-html p{margin:0 0 .5em}.rich-text-html ol,.rich-text-html ul{margin:0 0 .5em;padding-left:1.25rem}.rich-text-html img{max-width:100%;height:auto}.imgAvatar{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}