@font-face{font-display:block;font-family:primeicons;font-style:normal;font-weight:400;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")}.pi{font-family:primeicons;speak:none;display:inline-block;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571429em}.pi-spin{animation:fa-spin 2s linear infinite}@media(prefers-reduced-motion:reduce){.pi-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@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 rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--primary-color-rgb:255,110,5}.dark-mode{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 rgba(0,0,0,.35);--shadow-md:0 4px 12px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-ground);color:var(--text-color);font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}.app-container{display:flex;min-height:100vh}.sidebar{border-right:1px solid var(--border-color);box-shadow:2px 0 8px #00000008;color:var(--text-color);flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:var(--sidebar-width);z-index:1000}.sidebar,.sidebar-header{background:var(--surface-card);display:flex}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);gap:.75rem;padding:1.5rem}.logo-icon{align-items:center;background:var(--primary-color);border-radius:10px;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:42px;justify-content:center;width:42px}.logo-text{color:var(--text-color);font-size:1.25rem;font-weight:700}.logo-text span{color:var(--primary-color)}.sidebar-menu{flex:1;overflow-y:auto;padding:1rem .75rem}.menu-section{margin-top:.5rem;padding:.5rem .75rem}.menu-section-title{font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.menu-item,.menu-section-title{color:var(--text-color-secondary)}.menu-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.85rem 1rem;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:var(--surface-hover);color:var(--text-color)}.menu-item.active{background:var(--primary-color);box-shadow:0 4px 12px #ff6e054d;color:#fff}.menu-item.active i{color:#fff}.menu-item i{color:var(--text-color-secondary);font-size:1.1rem;width:24px}.menu-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.coming-soon-badge{background:var(--primary-color);border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;margin-left:auto;padding:.15rem .5rem;text-transform:uppercase}.checkin-widget{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);bottom:4rem;box-shadow:0 4px 20px #00000026;min-width:140px;padding:.75rem;position:fixed;right:1rem;text-align:center;z-index:1000}.checkin-widget--embedded{bottom:auto;box-shadow:none;min-width:0;position:static;right:auto;width:100%;z-index:auto}.checkin-widget--fixed{position:fixed}.floating-actions-rail{align-items:center;bottom:1rem;display:flex;flex-direction:row;gap:.5rem;position:fixed;right:0;z-index:1000}.floating-actions-rail-panel{align-items:center;display:flex;flex-direction:column;gap:.75rem;transition:transform .3s ease,opacity .2s ease}.floating-actions-rail .checkin-widget--fixed{bottom:auto;position:static;right:auto;z-index:auto}.floating-actions-rail .fab-button{bottom:auto;position:static;right:auto}.floating-actions-rail .fab-button.with-widget{bottom:auto;right:auto}.floating-actions-rail-toggle{align-items:center;align-self:center;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:8px 0 0 8px;border-right:none;box-shadow:-2px 0 8px #0000001f;color:var(--text-color-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease;width:14px;z-index:2}.floating-actions-rail-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.floating-actions-rail-toggle i{font-size:.65rem}.floating-actions-rail--collapsed .floating-actions-rail-panel{height:0;opacity:0;overflow:hidden;pointer-events:none;transform:none;visibility:hidden;width:0}.checkin-status{align-items:center;display:flex;gap:.35rem;justify-content:center;margin-bottom:.35rem}.checkin-status .status-dot{background:#f59e0b;border-radius:50%;height:6px;width:6px}.checkin-status.present .status-dot{background:#22c55e}.checkin-status.ended .status-dot{background:#6b7280}.checkin-status .status-text{color:#f59e0b;font-size:.6rem;font-weight:700;letter-spacing:.5px}.checkin-status.present .status-text{color:#22c55e}.checkin-status.ended .status-text{color:#6b7280}.checkin-time{color:var(--text-color);font-size:1.1rem;font-weight:700;letter-spacing:.5px}.checkin-date{color:var(--text-color-secondary);font-size:.55rem;letter-spacing:.5px;margin-bottom:.5rem}.checkin-buttons{gap:.35rem}.checkin-btn,.checkin-buttons{display:flex;justify-content:center}.checkin-btn{align-items:center;background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;height:28px;position:relative;transition:all .2s ease;width:36px}.checkin-btn:disabled{background:var(--surface-ground);border-color:var(--primary-color);color:var(--primary-color);cursor:not-allowed;opacity:.5}.checkin-btn.in.active{background:#22c55e;border-color:#22c55e;color:#fff}.checkin-btn.in.active:hover{background:#16a34a}.checkin-btn.out.active{background:#ef4444;border-color:#ef4444;color:#fff}.checkin-btn.out.active:hover{background:#dc2626}.checkin-btn i{font-size:.75rem}.checkin-btn .btn-tooltip{background:#1e293b;border-radius:4px;bottom:calc(100% + 4px);color:#fff;font-size:.55rem;left:50%;opacity:0;padding:.2rem .4rem;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .15s,visibility .15s;visibility:hidden;white-space:nowrap}.checkin-btn:hover .btn-tooltip{opacity:1;visibility:visible}.checkin-last{align-items:center;border-top:1px solid var(--surface-border);display:flex;gap:.25rem;justify-content:center;margin-top:.4rem;padding-top:.4rem}.checkin-last i{color:#22c55e;font-size:.55rem}.checkin-last span{color:var(--text-color-secondary);font-size:.5rem;font-weight:500}.fab-button{align-items:center;background:var(--surface-card);border:1px solid var(--primary-color);border-radius:50%;bottom:1rem;box-shadow:0 2px 8px #00000014;color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:1rem;transition:all .2s ease;width:40px;z-index:1000}.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{background:#1e293b;border-radius:4px;color:#fff;font-size:.7rem;opacity:0;padding:.3rem .5rem;pointer-events:none;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);transition:opacity .15s,visibility .15s;visibility:hidden;white-space:nowrap}.fab-button:hover .fab-tooltip{opacity:1;visibility:visible}.main-content{flex:1;margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;min-width:0;overflow-x:clip}.header{background:var(--surface-card);border-bottom:1px solid var(--border-color);height:var(--header-height);justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.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}.breadcrumb{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.5rem}.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{background:var(--surface-ground);border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.header-icon-btn:hover{background:var(--surface-hover);color:var(--text-color)}.notification-badge{background:var(--primary-color);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.header-notification-wrapper{position:relative}.notification-overlay{inset:0;position:fixed;z-index:1000}.notification-panel{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;display:flex;flex-direction:column;max-height:75vh;max-width:400px;min-width:360px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.notification-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.notification-panel-title{color:var(--text-color);font-size:1rem;font-weight:600}.notification-badge-pill{background:var(--primary-color);border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.notification-list{flex:1;min-height:0;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.25rem}.notification-item:last-child{border-bottom:none}.notification-item-clickable{cursor:pointer}.notification-item-clickable:hover{background:#ff6e050f}.notification-item-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.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);font-size:.9rem;font-weight:600;margin-bottom:.15rem}.notification-item-id{color:var(--primary-color);font-size:.8rem;margin-bottom:.25rem}.notification-item-desc{color:var(--text-color-secondary);font-size:.85rem;line-height:1.4}.notification-item-time{color:var(--text-color-secondary);flex-shrink:0;font-size:.75rem;white-space:nowrap}.notification-panel-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding:.75rem 1.25rem;text-align:center}.notification-view-all{color:var(--primary-color);font-size:.9rem;font-weight:500;transition:opacity .2s ease}.notification-view-all:hover{opacity:.85}.notifications-center-page{margin-left:auto;margin-right:auto;max-width:900px}.notifications-center-header{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.notifications-center-heading{flex:1}.notifications-center-title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.notifications-center-subtitle{color:var(--text-color-secondary);font-size:.9rem;margin:0}.notifications-center-actions{align-items:center;display:flex;flex-shrink:0;gap:1rem}.notifications-center-link{background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:500;padding:0;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{display:flex;gap:.5rem;margin-bottom:1rem}.notifications-top-tabs .top-tab{align-items:center;background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.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);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;overflow:hidden}.dark-mode .notifications-center-card{border:1px solid var(--surface-border);box-shadow:none}.notifications-center-card .p-tablist{background:var(--surface-card);border-bottom:1px solid var(--border-color);margin-bottom:0}.notifications-center-list,.notifications-center-page .p-tabpanels{padding:0}.notification-center-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.25rem}.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);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014;overflow:hidden}.dark-mode .notification-detail-card{border:1px solid var(--surface-border);box-shadow:none}.notification-detail-header{align-items:center;background:var(--primary-color);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.notification-detail-brand{align-items:center;display:flex;gap:.5rem}.notification-detail-logo{align-items:center;background:#ffffff40;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:.95rem;font-weight:700;height:32px;justify-content:center;width:32px}.notification-detail-brand-name{font-size:1rem;font-weight:600}.notification-detail-back{align-items:center;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:.35rem;text-decoration:none}.notification-detail-back:hover{text-decoration:underline}.notification-detail-body{padding:1.5rem 1.5rem 2rem}.notification-detail-subject-row{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.notification-detail-subject-wrap{flex:1;min-width:0}.notification-detail-id-wrap{flex-shrink:0;text-align:right}.notification-detail-label{color:var(--text-color-secondary);font-size:.75rem;margin-bottom:.25rem}.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);font-size:.95rem;margin:0 0 1rem}.notification-detail-text{color:var(--text-color);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.notification-detail-cta{margin-bottom:1.5rem}.notification-detail-closing{color:var(--text-color);font-size:.9rem;line-height:1.5;margin:0}.notification-detail-footer{background:var(--surface-ground);border-top:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.8rem;padding:1rem 1.5rem;text-align:center}.notification-detail-footer div:first-child{margin-bottom:.25rem}.notifications-center-empty{color:var(--text-color-secondary);font-size:.9rem;padding:2rem 1.25rem;text-align:center}.user-profile{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.user-profile:hover{background:var(--surface-hover)}.user-avatar{align-items:center;background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.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{inset:0;position:fixed;z-index:998}.user-dropdown{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 20px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001;--dropdown-pad-x:1rem;--dropdown-icon-col:1rem;--dropdown-icon-gap:.75rem}.dropdown-item{font-size:.9rem;gap:var(--dropdown-icon-gap);padding:.75rem var(--dropdown-pad-x);transition:all .2s ease}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item.dropdown-appearance:hover{background:none}.user-dropdown .dropdown-item i{align-items:center;color:var(--text-color-secondary);display:inline-flex;font-size:.9rem;height:1rem;justify-content:center;line-height:1;min-width:var(--dropdown-icon-col);width:var(--dropdown-icon-col)}.dropdown-item.logout,.user-dropdown .dropdown-item.logout i{color:#ef4444}.dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.page-content{max-width:100%;min-width:0;overflow-x:clip;padding:2rem;width:100%}.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{font-size:1.1rem;font-weight:700;gap:.5rem}.card-title i{color:var(--primary-color)}.card-subtitle{color:var(--text-color-secondary);font-size:.85rem;margin-top:.25rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:var(--surface-card);border:1px solid var(--surface-border,rgba(0,0,0,.06));border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:1.25rem;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.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{align-items:center;flex-direction:row;gap:1rem;text-align:left}.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(max-width:1400px){.stats-grid.attendance-stats-row-7{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-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(max-width:1400px){.stats-grid.attendance-stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.stats-grid.attendance-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:.75rem;width:40px}.stat-icon i{font-size:1.1rem}.stat-icon.orange{background:#f9731626;color:#f97316}.stat-icon.blue{background:#3b82f626;color:#3b82f6}.stat-icon.green{background:#22c55e26;color:#22c55e}.stat-icon.red{background:#ef444426;color:#ef4444}.stat-icon.purple{background:#8b5cf626;color:#8b5cf6}.stat-icon.gray{background:#94a3b826;color:#94a3b8}.stat-icon.cyan{background:#06b6d426;color:#06b6d4}.stat-icon.teal{background:#14b8a626;color:#14b8a6}.stat-value{color:var(--text-color);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.35rem}.stat-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px}.form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--text-color);font-size:.85rem}.form-label .required{color:#ef4444}.form-hint{color:var(--text-color-secondary);display:block;font-size:.8rem;margin-top:.35rem}.field-error{color:var(--p-form-field-invalid-placeholder-color,var(--p-red-500,#ef4444));font-size:.8125rem;margin:0}.status-tag{border-radius:20px;padding:.35rem .75rem}.status-tag.active{background:#22c55e26;color:#22c55e}.status-tag.inactive{background:#94a3b826;color:#94a3b8}.status-tag.draft{background:#fb923c26;color:#f97316}.sla-days-badge,.status-tag.onboarding{background:#3b82f626;color:#3b82f6}.sla-days-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.sla-na{color:var(--text-color-secondary);font-size:.85rem}.terminate-dialog-content{display:flex;flex-direction:column;gap:1.5rem}.terminate-employee-info{align-items:center;background:var(--surface-ground);border-radius:8px;display:flex;gap:1rem;padding:1rem}.terminate-employee-info img{border-radius:50%;height:48px;width:48px}.terminate-employee-info div{display:flex;flex-direction:column;gap:.25rem}.terminate-employee-info strong{font-size:1rem}.terminate-employee-info span{color:var(--text-color-secondary);font-size:.85rem}.terminate-checklist{display:flex;flex-direction:column;gap:.75rem}.terminate-checklist>label{color:var(--text-color);font-weight:600;margin-bottom:.25rem}.checklist-item{background:var(--surface-ground);border-radius:6px;gap:.75rem}.checklist-item span{font-size:.9rem}.terminate-warning{align-items:center;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;display:flex;font-size:.85rem;gap:.75rem;padding:1rem}.terminate-warning i{font-size:1.25rem}.onboarding-checklist{display:flex;flex-direction:column;gap:1.5rem}.checklist-section{background:var(--surface-ground);border-radius:8px;padding:1.25rem}.checklist-section h4{align-items:center;color:var(--primary-color);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.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{display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.empty-state{color:var(--text-color-secondary);padding:3rem;text-align:center}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-color);margin-bottom:.5rem}.action-btn{background:transparent;border-radius:var(--radius-sm);display:inline-flex;height:32px;justify-content:center;width:32px}.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;display:flex;gap:.5rem}.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{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}.settings-tabs .p-tablist-content::-webkit-scrollbar{height:4px}.settings-tabs .p-tablist-content::-webkit-scrollbar-track{background:transparent}.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{border-bottom:2px solid transparent;box-sizing:border-box;transition:none}.settings-tabs .p-tablist-active-bar{display:none!important}.stat-badge{background:var(--surface-ground);border-radius:4px;color:var(--text-color-secondary);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.filter-chip{align-items:center;background:#1e293b;color:#fff;display:inline-flex;font-size:.8rem;padding:.4rem .75rem}.filter-chip i{font-size:.7rem;opacity:.8}.filter-chip i:hover{opacity:1}.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;display:flex;gap:1rem}.wizard-title h2{font-size:1.5rem;font-weight:700;margin:0}.wizard-title p{color:var(--text-color-secondary);font-size:.875rem;margin:0}.wizard-steps{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:center;margin-bottom:2rem;overflow-x:auto;padding:1rem 1.5rem}.wizard-step,.wizard-steps{align-items:center;display:flex;gap:.5rem}.wizard-step{border:1px solid var(--primary-color);border-radius:30px;cursor:pointer;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.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{background:#22c55e1a;border-color:#22c55e;color:#22c55e}.wizard-step .step-number{align-items:center;background:var(--surface-ground);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:26px;justify-content:center;min-width:26px;width:26px}.wizard-step.active .step-number{background:#ffffff40;border-color:#fff6;color:#fff}.wizard-step.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.wizard-step .step-label{color:var(--text-color);font-size:.875rem;font-weight:500;line-height:26px;margin-bottom:5px}.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:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.step-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.step-title i{color:var(--primary-color)}.step-subtitle{color:var(--text-color-secondary);font-size:.875rem;margin-bottom:1.5rem}.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);font-size:.875rem;margin-left:.5rem}.wizard-footer{gap:1rem;margin-top:2rem}.status-tag.warning{background:#f59e0b26;color:#f59e0b}@media(max-width:992px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.header{padding:1rem}.user-info{display:none}}.shift-cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shift-card{background:var(--surface-card);border:1px solid var(--border-color);border-left:4px solid;border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.shift-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.shift-card-header{justify-content:space-between;margin-bottom:.75rem}.shift-name{color:var(--text-color);font-size:1rem;font-weight:600}.shift-type-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.shift-type-badge.fixed{background:#3b82f626;color:#3b82f6}.shift-type-badge.variable{background:#a855f726;color:#a855f7}.shift-card-body{margin-bottom:.75rem}.shift-duration,.shift-time{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.shift-duration i,.shift-time i{font-size:.8rem;width:16px}.shift-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:.75rem}.shift-actions{display:flex;gap:.25rem}.shift-library-header,.shift-library-header.p-toolbar{align-items:center;background:var(--surface-card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem;width:100%}.shift-library-info h2{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.shift-library-info p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.shift-library-stats{align-items:center;display:flex;gap:1.5rem}.preset-count{text-align:center}.preset-count .count-value{color:var(--text-color);display:block;font-size:2rem;font-weight:700;line-height:1}.preset-count .count-label{color:var(--text-color-secondary);font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.new-preset-btn.p-button,.p-button.new-preset-btn{align-items:center;background:var(--primary-color)!important;border-radius:var(--radius-lg);color:#fff!important;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:auto;padding:1.25rem 2rem}.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{font-size:.8rem;font-weight:600;text-transform:uppercase}.shift-library-type-tabs{display:block;margin-bottom:1.5rem;width:100%}.shift-library-type-tabs .p-tablist,.shift-library-type-tabs .p-tablist-tab-list{flex-wrap:wrap;gap:.25rem;max-width:100%;width:100%}.shift-library-type-tabs .p-tab{font-weight:600;text-transform:uppercase}.shift-library-type-tabs>.shift-library-grid{margin-top:1.25rem}.shift-type-tab{background:transparent;border:none;border-radius:25px;color:var(--text-color-secondary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.shift-type-tab:hover{background:var(--surface-ground);color:var(--text-color)}.shift-type-tab.active{background:transparent;border-bottom:2px solid var(--primary-color);border-radius:0;color:var(--primary-color)}.shift-library-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shift-preset-card.p-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.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{align-items:center;background:transparent;border:2px dashed var(--border-color);cursor:pointer;display:flex;justify-content:center;min-height:180px}.shift-preset-card.create-new:hover{background:#ff6e0505;border-color:var(--primary-color)}.create-new-content{color:var(--text-color-secondary);text-align:center}.create-new-content i{color:var(--text-color-secondary);font-size:1.25rem;margin-bottom:.5rem}.create-new-content h4{color:var(--text-color-secondary);font-size:.8rem;margin:0 0 .15rem}.create-new-content p{font-size:.7rem;margin:0}.preset-card-header{align-items:flex-start;display:flex;gap:.625rem;margin-bottom:.625rem}.preset-card-avatar .p-avatar,.preset-card-avatar.p-avatar,.preset-icon{border-radius:var(--radius-sm);flex-shrink:0;font-size:.875rem;height:32px;min-width:32px;width:32px}.preset-card-avatar .p-avatar,.preset-card-avatar.p-avatar{align-items:center;display:inline-flex;justify-content:center}.preset-info{flex:1}.preset-info h3{font-size:.875rem;font-weight:600;margin:0 0 .15rem}.preset-meta{align-items:center;display:flex;gap:.375rem}.preset-type{color:#64748b;text-transform:uppercase}.preset-periods,.preset-type{font-size:.6rem;font-weight:600}.preset-periods{color:var(--primary-color)}.preset-actions{display:flex;flex-shrink:0;gap:.125rem}.preset-actions .action-btn,.preset-actions .p-button{font-size:.7rem;height:2rem;min-height:2rem;min-width:2rem;width:2rem}.preset-meta .p-tag,.preset-meta .p-tag.p-component{font-size:.6rem;font-weight:600;line-height:1.1;padding:.1rem .35rem}.preset-time-info{align-items:center;display:flex;gap:1rem;margin-bottom:.375rem}.duration-display,.time-display{align-items:center;display:flex;font-size:.7rem;gap:.25rem}.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{align-items:center;color:#3b82f6;display:flex;font-size:.55rem;font-weight:700;gap:.3rem;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.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-info{align-items:center;background:#3b82f614;border-radius:var(--radius-sm);color:#3b82f6;display:flex;font-size:.8rem;gap:.5rem;padding:.75rem 1rem}.flexible-shift-details{margin-top:.25rem}.flexible-hours-display{align-items:baseline;display:flex;gap:.35rem;margin-bottom:.375rem}.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{align-items:center;color:#8b5cf6;display:flex;font-size:.6rem;font-style:italic;gap:.3rem;margin-top:.25rem}.clock-rules-section.flexible-window .rule-line.info-text i{font-size:.55rem;font-size:.85rem}.shift-dialog-type-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem}.shift-type-toggle{background:var(--surface-ground);border-radius:25px;display:flex;padding:4px}.shift-type-toggle .type-btn{background:transparent;border:none;border-radius:20px;color:var(--text-color-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.shift-type-toggle .type-btn.active{background:var(--surface-card);box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.shift-dialog-content{min-width:0;padding:0 .5rem .25rem}.shift-input{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:.9rem;padding:.75rem 1rem;width:100%}.shift-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6e051a;outline:none}.shift-details-section{margin-top:1.5rem}.shift-details-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.shift-time-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;margin-bottom:1.5rem}.shift-time-row-compact{align-items:flex-end;display:flex;gap:2rem;margin-bottom:1.5rem}.time-input-group-compact{display:flex;flex-direction:column;gap:.5rem}.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;display:flex;gap:.75rem;padding:.5rem 0}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.time-input-group .mini-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.time-picker-wrapper{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.time-picker-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6e051a}.time-picker-wrapper i{color:var(--text-color-secondary)}.time-picker-input{background:transparent;border:none;color:var(--text-color);flex:1;font-size:.9rem}.time-picker-input:focus{outline:none}.time-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:none}.color-duration{min-width:120px}.color-duration-display{align-items:center;display:flex;gap:.75rem}.color-box{border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;height:36px;transition:all .2s ease;width:36px}.color-box:hover{transform:scale(1.1)}.duration-badge{background:#22c55e26;color:#22c55e}.duration-badge,.overnight-badge{border-radius:15px;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.overnight-badge{background:#6366f126;color:#818cf8;white-space:nowrap}.preset-time-info .overnight-badge{font-size:.7rem;padding:.2rem .55rem}.color-picker-dropdown{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:.5rem;left:0;margin-top:.5rem;padding:.75rem;position:absolute;top:100%;z-index:100}.clock-rules-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.clock-rules-card{background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;max-width:100%;min-width:0;padding:1.25rem}.rules-title{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.rules-dot{border-radius:50%;height:8px;width:8px}.rules-dot.in{background:#f59e0b}.rules-dot.out{background:#ef4444}.base-time{background:var(--surface-card);border-radius:var(--radius-sm);color:var(--text-color-secondary);font-size:.75rem;font-weight:400;margin-left:auto;padding:.25rem .5rem}.rules-inputs{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.rules-inputs-compact{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-bottom:1rem;min-width:0}.rule-input-group-compact{display:flex;flex:1 1 5.5rem;flex-direction:column;gap:.35rem;min-width:0}.rule-input-group-compact label{color:var(--text-color-secondary);font-size:.7rem}.rule-input-group-compact .p-inputnumber{max-width:130px;min-width:0;width:100%}.rule-input-group-compact .p-inputnumber-input{text-align:center;width:60px}.rule-input-group{display:flex;flex-direction:column;gap:.35rem}.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);font-size:.9rem;padding:.5rem .75rem;text-align:center}.rule-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6e051a;outline:none}.rules-summary{align-items:center;background:#3b82f61a;border-radius:var(--radius-sm);color:#3b82f6;display:flex;font-size:.75rem;gap:.5rem;min-width:0;padding:.75rem}.rules-summary span{overflow-wrap:break-word}.rules-summary.out{background:#ef44441a;color:#ef4444}.rules-summary i{font-size:.85rem}.period-section{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1rem;min-width:0;padding:1.25rem}.period-header h3{margin:0}.remove-period-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.remove-period-btn:hover{background:#ef4444;color:#fff}.add-period-btn{align-items:center;background:transparent;border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.add-period-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.add-period-btn.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.add-period-pv.p-button{background:transparent;border-style:dashed;border-width:2px;color:var(--text-color-secondary);justify-content:center;margin-top:.5rem;width:100%}.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{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1rem}.flexible-row-compact{align-items:end;display:grid;gap:1rem 2rem;grid-template-columns:1fr 1fr 1fr auto;margin-bottom:1.5rem;margin-top:1.5rem;max-width:100%}.flexible-checkbox-field .checkbox-label-row{align-items:center;display:flex;flex-direction:row}.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{display:flex;flex-direction:column;gap:.5rem}.flexible-row-compact .p-datepicker,.flexible-row-compact .p-inputnumber{width:100%}.flex-1{flex:1}.flexible-info-box{align-items:center;background:#64748b1a;border-radius:var(--radius-md);color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.75rem;padding:1rem}.flexible-info-box i{color:var(--text-color-secondary);font-size:1rem}.flexible-info-box.warning{background:#f59e0b26;color:#b45309}.flexible-info-box.warning i{color:#f59e0b}.shift-dialog .flexible-shift-message{margin:0;width:100%}.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{display:flex;gap:.75rem;justify-content:flex-end}.scheduler-header{align-items:center;background:var(--surface-card);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem}.scheduler-header .scheduler-title-section{flex-shrink:0}.scheduler-header .scheduler-actions{flex:1;justify-content:flex-end}.scheduler-header .scheduler-date-nav{justify-content:flex-end;width:100%}.scheduler-title-section{align-items:center;display:flex;gap:1rem}.scheduler-icon{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.scheduler-title-info h2{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0}.scheduler-title-info p{color:var(--text-color-secondary);font-size:.8rem;margin:0}.pending-badge{background:#ff6e0526;border-radius:15px;color:var(--primary-color);font-size:.7rem;font-weight:600;padding:.35rem .75rem}.scheduler-actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.scheduler-action-btn{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.scheduler-action-btn i{font-size:.75rem}.scheduler-action-btn:hover{background:var(--surface-ground);border-color:var(--text-color-secondary)}.scheduler-action-btn.outlined{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.scheduler-action-btn.outlined:hover{background:#ff6e050d}.scheduler-action-btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.scheduler-action-btn.primary:hover:not(:disabled){background:#e06500}.scheduler-action-btn:disabled{cursor:not-allowed;opacity:.4}.scheduler-action-btn.outlined:disabled,.scheduler-action-btn.primary:disabled,.scheduler-action-btn:disabled{background:var(--surface-ground);border-color:var(--border-color);color:var(--text-color-secondary)}.dropdown-btn-wrapper{position:relative}.scheduler-action-btn .dropdown-arrow{font-size:.6rem;margin-left:.25rem}.dropdown-menu{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:150px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);z-index:100}.dropdown-item{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .75rem;transition:background .15s ease}.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{font-size:.6rem;margin-left:auto}.week-picker-submenu{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 10px 40px #0000001f;left:100%;margin-left:2px;min-width:200px;position:absolute;top:0;z-index:101}.week-picker-header{background:#e2e8f0;border-bottom:1px solid #cbd5e1;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#475569;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.6rem .75rem;text-transform:uppercase}.week-picker-list{max-height:250px;overflow-y:auto}.week-picker-item{background:transparent;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;transition:all .15s ease}.week-picker-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-md) var(--radius-md)}.week-picker-item:hover{background:#e2e8f0}.week-picker-item .week-range{color:#334155;font-size:.8rem;font-weight:600}.week-picker-item .week-label{color:#64748b;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;display:flex;gap:1rem}.history-drawer-header .history-icon{align-items:center;background:var(--surface-ground);border-radius:50%;display:flex;height:42px;justify-content:center;width:42px}.history-drawer-header .history-icon i{color:var(--text-color);font-size:1.1rem}.history-title-section h3{color:var(--text-color);font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0}.history-subtitle{color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:.3px}.history-content{padding:0}.latest-changes-banner{align-items:flex-start;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-bottom:1px solid #fed7aa;display:flex;gap:.75rem;padding:1rem 1.5rem}.latest-changes-banner .banner-icon{align-items:center;background:#f97316;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.latest-changes-banner .banner-icon i{color:#fff;font-size:.75rem}.banner-content{flex:1}.banner-title{color:#ea580c;display:block;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem}.banner-text{color:#9a3412;font-size:.8rem;line-height:1.4;margin:0}.version-timeline{padding:1rem 0}.version-item{border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:1rem 1.5rem;transition:background .15s ease}.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;margin-right:1rem;width:4px}.version-status-bar.draft{background:#f97316}.version-status-bar.published{background:#22c55e}.version-status-bar.archived{background:#94a3b8}.version-content{flex:1}.version-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.version-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.version-badge.draft{background:#fff7ed;color:#ea580c}.version-badge.published{background:#dcfce7;color:#16a34a}.version-badge.archived{background:#f1f5f9;color:#64748b}.version-date{color:var(--text-color-secondary);font-size:.75rem}.version-name{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.version-meta{margin-bottom:.5rem}.version-author{align-items:center;color:var(--text-color-secondary);display:inline-flex;font-size:.8rem;gap:.35rem}.version-author i{font-size:.7rem}.version-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.version-changes{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.8rem;gap:.35rem}.version-changes i,.version-week{font-size:.75rem}.version-week{align-items:center;color:var(--text-color-secondary);display:inline-flex;font-weight:400;gap:.35rem}.version-week i{font-size:.7rem}.restore-link{align-items:center;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;opacity:0;transition:opacity .15s ease}.restore-link i{font-size:.65rem}.restore-link:hover{text-decoration:underline}.version-item:hover .restore-link{opacity:1}.scheduler-date-nav{gap:.75rem}.nav-arrow,.scheduler-date-nav{align-items:center;display:flex}.nav-arrow{background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-arrow:hover{background:var(--surface-ground);color:var(--text-color)}.date-range{color:var(--text-color);font-size:.9rem;font-weight:600;white-space:nowrap}.add-staff-btn{align-items:center;background:#1e293b;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:all .2s ease}.add-staff-btn:hover{background:#334155}.scheduler-toolbar{justify-content:space-between}.scheduler-publish-bar,.scheduler-toolbar{align-items:center;display:flex;margin-bottom:1rem}.scheduler-publish-bar{justify-content:center}.scheduler-publish-bar .publish-schedule-btn{font-size:.9rem;padding:.65rem 1.25rem}.scheduler-publish-bar .publish-schedule-btn i{font-size:.95rem}.scheduler-publish-bar .publish-schedule-btn:not(:disabled){animation:publish-btn-pulse 2s ease-in-out infinite}@keyframes publish-btn-pulse{0%,to{box-shadow:0 0 #ff6e0573}50%{box-shadow:0 0 0 8px #ff6e0500}}.search-filter-group{align-items:center;display:flex;gap:.75rem}.scheduler-legend{display:flex;gap:1.5rem}.legend-item-new{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.5rem}.legend-dot.active{background:var(--primary-color)}.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{align-items:center;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;display:flex;gap:1rem;justify-content:flex-end;padding:.75rem 1rem}.shift-schedule-pagination{flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:center}.shift-schedule-pagination .pagination-page-indicator{color:var(--text-color-secondary);font-size:.8rem;min-width:6.5rem;text-align:center}.shift-schedule-pagination .pagination-rows{min-width:5rem}.shift-schedule-grid-wrap{position:relative}.shift-schedule-loading-overlay{align-items:center;background:color-mix(in srgb,var(--surface-card) 75%,transparent);display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.shift-schedule-empty-state{padding:2.5rem 1rem!important;text-align:center}.shift-schedule-empty{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:.5rem}.shift-schedule-empty .pi{font-size:2rem;opacity:.6}.shift-schedule-submit-error{background:color-mix(in srgb,var(--red-500,#ef4444) 12%,var(--surface-card));border:1px solid var(--red-200,#fecaca);border-radius:var(--radius-md);color:var(--red-600,#dc2626);font-size:.85rem;margin-bottom:.75rem;padding:.65rem .85rem}.schedule-cell.has-submit-error{outline:1px solid var(--red-400,#f87171);outline-offset:-1px}.schedule-cell-error{color:var(--red-500,#ef4444);font-size:.65rem;line-height:1.3;margin:.25rem 0 0}.reviewer-pagination{align-items:center;display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;padding:.75rem 1rem}.pagination-info{font-size:.8rem}.pagination-controls{gap:.25rem}.pagination-btn{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;transition:background .2s,color .2s;width:2rem}.pagination-btn:hover:not(:disabled){background:var(--surface-ground);color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.scheduler-grid{border-collapse:collapse;table-layout:fixed;width:100%}.scheduler-grid thead{background:var(--surface-ground)}.scheduler-grid th{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;padding:.75rem .5rem;text-align:center}.scheduler-grid th.staff-col{padding-left:1rem;text-align:left;width:180px}.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);height:80px;overflow:hidden;padding:.5rem;vertical-align:middle}.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);color:var(--text-color);font-weight:700;text-align:center}.day-header-new{align-items:center;display:flex;flex-direction:column;gap:.25rem}.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;display:flex;gap:.75rem}.staff-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.staff-details{display:flex;flex-direction:column}.staff-name{color:var(--text-color);font-size:.9rem;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-details .staff-id{color:var(--primary-color);font-size:.75rem}.staff-details .staff-dept{color:var(--text-color-secondary);font-size:.7rem;text-transform:uppercase}.staff-role{color:var(--primary-color);font-size:.75rem}.schedule-cell{align-items:stretch;display:flex;height:100%;justify-content:stretch;width:100%}.schedule-cell>*{flex:1}.add-shift-wrapper{height:100%;width:100%}.add-shift-btn,.add-shift-wrapper{align-items:center;display:flex;justify-content:center}.add-shift-btn{background:transparent;border:1.5px solid #cbd5e1;border-radius:50%;color:#94a3b8;cursor:pointer;font-size:.85rem;height:26px;transition:all .2s ease;width:26px}.add-shift-btn:hover{background:#ff6e050d;border-color:var(--primary-color);color:var(--primary-color)}.assigned-shift-card{background:var(--surface-card);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;gap:.5rem;min-height:100%;padding:.5rem;position:relative;transition:all .2s ease;width:100%}.assigned-shift-card:hover{background:#ff6e050d}.assigned-schedule-slot{background:var(--surface-card);border-radius:var(--radius-sm);box-sizing:border-box;cursor:default;display:flex;gap:.5rem;min-height:100%;padding:.5rem;position:relative;transition:background .2s ease,box-shadow .2s ease;width:100%}.schedule-slot-unpublished-badge{align-items:center;color:#f59e0b;cursor:help;display:inline-flex;font-size:.75rem;justify-content:center;line-height:1;pointer-events:auto;position:absolute;right:.35rem;top:.3rem;z-index:2}.schedule-slot-unpublished-badge .pi{font-size:.75rem}.assigned-schedule-slot:hover .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{align-self:stretch;border-radius:2px;flex-shrink:0;width:4px}.assigned-schedule-slot .assigned-card-subtitle{color:var(--text-color-secondary);font-size:.65rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assigned-schedule-slot .assigned-card-content{display:flex;flex:1;flex-direction:column;gap:.1rem;justify-content:center;min-width:0}.assigned-schedule-slot .assigned-card-time{color:var(--text-color-secondary);font-size:.65rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assigned-schedule-slot .assigned-card-meta{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.assigned-schedule-slot .assigned-card-duration{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.65rem;gap:.25rem}.assigned-schedule-slot .assigned-card-duration i{font-size:.6rem;opacity:.8}.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{font-size:.75rem;line-height:1.2;margin-bottom:.1rem}.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}:global(.schedule-slot-tooltip){font-size:.8rem;line-height:1.45;max-width:260px;white-space:pre-line}.assigned-shift-card .assigned-color-bar{align-self:stretch;border-radius:2px;flex-shrink:0;width:4px}.assigned-shift-card .assigned-card-content{display:flex;flex:1;flex-direction:column;min-width:0}.assigned-shift-card .assigned-card-name{color:var(--text-color);font-size:.5rem;font-weight:600;line-height:1.3;margin-bottom:.15rem}.assigned-shift-card .assigned-card-time{color:var(--text-color-secondary);font-size:.7rem;margin-bottom:.25rem}.assigned-shift-card .assigned-card-meta{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.assigned-shift-card .assigned-card-duration{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.65rem;gap:.25rem}.assigned-shift-card .assigned-card-duration i{font-size:.6rem;opacity:.8}.assigned-shift-card .assigned-show-rules{align-items:center;color:var(--primary-color);cursor:pointer;display:flex;font-size:.6rem;gap:.2rem;white-space:nowrap}.assigned-shift-card .assigned-show-rules:hover{text-decoration:underline}.assigned-shift-card .assigned-show-rules i{font-size:.5rem}.assigned-shift-card .assigned-shift-rules{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:.5rem}.assigned-shift-card .rules-section{margin-bottom:.35rem}.assigned-shift-card .rules-section:last-child{margin-bottom:0}.assigned-shift-card .rules-section-header{align-items:center;color:var(--text-color);display:flex;font-size:.55rem;font-weight:600;gap:.25rem;margin-bottom:.2rem}.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 .rules-section-header i{font-size:.5rem}.assigned-shift-card .rules-mini-grid{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.assigned-shift-card .rule-mini-item{display:flex;flex-direction:column}.assigned-shift-card .rule-mini-item .rule-label{color:var(--text-color-secondary);font-size:.45rem;text-transform:uppercase}.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{align-items:center;display:flex;height:100%;justify-content:center;min-height:60px;width:100%}.empty-cell-placeholder.readonly .empty-cell-dash{color:var(--text-color-secondary);font-size:.85rem}.schedule-cell.readonly .assigned-schedule-slot.readonly{cursor:default}.shift-card-header{align-items:center;display:flex;gap:.25rem;margin-bottom:.5rem}.shift-indicator{background:var(--primary-color);border-radius:50%;flex-shrink:0;height:5px;width:5px}.shift-name-assigned{color:var(--primary-color);font-size:.55rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.shift-time-display{color:var(--text-color);font-size:.8rem;font-weight:700}.remove-assignment-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:#cbd5e1;cursor:pointer;display:flex;font-size:.55rem;height:auto;justify-content:center;line-height:1;opacity:0;padding:3px;position:absolute;right:7px;top:7px;transition:opacity .1s ease,color .1s ease;width:auto;z-index:2}.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{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:.15rem;height:100%;justify-content:center;padding:.5rem;position:relative;transition:all .2s ease;width:100%}.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;font-size:.5rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.time-off-card .remove-assignment-btn i{color:inherit;font-size:.55rem;margin-bottom:0}.time-off-card i{color:var(--primary-color);font-size:1.25rem;margin-bottom:.35rem}.time-off-card span{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.scheduler-footer-stats{display:flex;gap:1rem;margin-top:1rem}.footer-stat{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;gap:.75rem;padding:1rem 1.25rem}.footer-stat,.footer-stat-icon{align-items:center;display:flex}.footer-stat-icon{border-radius:50%;font-size:.9rem;height:36px;justify-content:center;width:36px}.footer-stat-icon.orange{background:#ff6e051a;color:var(--primary-color)}.footer-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.footer-stat-icon.gray{background:#64748b1a;color:#64748b}.footer-stat-content{display:flex;flex-direction:column}.footer-stat-label{color:var(--text-color-secondary);font-size:.6rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.footer-stat-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.footer-stat-value small{color:var(--text-color-secondary);font-size:.6rem;font-weight:500;margin-left:.25rem}.popup-backdrop{background:transparent;inset:0;position:fixed;z-index:999}.shift-menu-popup{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem 0;position:fixed;width:180px;z-index:1000}.shift-menu-popup .menu-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.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);display:flex;flex-direction:column;max-height:min(400px,calc(100vh - 100px));overflow:hidden;position:fixed;width:320px;z-index:1000}.template-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:.75rem 1rem}.template-header .back-btn,.template-header .close-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.template-header .back-btn:hover,.template-header .close-btn:hover{background:var(--surface-ground)}.template-header span{color:var(--text-color);flex:1;font-size:.8rem;font-weight:700;text-align:center}.template-search{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.75rem 1rem}.template-search i{color:var(--text-color-secondary)}.template-search input{background:transparent;border:none;color:var(--text-color);flex:1;font-size:.9rem}.template-search input:focus{outline:none}.template-search input::-moz-placeholder{color:var(--text-color-secondary)}.template-search input::placeholder{color:var(--text-color-secondary)}.template-list{flex:1;max-height:280px;overflow-y:auto;padding:.5rem}.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;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.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{font-size:.9rem;margin-bottom:.25rem}.template-name,.template-time{color:var(--text-color);font-weight:600}.template-time{font-size:.85rem;margin-bottom:.35rem}.template-meta{align-items:center;display:flex;justify-content:space-between}.template-duration{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem}.template-duration i{font-size:.7rem}.show-rules{align-items:center;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem}.show-rules i{font-size:.6rem;transition:transform .2s ease}.show-rules:hover{text-decoration:underline}.p-popover.shift-rules-popover{background:transparent;border:none;box-shadow:none}.p-popover.shift-rules-popover .p-popover-content{padding:0}.template-list-empty,.template-list-loading{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;justify-content:center;padding:2rem 1rem}.summary-header-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem 2rem}.summary-title-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.summary-icon{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.summary-title-info h2{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0}.summary-title-info p{color:var(--text-color-secondary);font-size:.7rem;letter-spacing:.5px;margin:0}.summary-stats-row{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.summary-stat{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem 1.25rem}.stat-icon-circle{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.stat-icon-circle.orange{background:#ff6e0526;color:var(--primary-color)}.stat-icon-circle.blue{background:#3b82f626;color:#3b82f6}.stat-icon-circle.green{background:#22c55e26;color:#22c55e}.stat-icon-circle.gray{background:#64748b26;color:#64748b}.stat-content{display:flex;flex-direction:column}.stat-value-lg{font-size:1.5rem;line-height:1}.stat-label-sm{font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}.completion-rate-section{align-items:center;display:flex;gap:1rem}.completion-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.completion-bar-container{align-items:center;display:flex;flex:1;gap:1rem}.completion-bar{background:var(--surface-ground);border-radius:4px;flex:1;height:8px;overflow:hidden}.completion-bar-fill{background:linear-gradient(90deg,var(--primary-color),#22c55e);border-radius:4px;height:100%;transition:width .3s ease}.completion-percent{color:#22c55e;font-size:.75rem;font-weight:600;white-space:nowrap}.shift-reviewer-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.reviewer-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.reviewer-title{gap:.5rem}.reviewer-icon,.reviewer-title{align-items:center;display:flex}.reviewer-icon{background:var(--primary-color);border-radius:50%;color:#fff;font-size:.75rem;height:28px;justify-content:center;width:28px}.reviewer-title span{color:var(--text-color);font-size:.85rem;font-weight:700}.reviewer-tabs{display:flex;gap:.25rem}.reviewer-tab{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.reviewer-tab:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.reviewer-tab:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.reviewer-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.reviewer-filter{margin-left:auto}.date-range-sm{color:var(--text-color);font-size:.8rem;font-weight:600}.filter-controls-bar{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1.25rem}.filter-controls-left{align-items:center;display:flex;gap:1rem}.reviewer-search-btn{flex-shrink:0}.filter-label{align-items:center;color:var(--text-color);display:flex;font-size:.75rem;font-weight:700;gap:.5rem}.filter-label i{color:#f97316;font-size:1rem}.filter-controls-right{align-items:center;display:flex}.week-selector-pill{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:50px;display:inline-flex;gap:.25rem;padding:.25rem .5rem}.week-selector-pill .week-nav-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;transition:all .15s ease;width:26px}.week-selector-pill .week-nav-btn:hover{background:var(--surface-card);color:var(--text-color)}.week-selector-pill .week-nav-btn i{font-size:.7rem}.week-range-label{color:var(--text-color);font-size:.8rem;font-weight:600;padding:0 .5rem;white-space:nowrap}.reviewer-grid-container{overflow-x:auto}.reviewer-grid{border-collapse:collapse;width:100%}.reviewer-grid th{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;padding:.75rem .5rem;text-transform:uppercase}.reviewer-grid th.employee-col-rev{padding-left:1rem;text-align:left}.day-header-rev{align-items:center;display:flex;flex-direction:column}.day-name-rev{color:var(--text-color-secondary);font-size:.65rem}.day-num-rev{color:var(--text-color);font-size:.85rem;font-weight:600}.reviewer-grid td{padding:.5rem;vertical-align:middle}.reviewer-grid td.employee-col-rev{padding-left:1rem}.employee-info-rev{align-items:center;display:flex;gap:.75rem}.avatar-rev{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.employee-name-rev{color:var(--text-color);font-size:.85rem;font-weight:600}.employee-details-rev .employee-id-rev{color:var(--primary-color);font-size:.75rem}.employee-details-rev .employee-dept-rev{color:var(--text-color-secondary);font-size:.7rem;text-transform:uppercase}.employee-role-rev{color:var(--primary-color);font-size:.7rem}.shift-block{border-radius:var(--radius-sm);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50px;padding:.5rem;text-align:center}.shift-block.empty{background:transparent;color:var(--text-color-secondary)}.shift-block.dayoff{background:#64748b33;color:var(--text-color-secondary)}.shift-block.leave{color:#fff}.shift-block .dayoff-label{font-weight:600;text-transform:none}.shift-block-name{font-size:.65rem;font-weight:700;text-transform:uppercase}.shift-block-time{font-size:.6rem;opacity:.8}.coverage-percent{color:var(--text-color);font-size:.8rem;font-weight:600}.insights-section{margin-bottom:1.5rem}.section-title-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.section-dot{border-radius:50%;height:10px;width:10px}.section-bar,.section-dot{background:var(--primary-color)}.section-bar{border-radius:2px;height:20px;width:4px}.section-bar.orange{background:#f97316}.section-title-row h3{color:var(--primary-color);font-size:.8rem;font-weight:700;margin:0}.insights-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 2fr}.insights-stats-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.insights-stat-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.insights-stat{padding:.75rem}.insights-stat-label{color:var(--text-color-secondary);font-size:.65rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.insights-stat-label.orange{color:#f97316}.insights-stat.coverage .insights-stat-value{align-items:baseline;display:flex;gap:.25rem}.trend-up{color:#22c55e;font-size:.8rem}.insights-stat-value{color:var(--text-color);font-size:2rem;font-weight:700;line-height:1}.insights-stat-value .unit{color:var(--text-color-secondary);font-size:.8rem;font-weight:400;margin-left:.25rem}.peak-load-card{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;gap:1rem;padding:1rem}.peak-icon,.peak-load-card{align-items:center;display:flex}.peak-icon{background:#fff3;border-radius:50%;height:36px;justify-content:center;width:36px}.peak-label{font-size:.65rem;opacity:.8}.peak-value{font-size:.85rem;font-weight:600}.insights-chart-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.chart-header{justify-content:space-between}.chart-header,.chart-title-left{align-items:flex-start;display:flex}.chart-title-left{gap:.5rem}.chart-icon{color:#3b82f6;font-size:1rem;margin-top:.15rem}.chart-title-text{display:flex;flex-direction:column}.chart-title{color:var(--text-color);font-size:.9rem;font-weight:600}.chart-subtitle{color:var(--text-color-secondary);font-size:.65rem;letter-spacing:.3px;text-transform:uppercase}.average-load{text-align:right}.avg-label{display:block}.avg-value{color:#f97316;font-size:1rem;font-weight:700}.chart-content{display:flex;gap:.5rem;margin-top:1rem}.chart-y-axis{color:var(--text-color-secondary);display:flex;flex-direction:column;font-size:.65rem;height:120px;justify-content:space-between;min-width:25px;padding-right:.5rem;text-align:right}.insights-chart-card .bar-chart{align-items:flex-end;border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);display:flex;flex:1;gap:.5rem;height:120px;justify-content:space-around;padding:0 .5rem}.insights-chart-card .bar-item{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:flex-end}.insights-chart-card .bar{background:#e2e8f0;border-radius:6px 6px 0 0;max-width:50px;min-width:30px;transition:height .3s ease;width:100%}.insights-chart-card .bar.highlighted{background:#f97316}.insights-chart-card .bar-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:500;margin-top:.5rem}.chart-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.avg-label{color:var(--text-color-secondary);font-size:.65rem;margin-right:.5rem;text-transform:uppercase}.avg-value{color:#3b82f6;font-size:.85rem;font-weight:600}.employee-density-heatmap-card .heatmap-section{background:transparent;border:.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:none}.heatmap-section{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.heatmap-empty,.heatmap-loading{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;justify-content:center;min-height:200px}.heatmap-empty i{font-size:1.5rem;opacity:.5}.heatmap-empty p{margin:0}.heatmap-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.heatmap-header,.heatmap-header-new{margin-bottom:1rem}.heatmap-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.heatmap-title-left{align-items:center;display:flex;gap:.5rem}.heatmap-icon{color:#f97316;font-size:1rem}.heatmap-title-left h3{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0}.heatmap-subtitle{color:var(--text-color-secondary);font-size:.7rem;letter-spacing:.3px;margin:0;text-transform:uppercase}.heatmap-title{align-items:center;display:flex;gap:.75rem}.heatmap-title h3{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0}.heatmap-header p{color:var(--text-color-secondary);font-size:.7rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.density-legend{align-items:center;display:flex;gap:.75rem;margin-left:auto}.density-legend-label{color:var(--text-color-secondary);font-size:.65rem;letter-spacing:.3px;text-transform:uppercase}.density-gradient{display:flex;gap:2px}.density-gradient span{border-radius:2px;height:12px;width:20px}.density-min{background:#f1f5f9}.density-low{background:#fed7aa}.density-med{background:#fb923c}.density-high{background:#ea580c}.heatmap-chart-container{margin-top:.5rem;min-height:320px;width:100%}.heatmap-chart-container.heatmap-chart-collapsed{height:0;margin:0;min-height:0;overflow:hidden}.heatmap-grid-container{margin-bottom:1rem;overflow-x:auto}.heatmap-grid{border-collapse:collapse;font-size:.7rem;width:100%}.heatmap-grid th{color:var(--text-color-secondary);font-weight:500;padding:.5rem .25rem;text-align:center}.heatmap-grid td{border:1px solid var(--surface-ground);padding:.35rem;text-align:center}.heatmap-grid .day-label{font-weight:600;padding-left:.75rem;text-align:left}.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{font-size:.65rem;font-weight:500;height:28px;width:28px}.heatmap-cell.density-0{background:#f1f5f9;color:#cbd5e1}.heatmap-cell.density-1{background:#86efac;color:#14532d}.heatmap-cell.density-2{background:#fcd34d;color:#713f12}.heatmap-cell.density-3,.heatmap-cell.density-4{background:#f97316;color:#fff}.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{background:#2a3142;color:#ffffff40}.dark-mode .heatmap-cell.density-1{background:#4ade80;color:#052e16}.dark-mode .heatmap-cell.density-2{background:#fbbf24;color:#451a03}.dark-mode .heatmap-cell.density-3,.dark-mode .heatmap-cell.density-4{background:#f97316;color:#fff}.total-hours{color:var(--text-color);font-weight:600}.heatmap-footer{border-top:1px solid var(--border-color);display:flex;gap:2rem;padding-top:1rem}.heatmap-stat{align-items:center;display:flex;gap:.75rem}.heatmap-stat-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:32px;justify-content:center;width:32px}.heatmap-stat-icon.quiet{background:#64748b}.heatmap-stat-icon.schedule{background:#3b82f6}.heatmap-stat-icon.flexible{background:#8b5cf6}.heatmap-stat-icon.hotels{background:#f97316}.heatmap-stat-icon.flights{background:#94a3b8}.heatmap-stat-label{color:var(--text-color-secondary);font-size:.6rem;text-transform:uppercase}.heatmap-stat-value{color:var(--text-color);font-size:.8rem;font-weight:600}.attendance-week-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.attendance-range-and-week{align-items:center;display:flex;gap:.5rem}.date-range-picker-wrap{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:50px;display:inline-flex;flex-shrink:0;min-height:36px;padding:.35rem .5rem}.date-range-picker-wrap .p-datepicker,.date-range-picker-wrap .p-datepicker .p-inputwrapper{background:transparent!important;border:none!important;box-shadow:none!important}.date-range-picker-wrap .p-datepicker input{color:var(--text-color)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.3px;min-width:200px}.date-range-picker-wrap .p-datepicker .p-datepicker-dropdown,.date-range-picker-wrap .p-datepicker input{background:transparent!important;border:none!important}.attendance-datepicker-buttonbar{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;padding:.5rem .75rem}.attendance-datepicker-btn{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;font-size:.75rem;font-weight:600;padding:.35rem .65rem;transition:background .15s,border-color .15s}.attendance-datepicker-btn:hover{background:var(--surface-ground);border-color:var(--text-color-secondary)}.attendance-datepicker-btn.apply{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.attendance-datepicker-btn.apply:hover{filter:brightness(1.05)}.week-filter-section{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:50px;display:inline-flex;gap:.5rem;padding:.35rem .5rem}.week-filter-section.secondary-control{opacity:.85}.week-nav-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s ease;width:28px}.week-nav-btn:hover{background:var(--surface-ground);color:var(--text-color)}.week-nav-btn i{font-size:.75rem}.week-label-display{color:var(--text-color);font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:0 .5rem}.daily-overview-row{display:flex;gap:1rem;margin-bottom:1.5rem}.daily-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.daily-stat-card.current-day{border-color:#f97316;box-shadow:0 4px 12px #f9731626}.daily-stat-header{align-items:center;display:flex;justify-content:space-between}.day-name-att{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px}.day-number-att{color:var(--text-color);font-size:1rem;font-weight:600}.day-number-att.today-badge{align-items:center;background:#f97316;border-radius:50%;color:#fff;display:flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.daily-stat-bar{border-radius:2px;height:4px;width:100%}.daily-stat-duration{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.daily-stat-duration .duration-label{color:var(--text-color-secondary);font-size:.65rem;letter-spacing:.3px;text-transform:uppercase}.daily-stat-duration .duration-value{color:var(--text-color);font-size:.85rem;font-weight:600}.daily-stat-shifts{display:flex;gap:.35rem;margin-top:.25rem}.daily-stat-shifts .shift-tag{border-radius:var(--radius-sm);color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:.15rem .4rem;text-transform:uppercase}.attendance-stats-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.att-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;flex-direction:column;min-width:100px;padding:1rem .75rem;text-align:center}.att-stat-card,.att-stat-icon{align-items:center;display:flex}.att-stat-icon{background:#64748b1a;border-radius:50%;color:#64748b;height:32px;justify-content:center;margin-bottom:.5rem;width:32px}.att-stat-icon.green{background:#22c55e1a;color:#22c55e}.att-stat-icon.orange{background:#f973161a;color:#f97316}.att-stat-icon.yellow{background:#eab3081a;color:#eab308}.att-stat-icon.red{background:#ef44441a;color:#ef4444}.att-stat-icon.purple{background:#8b5cf61a;color:#8b5cf6}.att-stat-icon.blue{background:#3b82f61a;color:#3b82f6}.att-stat-icon.teal{background:#14b8a61a;color:#14b8a6}.att-stat-icon.pink{background:#ec48991a;color:#ec4899}.att-stat-icon.warning{background:#f59e0b1a;color:#f59e0b}.att-stat-icon.gray{background:#64748b26;color:#64748b}.att-stat-icon i{font-size:.9rem}.att-stat-content{align-items:center;display:flex;flex-direction:column}.att-stat-label{color:var(--text-color-secondary);font-size:.6rem;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.att-stat-value{color:var(--text-color);font-size:1.25rem;font-weight:700}.attendance-logs-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.logs-header{align-items:center;padding:1.25rem 1.5rem}.logs-header h3{color:var(--text-color);font-size:.9rem;margin:0}.collapse-all-attendance-btn{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.4rem .75rem;transition:background .15s,color .15s}.collapse-all-attendance-btn:hover:not(:disabled){background:var(--surface-card);color:var(--text-color)}.collapse-all-attendance-btn:disabled{cursor:not-allowed;opacity:.5}.attendance-name-search-wrap{flex-shrink:0}.attendance-logs-filters{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem 1.25rem}.attendance-search-btn{flex-shrink:0}.logs-actions{align-items:center;gap:1rem}.export-btn{align-items:center;background:#22c55e;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background .2s}.export-btn:hover{background:#16a34a}.attendance-table-container{overflow-x:auto}.attendance-table{border-collapse:collapse;font-size:.8rem;width:100%}.attendance-table th{background:var(--surface-ground);border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.attendance-table td{border-bottom:1px solid var(--surface-ground);padding:.75rem 1rem;vertical-align:middle}.attendance-table tbody tr:hover{background:var(--surface-hover)}.emp-avatar-initial{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.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;display:flex;font-size:.7rem;gap:.5rem}.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);font-size:.65rem;text-transform:uppercase}.context-cell{align-items:center;display:flex;gap:.5rem}.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}.shift-cell-content{display:flex;flex-direction:column;gap:.2rem}.shift-type-label{color:var(--text-color);font-weight:600}.shift-time-range{color:var(--text-color-secondary);font-size:.75rem}.shift-prefix{font-weight:600}.col-expand{text-align:center;width:40px}.expand-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:inline-flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.expand-btn:hover{background:var(--surface-ground);color:var(--primary-color)}.expand-btn i{font-size:.7rem;transition:transform .2s ease}.col-day{width:80px}.day-label-att{background:var(--surface-ground);border-radius:var(--radius-sm);color:var(--text-color);display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.day-label-att.today{background:#f97316;color:#fff}.day-cell-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.15rem}.day-full-date{color:var(--text-color-secondary);font-size:.65rem;font-weight:400;white-space:nowrap}.main-row{cursor:pointer;transition:background .15s ease}.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{font-size:.65rem;padding:.25rem .75rem;text-transform:uppercase}.status-badge.present{background:#22c55e26;color:#22c55e}.status-badge.absent{background:#ef444426;color:#ef4444}.status-badge.no-shift{background:#64748b26;color:#64748b;line-height:1.15;padding:.3rem .65rem;text-align:center;white-space:pre-line}.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);display:inline-block;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.violation-badge.normal{background:#22c55e;color:#fff}.violation-badge.less-effort{background:#ef4444;color:#fff}.violation-badge.late{background:#3b82f6;color:#fff}.violation-badge.early{background:#22c55e;color:#fff}.violation-badge.late-early{background:#f97316;color:#fff}.violation-badges-inline{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.35rem;max-width:100%}.violation-badge.missing,.violation-badge.outside{background:#ef4444;color:#fff}.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}.attendance-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.pagination-info{color:var(--text-color-secondary);font-size:.7rem;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.75rem}.page-btn{background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:.7rem;font-weight:500;padding:.35rem .75rem;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-color)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-indicator{color:var(--text-color);font-size:.75rem;font-weight:500}.deviation-section{margin-top:1.5rem}.deviation-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.deviation-chart-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.deviation-header{justify-content:space-between;margin-bottom:1rem}.deviation-header,.deviation-title{align-items:flex-start;display:flex}.deviation-title{gap:.5rem}.deviation-title i{color:#f97316;font-size:1.25rem}.deviation-title-text h3{color:var(--text-color);font-size:.9rem;font-weight:700;margin:0}.deviation-subtitle{color:#f97316;font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.deviation-legend{display:flex;gap:1rem}.deviation-legend .legend-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;gap:.35rem}.deviation-legend .legend-dot{border-radius:50%;height:8px;width:8px}.deviation-legend .legend-dot.orange{background:#f97316}.deviation-legend .legend-dot.blue{background:#3b82f6}.deviation-chart-content{height:200px}.correction-side-panel{display:flex;flex-direction:column;gap:1rem}.correction-queue-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:var(--radius-lg);color:#78350f;padding:1.25rem}.correction-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.correction-header .correction-icon{align-items:center;background:#f59e0b;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.correction-header .correction-icon i{color:#fff;font-size:1rem}.correction-header h3{color:#92400e;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0}.correction-desc{color:#a16207;font-size:.75rem;line-height:1.4;margin:0 0 1rem}.correction-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.correction-item{align-items:center;background:#fff9;border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.correction-name{color:#78350f;font-size:.85rem;font-weight:600}.correction-issue{align-items:center;display:flex;font-size:.7rem;font-weight:600;gap:.35rem}.correction-issue.missing-out{color:#ea580c}.correction-issue.missing-in{color:#2563eb}.correction-issue i{font-size:.6rem}.resolve-all-btn{background:#f59e0b;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.75rem;transition:background .15s ease;width:100%}.resolve-all-btn:hover{background:#d97706}.dept-health-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.dept-health-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.dept-health-header i{color:#22c55e;font-size:.9rem}.dept-health-header span{color:var(--text-color);font-size:.75rem;font-weight:700;letter-spacing:.5px}.dept-health-list{display:flex;flex-direction:column;gap:.75rem}.dept-health-item{display:flex;flex-direction:column;gap:.35rem}.dept-health-label{align-items:center;display:flex;justify-content:space-between}.dept-name-health{font-weight:500}.dept-name-health,.dept-percent{color:var(--text-color);font-size:.8rem}.dept-percent{font-weight:600}.dept-health-bar{background:var(--surface-ground);border-radius:3px;height:6px;overflow:hidden}.dept-health-fill{border-radius:3px;height:100%;transition:width .5s ease}.schedule-container{margin-bottom:1rem;overflow-x:auto}.schedule-grid{border-collapse:collapse;min-width:900px;width:100%}.schedule-grid td,.schedule-grid th{border:1px solid var(--border-color);padding:.5rem;text-align:center;vertical-align:top}.schedule-grid th{background:var(--surface-ground);font-size:.85rem;font-weight:600}.schedule-grid .employee-col{background:var(--surface-ground);left:0;position:sticky;text-align:left;width:200px;z-index:1}.schedule-grid .day-col{min-width:100px}.schedule-grid .day-col.today{background:#ff6e0514}.schedule-grid .day-col.weekend{background:#64748b0d}.day-header{display:flex;flex-direction:column;gap:.25rem}.day-name{color:var(--text-color);font-weight:600}.day-date{color:var(--text-color-secondary);font-size:.75rem}.employee-info-cell{align-items:center;display:flex;gap:.75rem}.employee-avatar-sm{height:32px;width:32px}.employee-name-sm{font-size:.85rem;font-weight:600}.schedule-type-sm{color:var(--text-color-secondary);font-size:.7rem}.shift-cell{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-height:60px;transition:all .2s ease}.shift-cell:hover{background:#ff6e051a}.shift-pill{border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;max-width:100%;overflow:hidden;padding:.35rem .75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.shift-time-sm{color:var(--text-color-secondary);font-size:.65rem}.day-off-pill{background:#e2e8f0;border-radius:20px;color:#64748b;font-size:.7rem;font-weight:500;padding:.35rem .75rem}.week-label{font-size:.95rem;min-width:180px}.schedule-legend{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.legend-title{color:var(--text-color);font-size:.85rem;font-weight:600}.legend-items{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.legend-color{border-radius:4px;height:14px;width:14px}.color-picker-row{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{border:3px solid transparent;border-radius:8px;height:32px;width: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{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.workweek-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.workweek-card:hover{box-shadow:var(--shadow-md)}.workweek-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.workweek-name{font-size:.95rem;font-weight:600}.workweek-actions{display:flex;gap:.25rem}.workweek-days{display:flex;gap:.35rem;margin-bottom:1rem}.workweek-day{border-radius:6px;flex:1;font-size:.7rem;font-weight:600;padding:.5rem .25rem;text-align:center;text-transform:uppercase}.workweek-day.working{background:#22c55e26;color:#22c55e}.workweek-day.off{background:var(--surface-ground);color:var(--text-color-secondary)}.workweek-footer{align-items:center;display:flex;justify-content:space-between}.workweek-selector{display:flex;flex-wrap:wrap;gap:.5rem}.workweek-day-btn{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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;height:6px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-bar-fill.complete{background:#22c55e}.progress-bar-fill.pending{background:#f59e0b}.progress-bar-fill.overdue{background:#ef4444}.sla-tag{border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.sla-tag.completed{background:#22c55e26;color:#22c55e}.sla-tag.pending{background:#f59e0b26;color:#f59e0b}.sla-tag.overdue{background:#ef444426;color:#ef4444}.picture-upload-container{align-items:flex-start;display:flex;gap:1.5rem}.picture-preview{align-items:center;background:var(--surface-ground);border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.picture-preview img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.picture-preview i{color:var(--text-color-secondary);font-size:2rem}.picture-guidelines{flex:1}.picture-guidelines h4{font-size:.9rem;margin:0 0 .5rem}.picture-guidelines ul{color:var(--text-color-secondary);font-size:.8rem;margin:0;padding-left:1.25rem}.picture-guidelines li{margin-bottom:.25rem}.nationality-option{align-items:center;display:flex;gap:.75rem}.nationality-flag{border-radius:2px;height:16px;-o-object-fit:cover;object-fit:cover;width:24px}.phone-input-container{display:flex;gap:0;max-width:100%;width:100%}.phone-country-select{flex-shrink:0;min-width:110px!important;width:110px!important}.phone-number-input{flex:1;min-width:0}.phone-country-value{align-items:center;display:flex;gap:.5rem}.phone-country-option{align-items:center;display:flex;gap:.75rem;width:100%}.phone-flag{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:14px;-o-object-fit:cover;object-fit:cover;width:20px}.phone-dial-code{color:var(--text-color-secondary);font-size:.85rem;margin-left:auto}.file-upload-area{align-items:center;background:var(--surface-ground);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:1.5rem 1rem}.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-color:var(--primary-color);border-style:solid;padding:.5rem}.file-uploaded-content{align-items:center;display:flex;gap:.75rem;padding:.75rem;width:100%}.file-uploaded-content i{color:var(--primary-color);font-size:1.5rem}.file-uploaded-content .file-name{color:var(--text-color);flex:1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.file-remove-btn:hover{background:#ef44441a;color:#ef4444}.file-upload-content{text-align:center}.file-upload-content small,.file-upload-content span{color:var(--text-color-secondary)}.file-upload-content small{font-size:.75rem;opacity:.8}.attendance-method-options{display:flex;flex-wrap:wrap;gap:1rem}.attendance-method-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.attendance-method-option{align-items:center;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1;gap:.75rem;min-width:120px;padding:1rem 1.25rem;transition:all .2s ease}.attendance-method-option:hover{background:rgba(var(--primary-color-rgb,249,115,22),.04);border-color:var(--primary-color)}.attendance-method-option.active{background:rgba(var(--primary-color-rgb,249,115,22),.08);border-color:var(--primary-color)}.attendance-method-option label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.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;display:flex;gap:.75rem}.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;display:flex;margin-bottom:.5rem}.workweek-option .workweek-name{color:var(--text-color);font-size:.9rem;font-weight:600;margin-right:.5rem}.workweek-option .workweek-status{background:var(--surface-ground);border-radius:10px;color:var(--text-color-secondary);font-size:.65rem;font-weight:600;padding:.15rem .4rem}.workweek-option .workweek-status.active{background:#22c55e26;color:#22c55e}.workweek-option-days{display:flex;gap:.25rem;margin-bottom:.5rem}.workweek-option-days .day-badge{background:var(--surface-ground);border-radius:4px;color:var(--text-color-secondary);font-size:.6rem;font-weight:600;padding:.2rem .35rem}.workweek-option-days .day-badge.active{background:#22c55e26;color:#22c55e}.workweek-option-footer{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem}.workweek-option-footer i{font-size:.75rem}.shift-select-value{align-items:center;display:flex;gap:.625rem}.shift-select-value .shift-name{font-weight:500}.shift-select-value .shift-time{color:var(--text-color-secondary);font-size:.8rem}.shift-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.shift-option{align-items:flex-start;display:flex;gap:.75rem;padding:.35rem 0}.shift-option .shift-color-dot{margin-top:.35rem}.shift-option-details{flex:1}.shift-option .shift-name{color:var(--text-color);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.shift-option .shift-meta{align-items:center;display:flex;gap:1rem}.shift-option .shift-time{color:var(--text-color-secondary);font-size:.8rem}.shift-option .shift-hours{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.25rem}.shift-option .shift-hours i{font-size:.7rem}.shift-select-value .shift-type-tag,.shift-type-tag{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:.15rem .4rem;text-transform:uppercase}.shift-type-tag.normal{background:#dcfce7;color:#166534}.shift-type-tag.template{background:#dbeafe;color:#1e40af}.shift-type-tag.flexible{background:#f3e8ff;color:#7c3aed}.shift-option-enhanced{padding:.5rem 0}.shift-option-enhanced .shift-option-header{align-items:flex-start;display:flex;gap:.75rem}.shift-option-enhanced .shift-color-dot{margin-top:.35rem}.shift-option-enhanced .shift-option-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.shift-option-enhanced .shift-name{color:var(--text-color);font-size:.9rem;font-weight:600}.shift-option-enhanced .shift-option-details{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-left:1.6rem;margin-top:.35rem}.shift-option-enhanced .shift-meta{align-items:center;display:flex;gap:.75rem}.shift-option-enhanced .shift-time{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.25rem}.shift-option-enhanced .shift-time i{font-size:.7rem}.shift-option-enhanced .shift-hours{background:var(--surface-ground);border-radius:4px;color:var(--text-color-secondary);font-size:.75rem;padding:.2rem .5rem}.view-rules-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.2rem .4rem;transition:all .2s ease}.view-rules-btn:hover{background:rgba(var(--primary-color-rgb,249,115,22),.1)}.view-rules-btn i{font-size:.7rem}.shift-dropdown-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:.35rem;width:10px}.shift-dropdown-value-card{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .65rem;width:100%}.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{font-size:.6rem;font-weight:700;letter-spacing:.03em;padding:.15rem .4rem}.shift-dropdown-value-schedule{align-items:center;color:var(--text-color-secondary);display:inline-flex;font-size:.75rem;gap:.25rem}.shift-dropdown-hours-pill{background:var(--surface-ground);border-radius:4px;color:var(--text-color);font-size:.65rem;font-weight:600;padding:.15rem .45rem}.shift-dropdown-option-card{padding:.25rem 0;width:100%}.shift-dropdown-option-header{align-items:flex-start;display:flex;gap:.5rem;width:100%}.shift-dropdown-option-title{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:.35rem .5rem;min-width:0}.shift-dropdown-option-name{color:var(--text-color);font-size:.9rem;font-weight:700;line-height:1.2}.shift-dropdown-rules-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:600;gap:.3rem;padding:.15rem .35rem;white-space:nowrap}.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{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .65rem;margin-top:.4rem;padding-left:1.25rem}.shift-dropdown-summary-time{align-items:center;color:var(--text-color);display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem}.shift-dropdown-summary-time i{color:var(--text-color-secondary);font-size:.72rem}.shift-dropdown-rules-panel{background:transparent;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{align-items:center;display:flex;font-size:.58rem;font-weight:700;gap:.35rem;letter-spacing:.04em;margin-bottom:.28rem;text-transform:uppercase}.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;display:flex;font-size:.72rem;gap:.45rem;line-height:1.35;padding:.15rem 0}.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{color:var(--text-color-secondary);font-size:.62rem;font-weight:700;letter-spacing:.04em;margin-bottom:.1rem;margin-top:.45rem;text-transform:uppercase}.shift-dropdown-period-heading:first-child{margin-top:0}.shift-dropdown-flex-note{align-items:flex-start;color:#8b5cf6;display:flex;font-size:.62rem;font-style:italic;gap:.35rem;line-height:1.35;margin-top:.4rem}.shift-dropdown-flex-note i{flex-shrink:0;font-size:.72rem;margin-top:.05rem}.shift-rules-panel{background:var(--surface-ground);border-left:3px solid var(--primary-color);border-radius:6px;margin-left:1.6rem;margin-top:.5rem;padding:.5rem .75rem}.shift-rules-panel .rules-row{align-items:center;display:flex;font-size:.75rem;gap:.5rem;padding:.2rem 0}.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{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.6rem .85rem}.attendance-method-warning i{color:#d97706}.file-preview-image{aspect-ratio:1;border-radius:6px;max-width:150px;overflow:hidden;width:100%}.file-preview-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.picture-upload-section{align-items:flex-start;display:flex;gap:2rem;margin-bottom:1.5rem}.picture-upload-section .form-group{flex:0 0 auto;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);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.picture-guidelines-card ul{display:grid;gap:.4rem 2rem;grid-template-columns:repeat(2,1fr);list-style:disc;margin:0;padding-left:1.25rem}.picture-guidelines-card li{color:var(--text-color-secondary);font-size:.85rem;line-height:1.4}.step-filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.step-filter-tab{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.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;font-size:.75rem;padding:.1rem .4rem}.step-filter-tab.active .step-filter-count{background:#fff3}.payroll-view-toggle{margin-bottom:1.5rem}.toggle-tabs{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;padding:.5rem;width:-moz-fit-content;width:fit-content}.toggle-tab{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.toggle-tab:hover{background:var(--surface-ground);color:var(--text-color)}.toggle-tab.active{background:var(--primary-color);color:#fff}.strategic-dashboard{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-title{font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin:0 0 .5rem}.dashboard-subtitle{color:var(--text-color-secondary);font-size:.85rem}.dashboard-subtitle .highlight-primary{color:var(--primary-color);font-weight:600}.dashboard-subtitle .highlight-secondary{color:#8b5cf6;font-weight:600}.dashboard-actions{align-items:center;display:flex;gap:1rem}.period-toggle{background:var(--surface-ground);border-radius:20px;display:flex;padding:.25rem}.period-label{border-radius:20px;color:var(--text-color-secondary);cursor:pointer;font-size:.75rem;font-weight:700;padding:.5rem 1rem}.period-label.active{background:#1e293b;color:#fff}.audit-badge{align-items:center;background:#22c55e1a;border-radius:20px;color:#22c55e;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.comparison-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.comparison-stat-card{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.stat-header{margin-bottom:1rem}.stat-title{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-comparison{margin-bottom:1rem}.stat-period{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.stat-period.main{margin-bottom:0}.period-tag{border-radius:4px;font-size:.65rem;font-weight:700;padding:.2rem .5rem}.period-tag.jan{background:#ef444426;color:#ef4444}.period-tag.may{background:#8b5cf626;color:#8b5cf6}.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{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.stat-change.positive{color:#22c55e}.stat-change .change-label{color:var(--text-color-secondary);font-size:.65rem;font-weight:500;margin-left:auto}.charts-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.chart-card{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.chart-card.full-width{grid-column:span 2}.chart-header{margin-bottom:1.5rem}.chart-header h3{font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 .25rem}.chart-header p{color:var(--text-color-secondary);font-size:.75rem;margin:0}.bar-chart{display:flex;flex-direction:column;gap:.75rem}.bar-item{align-items:center;display:flex;gap:1rem}.bar-label{color:var(--text-color-secondary);font-size:.8rem;font-weight:500;width:100px}.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 ease}.donut-chart-container{align-items:center;display:flex;gap:2rem}.donut-chart{height:150px;width:150px}.donut-svg{height:100%;transform:rotate(-90deg);width:100%}.donut-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{font-size:.8rem;font-weight:500;gap:.5rem}.legend-dot{height:12px;width:12px}.timeline-chart{height:200px}.timeline-svg{height:100%;width:100%}.chart-label{fill:var(--text-color-secondary);font-size:10px}.tracking-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tracking-header h2{font-size:1.25rem;margin:0 0 .25rem}.tracking-header p{font-size:.85rem}.cycles-list{display:flex;flex-direction:column;gap:1rem}.cycle-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.cycle-header{align-items:center;cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;transition:background .2s ease}.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);font-size:1.25rem;height:48px;justify-content:center;width:48px}.cycle-icon.in_progress{background:#8b5cf626;color:#8b5cf6}.cycle-icon.new{background:#3b82f626;color:#3b82f6}.cycle-icon.closed{background:#22c55e26;color:#22c55e}.cycle-icon.cancelled{background:#94a3b826;color:#94a3b8}.cycle-title-section h3{font-size:1rem;font-weight:600;margin:0 0 .25rem}.cycle-status-row{align-items:center;display:flex;gap:.5rem}.status-label{color:var(--text-color-secondary);font-size:.7rem}.status-badge{border-radius:20px;font-size:.7rem;font-weight:700;padding:.2rem .75rem}.status-badge.in_progress{background:#8b5cf626;color:#8b5cf6}.status-badge.new{background:#3b82f626;color:#3b82f6}.status-badge.closed{background:#22c55e26;color:#22c55e}.status-badge.cancelled{background:#94a3b826;color:#94a3b8}.custom-cycle-badge{align-items:center;background:#f59e0b26;border-radius:4px;color:#d97706;display:inline-flex;font-size:.7rem;font-weight:600;gap:.35rem;margin-left:.75rem;padding:.2rem .6rem;text-transform:uppercase}.custom-cycle-badge i{font-size:.65rem}.custom-cycle-summary{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1.5rem}.custom-cycle-info{display:flex;gap:2rem}.custom-cycle-stat{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.9rem;gap:.5rem}.custom-cycle-stat i{color:var(--primary-color)}.cycle-summary{align-items:center;display:flex;gap:2rem}.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);display:block;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.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{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1.5rem}.financial-item{text-align:center}.fin-label{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.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;display:flex;gap:.5rem}.breakdown-labels-column{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:.5rem;padding-top:0}.breakdown-labels-spacer{height:2.85rem}.breakdown-row-label{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.6rem;font-weight:700;justify-content:center;letter-spacing:.08em;line-height:1;min-height:1.14rem;text-transform:uppercase;transform:rotate(180deg);-webkit-user-select:none;-moz-user-select:none;user-select:none;writing-mode:vertical-rl}.breakdown-row-label.unheld{color:#22c55e}.breakdown-row-label.held{color:#ef4444}.financial-columns{align-items:start;display:grid;gap:1.25rem 1.5rem}.financial-column.cost-tag-column .fin-label-tag{border-radius:4px;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;margin-bottom:.25rem;padding:.2rem .5rem;text-transform:uppercase}.financial-column.cost-tag-column .fin-value.held-value{color:#22c55e}.financial-column{gap:.5rem}.financial-column,.financial-column .financial-item{align-items:center;display:flex;flex-direction:column;width:100%}.financial-column .financial-item{justify-content:center;text-align: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{align-items:center;align-self:flex-start;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;margin-top:1.35rem;transition:color .15s ease,border-color .15s ease,background-color .15s ease;width:2rem}.amount-breakdown-toggle:hover{background:var(--surface-hover,var(--surface-ground));border-color:var(--primary-color);color:var(--primary-color)}.financial-divider{align-self:stretch;background:var(--border-color);margin:0 .5rem;width:1px}.cost-center-totals{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.cc-total-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.cc-total-tag{border-radius:4px;color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.cc-total-value{color:var(--text-color);font-size:.85rem;font-weight:600;text-align:center}.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;font-size:.85rem;width:100%}.sub-cycles-table th{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.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;display:flex;gap:.75rem}.region-flag{border-radius:2px;height:16px;-o-object-fit:cover;object-fit:cover;width:24px}.cost-center-tag{border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.cost-center-tag .cc-tag-separator{margin:0 .25rem;opacity:.7}.stage-tag{border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .75rem}.stage-tag.variables{background:#8b5cf626;color:#8b5cf6}.stage-tag.initialization{background:#3b82f626;color:#3b82f6}.stage-tag.archived{background:#22c55e26;color:#22c55e}.wizard-stepper{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:0;justify-content:center;margin-bottom:1.5rem;overflow-x:auto;padding:1.5rem}.stepper-item,.wizard-stepper{align-items:center;display:flex}.stepper-item{flex-direction:column;gap:.5rem;min-width:100px;position:relative}.stepper-icon{align-items:center;background:var(--surface-ground);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);display:flex;font-size:1.1rem;height:48px;justify-content:center;transition:all .3s ease;width:48px;z-index:1}.stepper-item.active .stepper-icon,.stepper-item.completed .stepper-icon{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.stepper-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stepper-item.active .stepper-label,.stepper-item.completed .stepper-label{color:#8b5cf6}.stepper-connector{background:var(--border-color);height:2px;left:calc(50% + 30px);position:absolute;top:24px;width:calc(100% - 20px)}.stepper-connector.completed{background:#8b5cf6}.step-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible;padding:2rem}.step-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.step-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.step-icon.init{background:#8b5cf626;color:#8b5cf6}.step-icon.variables{background:#ff6e0526;color:var(--primary-color)}.step-icon.review{background:#3b82f626;color:#3b82f6}.step-icon.approve{background:#22c55e26;color:#22c55e}.step-header h2{font-size:1.25rem;margin:0 0 .25rem}.step-header p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.step-actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.init-summary{background:var(--surface-ground);border-radius:var(--radius-md);display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;padding:1.5rem}.init-stat{text-align:center}.init-label{color:var(--text-color-secondary);display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.init-value{font-size:1.1rem;font-weight:700}.init-checklist h4{font-size:1rem;margin:0 0 1rem}.checklist-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:.75rem}.checklist-item:last-child{border-bottom:none}.variables-table-wrapper{background:var(--surface-card);margin:0 -2rem;overflow-x:auto;padding:0 2rem;position:relative}.variables-table-wrapper--virtual,.variables-virtual-header-viewport{overflow:hidden}.variables-virtual-scroller{border:none;overflow:auto;width:100%}.variables-virtual-scroller .p-virtualscroller-content{min-width:2640px}.variables-virtual-row{align-items:center;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:grid;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);min-width:2640px}.variables-virtual-header{background:var(--surface-card);border-bottom:2px solid var(--border-color);min-height:56px}.variables-virtual-header .variables-virtual-cell{align-items:center;align-self:stretch;color:var(--text-color-secondary);display:flex;font-size:.7rem;font-weight:600;letter-spacing:.5px;line-height:1.25;overflow-wrap:anywhere;padding:.75rem 1rem;text-transform:uppercase;white-space:normal}.variables-virtual-header .variables-virtual-cell:nth-child(3){overflow-wrap:normal;white-space:nowrap}.variables-virtual-header .addition-col{background:#22c55e14;color:#16a34a}.variables-virtual-header .deduction-col{background:#ef444414;color:#dc2626}.variables-virtual-header .gross-col{background:#8b5cf614;color:#7c3aed}.variables-virtual-header .total-col{font-weight:700}.variables-virtual-cell{font-size:.9rem;min-width:0;padding:.5rem 1rem}.variables-virtual-span-4{grid-column:span 4}.variables-virtual-row>.sticky-col{background:var(--surface-card);box-shadow:4px 0 8px -4px #00000040;left:0;position:sticky;z-index:2}.variables-virtual-header>.sticky-col{background:var(--surface-card);z-index:4}.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{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.04em;margin-bottom:.15rem;text-transform:uppercase}.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);font-size:.75rem;line-height:1.3;margin-bottom:0;margin-top:.25rem}.variables-table tbody tr{position:relative}.variables-table{border-collapse:collapse;min-width:1000px;overflow:visible;width:100%}.variables-table th{border-bottom:2px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.variables-table th.editable-col{background:#1e293b0d;min-width:120px}.variables-table th.addition-col{background:#22c55e14;color:#16a34a}.variables-table th.deduction-col{background:#ef444414;color:#dc2626}.variables-table th.gross-col{background:#8b5cf614;color:#7c3aed}.variables-table td{border-bottom:1px solid var(--border-color);font-size:.9rem;padding:.75rem 1rem}.variables-table td.editable-cell{background:#1e293b08;position:relative;z-index:1}.variables-table td.editable-cell input{cursor:text;pointer-events:auto;position:relative;z-index:2}.variables-table td.addition-cell{background:#22c55e08}.variables-table td.addition-cell .addition-input{background:var(--surface-card);border:1px solid #d1d5db;color:#16a34a}.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);border:1px solid #d1d5db;color:#16a34a}.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);border:1px solid #d1d5db;color:#dc2626}.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);border:1px solid #d1d5db;color:#dc2626}.variables-virtual-row .deduction-cell .deduction-input:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.variables-table td.gosi-cell{background:#ef444408;color:#dc2626;font-weight:600}.emp-menu-btn{background:transparent;border:none;border-radius:4px;color:var(--text-color-secondary);cursor:pointer;height:24px;width:24px}.emp-menu-btn:hover{background:var(--surface-ground)}.emp-info{display:flex;flex-direction:column;gap:.2rem}.emp-name{align-items:center;display:flex;gap:.5rem}.exempt-badge{background:var(--surface-ground);border-radius:3px;font-size:.6rem;font-weight:700;padding:.15rem .4rem}.emp-meta,.exempt-badge{color:var(--text-color-secondary)}.emp-meta{font-size:.75rem}.emp-status{border-radius:20px;font-size:.7rem;font-weight:600;padding:.15rem .5rem;width:-moz-fit-content;width:fit-content}.emp-status.active{background:#22c55e26;color:#22c55e}.emp-status.on-leave{background:#3b82f626;color:#3b82f6}.emp-status.probation{background:#f59e0b26;color:#f59e0b}.inline-input{background:#1e293b;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;padding:.5rem .75rem;text-align:right;width:100%}.inline-input:focus{border-color:var(--primary-color);outline:none}.inline-input.addition{background:#1e293b;border:1px solid var(--border-color);color:#22c55e}.inline-input.addition:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.inline-input.deduction{background:#1e293b;border:1px solid var(--border-color);color:#ef4444}.inline-input.deduction:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.inline-input:disabled{background:#374151;cursor:not-allowed;opacity:.5}.dual-currency-input{display:flex;flex-direction:column;gap:.35rem}.currency-row{align-items:center;display:flex;gap:0}.currency-row .inline-input{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex:1;min-width:60px}.currency-label{align-items:center;background:#374151;border:1px solid var(--border-color);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#9ca3af;display:flex;font-size:.7rem;font-weight:600;justify-content:center;min-width:36px;padding:.5rem}.currency-row .inline-input.usd-input{background:#0f172a;color:#94a3b8}.gross-cell{font-weight:700}.variables-table.sticky-first-col{border-collapse:separate;border-spacing:0}.variables-table .sticky-col{background:var(--surface-card);box-shadow:4px 0 8px #0000001a;left:0;min-width:280px;position:sticky;z-index:100}.variables-table .sticky-col:before{background:inherit;content:"";height:100%;left:-50px;position:absolute;top:0;width: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{background:#ef4444;border-radius:3px;color:#fff;font-size:.6rem;font-weight:700;margin-left:.5rem;padding:.15rem .4rem}.emp-dropdown-wrapper{position:relative;z-index:200}.emp-dropdown-menu{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 10px 40px #00000026;left:24px;min-width:220px;overflow:visible;position:absolute;top:100%;z-index:9999}.emp-dropdown-menu .dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.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);box-shadow:0 10px 40px #0003;min-width:220px;overflow:visible;position:fixed;z-index:9999}.emp-dropdown-menu-fixed .dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.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{align-items:center;background:#f59e0b26;border-radius:20px;color:#f59e0b;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.variance-table-wrapper{overflow-x:auto}.variance-table{border-collapse:collapse;width:100%}.variance-table th{border-bottom:2px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.variance-table td{border-bottom:1px solid var(--border-color);padding:1rem}.emp-id-cell .emp-name{font-weight:600;margin-bottom:.25rem}.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{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;gap:.25rem}.variance-badge.major{background:#ef4444;color:#fff}.drill-down-link{color:var(--primary-color);font-size:.8rem;font-weight:600;text-decoration:underline}.batch-total{color:var(--text-color-secondary);font-size:.9rem;margin-right:1rem}.batch-total strong{color:var(--text-color)}.approve-dashboard .approval-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto auto auto}.main-cards{display:flex;gap:1rem;grid-row:1}.addition-breakdown-cards,.main-cards{grid-column:1;margin-bottom:0;min-width:0}.addition-breakdown-cards{grid-row:2}.deduction-breakdown-cards{grid-column:1;grid-row:3;margin-bottom:0;min-width:0}.financial-card{border-radius:var(--radius-md);flex:1;padding:1.5rem;position:relative}.financial-card.net-pay{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.financial-card.gross-pay{background:#1e293b;color:#fff}.card-badge{background:#fff3;border-radius:4px;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.card-label{font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.card-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.card-sublabel{font-size:.7rem;opacity:.7}.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{gap:.75rem;grid-template-columns:repeat(6,minmax(0,1fr))}.approve-dashboard .breakdown-card{min-width:0;padding:.875rem .5rem}.approve-dashboard .breakdown-label{font-size:.65rem;line-height:1.25;word-break:break-word}.approve-dashboard .deduction-cards{gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.approve-dashboard .deduction-card{min-width:0;padding:.875rem .5rem}.approve-dashboard .deduction-label{font-size:.65rem;line-height:1.25;word-break:break-word}.section-title{border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;margin-bottom:.75rem;padding:.5rem .75rem}.section-title.additions{background:#22c55e1a;color:#16a34a}.section-title.deductions{background:#ef44441a;color:#dc2626}.breakdown-cards{display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin-bottom:1rem}.breakdown-card{background:var(--surface-ground);border-radius:var(--radius-sm);padding:1rem;text-align:center}.breakdown-card.addition{background:#22c55e0d;border:1px solid rgba(34,197,94,.2)}.breakdown-card.addition .breakdown-value{color:#16a34a}.breakdown-value{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.breakdown-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase}.breakdown-sublabel{color:var(--text-color-secondary);font-size:.65rem;margin-top:.25rem}.deduction-cards{display:grid;gap:1rem;grid-column:1;grid-template-columns:repeat(3,1fr)}.deduction-card{background:var(--surface-ground);border-radius:var(--radius-sm);padding:1rem;text-align:center}.deduction-value{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.deduction-value.negative{color:#ef4444}.deduction-card.muted{opacity:.6}.deduction-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase}.deduction-sublabel{color:var(--text-color-secondary);font-size:.65rem;margin-top:.25rem}.batch-review-panel{align-self:stretch;background:var(--surface-ground);border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;grid-column:2;grid-row:1/5;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:1rem 1.25rem}.panel-header{flex-shrink:0}.panel-header h4{font-size:.9rem;margin:0 0 .25rem}.panel-header p{color:var(--text-color-secondary);font-size:.75rem;margin:0 0 1rem}.employee-hold-list{display:flex;flex:1 1 0;flex-direction:column;gap:.5rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:.25rem;scrollbar-gutter:stable}.hold-item{align-items:center;background:var(--surface-card);border-radius:var(--radius-sm);display:flex;gap:.75rem;justify-content:space-between;min-width:0;padding:.75rem}.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);font-weight:600;margin-left:.5rem}.panel-footer{color:var(--text-color-secondary);flex-shrink:0;font-size:.75rem;padding-top:1rem;text-align:center}.pay-summary-cards{display:flex;gap:1rem;margin-bottom:2rem}.pay-card{border-radius:var(--radius-md);flex:1;padding:1.5rem;position:relative}.pay-card.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.pay-card.dark{background:#1e293b;color:#fff}.pay-badge{background:#fff3;border-radius:4px;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.pay-label{font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.pay-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.pay-sublabel{font-size:.7rem;opacity:.7}.pay-card-group{display:flex;flex-direction:column;gap:.5rem}.mini-pay-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:1rem}.mini-label{font-size:.65rem;margin-bottom:.25rem}.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);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.audit-cards,.file-cards{display:flex;gap:1rem}.audit-card,.file-card{background:var(--surface-ground);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;flex:1;padding:1.5rem;text-align:center;transition:all .2s ease}.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);font-size:1.5rem;margin-bottom:.5rem}.audit-name,.file-name{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.audit-desc,.file-desc{color:var(--text-color-secondary);font-size:.7rem}.pay-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.upload-area{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.upload-placeholder{border:2px dashed var(--border-color);border-radius:var(--radius-sm);margin-top:1rem;padding:2rem;text-align:center}.upload-placeholder i{color:var(--text-color-secondary);margin-bottom:.5rem}.upload-placeholder p{color:var(--text-color-secondary);font-weight:600;margin:0}.upload-placeholder span{color:var(--text-color-secondary);font-size:.8rem}.pay-section.authorization{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.auth-steps{display:flex;flex-direction:column;gap:1rem}.auth-step{align-items:center;background:var(--surface-card);border-radius:var(--radius-sm);display:flex;gap:1rem;padding:1rem}.auth-step.completed{background:#22c55e1a}.auth-number{align-items:center;background:var(--surface-ground);border-radius:50%;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.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{color:var(--primary-color);content:"→";font-weight:700;opacity:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.audit-card.clickable:hover:after{opacity:1;right:.5rem}.audit-card.clickable:hover{background:#f973160d;border-color:var(--primary-color)}.audit-card.approve-review-card{align-items:center;background:var(--surface-ground);border:2px dashed var(--border-color);display:flex;flex-direction:column;grid-column:1;grid-row:4;justify-content:center;min-height:100px;min-width:0}.audit-card.approve-review-card:hover{background:#f973160d;border-color:var(--primary-color);border-style:solid}.audit-card.approve-review-card i{color:var(--primary-color);font-size:1.75rem;margin-bottom:.5rem}.audit-dialog-header{padding:0}.audit-dialog-header h2{color:var(--text-color);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.audit-dialog-header p{color:var(--text-color-secondary);font-size:.75rem;letter-spacing:.05em;margin:0}.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{color:var(--text-color-secondary);font-size:.875rem;padding:2rem 1rem;text-align:center}.audit-table{border-collapse:collapse;width:100%}.audit-table th{background:var(--surface-ground);border-bottom:1px solid var(--surface-border);color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem .75rem;text-align:left}.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);padding:1rem .75rem;vertical-align:middle}.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;display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.variance-badge.positive{background:#22c55e26;color:#22c55e}.variance-badge.negative{background:#ef444426;color:#ef4444}.variance-badge.neutral{background:#64748b26;color:#64748b}.uploaded-proofs-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.uploaded-proof-item{align-items:center;background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.75rem 1rem}.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 ease}.uploaded-proof-item .remove-proof:hover{color:#ef4444}.closing-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 350px}.closing-audit{padding:2rem}.closing-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.closing-header h2{margin:0 0 .25rem}.closing-header p{color:var(--text-color-secondary);font-size:.8rem;margin:0}.total-liability{text-align:right}.liability-label{color:var(--text-color-secondary);display:block;font-size:.7rem;font-weight:600}.liability-value{color:var(--primary-color);font-size:1.5rem;font-weight:800}.history-cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.history-card{align-items:center;background:var(--surface-ground);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1.5rem;text-align:center;transition:all .2s ease}.history-card:hover{background:#f973160d;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.history-card i{color:#8b5cf6;display:block;font-size:1.5rem}.history-card span{color:var(--text-color);font-size:.75rem;font-weight:600;letter-spacing:.02em}.initialization-audit-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 1rem}.init-info-cards{display:flex;gap:1.5rem;justify-content:center}.init-info-card{background:#8b5cf614;border-radius:9999px;min-width:180px;padding:1.5rem 2.5rem;text-align:center}.init-info-card .init-label{color:#8b5cf6;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem}.init-info-card .init-value{color:var(--text-color);font-size:1.1rem;font-weight:700}.init-status-card{background:#22c55e1f;border-radius:9999px;min-width:280px;padding:1.25rem 2.5rem;text-align:center}.init-status-card .init-label{color:#22c55e;font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:.35rem}.init-status-card .init-status-value{color:var(--text-color);font-size:1rem;font-weight:700}.approval-audit-content{align-items:center;display:flex;flex-direction:column;padding:3rem 1rem;text-align:center}.approval-success-icon{align-items:center;background:#22c55e26;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;width:100px}.approval-success-icon i{color:#22c55e;font-size:2.5rem}.approval-title{color:var(--text-color);font-size:1.35rem;font-weight:700;margin:0 0 .5rem}.approval-subtitle{color:var(--text-color-secondary);font-size:.85rem;font-weight:600;letter-spacing:.02em;margin:0 0 1rem}.approval-hash{color:#94a3b8;font-family:monospace;font-size:.7rem;margin:0}.execution-proofs h4{color:var(--text-color-secondary);font-size:.8rem;font-weight:600;margin:0 0 1rem}.proof-item{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.75rem}.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{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);display:flex;font-size:.85rem;gap:.5rem;padding:1rem}.closing-checks{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.closing-checks h3{font-size:1.1rem;margin:0 0 1.5rem}.checks-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.check-item{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:1rem}.check-label{font-size:.85rem;font-weight:600}.close-action{text-align:center}.close-hint{color:var(--text-color-secondary);display:block;font-size:.75rem;margin-top:.5rem}.archived-view{padding:2rem}.archived-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.archived-icon{align-items:center;background:#22c55e26;border-radius:50%;color:#22c55e;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.archived-info{flex:1}.archived-info h2{margin:0 0 .5rem}.archived-meta{align-items:center;display:flex;gap:1rem}.locked-badge{align-items:center;background:#22c55e26;border-radius:4px;color:#22c55e;display:inline-flex;font-size:.7rem;font-weight:700;gap:.25rem;padding:.35rem .75rem}.location{color:var(--text-color-secondary);font-size:.85rem}.archived-grid{display:grid;gap:1.5rem;grid-template-columns:200px minmax(0,1fr) 280px}.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);font-size:.75rem;font-weight:600;margin:0 0 1rem}.stat-row{flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.stat-row .stat-value{display:block;font-size:1.5rem;font-weight:800;line-height:1.2}.stat-row .stat-label{color:var(--text-color-secondary);display:block;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.stat-mini-row{display:flex;gap:1rem}.mini-stat{flex:1}.mini-stat .mini-value{display:block;font-size:1.25rem;font-weight:700}.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;overflow:hidden;padding:1.5rem}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.view-tab{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.view-tab.active{background:var(--surface-card);color:var(--text-color)}.view-tab.is-disabled,.view-tab:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.archived-variable-view{margin-top:0;width:100%}.archived-variable-view .audit-table-wrapper{max-height:620px;max-width:100%;overflow:auto;width:100%;-webkit-overflow-scrolling:touch}.archived-variable-view .audit-table{min-width:920px}.archived-variable-view .audit-table thead{position:sticky;top:0;z-index:1}.archived-variable-view .audit-table td,.archived-variable-view .audit-table th{font-size:.8125rem;padding:.75rem .5rem;white-space:nowrap}.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){min-width:140px;white-space:normal}.proofs-section h4{color:var(--text-color-secondary);font-size:.8rem;font-weight:600;margin:0 0 1rem}.frozen-notice{align-items:flex-start;background:var(--surface-card);border-radius:var(--radius-md);display:flex;gap:1rem;margin-top:1.5rem;padding:1.5rem}.frozen-notice i{color:var(--text-color-secondary);font-size:1.5rem}.frozen-notice strong{display:block;margin-bottom:.25rem}.frozen-notice p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.action-log{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.5rem}.action-log h4{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;margin:0 0 1rem}.log-timeline{display:flex;flex-direction:column;gap:1rem}.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{background:#3b82f626;border-radius:4px;color:#3b82f6;font-size:.75rem;font-weight:600;padding:.25rem .5rem}@media(max-width:1200px){.comparison-stats-grid{grid-template-columns:repeat(2,1fr)}.archived-grid,.closing-grid{grid-template-columns:1fr}.approve-dashboard .approval-grid{grid-template-columns:1fr;grid-template-rows:auto}.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-column:1;grid-row:auto}.batch-review-panel{height:auto;max-height:none}.batch-review-panel .employee-hold-list{flex:none;max-height:320px}}@media(max-width:768px){.charts-grid,.comparison-stats-grid{grid-template-columns:1fr}.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{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.category-card{background:var(--surface-card);border:1px solid var(--border-color);border-left:4px solid;border-radius:var(--radius-md);padding:1rem;transition:all .2s ease}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.category-icon{border-radius:var(--radius-md);flex-shrink:0;font-size:1.25rem;height:44px;width:44px}.category-info{flex:1;min-width:0}.category-name{font-size:1rem;font-weight:700;margin-bottom:.25rem}.category-desc{color:var(--text-color-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-actions{display:flex;gap:.25rem}.category-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:.75rem}.type-icon{border-radius:var(--radius-sm);flex-shrink:0;height:36px;justify-content:center;width:36px}.form-section-title,.type-icon{align-items:center;display:flex;font-size:1rem}.form-section-title{border-bottom:1px solid var(--border-color);color:var(--text-color);font-weight:600;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.form-section-title:first-of-type{margin-top:0}.form-fields-builder{display:flex;flex-direction:column;gap:.75rem}.form-field-item{align-items:flex-start;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem}.field-drag-handle{color:var(--text-color-secondary);cursor:grab;padding:.5rem 0}.field-drag-handle:hover{color:var(--text-color)}.field-config{display:flex;flex:1;flex-direction:column;gap:.75rem}.field-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.field-balance,.field-required{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.5rem}.field-balance--disabled{opacity:.55}.field-options-row{padding-top:.5rem}.field-actions{display:flex;flex-direction:column;gap:.25rem}.empty-fields{background:var(--surface-ground);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);padding:2rem;text-align:center}.empty-fields i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-fields p{font-size:.9rem;margin:0}.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);font-size:.9rem;font-weight:600;margin-bottom:1rem}.approval-condition{border-top:1px solid var(--border-color);padding-top:1rem}.approval-checkboxes{display:flex;flex-direction:column;gap:.75rem}.approval-checkbox-item{align-items:center;display:flex;gap:.5rem}.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{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem}.type-dialog-content{max-height:70vh;overflow-y:auto;padding-right:.5rem}.new-request-page{margin:0 auto;max-width:1200px}.request-wizard-header{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.wizard-progress{align-items:center;display:flex;gap:0;justify-content:center;margin:0 auto;max-width:500px}.progress-step{flex-direction:column;gap:.5rem;position:relative;z-index:1}.progress-step,.step-circle{align-items:center;display:flex}.step-circle{background:var(--surface-ground);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);font-size:1rem;font-weight:700;height:44px;justify-content:center;transition:all .3s ease;width:44px}.progress-step.active .step-circle{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #ff6e0566;color:#fff}.progress-step.completed .step-circle{background:#22c55e;border-color:#22c55e;color:#fff}.step-text{color:var(--text-color-secondary);font-size:.8rem;font-weight:600;white-space:nowrap}.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;height:3px;margin:0 .5rem 1.5rem;max-width:100px;transition:all .3s ease}.progress-line.active{background:#22c55e}.wizard-step-content{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-intro{margin-bottom:2.5rem;text-align:center}.step-intro h1{color:var(--text-color);font-size:1.75rem;font-weight:800;margin:0 0 .5rem}.step-intro p{color:var(--text-color-secondary);font-size:1rem;margin:0}.step-intro.compact{margin-bottom:1.5rem;text-align:left}.step-intro.compact h1{font-size:1.5rem;margin-bottom:.25rem}.back-button{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:var(--surface-ground);color:var(--text-color)}.back-button i{font-size:.85rem}.selected-category-badge{align-items:center;border-radius:25px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.category-selection-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-select-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.75rem;text-align:center;transition:all .3s ease}.category-select-card:hover{border-color:var(--primary-color);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.category-select-card.selected{background:#ff6e050d;border-color:var(--primary-color)}.category-select-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.75rem;height:64px;justify-content:center;margin:0 auto 1rem;transition:all .3s ease;width:64px}.category-select-card:hover .category-select-icon{transform:scale(1.1)}.category-select-name{color:var(--text-color);font-size:1rem;font-weight:700;margin-bottom:.5rem}.category-select-desc{color:var(--text-color-secondary);font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.category-select-count{color:var(--primary-color);font-size:.75rem;font-weight:600}.selected-type-header{align-items:center;display:flex;gap:1rem}.type-icon-large{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.request-type-list{display:flex;flex-direction:column;gap:.75rem}.request-type-card{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s ease}.request-type-card:hover{background:#ff6e0505;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014}.type-card-content{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:1rem;justify-content:space-between}.type-card-main h3{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.type-balance-badge{background:#22c55e26;border-radius:4px;color:#22c55e;font-size:.7rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}.type-card-arrow{color:var(--text-color-secondary);transition:all .2s ease}.request-type-card:hover .type-card-arrow{color:var(--primary-color);transform:translate(4px)}.form-and-info-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 340px}@media(max-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{align-items:center;background:var(--surface-ground);border-bottom:1px solid var(--border-color);display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1.25rem 1.5rem}.form-card-header i{color:var(--primary-color);font-size:1.1rem}.dynamic-form{gap:1.5rem;padding:1.5rem}.dynamic-field,.dynamic-form{display:flex;flex-direction:column}.dynamic-field{gap:.5rem}.dynamic-field-label{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.required-badge{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:.65rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.date-range-field{align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.new-request-page .p-datepicker-input{width:100%!important}.mini-label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-range-separator{align-items:center;color:var(--text-color-secondary);display:flex;font-size:1.1rem;justify-content:center;padding-bottom:.75rem}@media(max-width:500px){.date-range-field{grid-template-columns:1fr}.date-range-separator{display:none}}.days-counter{align-items:center;background:#3b82f61a;border-radius:var(--radius-sm);color:#3b82f6;display:flex;font-size:.85rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.days-counter i{font-size:.9rem}.file-upload-wrapper{display:flex;flex-direction:column;gap:.75rem}.selected-file{border-radius:var(--radius-sm);font-size:.85rem;gap:.75rem}.selected-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:.25rem}.remove-file:hover{color:#ef4444}.checkbox-field{align-items:center;display:flex;gap:.75rem}.checkbox-label{color:var(--text-color);font-size:.9rem}.form-submit-section{background:var(--surface-ground);border-top:1px solid var(--border-color);padding:1.5rem}.submit-btn{font-size:1rem!important;font-weight:600!important;padding:1rem!important;width:100%}.request-info-sidebar{display:flex;flex-direction:column;gap:1rem}.info-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.info-card-header{align-items:center;background:var(--surface-ground);border-bottom:1px solid var(--border-color);color:var(--text-color);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem}.info-card-header i{color:var(--primary-color)}.balance-card .balance-display{align-items:flex-start;display:flex;justify-content:space-between;padding:1.25rem}.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);font-size:.75rem;margin-top:.25rem}.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;overflow:hidden;position:relative}.balance-bar-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;height:100%;transition:width .3s ease}.balance-bar-impact{background:#fbbf24;border-radius:4px;height:100%;position:absolute;top:0;transition:all .3s ease}.balance-footer{border-top:1px solid var(--border-color);color:var(--text-color-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:1rem;padding:1rem 1.25rem}.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%;font-size:.9rem;height:36px;justify-content:center;width:36px}.flow-icon.you{background:#3b82f626;color:#3b82f6}.flow-icon.manager{background:#8b5cf626;color:#8b5cf6}.flow-icon.hr{background:#22c55e26;color:#22c55e}.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);height:20px;margin-left:17px;width:2px}.approval-condition-note{align-items:flex-start;background:#f59e0b1a;color:#d97706;display:flex;font-size:.75rem;gap:.5rem;padding:.75rem 1.25rem}.approval-condition-note i{margin-top:2px}.policy-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:none}.policy-card .info-card-header{background:transparent;border-bottom-color:#0000001a;color:#92400e}.policy-card .info-card-header i{color:#f59e0b}.policy-text{color:#92400e;font-size:.8rem;line-height:1.5;margin:0;padding:1rem 1.25rem}.success-step{align-items:center;display:flex;justify-content:center;min-height:500px}.success-container{max-width:500px;text-align:center}.success-animation{margin:0 auto 2rem}.success-animation,.success-circle{height:100px;position:relative;width:100px}.success-circle{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;justify-content:center;z-index:1}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-circle i{animation:checkmark .3s ease .2s both;color:#fff;font-size:3rem}@keyframes checkmark{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-ripple{animation:ripple 1.5s ease infinite;border:2px solid #22c55e;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes ripple{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.success-container h1{color:var(--text-color);font-size:1.75rem;font-weight:800;margin:0 0 .75rem}.success-message{color:var(--text-color-secondary);font-size:1rem;margin:0 0 2rem}.success-details{background:var(--surface-ground);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.detail-item{align-items:center;color:var(--text-color-secondary);font-size:.9rem;gap:.75rem}.detail-item i{color:var(--primary-color);width:20px}.detail-item strong{color:var(--text-color)}.success-actions{display:flex;gap:1rem;justify-content:center}.request-filters{margin-bottom:1rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.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;font-size:.75rem;padding:.15rem .5rem}.filter-tab.active .filter-count{background:#fff3}.request-type-badge{font-size:1.1rem;height:40px;width:40px}.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{align-items:flex-start;color:var(--text-color-secondary);display:inline-flex;font-size:.85rem;gap:.35rem}.current-approver i{font-size:.8rem;margin-top:.15rem}.current-approver-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.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{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.35rem;padding:.35rem .75rem}.request-status-badge.large{font-size:.85rem;padding:.5rem 1rem}.request-status-badge.pending{background:#f59e0b26;color:#f59e0b}.request-status-badge.in_review{background:#3b82f626;color:#3b82f6}.request-status-badge.approved{background:#22c55e26;color:#22c55e}.request-status-badge.rejected{background:#ef444426;color:#ef4444}.request-status-badge.cancelled{background:#64748b26;color:#64748b}.my-requests-page .p-datatable-tbody>tr{cursor:pointer}.my-requests-page .p-datatable-tbody>tr:hover{background:#ff6e050d!important}.request-detail-view{animation:fadeInUp .3s ease}.detail-grid{align-items:start;gap:1.5rem;grid-template-columns:1fr 380px}@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}}.detail-main{display:flex;flex-direction:column;gap:1rem}.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;display:flex;gap:1rem}.detail-reload-btn{flex-shrink:0;margin-left:auto}.detail-type-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.detail-header-info{flex:1}.detail-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.detail-title-row h1{font-size:1.5rem;font-weight:700;margin:0}.detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-meta span{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.35rem}.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);font-size:.9rem;gap:.5rem;margin:.5rem!important;padding:.75rem 1.25rem}.requester-info{align-items:center;display:flex;gap:1rem;padding:.4rem 1.25rem .75rem}.requester-avatar{border-radius:50%;height:48px;width:48px}.requester-name{font-size:1rem;font-weight:600}.requester-dept{color:var(--text-color-secondary);font-size:.85rem}.parameters-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:.4rem 1.25rem .75rem}.parameter-item{display:flex;flex-direction:column;gap:.35rem}.parameter-label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.parameter-value{color:var(--text-color);font-size:1rem;font-weight:500}.action-card{border:2px solid var(--primary-color)}.action-form{padding:1.25rem 1.5rem}.action-buttons{gap:1rem;justify-content:flex-end;margin-top:1rem}.comment-form{align-items:flex-end;gap:.75rem;padding:1.25rem 1.5rem}.comment-form,.detail-sidebar{display:flex;flex-direction:column}.detail-sidebar{gap:1rem}.sidebar-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-card-header{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin:.5rem;padding:.75rem 1.25rem}.sidebar-card-header i{color:var(--primary-color)}.approval-timeline{padding:1.25rem}.approval-timeline .timeline-step{display:flex;gap:1rem}.approval-timeline .timeline-indicator{align-items:center;display:flex;flex-direction:column;position:relative}.approval-timeline .timeline-dot{align-items:center;background:var(--surface-ground);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);display:inline-flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;left:auto;line-height:1;margin-top:0;overflow:visible;position:relative;top:auto;width:32px}.approval-timeline .timeline-dot .pi{display:inline-block;font-size:.8rem;line-height:1}.approval-timeline .timeline-step.approved .timeline-dot{background:#22c55e;border-color:#22c55e;color:#fff}.approval-timeline .timeline-step.rejected .timeline-dot{background:#ef4444;border-color:#ef4444;color:#fff}.approval-timeline .timeline-step.pending .timeline-dot{animation:pulse 2s infinite;background:#f59e0b;border-color:#f59e0b;color:#fff}.approval-timeline .timeline-line{background:var(--border-color);flex:1;margin:4px 0;min-height:30px;width:2px}.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);font-size:.75rem;margin-top:.25rem}.approval-timeline .timeline-waiting{color:#f59e0b;font-size:.75rem;font-weight:500;margin-top:.25rem}.activity-log{padding:1rem 1.25rem}.log-entry{border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 0}.log-entry:last-child{border-bottom:none}.log-dot{background:var(--primary-color);border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.log-dot.approved{background:#22c55e}.log-dot.rejected{background:#ef4444}.log-content{min-width:0}.log-action{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.log-action strong{font-size:.85rem}.log-time{font-size:.7rem;white-space:nowrap}.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);display:flex;font-style:italic;gap:.5rem;margin-top:.5rem;padding:.75rem}.log-comment i{color:var(--text-color-secondary);flex-shrink:0;font-size:.75rem;margin-top:2px}.appraisal-wizard-page{display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.appraisal-wizard-progress{align-items:flex-start;background:var(--surface-card);border-radius:var(--radius-lg);display:flex;gap:0;justify-content:center;margin-bottom:1.5rem;padding:2rem 3rem}.appraisal-progress-step{align-items:center;display:flex;flex:1;flex-direction:column;max-width:180px;position:relative;text-align:center}.appraisal-progress-step:last-child{flex:0 0 auto}.appraisal-step-circle{align-items:center;background:var(--surface-card);border:2px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);display:flex;font-size:1rem;font-weight:700;height:44px;justify-content:center;margin-bottom:.75rem;width:44px;z-index:1}.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);font-size:.9rem;font-weight:600;margin-bottom:.2rem}.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);font-size:.75rem;margin-top:0}.appraisal-step-connector{background:var(--border-color);height:2px;left:calc(50% + 28px);position:absolute;top:22px;width:calc(100% - 56px)}.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:fadeIn .3s ease}.appraisal-step-intro{margin-bottom:2rem;text-align:center}.appraisal-step-intro h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.appraisal-step-intro p{color:var(--text-color-secondary);font-size:.95rem;margin:0}.appraisal-cycle-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.appraisal-cycle-card{background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .2s ease}.appraisal-cycle-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6e0526}.appraisal-cycle-card.selected{background:#ff6e050d;border-color:var(--primary-color)}.cycle-card-icon{align-items:center;background:#ff6e051a;border-radius:12px;display:flex;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.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{align-items:center;background:var(--primary-color);border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.cycle-card-check i{color:#fff;font-size:.75rem}.cycle-card-title{color:var(--text-color);font-size:1rem;font-weight:700;margin-bottom:.25rem}.cycle-card-type{color:var(--text-color-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.appraisal-selection-info{color:var(--text-color-secondary);font-size:.9rem;margin-top:2rem;text-align:center}.appraisal-selection-info strong{color:var(--primary-color)}.grade-selection-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:700px}.grade-selection-card{align-items:center;background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s ease}.grade-selection-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #ff6e0526}.grade-card-icon{align-items:center;background:#ff6e051a;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.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{display:grid;gap:1.5rem;grid-template-columns:1fr 280px;position:relative}.employee-selection-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;grid-column:1;padding-bottom:1rem}.grade-badge{align-items:center;background:#ff6e051a;border-radius:20px;color:var(--primary-color);display:flex;font-size:.7rem;font-weight:600;gap:.5rem;padding:.35rem .75rem}.employee-selection-header h3{font-size:1.1rem;font-weight:700;margin:0}.change-grade-btn{align-items:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.change-grade-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.employee-filter-section{grid-column:1;grid-row:2}.employee-filter-section h4{font-size:.9rem;font-weight:600;margin:0 0 1rem}.filter-row{gap:.75rem}.filter-search{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex:1;gap:.5rem;min-width:200px;padding:0 1rem}.filter-search i{color:var(--text-color-secondary)}.filter-search input{background:none;border:none;font-size:.85rem;outline:none;padding:.65rem 0;width:100%}.employee-list-container{grid-column:1;grid-row:3}.employee-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.list-count{color:var(--text-color-secondary);font-size:.85rem}.select-all-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;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);display:grid;font-size:.7rem;font-weight:600;gap:1rem;grid-template-columns:60px 1fr 1fr 120px;letter-spacing:.5px;padding:.75rem 1rem;text-transform:uppercase}.employee-table-body{max-height:350px;overflow-y:auto}.employee-table-row{align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:60px 1fr 1fr 120px;padding:.75rem 1rem;transition:background .15s ease}.employee-table-row:last-child{border-bottom:none}.employee-table-row:hover{background:var(--surface-ground)}.employee-table-row.selected{background:#ff6e050d}.custom-checkbox{align-items:center;cursor:pointer;display:flex;justify-content:center}.custom-checkbox input{display:none}.custom-checkbox .checkmark{align-items:center;border:2px solid var(--border-color);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.custom-checkbox.checked .checkmark{background:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox.checked .checkmark:after{color:#fff;content:"✓";font-size:.75rem}.col-name{align-items:center;display:flex;gap:.75rem}.emp-avatar{height:36px;width:36px}.emp-info{min-width:0}.emp-name{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.batch-status.available{background:#22c55e1a;color:#22c55e}.batch-status.invited{background:#3b82f61a;color:#3b82f6}.selection-panel{background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;grid-column:2;grid-row:1/5;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 300px);padding:1.25rem;position:sticky;top:1rem}.selection-panel-header{margin-bottom:1rem}.selection-panel-header span:first-child{font-size:.9rem;font-weight:700}.panel-subtitle{display:block;font-size:.7rem;margin-top:.25rem;opacity:.8}.selection-panel-count{align-items:baseline;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.count-number{font-size:2rem;font-weight:800}.count-label{font-size:.8rem;opacity:.9}.selected-employees-list{flex:1;margin-bottom:1rem;overflow-y:auto}.selected-emp-item{align-items:center;background:#ffffff1a;border-radius:var(--radius-sm);display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.selected-emp-avatar{border-radius:50%;height:28px;width:28px}.selected-emp-name{flex:1;font-size:.8rem;font-weight:500}.remove-emp-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.remove-emp-btn i{font-size:.65rem}.selection-panel-footer{margin-top:auto}.batch-id{font-size:.7rem;margin-bottom:.75rem;opacity:.8}.proceed-btn{background:var(--surface-card);border:none;border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;font-size:.85rem;font-weight:700;padding:.75rem;transition:all .2s ease;width:100%}.proceed-btn:disabled{cursor:not-allowed;opacity:.5}.proceed-btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.kpi-upload-section{margin:0 auto;max-width:600px}.upload-zone{border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center}.upload-zone:hover{background:#ff6e0505}.upload-icon{align-items:center;background:#ff6e051a;border-radius:12px;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.upload-icon i{color:var(--primary-color);font-size:1.5rem}.upload-zone h3{font-size:1.1rem;margin:0 0 .5rem}.upload-zone p{color:var(--text-color-secondary);font-size:.9rem;margin:0 0 1.5rem}.upload-btn{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.upload-btn:hover{background:#d45a00}.kpi-file-uploaded{margin:0 auto;max-width:700px}.file-info-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.file-icon,.file-info-card{align-items:center;display:flex}.file-icon{border-radius:50%;height:44px;justify-content:center;width:44px}.file-icon.success{background:#22c55e;color:#fff}.file-icon i{font-size:1.25rem}.file-details{flex:1}.file-name{font-size:.95rem;font-weight:600}.file-status{color:#22c55e;font-size:.75rem;font-weight:600;margin-top:.15rem}.file-actions{display:flex;gap:.5rem}.file-action-btn{background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .2s ease}.file-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.file-action-btn.danger{border-color:#ef4444;color:#ef4444}.file-action-btn.danger:hover{background:#ef4444;color:#fff}.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{font-size:1rem;margin:0 0 .25rem}.matrix-header p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.verified-badge{background:#22c55e1a;border-radius:20px;color:#22c55e;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.weight-cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.weight-card{background:var(--surface-ground);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.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{font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.weight-desc{color:var(--text-color-secondary);font-size:.75rem;margin-top:.5rem}.weight-card.highlight .weight-desc{color:#fffc}.total-weight{align-items:center;color:#22c55e;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1.25rem}.total-weight i{font-size:1rem}.grade-config-banner{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem 1.25rem}.banner-icon{align-items:center;background:#3b82f626;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.banner-icon i{color:#3b82f6;font-size:1rem}.banner-content h4{color:#3b82f6;font-size:.9rem;margin:0 0 .25rem}.banner-content p{color:var(--text-color);font-size:.85rem;line-height:1.5;margin:0}.eligible-badges{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.eligible-badge{border-radius:20px;font-size:.7rem;font-weight:600;padding:.35rem .75rem}.eligible-badge.management{background:#8b5cf61a;color:#8b5cf6}.eligible-badge.leadership{background:#3b82f61a;color:#3b82f6}.reviewers-layout{display:grid;gap:1.5rem;grid-template-columns:1fr 300px}.reviewers-list-section{min-width:0}.reviewer-search{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:0 1rem}.reviewer-search i{color:var(--text-color-secondary)}.reviewer-search input{background:none;border:none;font-size:.9rem;outline:none;padding:.85rem 0;width:100%}.reviewers-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);max-height:400px;overflow-y:auto}.reviewer-card{align-items:flex-start;background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.reviewer-card.selected,.reviewer-card:hover{border-color:var(--primary-color)}.reviewer-card.selected{background:#ff6e050d}.reviewer-card.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.committee-limit-info{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:.85rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.committee-limit-info i{color:#d97706}.reviewer-avatar{border-radius:50%;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}.reviewer-info{flex:1;min-width:0}.reviewer-name{font-size:.9rem;font-weight:600;margin-bottom:.15rem}.reviewer-id{color:var(--text-color-secondary);font-size:.75rem;margin-bottom:.35rem}.reviewer-grade-badge{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:600;margin-bottom:.25rem;padding:.2rem .5rem}.reviewer-grade-badge.management{background:#8b5cf626;color:#8b5cf6}.reviewer-grade-badge.executives,.reviewer-grade-badge.leadership{background:#3b82f626;color:#3b82f6}.reviewer-dept{color:var(--text-color-secondary);font-size:.75rem}.committee-panel{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;padding:1.25rem}.committee-panel-header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;padding-bottom:1rem}.committee-panel-header span:first-child{display:block;font-size:.9rem;font-weight:700}.committee-empty{align-items:center;display:flex;flex:1;justify-content:center;padding:2rem 1rem;text-align:center}.committee-empty p{color:#ffffff80;font-size:.75rem;margin:0}.committee-members{overflow-y:auto}.committee-member{align-items:center;background:#ffffff14;border-radius:var(--radius-md);display:flex;gap:.75rem;margin-bottom:.5rem;padding:.65rem}.member-avatar{border-radius:50%;height:32px;width:32px}.member-info{flex:1;min-width:0}.member-name{font-size:.85rem;font-weight:500}.member-grade{border-radius:3px;font-size:.65rem;padding:.15rem .4rem}.member-grade.management{background:#8b5cf64d;color:#a78bfa}.member-grade.executives,.member-grade.leadership{background:#3b82f64d;color:#93c5fd}.remove-member-btn{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#f87171;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.remove-member-btn i{font-size:.7rem}.committee-size{align-items:center;background:#ffffff14;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.committee-size span:first-child{font-size:.7rem;opacity:.7}.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{margin:0 auto;max-width:900px}.confirmation-header{margin-bottom:2rem;text-align:center}.confirmation-header h2{font-size:1.5rem;font-weight:800;letter-spacing:1px;margin:0 0 .5rem}.confirmation-header p{color:var(--text-color-secondary);margin:0}.confirmation-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 280px}.confirmation-main{display:flex;flex-direction:column;gap:1rem}.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);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.package-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.package-row:last-child{margin-bottom:0}.package-item label{color:var(--text-color-secondary);display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.item-value{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.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{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);color:#fff;padding:1.25rem}.committee-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.committee-summary-header span:first-child{font-size:.75rem;font-weight:600;opacity:.8}.reviewer-count{background:#ffffff26;border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.committee-avatars{display:flex;flex-wrap:wrap;gap:.75rem}.committee-avatar-item{align-items:center;background:#ffffff14;border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.5rem .75rem}.committee-avatar-item img{border-radius:50%;height:28px;width:28px}.committee-avatar-name{font-size:.8rem;font-weight:500}.committee-avatar-grade{background:#ffffff26;border-radius:3px;font-size:.6rem;padding:.15rem .35rem}.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{font-size:.75rem;font-weight:600;margin-bottom:1rem;opacity:.9}.weight-allocation-row{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.weight-item{background:#ffffff1a;border-radius:var(--radius-md);padding:.75rem;text-align:center}.weight-item.highlight{background:#ffffff40}.weight-item .weight-percent{color:#fff;font-size:1.25rem;font-weight:800}.weight-item .weight-name{font-size:.65rem;font-weight:600;margin-top:.25rem;opacity:.9}.target-employees-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:1.25rem}.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);display:block;font-size:.7rem;margin-top:.15rem}.target-list{flex:1;max-height:250px;overflow-y:auto}.target-employee{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.5rem 0}.target-employee:last-child{border-bottom:none}.target-avatar{border-radius:50%;height:32px;width: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{font-size:.75rem;font-weight:600;margin-top:auto;padding-top:.75rem;text-align:center}.authorization-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);display:flex;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem}.auth-icon{align-items:center;background:#f59e0b33;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.auth-icon i{color:#f59e0b;font-size:1rem}.auth-content h4{color:#f59e0b;font-size:.9rem;margin:0 0 .25rem}.auth-content p{color:var(--text-color);font-size:.85rem;line-height:1.5;margin:0}.success-panel{align-items:center;display:flex;justify-content:center;min-height:400px}.success-content{text-align:center}.success-icon{align-items:center;background:#22c55e;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-icon i{color:#fff;font-size:2rem}.success-content h1{font-size:1.75rem;font-weight:800;letter-spacing:1px;margin:0 0 .5rem}.success-content p{color:var(--text-color-secondary);font-size:1rem;margin:0 0 1rem}.redirect-text{animation:pulse 1.5s ease infinite;color:var(--primary-color);font-size:.85rem;font-weight:500}.appraisal-wizard-footer{border-radius:var(--radius-lg);gap:1rem;padding:1rem 1.5rem}.appraisal-wizard-footer,.btn-secondary{align-items:center;background:var(--surface-card);display:flex}.btn-secondary{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#d45a00}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-success{align-items:center;background:#22c55e;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-success:hover:not(:disabled){background:#16a34a}.btn-success:disabled{cursor:not-allowed;opacity:.5}.appraisal-tracking-page{display:flex;flex-direction:column;gap:1.5rem}.tracking-header h1{font-size:1.5rem;font-weight:800;letter-spacing:.5px;margin:0 0 .25rem}.tracking-header p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.appraisal-status-btn{border:2px solid transparent;border-radius:20px;cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.appraisal-status-btn:hover{opacity:.9;transform:scale(1.02)}.appraisal-status-btn.assigned{background:transparent;border-color:#3b82f6;color:#3b82f6}.appraisal-status-btn.assigned:hover{background:#3b82f61a}.appraisal-status-btn.self-eval{animation:pulse-glow 2s ease-in-out infinite;background:#8b5cf6;border-color:#8b5cf6;color:#fff}@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);border-color:var(--primary-color);color:#fff}.appraisal-status-btn.completed{background:transparent;border-color:#22c55e;color:#22c55e}.appraisal-status-btn.completed:hover{background:#22c55e1a}.assigned-details,.committee-eval-details,.self-eval-details{display:flex;flex-direction:column;gap:1.25rem}.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);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.employee-header{align-items:center;display:flex;gap:1rem}.detail-avatar{height:48px;width:48px}.detail-item{gap:.25rem}.detail-item label{font-size:.7rem;letter-spacing:.3px}.detail-item span{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.detail-item span i{color:var(--primary-color);font-size:.9rem}.weight-display{display:flex;gap:.75rem}.weight-box{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;padding:1rem;text-align:center}.weight-box.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.weight-val{display:block;font-size:1.5rem;font-weight:700}.weight-lbl{display:block;font-size:.7rem;margin-top:.25rem;opacity:.8}.committee-list{display:flex;flex-direction:column;gap:.5rem}.committee-item{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.committee-avatar{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.committee-name{font-size:.9rem;font-weight:600}.committee-role{color:var(--text-color-secondary);font-size:.75rem}.total-score-bar{background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-md);color:#fff;justify-content:space-between;margin-top:1rem;padding:1rem}.score-info,.total-score-bar{align-items:center;display:flex}.score-info{font-size:.85rem;gap:.5rem}.score-value{font-size:1.5rem;font-weight:700}.evidence-zone{align-items:center;background:var(--surface-ground);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem;transition:all .2s ease}.evidence-zone:hover{background:#ff6e0508;border-color:var(--primary-color)}.evidence-zone i{color:var(--primary-color);font-size:1.5rem}.info-note{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:var(--radius-md);gap:.75rem;padding:1rem}.info-note i{font-size:1.1rem}.info-note strong{display:block;font-size:.85rem;margin-bottom:.25rem}.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{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.two-column-layout .column .detail-section{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.submission-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.breakdown-item{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem .75rem}.breakdown-item span:last-child{font-weight:600}.justification-box{background:var(--surface-ground);border-left:3px solid var(--primary-color);border-radius:var(--radius-md);padding:1rem}.justification-box label{color:var(--text-color-secondary);display:block;font-size:.7rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.justification-box p{color:var(--text-color);font-size:.85rem;font-style:italic;line-height:1.5;margin:0}.self-eval-layout{display:flex;flex-direction:column;gap:1.5rem}.self-eval-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:1rem}.self-eval-header .header-left{align-items:center;display:flex;gap:1rem}.self-eval-header .header-left h3{font-size:1.1rem;font-weight:600;margin:0}.self-eval-header .header-left p{color:var(--text-color-secondary);font-size:.85rem;margin:.25rem 0 0}.self-eval-header .header-right{align-items:center;display:flex;gap:1rem}.proposed-score-box{text-align:right}.proposed-score-box .score-label{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.5px}.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{display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.self-eval-grid .left-column{display:flex;flex-direction:column;gap:1rem}.info-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.info-card .card-header{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.info-card .card-header i{color:var(--primary-color)}.info-card .card-desc{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5;margin:0 0 1rem}.upload-zone{align-items:center;background:var(--surface-ground);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2rem 1rem;transition:all .2s ease}.upload-zone:hover{background:#ff6e0508;border-color:var(--primary-color)}.upload-zone i{font-size:1.25rem}.upload-zone i,.upload-zone span{color:var(--text-color-secondary)}.upload-zone span{font-size:.7rem;font-weight:600;letter-spacing:.5px}.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;display:flex;gap:.75rem;margin-bottom:1.5rem}.rating-card-header .step-number{align-items:center;background:var(--surface-ground);border-radius:50%;color:var(--text-color-secondary);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.rating-card-header h4{font-size:1.1rem;font-weight:600;margin:0}.rating-inputs-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.rating-input-box{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem;text-align:center}.rating-input-box.highlight{background:#ff6e050f}.rating-input-box label{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.rating-input-box .max-hint{color:var(--text-color-secondary);display:block;font-size:.7rem;margin-bottom:.75rem}.rating-input-box .max-hint.highlight{color:var(--primary-color)}.input-with-max{align-items:center;display:flex;gap:.5rem;justify-content:center}.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{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#d45a00 100%);border-radius:var(--radius-md);color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.final-rating-bar .bar-left{align-items:center;display:flex;gap:.75rem}.final-rating-bar .bar-left i{font-size:1.5rem;opacity:.9}.final-rating-bar .bar-left strong{display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px}.final-rating-bar .bar-left span{font-size:.8rem;opacity:.85}.final-rating-bar .bar-score{font-size:2rem;font-weight:700}.justification-section{margin-top:0}.justification-section label{color:var(--text-color-secondary);display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem}.committee-eval-layout{display:flex;flex-direction:column;gap:1.5rem}.committee-grid{display:grid;gap:1.5rem;grid-template-columns:320px 1fr}.committee-grid .left-column{display:flex;flex-direction:column;gap:1rem}.card-header-row{align-items:center;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between}.card-header-row,.score-bar-item{margin-bottom:1rem}.score-bar-item:last-of-type{margin-bottom:1.25rem}.score-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.score-bar-header span:first-child{color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.3px}.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-left:3px solid var(--primary-color);border-radius:var(--radius-md);padding:1rem}.self-justification-box label{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem}.self-justification-box p{color:var(--text-color);font-size:.85rem;font-style:italic;line-height:1.5;margin:0}.assigned-layout{display:flex;flex-direction:column;gap:1.5rem}.assigned-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.assigned-grid .left-column{display:flex;flex-direction:column;gap:1rem}.card-header-label{color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem}.config-row{margin-bottom:1rem}.config-row:last-child{margin-bottom:0}.config-row label{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-bottom:.35rem}.config-row .config-value{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.config-row .config-value i{color:var(--primary-color)}.config-row .config-value.file i{color:#22c55e}.weight-boxes-row{display:flex;gap:.5rem}.weight-box-mini{background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:.75rem .5rem;text-align:center}.weight-box-mini.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.weight-box-mini .val{display:block;font-size:1.25rem;font-weight:700}.weight-box-mini .lbl{display:block;font-size:.6rem;letter-spacing:.3px;margin-top:.15rem;opacity:.8}.committee-card{background:#1e293b;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;height:100%;padding:1.25rem}.committee-card-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.75rem}.committee-members{display:flex;flex:1;flex-direction:column;gap:.5rem;margin-bottom:1rem}.committee-member-row{align-items:center;background:#ffffff14;border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.committee-member-row .member-avatar{border-radius:50%;height:36px;width:36px}.committee-member-row .member-name{font-size:.9rem;font-weight:500}.committee-member-row .member-role{font-size:.65rem;letter-spacing:.3px;opacity:.7}.authorization-note{background:#ff6e0526;border-radius:var(--radius-md);margin-top:auto;padding:1rem}.authorization-note .note-header{color:var(--primary-color);font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem}.authorization-note p{font-size:.8rem;line-height:1.5;margin:0;opacity:.9}.results-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.results-header h1{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.results-header p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.final-score-badge{color:var(--primary-color);font-size:1.25rem}.final-score-badge,.performance-tag{display:inline-block;font-weight:700}.performance-tag{border-radius:4px;font-size:.7rem;letter-spacing:.5px;padding:.35rem .75rem}.performance-tag.excellent{background:#10b98126;color:#10b981}.archive-layout{display:flex;flex-direction:column;gap:1.25rem}.archive-grid{display:grid;gap:1.25rem;grid-template-columns:1.2fr .8fr}.score-comparison-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.score-column{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem}.score-column.highlight{background:#3b82f61f;border:1px solid rgba(59,130,246,.28)}.dark-mode .score-column.highlight{background:#3b82f629;border:1px solid rgba(96,165,250,.35)}.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);display:flex;flex-direction:column;margin-bottom:.75rem;padding-bottom:.5rem}.score-col-header span{color:var(--text-color-secondary);font-size:.65rem;font-weight:700;letter-spacing:.3px}.score-col-header small{color:var(--text-color-secondary);font-size:.6rem;margin-top:.1rem}.score-row{display:flex;flex-direction:column;padding:.5rem 0}.score-row label{color:var(--text-color-secondary);font-size:.55rem;font-weight:600;letter-spacing:.3px;margin-bottom:.15rem}.score-row.self label{color:#6366f1}.score-row.manager label{color:#ea580c}.score-row span{color:var(--text-color);font-size:1.1rem;font-weight:700}.justification-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.25rem}.info-card.compact{padding:1rem}.info-card.highlight-border{border-left:3px solid var(--primary-color)}.justification-text{color:var(--text-color-secondary);font-size:.85rem;font-style:italic;line-height:1.6;margin:.5rem 0}.evaluator-line{align-items:center;border-top:1px solid var(--surface-border);display:flex;font-size:.7rem;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.evaluator-line span{color:var(--text-color-secondary)}.evaluator-line strong{color:var(--primary-color)}.action-log-card{background:#1e293b;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;height:100%;padding:1.25rem}.action-log-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.75rem}.action-log-timeline{flex:1;padding-left:1rem;position:relative}.timeline-item{border-left:2px solid hsla(0,0%,100%,.2);padding-left:1.25rem}.timeline-item:last-child{border-left-color:transparent}.timeline-dot{background:#ffffff4d;border:2px solid #1e293b;height:12px;left:-7px;position:absolute;top:2px;width:12px}.timeline-dot.last{background:var(--primary-color)}.timeline-date{color:#ffffff80;font-size:.65rem;margin-bottom:.15rem}.timeline-action{font-size:.85rem;font-weight:600;margin-bottom:.1rem}.timeline-by{color:#60a5fa;font-size:.7rem;margin-bottom:.25rem}.timeline-details{background:#ffffff14;border-radius:var(--radius-sm);color:#ffffffb3;font-size:.75rem;margin-top:.25rem;padding:.5rem .75rem}.audit-verified{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);color:#fff9;display:flex;font-size:.65rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;margin-top:auto;padding-top:1rem}.audit-verified i{color:var(--primary-color);font-size:1.25rem}.analytics-page{display:flex;flex-direction:column;gap:1.5rem}.analytics-header-row{align-items:stretch;display:flex;gap:1rem}.analytics-header-section{align-items:center;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:flex;flex:1;padding:1.5rem}.header-left-content .cycle-label{color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.header-left-content h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.live-indicator{align-items:center;color:#10b981;display:inline-flex;font-size:.65rem;font-weight:600;gap:.5rem;letter-spacing:.3px}.live-dot{animation:pulse-live 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.organization-coverage-card{background:#1e293b;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:260px;padding:1.25rem 1.5rem}.coverage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.coverage-header span:first-child{color:#ffffffb3;font-size:.65rem;font-weight:600;letter-spacing:.3px}.coverage-percent{color:#fff;font-size:1.75rem;font-weight:700}.coverage-progress{background:#fff3;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.coverage-progress-bar{background:var(--primary-color);border-radius:3px;height:100%;transition:width .5s ease}.coverage-detail{color:#fff9;font-size:.65rem;letter-spacing:.3px}.analytics-stats-row{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.analytics-main-grid{display:grid;gap:1.5rem;grid-template-columns:1.3fr .7fr}.analytics-left-column,.analytics-right-column{display:flex;flex-direction:column;gap:1rem}.analysis-card{padding:1.5rem}.analysis-card h3{color:var(--text-color);font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0 0 1.25rem}.analysis-content{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.cycle-average-section{border-right:1px solid var(--surface-border);padding-right:1.5rem}.avg-label{color:var(--primary-color);font-size:.6rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem}.avg-score{color:var(--text-color);font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:.5rem}.avg-description{color:var(--text-color-secondary);font-size:.8rem;line-height:1.5;margin:0 0 1.25rem}.alignment-bar{margin-bottom:.5rem}.alignment-label{color:var(--text-color-secondary);display:flex;font-size:.65rem;font-weight:600;justify-content:space-between;letter-spacing:.3px;margin-bottom:.35rem}.alignment-track{background:var(--surface-border);border-radius:3px;height:6px;overflow:hidden}.alignment-fill{background:linear-gradient(90deg,var(--primary-color),#f59e0b);border-radius:3px;height:100%;transition:width .5s ease}.alignment-note{color:var(--text-color-secondary);font-size:.75rem;font-style:italic;margin:.5rem 0 0}.strategic-insights{padding-left:.5rem}.insights-header{color:var(--text-color-secondary);font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem}.insight-item{display:flex;gap:.75rem;margin-bottom:1rem}.insight-item:last-child{margin-bottom:0}.insight-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.insight-icon i{font-size:.9rem}.insight-icon.gold{background:#f59e0b26;color:#f59e0b}.insight-icon.blue{background:#3b82f626;color:#3b82f6}.insight-icon.red{background:#ef444426;color:#ef4444}.insight-title{color:var(--text-color);font-size:.85rem;font-weight:600;margin-bottom:.15rem}.insight-text{color:var(--text-color-secondary);font-size:.75rem;line-height:1.4}.orange-analytics-card{background:linear-gradient(135deg,#ea580c,#f97316);border-radius:var(--radius-lg);color:#fff;padding:1.25rem}.orange-analytics-card h4{align-items:center;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0 0 1rem}.distribution-bars{display:flex;flex-direction:column;gap:.75rem}.distribution-row{align-items:center;display:grid;gap:.75rem;grid-template-columns:140px 1fr 30px}.dist-label{color:#fffc;font-size:.65rem;font-weight:600;letter-spacing:.3px}.dist-bar-container{background:#ffffff40;border-radius:4px;height:8px;overflow:hidden}.dist-bar{border-radius:4px;height:100%;transition:width .5s ease}.dist-bar.green{background:#10b981}.dist-bar.blue{background:#3b82f6}.dist-bar.orange{background:#fbbf24}.dist-bar.red{background:#ef4444}.orange-analytics-card .dist-bar{background:var(--surface-card)}.dist-count{font-size:.85rem;font-weight:700;text-align:right}.verdict-card{background:linear-gradient(135deg,#c2410c,#ea580c)}.verdict-card h4{color:#fff}.verdict-text{color:#ffffffd9;font-size:.85rem;font-style:italic;line-height:1.6;margin:0}.home-page{display:flex;flex-direction:column;gap:1.5rem}.welcome-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#ea580c 100%);border-radius:var(--radius-lg);color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.welcome-left{flex:1}.greeting-badge{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff59;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:inline-flex;font-size:.65rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;padding:.4rem .85rem}.greeting-badge i{font-size:.75rem}.welcome-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.wave-emoji{animation:wave 1.5s ease-in-out infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.welcome-header p{font-size:.9rem;margin:0;opacity:.9}.mood-selector{border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000014;transition:all .4s ease}.mood-selector,.mood-selector.mood-submitted{background:var(--surface-card);padding:1rem 1.5rem}.mood-title{color:var(--text-color);font-size:.85rem;font-weight:600;margin-bottom:.75rem;text-align:center}.mood-title.mood-thanks{align-items:center;color:var(--text-color);display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.mood-title.mood-thanks .pi{color:#22c55e}.mood-options{display:flex;gap:.75rem}.mood-option{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.mood-option:hover{background:#f973161a}.mood-option.active{background:#f9731626}.mood-option.selected-mood{background:#22c55e26;cursor:default}.mood-option.disabled-mood{cursor:not-allowed;opacity:.6}.mood-option.disabled-mood:hover{background:transparent}.mood-option.mood-animating{animation:moodPop .6s ease forwards}@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 ease}.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}.mood-selected-display{display:flex;justify-content:center}.selected-mood-icon{animation:selectedMoodBounce .5s ease;font-size:2.5rem}@keyframes selectedMoodBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.home-content-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:280px 1fr 280px}@media(max-width:1400px){.home-content-grid{grid-template-columns:260px 1fr 260px}}@media(max-width:1200px){.home-content-grid{grid-template-columns:1fr 320px}.home-docs-column{display:none}}@media(max-width:900px){.home-content-grid{grid-template-columns:1fr}.home-docs-column,.home-right-column{max-height:none;overflow:visible;position:static;top:auto}}.home-center-column,.home-docs-column,.home-left-column,.home-right-column{display:flex;flex-direction:column;gap:1rem}.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{position:sticky;top:calc(var(--header-height) + 1rem);z-index:2}.home-right-column{height:-moz-fit-content;height:fit-content;position:sticky;top:var(--home-right-stick-top,calc(var(--header-height) + 1rem));z-index:2}.documents-widget{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.documents-header{align-items:center;background:var(--primary-color);color:#fff;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.documents-header h4{align-items:center;display:flex;flex:1;font-size:.9rem;font-weight:600;gap:.5rem;margin:0;white-space:nowrap}.documents-header .docs-count{background:#fff3;border-radius:4px;flex-shrink:0;font-size:.7rem;font-weight:600;line-height:1.3;padding:.3rem .6rem;text-align:center}.documents-list{max-height:calc(100vh - 280px);overflow-y:auto}.document-item{border-bottom:1px solid var(--border-color);border-left:3px solid transparent;cursor:pointer;margin-left:-3px;padding:.85rem 1.25rem;transition:all .2s ease}.document-item:last-child{border-bottom:none}.document-item:hover{background:#f973160f;border-left-color:var(--primary-color);transform:translate(3px)}.document-item:hover .document-icon{transform:scale(1.1)}.document-item:hover .document-name{color:var(--primary-color)}.document-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:transform .2s ease;width:36px}.document-icon.pdf,.document-icon.red{background:#ef44441a;color:#ef4444}.document-icon.blue,.document-icon.doc{background:#3b82f61a;color:#3b82f6}.document-icon.orange,.document-icon.policy{background:#f973161a;color:#f97316}.document-icon.conduct,.document-icon.purple{background:#8b5cf61a;color:#8b5cf6}.document-icon.green,.document-icon.guide{background:#22c55e1a;color:#16a34a}.document-icon.health,.document-icon.pink{background:#ec48991a;color:#ec4899}.document-icon.comm,.document-icon.cyan{background:#0ea5e91a;color:#0ea5e9}.document-icon.indigo,.document-icon.remote{background:#6366f11a;color:#6366f1}.document-info{flex:1;min-width:0}.document-name{color:var(--text-color);font-size:.85rem;font-weight:600;transition:color .2s ease}.document-name,.document-name-ar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-name-ar{color:var(--text-color-secondary);font-size:.75rem;margin-top:.15rem}.home-center-column>.section-header{background:var(--surface-ground);isolation:isolate;margin:0;padding:.5rem 0 .85rem;position:sticky;top:calc(var(--header-height) + 1rem);z-index:3}.home-center-column>.section-header:before{background:var(--surface-ground);content:"";inset:-1.25rem -.25rem -1rem;position:absolute;z-index:-1}.section-header h2{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0;position:relative;z-index:1}.section-header h2:before{background:var(--primary-color);border-radius:2px;content:"";height:18px;width:4px}.news-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;position:relative}.news-badge{border-radius:4px;font-size:.6rem;font-weight:700;left:1rem;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;top:1rem;z-index:1}.news-badge.achievement,.news-badge.greeting{background:var(--primary-color);color:#fff}.news-content{padding:1.25rem}.news-date{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;gap:.35rem;margin-bottom:.5rem}.news-content h3{color:var(--text-color);font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.news-content p{color:var(--text-color-secondary);font-size:.85rem;line-height:1.6;margin:0 0 1rem}.news-actions{display:flex;gap:1rem;margin-bottom:1rem}.action-btn-wrapper{position:relative}.action-btn{align-items:center;background:none;border:none;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.8rem;gap:.35rem;padding:0;transition:all .2s ease}.action-btn:hover{color:var(--primary-color)}.action-btn.liked .pi-heart-fill{animation:heartBeat .4s ease}.action-btn.like-animating .pi-heart-fill{animation:likePopBurst .4s ease}.action-btn.action-btn--busy{cursor:default;pointer-events:none}@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{background:#1f2937;border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 16px #0003;color:#fff;font-size:.75rem;left:0;opacity:0;padding:.6rem .85rem;pointer-events:none;position:absolute;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;white-space:nowrap;z-index:1000}.social-tooltip:after{border:6px solid transparent;border-top-color:#1f2937;content:"";left:16px;position:absolute;top:100%}.action-btn-wrapper:before{bottom:100%;content:"";height:220px;left:-20px;position:absolute;right:-20px;z-index:999}.action-btn-wrapper:hover .social-tooltip{opacity:1;pointer-events:auto;transform:translateY(-2px);visibility:visible}.stat-item-wrapper .stat-item{position:relative}.stat-item-wrapper .stat-item:before{bottom:100%;content:"";height:20px;left:-10px;position:absolute;right:-10px}.stat-item-wrapper .social-tooltip:hover,.stat-item-wrapper .stat-item:hover~.social-tooltip{opacity:1;pointer-events:auto;transform:translateY(-2px);visibility:visible}.tooltip-content{display:flex;flex-direction:column;gap:.2rem}.tooltip-content.tooltip-content-scroll{max-height:200px;overflow-y:auto;padding-right:2px;scrollbar-color:hsla(0,0%,100%,.22) hsla(0,0%,100%,.06);scrollbar-width:thin}.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}.tooltip-more{color:#9ca3af;font-style:italic;font-weight:400}.stat-item-wrapper{display:inline-block;position:relative}.stat-item.clickable{cursor:pointer;transition:all .2s ease}.stat-item.clickable:hover{color:var(--primary-color)}.stat-item.clickable .pi-heart-fill.liked{color:#ef4444}.stat-item.like-animating .pi{animation:likePopBurst .4s ease}.stat-item.clickable.stat-item--busy{cursor:default;pointer-events:none}.comment-input{border-top:1px solid var(--surface-border);display:flex;gap:.5rem;padding-top:1rem}.comment-input input{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-color);flex:1;font-size:.85rem;padding:.6rem 1rem}.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{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.widget-header h4{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;font-weight:700;gap:.5rem;margin:0}.widget-header h4 i{color:var(--primary-color)}.widget-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.55rem;font-weight:700;letter-spacing:.3px;padding:.2rem .5rem}.widget-subtitle{color:var(--primary-color);font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem}.widget-footer-note{align-items:center;border-top:1px solid var(--surface-border);color:var(--text-color-secondary);display:flex;font-size:.75rem;font-style:italic;gap:.5rem;margin-top:1rem;padding-top:.75rem}.joiners-list{display:flex;flex-direction:column;gap:.75rem;max-height:540px;overflow-y:auto;padding-right:.25rem}.joiner-item{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;flex-shrink:0;gap:.75rem;padding:1rem}.joiner-avatar{border-radius:50%;height:40px;width: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;display:flex;font-size:.75rem;gap:.35rem;margin-top:.25rem}.joiner-joined .green-dot{background:#10b981;border-radius:50%;height:8px;width:8px}.joiner-reactions{border-top:1px solid var(--surface-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.reaction-btn{align-items:center;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.7rem;gap:.35rem;padding:.35rem .65rem;transition:all .2s ease}.reaction-btn:hover{background:#ff6e050d;border-color:var(--primary-color);color:var(--primary-color)}.reaction-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.reaction-btn.reaction-animating{animation:reactionPop .4s ease}@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 ease}.reaction-btn.active i{animation:reactionIconPop .4s ease}@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)}}.workforce-stats{display:flex;flex-direction:column;gap:.75rem}.workforce-stat{align-items:center;display:flex;gap:.75rem}.stat-icon-small{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.stat-icon-small i{font-size:.85rem}.stat-icon-small.blue{background:#3b82f626;color:#3b82f6}.stat-icon-small.purple{background:#8b5cf626;color:#8b5cf6}.stat-icon-small.orange{background:#f9731626;color:#f97316}.stat-icon-small.green{background:#10b98126;color:#10b981}.stat-info{display:flex;flex:1;flex-direction:column}.stat-label-sm{color:var(--text-color-secondary);font-size:.6rem;font-weight:600;letter-spacing:.3px}.stat-value-lg{color:var(--text-color);font-size:1.1rem;font-weight:700}.stat-change{font-size:.7rem;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.birthday-list{display:flex;flex-direction:column;gap:1rem;max-height:540px;overflow-y:auto;padding-right:.25rem}.birthday-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;padding:1rem}.birthday-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.birthday-avatar{border-radius:var(--radius-md);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.birthday-info{flex:1}.birthday-name{color:var(--text-color);font-size:.9rem;font-weight:600}.birthday-date{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.25rem}.birthday-stats{border-bottom:1px solid var(--surface-border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;min-width:0;padding:.5rem 0}.birthday-stats .stat-item-wrapper{max-width:100%;min-width:0}.birthday-stats .stat-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem;min-width:0}.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);display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.widget-comment:last-of-type{margin-bottom:0}.view-more-comments{padding:.5rem 0;text-align:center}.view-more-btn{background:transparent;border-radius:var(--radius-sm);display:inline-flex;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.view-more-btn:hover{background:#f973161a}.view-more-btn i{font-size:.65rem}.widget-comments .view-more-comments{padding:.25rem 0 0;text-align:left}.widget-comment-avatar{border-radius:50%;flex-shrink:0;height:36px;width:36px}.widget-comment-content{display:flex;flex:1;flex-direction:column;gap:.15rem}.widget-comment-name{color:var(--text-color);font-size:.85rem;font-weight:600}.widget-comment-name .comment-posting-badge{color:var(--text-color-secondary);font-size:.7rem;font-style:italic;font-weight:500;margin-left:.35rem}.widget-comment-text{color:var(--text-color-secondary);font-size:.8rem;line-height:1.4}.widget-comment-input{align-items:center;border-top:1px solid var(--surface-border);box-sizing:border-box;display:flex;gap:.5rem;min-width:0;padding-top:.5rem;width:100%}.widget-comment-input input{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-color);flex:1;font-size:.8rem;min-width:0;padding:.6rem 1rem}.widget-comment-input input:focus{border-color:var(--primary-color);outline:none}.anniversary-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);flex-shrink:0;margin-bottom:1rem;overflow:hidden;padding:1rem}.anniversary-card:last-child{margin-bottom:0}.anniversary-card-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.anniversary-stats{border-bottom:1px solid var(--surface-border);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;min-width:0;padding:.5rem 0}.anniversary-stats .stat-item-wrapper{max-width:100%;min-width:0}.anniversary-stats .stat-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem;min-width:0}.anniversary-stats .stat-item i{color:var(--primary-color)}.birthday-wish-input input:focus{border-color:var(--primary-color);outline:none}.anniversary-list{display:flex;flex-direction:column;gap:.75rem;max-height:540px;overflow-y:auto;padding-right:.25rem}.anniversary-item{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.anniversary-avatar{border-radius:50%;height:45px;width: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);border-radius:4px;color:#fff;display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.3px;margin-top:.35rem;padding:.2rem .5rem}.anniversary-quote{color:var(--text-color-secondary);font-size:.75rem;font-style:italic;margin-top:.5rem}.anniversary-wish-input{align-items:center;display:flex;gap:.5rem;padding:.5rem 0}.anniversary-wish-input span{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;gap:.25rem;white-space:nowrap}.anniversary-wish-input input{background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-color);flex:1;font-size:.8rem;padding:.5rem .75rem}.anniversary-wish-input input:focus{border-color:var(--primary-color);outline:none}.comment-input .p-button-warning i{color:#fff!important}.send-btn-outlined{align-items:center;background:transparent;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.send-btn-outlined:hover{background:var(--primary-color);color:#fff}.send-btn-outlined i{font-size:1rem}.send-btn-filled{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.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);display:flex;gap:.75rem;margin-bottom:.75rem;padding:.75rem}.comment-item:last-child{margin-bottom:0}.comment-avatar{border-radius:50%;flex-shrink:0;height:36px;width:36px}.comment-content{flex:1}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.comment-name{color:var(--text-color);font-size:.85rem;font-weight:600}.comment-posting-badge{color:var(--text-color-secondary);font-size:.7rem;font-style:italic;font-weight:500;margin-left:.35rem}.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);overflow:hidden;padding:0}.birthday-modal{padding:0}.birthday-modal-header{align-items:center;background:var(--primary-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;justify-content:space-between;margin:0;padding:1rem 1.25rem}.birthday-modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.modal-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.8;padding:.25rem;transition:opacity .2s}.modal-close-btn:hover{opacity:1}.birthday-modal-list{max-height:400px;overflow-y:auto;padding:.5rem 1.25rem 1rem}.birthday-modal-item{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;gap:1rem;padding:.85rem 0}.birthday-modal-item:last-child{border-bottom:none}.birthday-day{color:var(--text-color-secondary);font-size:.95rem;font-weight:700;min-width:4.5rem;text-align:center;white-space:nowrap}.birthday-day.anniversary-years{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:var(--radius-md);color:#fff;font-size:.85rem;min-width:auto;padding:.35rem .5rem}.birthday-modal-avatar{border-radius:var(--radius-md);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.birthday-modal-info{flex:1}.birthday-modal-name{color:var(--text-color);font-size:.95rem;font-weight:600;margin-bottom:.15rem}.birthday-modal-position{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px}.birthday-modal-item.past-item{background:var(--surface-ground);opacity:.7}.birthday-modal-item.past-item:hover{opacity:1}.birthday-modal-stats{display:flex;gap:.75rem;margin-top:.35rem}.birthday-modal-stats .stat-badge{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;gap:.25rem}.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{background:#22c55e1a;border-radius:20px;color:#22c55e;font-size:.65rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.birthday-modal-header.anniversary-header{background:linear-gradient(135deg,#f97316,#ea580c)}.wall-of-fame-modal{margin:-1.25rem}.wof-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#ea580c 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.wof-header-content{align-items:center;display:flex;gap:1rem}.wof-header-content i{font-size:1.75rem}.wof-header h3{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.wof-header p{font-size:.8rem;margin:0;opacity:.9}.wof-content{max-height:500px;overflow-y:auto;padding:1.5rem}.wof-section{margin-bottom:2rem}.wof-section:last-child{margin-bottom:0}.wof-section-title{align-items:center;border-bottom:2px solid var(--surface-border);display:flex;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.5rem}.wof-section-title.golden,.wof-section-title.golden i{color:#f59e0b}.wof-section-title.silver,.wof-section-title.silver i{color:#64748b}.wof-cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wof-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}.wof-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.wof-card-header{display:flex;justify-content:center;padding:1rem 1rem .5rem;position:relative}.wof-avatar{border:2px solid var(--surface-border);border-radius:var(--radius-md);height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.wof-years-badge{border-radius:4px;bottom:.25rem;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;position:absolute;right:calc(50% - 48px)}.wof-years-badge.golden{background:linear-gradient(135deg,#f59e0b,#d97706)}.wof-years-badge.silver{background:linear-gradient(135deg,#64748b,#475569)}.wof-card-body{padding:.75rem 1rem 1rem;text-align:center}.wof-name{color:var(--text-color);font-size:.9rem;font-weight:600;margin-bottom:.15rem}.wof-position{color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.wof-milestone{align-items:center;color:var(--primary-color);display:flex;font-size:.6rem;font-weight:600;gap:.35rem;justify-content:center;margin-bottom:.25rem}.wof-milestone i{font-size:.55rem}.wof-milestone-text{color:var(--text-color-secondary);font-size:.75rem;font-style:italic;line-height:1.4;margin-bottom:.75rem}.wof-card-footer{align-items:center;border-top:1px solid var(--surface-border);display:flex;justify-content:space-between;padding-top:.75rem}.wof-endorsements{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;gap:.35rem}.wof-endorsements i{font-size:.65rem}.wof-profile-link{color:var(--primary-color);font-size:.7rem;font-weight:600;text-decoration:none}.wof-profile-link:hover{text-decoration:underline}.employee-directory-page{padding:1.5rem}.directory-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.directory-header-left{align-items:center;display:flex;gap:1rem}.directory-header-left .header-icon{color:var(--primary-color);font-size:2rem}.directory-header-left h1{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.directory-header-left p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.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{background:transparent;border:none;border-radius:6px;color:var(--text-color-secondary);cursor:pointer;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;min-width:80px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.view-btn i{font-size:.9rem}.view-btn:hover{background:#0000000d;color:var(--text-color)}.view-btn.active{box-shadow:0 2px 8px #f973164d;color:#fff}.view-btn.active,.view-btn.active:hover{background:var(--primary-color)}.directory-filters{margin-bottom:1.5rem}.directory-filters-grid,.directory-filters-grid .filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.directory-filters-grid .filter-row{flex:1}.directory-filters-grid .filter-actions-row{align-items:center;display:flex;gap:.5rem;margin-left:auto}.directory-filters-grid .p-inputtext,.directory-filters-grid .p-select{height:38px;min-height:38px}.directory-filters-grid .p-select .p-select-trigger,.directory-filters-grid .p-select button{font-size:.875rem;height:38px;min-height:38px;padding:.4rem .6rem}.directory-filters-grid .p-input-icon-left{align-items:center;display:flex}.directory-filters-grid .p-input-icon-left .p-inputtext{font-size:.875rem;height:38px;padding:.4rem .6rem .4rem 2rem}.directory-filters-grid .p-button{font-size:.875rem;height:38px;padding:.5rem 1rem}.compact-filters-grid,.compact-filters-grid .filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.compact-filters-grid .filter-row{flex:1}.compact-filters-grid .filter-actions-row{align-items:center;display:flex;gap:.5rem;margin-left:auto}.compact-filters-grid .p-datepicker .p-inputtext,.compact-filters-grid .p-inputtext{font-size:.875rem;height:38px;min-height:38px;padding:.4rem .6rem}.compact-filters-grid .p-select{height:38px;min-height:38px}.compact-filters-grid .p-select .p-select-trigger,.compact-filters-grid .p-select button{font-size:.875rem;height:38px;min-height:38px;padding:.4rem .6rem}.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{display:inline-flex;position:relative;width:100%}.compact-filters-grid .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;height:38px;padding-right:2.5rem;width:100%}.compact-filters-grid .requests-datepicker-wrap .p-datepicker-input-icon-container{cursor:pointer;position:absolute!important;right:.75rem;top:50%;transform:translateY(-50%)}.compact-filters-grid .p-button{font-size:.875rem;height:38px;padding:.5rem 1rem}.stats-filters-card{align-items:stretch;flex-direction:column}.stats-filters-card .stats-filter-row{flex:1;width:100%}.stats-filters-card .filter-actions-row{justify-content:flex-end;margin-left:0;margin-top:.75rem}.stats-filters-card .stats-filter-field{flex:1;max-width:250px;min-width:120px}.stats-filters-card .stats-filter-field.requests-datepicker-wrap{max-width:280px;min-width:180px;position:relative}.stats-filters-card .requests-datepicker-wrap .p-datepicker,.stats-filters-card .stats-filter-field .p-datepicker{display:inline-flex;position:relative;width:100%}.stats-filters-card .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;height:38px;padding-right:2.5rem;width:100%}.stats-filters-card .p-datepicker .p-datepicker-input-icon-container,.stats-filters-card .requests-datepicker-wrap .p-datepicker-input-icon-container{cursor:pointer;position:absolute!important;right:.75rem;top:50%;transform:translateY(-50%);z-index:1}.stats-filters-card .p-datepicker-input-icon-container .p-icon,.stats-filters-card .p-datepicker-input-icon-container svg{color:var(--text-secondary);height:1rem;width:1rem}.stats-filters-card .requests-datepicker-wrap{position:relative}.search-row{margin-bottom:1rem}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper i{color:var(--text-color-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper .p-inputtext{border:1px solid var(--surface-border);border-radius:var(--radius-lg);font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.filter-group{align-items:center;gap:.75rem}.filter-label{color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px}.filter-chips{display:flex;gap:.35rem}.filter-chip{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:.75rem;font-weight:500;padding:.4rem .85rem;transition:all .2s}.filter-chip:hover{border-color:var(--primary-color)}.filter-chip.active{background:#1e293b;border-color:#1e293b;color:#fff}.filter-chip.location.active{background:var(--primary-color);border-color:var(--primary-color)}.filter-chip i{margin-right:.25rem}.status-legend{display:flex;gap:1rem;margin-left:auto}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{background:#10b981}.status-dot.in-office{background:var(--primary-color)}.directory-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.employee-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}.employee-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.emp-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.25rem 1.25rem 0}.emp-avatar-wrapper{position:relative}.emp-avatar{border:3px solid var(--surface-border);border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.emp-status-dot{border:2px solid var(--surface-card);border-radius:50%;bottom:2px;height:14px;position:absolute;right:2px;width:14px}.emp-status-dot.online{background:#10b981}.emp-status-dot.in-office{background:var(--primary-color)}.emp-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem}.emp-grade-badge{border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.3px;padding:.25rem .6rem;text-transform:uppercase}.emp-grade-badge.supervisor{background:#f9731626;color:#ea580c}.emp-grade-badge.professional{background:#1e293b1a;color:#1e293b}.emp-grade-badge.executives{background:#a855f726;color:#9333ea}.emp-grade-badge.management{background:#3b82f626;color:#2563eb}.emp-id{color:var(--text-color-secondary);font-size:.7rem}.emp-card-body{padding:1rem 1.25rem}.emp-name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .15rem}.emp-position{color:var(--text-color-secondary);font-size:.7rem;font-weight:500;letter-spacing:.3px;margin:0 0 1rem}.emp-details{display:flex;flex-direction:column;gap:.5rem}.emp-detail-row{align-items:center;color:var(--text-color);display:flex;font-size:.8rem;gap:.5rem}.emp-detail-row i{color:var(--text-color-secondary);width:16px}.emp-detail-row.email-row,.list-email-row{align-items:center;display:flex;gap:.5rem}.emp-detail-row.email-row .email-text,.list-email-row .email-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-actions{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.email-action-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-color-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.email-action-btn:hover{background:var(--surface-ground);color:var(--primary-color)}.email-action-btn i{font-size:.85rem;width:auto}.list-email-row{font-size:.85rem}.emp-nationality,.list-email-row i.pi-envelope{color:var(--text-color-secondary)}.emp-nationality{font-size:.75rem;margin-left:auto}.emp-nationality i{margin-right:.25rem}.branch-tag{color:var(--primary-color);font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-left:auto}.emp-card-actions{border-top:1px solid var(--surface-border);display:flex;gap:.75rem;padding:1rem 1.25rem}.action-btn-primary{align-items:center;background:#1e293b;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:1;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:background .2s}.action-btn-primary:hover:not(:disabled){background:#334155}.action-btn-primary.disabled{cursor:not-allowed;opacity:.6}.action-btn-secondary{align-items:center;background:transparent;border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .2s}.action-btn-secondary:hover:not(:disabled){border-color:var(--text-color);color:var(--text-color)}.action-btn-secondary.disabled{cursor:not-allowed;opacity:.6}.directory-list{overflow-x:auto}.directory-table{border-collapse:collapse;width:100%}.directory-table th{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.85rem 1rem;text-align:left}.directory-table td,.directory-table th{border-bottom:1px solid var(--surface-border)}.directory-table td{padding:1rem;vertical-align:middle}.directory-table tr:last-child td{border-bottom:none}.list-employee{align-items:center;display:flex;gap:.75rem}.list-emp-id{color:var(--text-color-secondary);font-size:.75rem;min-width:45px}.list-emp-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.list-emp-info{display:flex;flex-direction:column}.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{display:flex;flex-direction:column;gap:.25rem}.list-grade{font-size:.7rem;font-weight:600}.list-grade.supervisor{color:#ea580c}.list-grade.professional{color:#1e293b}.list-grade.executives{color:#9333ea}.list-dept{color:var(--text-color);font-size:.8rem}.list-branch{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.list-branch i{margin-right:.35rem}.list-branch i,.list-nationality{color:var(--text-color-secondary)}.list-nationality{font-size:.75rem}.list-contact{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem}.list-contact i{color:var(--text-color-secondary);margin-right:.35rem}.list-actions{display:flex;gap:.5rem}.action-icon-btn{align-items:center;background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.action-icon-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-icon-btn.disabled{cursor:not-allowed;opacity:.5}.directory-regional{display:flex;flex-direction:column;gap:1.5rem}.region-section{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.25rem}.region-header{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.region-icon{color:var(--primary-color);font-size:1.25rem}.region-header h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.region-count{color:var(--text-color-secondary);font-size:.65rem;font-weight:600;letter-spacing:.5px}.region-employees{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.region-emp-card{align-items:center;background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.85rem;transition:border-color .2s}.region-emp-card:hover{border-color:var(--primary-color)}.region-emp-avatar{border-radius:var(--radius-md);height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.region-emp-info{flex:1;min-width:0}.region-emp-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.region-emp-name{color:var(--text-color);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-emp-id{color:var(--text-color-secondary);flex-shrink:0;font-size:.65rem}.region-emp-details{color:var(--text-color-secondary);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.region-emp-nationality{color:var(--primary-color);font-size:.7rem}.region-emp-nationality i{margin-right:.25rem}.region-emp-status{border-radius:50%;flex-shrink:0;height:10px;width:10px}.region-emp-status.online{background:#10b981}.region-emp-status.in-office{background:var(--primary-color)}.company-news-page{padding:0}.news-cell{align-items:center;display:flex;gap:.75rem}.news-thumb{border-radius:var(--radius-sm);height:40px;-o-object-fit:cover;object-fit:cover;width:60px}.news-title{color:var(--text-color);font-size:.9rem;font-weight:600}.news-excerpt{color:var(--text-color-secondary);font-size:.75rem}.category-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:700;gap:.35rem;letter-spacing:.3px;padding:.3rem .6rem}.category-badge.achievement{background:#f9731626;color:#ea580c}.category-badge.event{background:#a855f726;color:#9333ea}.category-badge.greeting{background:#22c55e26;color:#16a34a}.category-badge.announcement{background:#06b6d426;color:#0891b2}.category-badge.company-update{background:#14b8a626;color:#0d9488}.engagement-cell{color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:1rem}.engagement-cell i{margin-right:.25rem}.action-buttons{display:flex;gap:.5rem}.action-icon-btn.danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.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);color:var(--text-color);cursor:pointer;height:40px;justify-content:center;transition:all .2s;width:40px}.back-btn:hover{background:var(--surface-ground)}.form-header h2{font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.form-header p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.news-form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-column .card{padding:1.5rem}.form-section{margin-bottom:1.5rem}.form-label{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem}.category-selector{display:flex;gap:.75rem}.category-option{align-items:center;border:2px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s}.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);font-size:.7rem;font-weight:600;letter-spacing:.3px}.category-option.active span{color:var(--primary-color)}.image-upload-area{align-items:center;border:2px dashed var(--surface-border);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:150px;padding:2rem;text-align:center;transition:all .2s}.image-upload-area:hover{background:#f9731605;border-color:var(--primary-color)}.upload-placeholder{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:.5rem}.upload-placeholder i{color:var(--primary-color);font-size:2rem}.upload-placeholder span{color:var(--primary-color);font-size:.9rem}.upload-placeholder small{font-size:.75rem}.image-preview{border-radius:var(--radius-sm);max-height:200px;max-width:100%}.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{border-radius:4px;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.3px;margin-bottom:.5rem;padding:.25rem .5rem}.preview-badge.achievement{background:var(--primary-color);color:#fff}.preview-badge.event{background:#9333ea;color:#fff}.preview-badge.greeting{background:#16a34a;color:#fff}.preview-badge.announcement{background:#0891b2;color:#fff}.preview-badge.company-update{background:#0d9488;color:#fff}.preview-content h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .5rem}.preview-content p{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5;margin:0}.guidelines-card{background:#f9731614;border-radius:var(--radius-md);margin-top:1rem;padding:1.25rem}.guidelines-header{align-items:center;color:var(--primary-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.guidelines-list{margin:0;padding-left:1.25rem}.guidelines-list li{color:var(--text-color-secondary);font-size:.8rem;line-height:1.5;margin-bottom:.35rem}.guidelines-list li:last-child{margin-bottom:0}.form-action-buttons{display:flex;gap:.75rem}.form-action-buttons .publish-btn{flex:1}.form-action-buttons .schedule-btn{color:var(--primary-color)!important;flex-shrink:0}.schedule-dialog{padding:.5rem}.schedule-header{margin-bottom:1.5rem;text-align:center}.schedule-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#ea580c 100%);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.schedule-icon i{color:#fff;font-size:1.75rem}.schedule-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.schedule-header p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.schedule-content{margin-bottom:1.5rem}.schedule-field{margin-bottom:1.25rem}.schedule-field label{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;margin-bottom:.5rem}.schedule-field .p-datepicker,.schedule-field .p-datepicker input{width:100%}.schedule-preview{align-items:center;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.schedule-preview-icon{align-items:center;background:#16a34a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.schedule-preview-icon i{color:#fff;font-size:1rem}.schedule-preview-text{display:flex;flex-direction:column}.schedule-label{color:#16a34a;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.schedule-datetime{color:var(--text-color);font-size:.9rem;font-weight:600}.schedule-info{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.75rem;line-height:1.5;padding:.85rem}.schedule-info i{color:var(--primary-color);flex-shrink:0;margin-top:.1rem}.schedule-actions{border-top:1px solid var(--surface-border);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.my-profile-page{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);max-width:100%;min-width:0;overflow-x:hidden;width:100%}.profile-header-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:100%;min-width:0;padding:1.5rem 2rem}.profile-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;min-width:0}.profile-avatar-lg{border:3px solid #fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.profile-header-info{flex:1;min-width:0}.profile-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.profile-name{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .25rem;overflow-wrap:anywhere}.profile-position{color:var(--primary-color);font-size:1rem;font-weight:500;margin:0 0 .75rem}.profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.profile-badge{border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.profile-badge.active{background:#16a34a;color:#fff}.profile-badge.draft{background:#ca8a04;color:#fff}.profile-badge.inactive{background:#64748b;color:#fff}.profile-avatar-fallback{background:var(--surface-100);font-size:2rem}.profile-avatar-fallback,.profile-tab-state{align-items:center;color:var(--text-color-secondary);display:flex;justify-content:center}.profile-tab-state{flex-direction:column;gap:1rem;min-height:240px}.orders-empty-state{color:var(--text-color-secondary);padding:1rem 0;text-align:center}.profile-tab-error p{margin:0;text-align:center}.profile-meta-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.profile-meta-item,.profile-meta-item i{color:var(--text-color-secondary)}.profile-tabs-container{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:100%;min-width:0;overflow:hidden;width:100%}.profile-tabs{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:nowrap;gap:0;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 1rem;scrollbar-color:#d1d5db transparent;scrollbar-width:thin;width:100%}.profile-tabs::-webkit-scrollbar{height:2px}.profile-tabs::-webkit-scrollbar-track{background:transparent}.profile-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.profile-tabs::-webkit-scrollbar-thumb:hover{background:#9ca3af}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-color-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:1rem 1.25rem;transition:all .2s ease;white-space:nowrap}.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:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:100%;min-width:0;overflow-x:clip;padding:1.5rem}.tab-panel{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.line-managers-timeline{padding:1.5rem}.manager-timeline{padding-left:1rem}.manager-timeline .p-timeline-event-opposite{display:none}.timeline-marker{align-items:center;background:var(--surface-card);border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;height:56px;justify-content:center;overflow:hidden;width:56px}.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{height:100%;-o-object-fit:cover;object-fit:cover;width: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{background:linear-gradient(135deg,#f973160d,#f973161a);border-color:var(--primary-color)}.timeline-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.timeline-level-badge{border-radius:4px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.timeline-level-badge.executive{background:#7c3aed1a;color:#7c3aed}.timeline-level-badge.management{background:#3b82f61a;color:#3b82f6}.timeline-level-badge.supervisor{background:#f973161a;color:#f97316}.timeline-level-badge.professional{background:#10b9811a;color:#10b981}.timeline-card-simple{padding:.75rem 1rem}.timeline-card-simple .timeline-name{align-items:center;display:flex;gap:.5rem;margin:0}.timeline-card-desc{color:var(--text-color-secondary);font-size:.75rem;line-height:1.35;margin:.25rem 0 0}.timeline-you-badge{background:#10b98126;border-radius:4px;color:#10b981;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:.15rem .4rem;text-transform:uppercase}.timeline-current-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:.2rem .5rem}.timeline-name{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .25rem}.timeline-position{color:var(--text-color-secondary);font-size:.85rem;margin:0 0 .75rem}.timeline-details{display:flex;flex-wrap:wrap;gap:1rem}.timeline-details span{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem}.timeline-details i{color:var(--primary-color);font-size:.7rem}.info-section{border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:100%;min-width:0;overflow:hidden}.section-header{background:var(--surface-ground);border-bottom:1px solid var(--border-color);color:var(--text-color);font-weight:600;padding:.85rem 1.25rem}.section-header.orange i{color:var(--primary-color)}.section-header i{color:var(--text-color-secondary)}.info-grid{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}.info-field{border-bottom:1px solid var(--border-color);border-right: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);display:block;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem}.field-value{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;min-width:0}.field-value i{color:var(--text-color-secondary);flex-shrink:0;font-size:.85rem}.field-value span{min-width:0;overflow-wrap:anywhere}@media(max-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(max-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{display:grid;gap:0;grid-template-columns:repeat(4,minmax(0,1fr))}.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);display:block;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem}.hierarchy-value{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);color:var(--text-color);display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}.hierarchy-value i{color:var(--text-color-secondary)}.hierarchy-item.highlighted .hierarchy-value{background:#f973161a;border:1px solid var(--primary-color);color:var(--primary-color)}.hierarchy-item.highlighted .hierarchy-value i{color:var(--primary-color)}.documents-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:1.25rem}.document-item{align-items:center;background:var(--surface-ground);border:1px dashed var(--border-color);border-radius:var(--radius-sm);display:flex;gap:.75rem;padding:.75rem 1rem}.document-item.uploaded{background:var(--surface-card);border-style:solid}.document-item.clickable{cursor:pointer}.document-item.clickable:hover{border-color:var(--primary-color)}.doc-icon{align-items:center;background:var(--surface-border);border-radius:var(--radius-sm);color:var(--text-color-secondary);display:flex;height:36px;justify-content:center;width:36px}.doc-icon.uploaded{background:#ef44441a;color:#ef4444}.doc-info{flex:1}.doc-info label{color:var(--text-color-secondary);display:block;font-size:.7rem;font-weight:600;letter-spacing:.3px}.doc-status{color:var(--primary-color);font-size:.75rem}.doc-download-btn{align-items:center;background:#22c55e1a;border:none;border-radius:var(--radius-sm);color:#16a34a;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.doc-download-btn:hover{background:#22c55e33}.emergency-contact-card{align-items:center;background:linear-gradient(135deg,#f9731614,#f9731608);border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem 1.5rem}.emergency-icon{align-items:center;background:#f9731626;border-radius:50%;display:flex;height:44px;justify-content:center;width:44px}.emergency-icon i{color:var(--primary-color);font-size:1.1rem}.emergency-info{flex:1}.emergency-label{color:var(--primary-color);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.emergency-name{color:var(--text-color);font-weight:600}.emergency-relation{color:var(--text-color-secondary);font-size:.85rem}.manage-emergency-btn{background:none;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.manage-emergency-btn:hover{background:var(--primary-color);color:#fff}.role-card{background:#f973160d;border-left:4px solid var(--primary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1.25rem}.role-label{color:var(--primary-color);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin-bottom:.35rem}.role-title{color:var(--text-color);font-size:1.1rem;font-weight:700}.job-description-card{background:#f9731608;border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-md);padding:1.25rem}.jd-header{color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.jd-content p{color:var(--text-color);font-size:.9rem;line-height:1.7;margin:0 0 1rem}.jd-content p:last-child{margin-bottom:0}.verification-note{align-items:center;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.75rem;padding:.85rem 1.25rem}.verification-note i{color:#16a34a;font-size:1.1rem}.orders-sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.orders-sub-tabs .sub-tab{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.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{margin-bottom:1.5rem}.cost-center-sub-tabs .sub-tab-list{display:flex;gap:.5rem}.cost-center-sub-tabs .sub-tab{align-items:center;background:var(--surface-ground);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.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}.parent-cc-badge{align-items:center;background:rgba(var(--primary-color-rgb),.1);border-radius:var(--radius-sm);color:var(--primary-color);display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.25rem .6rem}.clickable-row{cursor:pointer}.order-view-content{padding:.5rem 0}.order-header-info{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.order-header-info h3{font-size:1.1rem;margin:0 0 .25rem}.order-header-info p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.order-header-info .status-tag{margin-left:auto}.order-type-badge{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.order-details-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.order-detail-item{display:flex;flex-direction:column;gap:.35rem}.order-detail-item label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.order-detail-item span{color:var(--text-color);font-size:.95rem}.priority-tag{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.priority-tag.high{background:#ef44441a;color:#dc2626}.priority-tag.medium{background:#f973161a;color:#ea580c}.priority-tag.low{background:#22c55e1a;color:#16a34a}.employee-detail-wizard{padding:1rem 0}.detail-wizard-steps{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:1.5rem}.detail-wizard-step{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.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{background:#fff3;color:#fff}.detail-wizard-step .step-number{align-items:center;background:var(--surface-ground);border-radius:50%;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.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{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.35rem}.detail-item label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:var(--text-color);font-size:.95rem}.detail-item span.doc-link{color:var(--primary-color);cursor:pointer}.detail-item span.doc-link i{margin-right:.5rem}.checklist-summary{display:flex;flex-direction:column;gap:.75rem}.checklist-summary .checklist-item{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;font-size:.9rem;gap:.75rem;padding:.75rem}.checklist-summary .checklist-item.completed i{color:#16a34a}.detail-wizard-footer{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.appraisal-view-content{padding:.5rem 0}.appraisal-header-info{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.appraisal-header-info h3{font-size:1.1rem;margin:0 0 .25rem}.appraisal-header-info p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.appraisal-header-info .appraisal-status-btn{margin-left:auto}.appraisal-details-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.appraisal-detail-item{display:flex;flex-direction:column;gap:.35rem}.appraisal-detail-item label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.appraisal-detail-item span{color:var(--text-color);font-size:.95rem}.appraisal-reviewers{border-top:1px solid var(--border-color);padding-top:1rem}.appraisal-reviewers label{color:var(--text-color-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.appraisal-reviewers .reviewer-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.appraisal-reviewers .reviewer-dot{background:#3b82f6;border-radius:50%;height:6px;width: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);border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.85rem 1rem;text-align:center}.splits-table th.highlight-col{background:#22c55e14}.splits-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.9rem;padding:1rem;text-align:center}.splits-table td.highlight-col{background:#22c55e08}.month-cell{text-align:left!important}.month-name{color:var(--text-color);font-weight:600}.payment-date{color:var(--text-color-secondary);font-size:.75rem;margin-top:.25rem}.paid-badge{background:#22c55e1a;border-radius:999px;color:#16a34a;display:inline-block;font-size:.65rem;font-weight:600;margin-top:.35rem;padding:.15rem .5rem}.addition-value{background:var(--surface-ground);border-radius:var(--radius-sm);display:inline-block;padding:.35rem .75rem}.addition-value.has-value{background:#22c55e1a;color:#16a34a;font-weight:600}.gross-pay{color:var(--text-color);font-weight:700}.salary-progress-bar{background:var(--surface-ground);border-radius:999px;height:8px;margin-top:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color),#fb923c);border-radius:999px}.week-nav-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;padding:1rem}.week-label{background:var(--surface-ground);border-radius:999px;color:var(--text-color);font-size:1rem;font-weight:600;padding:.5rem 1.5rem}.shift-reviewer-table{overflow-x:auto}.shift-reviewer-table table{border-collapse:collapse;width:100%}.shift-reviewer-table th{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.75rem;font-weight:600;padding:.75rem;text-align:center}.shift-reviewer-table th .day-header{align-items:center;display:flex;flex-direction:column;gap:.25rem}.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 td{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:center;vertical-align:middle}.shift-reviewer-table .employee-cell{align-items:center;display:flex;gap:.75rem;text-align:left}.shift-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.shift-emp-name{color:var(--text-color);font-weight:600}.shift-emp-type{color:var(--primary-color);font-size:.75rem;font-weight:500}.shift-cell{min-width:100px}.shift-block-profile{border-radius:var(--radius-sm);padding:.5rem .75rem;text-align:center}.shift-block-profile .shift-name{color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.3px}.shift-block-profile .shift-time{color:#ffffffd9;font-size:.65rem}.shift-block-profile.mid-day{background:var(--primary-color)}.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{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1.5rem;margin-top:1rem;padding:1rem}.shift-legend .legend-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.5rem}.shift-legend .legend-dot{border-radius:50%;height:12px;width:12px}.shift-legend .legend-dot.mid-day{background:var(--primary-color)}.shift-legend .legend-dot.evening{background:#3b82f6}.shift-legend .legend-dot.night{background:#1e293b}.shift-legend .legend-dot.morning{background:#16a34a}.attendance-nav-btns{display:flex;gap:.5rem}.attendance-profile-table{overflow-x:auto}.attendance-profile-table table{border-collapse:collapse;width:100%}.attendance-profile-table th{background:var(--surface-ground);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;text-align:left}.attendance-profile-table td,.attendance-profile-table th{border-bottom:1px solid var(--border-color);padding:.75rem}.attendance-profile-table td{color:var(--text-color);font-size:.85rem;vertical-align:middle}.employee-cell-att{align-items:flex-start;background:var(--surface-ground);display:flex;gap:.75rem;padding:1rem!important}.emp-avatar-att{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.emp-name-att{color:var(--text-color);font-weight:600}.emp-dept-att{color:var(--primary-color);font-size:.75rem;font-weight:500}.emp-id-att{font-size:.7rem;margin-top:.25rem}.emp-id-att,.emp-role-att{color:var(--text-color-secondary)}.emp-role-att{font-size:.65rem;font-weight:600;letter-spacing:.3px}.day-date-cell{display:flex;flex-direction:column;gap:.15rem}.day-name-att{color:var(--text-color);font-weight:700}.date-att,.day-name-att.weekend{color:var(--text-color-secondary)}.date-att{font-size:.75rem}.context-cell{color:var(--text-color);font-size:.8rem}.context-cell.weekend{color:#ef4444}.shift-cell-att{display:flex;flex-direction:column;gap:.15rem}.shift-type{color:var(--text-color);font-weight:600}.shift-range{color:var(--text-color-secondary);font-size:.75rem}.time-val{color:var(--text-color);font-weight:500}.status-badge-att{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem}.status-badge-att.present{background:#22c55e1a;color:#16a34a}.punch-flag-att{color:var(--text-color-secondary);font-size:.75rem}.punch-flag-att.missing{color:#ef4444;font-weight:500}.duration-val{color:var(--text-color);font-weight:500}.violation-tag{border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .5rem}.violation-tag.warning{background:#f973161a;color:var(--primary-color)}.no-data{color:var(--text-color-secondary);font-size:.85rem}.attendance-reminder{align-items:flex-start;background:#f9731614;border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-md);display:flex;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem}.attendance-reminder i{color:var(--primary-color);flex-shrink:0;margin-top:.1rem}.attendance-reminder span{color:var(--text-color);font-size:.85rem;line-height:1.5}.appraisal-year-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:0;margin-bottom:1.5rem}.year-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;transition:all .2s ease}.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)}.appraisal-table-container{overflow-x:auto}.appraisal-table{border-collapse:collapse;width:100%}.appraisal-table th{background:var(--surface-ground);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.85rem 1rem;text-align:left}.appraisal-table td,.appraisal-table th{border-bottom:1px solid var(--border-color)}.appraisal-table td{color:var(--text-color);font-size:.9rem;padding:1rem;vertical-align:middle}.appraisal-emp-cell{align-items:center;display:flex;gap:.75rem}.appraisal-avatar{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.appraisal-emp-name{color:var(--text-color);font-weight:600}.appraisal-emp-id{color:var(--text-color-secondary);font-size:.75rem}.cycle-cell{align-items:center;display:flex;gap:.5rem}.reviewers-cell{display:flex;flex-direction:column;gap:.25rem}.reviewer-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.reviewer-dot{background:var(--primary-color);border-radius:50%;height:6px;width:6px}.grade-weights-cell .grade-name{color:var(--text-color);font-weight:600;margin-bottom:.25rem}.weights-row{color:var(--text-color-secondary);font-size:.75rem}.weights-row span{margin-right:.5rem}.appraisal-status-tag{border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;white-space:nowrap}.appraisal-status-tag.assigned{background:#f973161a;border:1px solid rgba(249,115,22,.3);color:var(--primary-color)}.previous-results-table{overflow-x:auto}.previous-results-table table{border-collapse:collapse;width:100%}.previous-results-table thead{background:#1e293b}.previous-results-table th{color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left}.previous-results-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.9rem;padding:1rem 1.25rem;vertical-align:middle}.result-emp-cell{align-items:center;display:flex;gap:.75rem}.result-avatar{border-radius:var(--radius-sm);height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.result-emp-name{color:var(--text-color);font-weight:600}.result-emp-id{color:var(--primary-color);font-size:.75rem}.result-cycle{color:var(--text-color);font-size:.85rem}.score-cell{text-align:center}.self-score{color:var(--text-color-secondary);font-size:.9rem}.final-score{color:var(--primary-color);font-size:1.25rem;font-weight:700}.performance-rating{align-items:center;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem}.performance-rating .rating-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.performance-rating.excellent,.performance-rating.very-good{color:#22c55e}.performance-rating.good{color:#3b82f6}.performance-rating.average{color:#f59e0b}.evaluator-name{color:var(--text-color);font-size:.85rem}.action-cell{text-align:center}.action-icon-btn.orange{background:none;border:none;border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;height:36px;transition:all .2s ease;width:36px}.action-icon-btn.orange:hover{background:#f973161a}.coming-soon-container{flex-direction:column;padding:4rem 2rem;text-align:center}.coming-soon-container,.coming-soon-icon{align-items:center;display:flex;justify-content:center}.coming-soon-icon{background:#f973161a;border-radius:50%;height:80px;margin-bottom:1.5rem;width:80px}.coming-soon-icon i{color:var(--primary-color);font-size:2rem}.coming-soon-container h2{color:var(--text-color);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.coming-soon-container p{color:var(--primary-color);font-size:.9rem;margin:0}.request-cell{align-items:center;display:flex;gap:.75rem}.request-type-badge{align-items:center;border-radius:var(--radius-sm);display:flex;height:36px;justify-content:center;width:36px}.request-type-name{color:var(--text-color);font-weight:600}.request-id{color:var(--text-color-secondary);font-size:.75rem}.employee-cell-small{align-items:center;display:flex;gap:.5rem}.emp-avatar-sm{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.emp-name-sm{color:var(--text-color);font-size:.85rem;font-weight:500}.emp-dept-sm{color:var(--text-color-secondary);font-size:.75rem}.step-info{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.step-info i{color:var(--text-color-secondary)}.status-tag{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-tag.pending{background:#f973161a;color:var(--primary-color)}.status-tag.approved{background:#22c55e1a;color:#16a34a}.status-tag.rejected{background:#ef44441a;color:#ef4444}.status-tag.in-review{background:#8b5cf61a;color:#8b5cf6}.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{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.hr-request-center-page .page-subtitle{color:var(--text-color-secondary);font-size:.9rem;margin:0}.hr-request-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.hr-request-grid{grid-template-columns:repeat(3,1fr)}}@media(max-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 ease}.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{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.hr-request-name{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.5rem}.hr-request-description{color:var(--text-color-secondary);font-size:.85rem;line-height:1.5}.hr-request-form-page{padding:0}.hr-form-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.hr-form-title{align-items:center;display:flex;gap:1rem}.hr-form-title .title-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.hr-form-title h2{font-size:1.35rem;font-weight:700;margin:0}.hr-form-title p{color:var(--text-color-secondary);font-size:.85rem;margin:.25rem 0 0}.hr-form-content{display:grid;gap:2rem;grid-template-columns:1fr 380px}@media(max-width:1100px){.hr-form-content{grid-template-columns:1fr}}.hr-form-fields{display:flex;flex-direction:column;gap:1.5rem}.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{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.hr-form-fields .section-header i{color:var(--primary-color)}.hr-form-fields .section-header .currency-badge{color:var(--text-color-secondary);font-size:.75rem;font-weight:500;margin-left:auto}.hr-form-fields .form-grid-2,.hr-form-fields .salary-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.hr-form-fields .salary-input-wrapper{align-items:center;display:flex;position:relative}.hr-form-fields .salary-input-wrapper .currency-prefix{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:1px solid var(--border-color);bottom:1px;color:var(--text-color-secondary);display:flex;font-size:.85rem;font-weight:500;justify-content:center;left:1px;padding:0 .75rem;position:absolute;top:1px;z-index:1}.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{display:flex;justify-content:center;padding-top:1rem}.hr-form-fields .file-upload-area{background:var(--surface-ground);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;text-align:center}.hr-form-fields .file-upload-area .file-hint{color:var(--text-color-secondary);display:block;font-size:.85rem;margin-top:.5rem}.hr-form-fields .file-upload-area .file-types{color:var(--text-color-secondary);display:block;font-size:.75rem;margin-top:.25rem}.hr-summary-panel{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:-moz-fit-content;height:fit-content;position:sticky;top:1rem}.hr-summary-panel .summary-header{align-items:center;background:var(--primary-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem}.hr-summary-panel .summary-empty{color:var(--text-color-secondary);padding:3rem 2rem;text-align:center}.hr-summary-panel .summary-empty .empty-icon{align-items:center;background:var(--surface-ground);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.hr-summary-panel .summary-empty .empty-icon i{color:var(--text-color-secondary);font-size:1.5rem}.hr-summary-panel .summary-empty p{font-size:.9rem;margin:0}.hr-summary-panel .summary-content{padding:1.5rem}.hr-summary-panel .summary-employee{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.hr-summary-panel .summary-avatar{border-radius:50%;height:56px;-o-object-fit:cover;object-fit:cover;width: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{display:flex;flex-direction:column;gap:1.5rem}.hr-summary-panel .summary-group-title{color:var(--text-color-secondary);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem}.hr-summary-panel .summary-item{margin-bottom:.75rem}.hr-summary-panel .summary-item-label{color:var(--text-color-secondary);font-size:.7rem;letter-spacing:.3px;margin-bottom:.35rem}.hr-summary-panel .summary-item-values{align-items:center;display:flex;gap:.5rem}.hr-summary-panel .summary-value{background:var(--surface-ground);border-radius:var(--radius-sm);flex:1;font-size:.85rem;padding:.5rem .75rem;text-align:center}.hr-summary-panel .summary-value.new.has-change{background:#f973161a;color:var(--primary-color);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);font-size:.8rem;font-style:italic;margin-top:1.5rem;padding-top:1rem;text-align:center}.employee-option{gap:.75rem;padding:.25rem 0}.employee-option .employee-avatar{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width: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{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.hr-requests-settings-page .section-hint{color:var(--text-color-secondary);font-size:.85rem;margin:-.5rem 0 1rem}.selected-fields-list{display:flex;flex-direction:column;gap:.5rem}.selected-field-item{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem 1rem}.selected-field-item .field-drag-handle{color:var(--text-color-secondary);cursor:grab}.selected-field-item .field-info{align-items:center;display:flex;flex:1;gap:.75rem}.selected-field-item .field-group-badge{background:var(--primary-color);border-radius:999px;color:#fff;font-size:.7rem;font-weight:500;padding:.2rem .5rem}.selected-field-item .field-label{font-size:.9rem;font-weight:500}.selected-field-item .field-required{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.4rem;margin-left:auto;white-space:nowrap}.selected-field-item .field-actions{display:flex;gap:.25rem}.field-selector-content{max-height:500px;overflow-y:auto}.field-selector-content .field-search{margin-bottom:1.5rem}.field-selector-content .field-groups{display:flex;flex-direction:column;gap:1.5rem}.field-selector-content .field-group-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.field-selector-content .field-group-header i{color:var(--primary-color)}.field-selector-content .field-group-items{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.field-selector-content .field-checkbox-item{align-items:center;border-radius:var(--radius-sm);display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .15s}.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{background:#f973161a;color:#f97316}.hr-requests-tracking-page .stat-icon.red{background:#ef44441a;color:#ef4444}.hr-requests-tracking-page .header-actions,.request-type-cell{display:flex;gap:.75rem}.request-type-cell{align-items:center}.request-type-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.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-avatar-sm{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.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{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.9rem;gap:.5rem}.date-cell i{font-size:.85rem}.status-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem;text-transform:capitalize}.status-badge.pending{background:#f973161a;color:#f97316}.status-badge.approved{background:#22c55e1a;color:#16a34a}.status-badge.processing{background:#3b82f61a;color:#3b82f6}.status-badge.rejected{background:#ef44441a;color:#ef4444}.status-badge.large{font-size:.85rem;padding:.5rem 1rem}.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;display:flex;gap:1rem}.view-header-content{flex:1}.view-title-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.view-title-info h2{font-size:1.35rem;font-weight:700;margin:0}.view-title-info p{color:var(--text-color-secondary);font-size:.85rem;margin:.25rem 0 0}.view-content{display:grid;gap:1.5rem;grid-template-columns:1fr 380px}@media(max-width:1100px){.view-content{grid-template-columns:1fr}}.view-details{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.detail-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.detail-card-header i{color:var(--primary-color)}.employee-info-row{align-items:center;display:flex;gap:1rem}.employee-avatar-lg{border-radius:50%;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.employee-name-lg{font-size:1.1rem;font-weight:600}.employee-meta{display:flex;gap:1.5rem;margin-top:.5rem}.employee-meta span{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.4rem}.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);border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}.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{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.5rem .75rem}.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);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.changes-card .changes-list{display:flex;flex-direction:column;gap:.75rem}.changes-card .change-item{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem}.changes-card .change-field{color:var(--text-color-secondary);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.changes-card .change-values{align-items:center;display:flex;gap:.75rem}.changes-card .change-new,.changes-card .change-old{flex:1;text-align:center}.changes-card .change-label{color:var(--text-color-secondary);display:block;font-size:.7rem;margin-bottom:.25rem}.changes-card .change-value{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:block;font-size:.9rem;font-weight:500;padding:.5rem .75rem}.changes-card .change-value.highlight{background:#f973161a;border-color:#f973164d;color:var(--primary-color);font-weight:600}.changes-card .change-arrow{color:var(--text-color-secondary);font-size:.9rem}.view-actions-panel{display:flex;flex-direction:column;gap:1.5rem}.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;margin-bottom:0;margin-left:0;width:100%}.actions-card-header,.timeline-card-header{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.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);font-size:.9rem;margin:0 0 1.5rem}.actions-content .action-buttons{display:flex;flex-direction:column;gap:.75rem}.actions-content .action-note{align-items:flex-start;background:#3b82f614;border-radius:var(--radius-md);color:#3b82f6;display:flex;font-size:.8rem;gap:.5rem;margin-top:1.5rem;padding:.75rem}.actions-content .action-note i{margin-top:.1rem}.actions-completed{padding:1.5rem 0;text-align:center}.actions-completed .completed-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.actions-completed .completed-icon.approved{background:#22c55e1a;color:#16a34a}.actions-completed .completed-icon.rejected{background:#ef44441a;color:#ef4444}.actions-completed .completed-text{color:var(--text-color-secondary);font-size:.95rem}.actions-completed .completed-date{color:var(--text-color-secondary);font-size:.85rem;margin-top:.5rem}.timeline-item,.timeline-list{position:relative}.timeline-item{display:flex;gap:1rem;padding-bottom:1.25rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):after{background:var(--border-color);bottom:0;content:"";left:7px;position:absolute;top:20px;width:2px}.timeline-dot{border-radius:50%;flex-shrink:0;height:16px;margin-top:2px;width:16px}.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);font-size:.8rem;margin-top:.25rem}.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{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);max-width:800px}@media(max-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 ease}.bulk-setting-card:hover{border-color:var(--primary-color);border-style:solid;box-shadow:0 4px 12px #00000014}.bulk-setting-card .setting-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.bulk-setting-card .setting-icon.ramadan{background:#6366f11a;color:#6366f1}.bulk-setting-card .setting-icon.gifts{background:#ec48991a;color:#ec4899}.bulk-setting-card .setting-name{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.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{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.setting-form-page .form-header-content{align-items:center;display:flex;gap:1rem}.setting-form-page .form-header-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.setting-form-page .form-header-icon.ramadan{background:#6366f11a;color:#6366f1}.setting-form-page .form-header-icon.gifts{background:#ec48991a;color:#ec4899}.setting-form-page .form-header-content h2{font-size:1.35rem;font-weight:700;margin:0}.setting-form-page .form-header-content p{color:var(--text-color-secondary);font-size:.85rem;margin:.25rem 0 0}.form-content-layout{display:grid;gap:1.5rem;grid-template-columns:1fr 320px}@media(max-width:1000px){.form-content-layout{grid-template-columns:1fr}}.form-content-centered{margin:0 auto;max-width:650px}.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{align-items:center;background:#6366f11a;border-radius:50%;color:#6366f1;display:flex;font-size:1.1rem;height:44px;justify-content:center;width:44px}.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{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.config-card .config-header i{color:var(--primary-color)}.config-card .form-hint{color:var(--text-color-secondary);display:block;font-size:.8rem;margin-top:.5rem}.info-notes{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.info-note{align-items:flex-start;color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:.5rem}.info-note i{color:#3b82f6;margin-top:.1rem}.gift-options{display:flex;flex-direction:column;gap:.5rem}.gift-option{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.25rem;transition:all .15s}.gift-option.selected,.gift-option:hover{border-color:var(--primary-color)}.gift-option.selected{background:#f9731608}.gift-option label{cursor:pointer;font-size:.9rem}.form-sidebar{display:flex;flex-direction:column;gap:1rem}.summary-card{background:var(--primary-color);color:#fff;padding:1.25rem}.summary-card .summary-header{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.summary-card .summary-text{font-size:.85rem;line-height:1.6;margin:0;opacity:.9}.audience-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.audience-card .audience-header{font-size:.9rem;font-weight:600;margin-bottom:1rem}.audience-card .audience-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.audience-card .audience-item:last-child{border-bottom:none}.audience-card .audience-label{color:var(--text-color-secondary);font-size:.85rem}.audience-card .audience-value{color:var(--primary-color);font-size:.85rem;font-weight:500}.form-actions-centered{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.bulk-actions-filters-card{align-items:stretch;flex-direction:column;margin-bottom:1.5rem;padding:1rem 1.25rem}.bulk-actions-filters-card .filter-actions-row{justify-content:flex-end;margin-left:0;margin-top:.75rem;width:100%}.bulk-actions-filters-card .requests-datepicker-wrap{max-width:240px;min-width:200px;position:relative}.bulk-actions-filters-card .requests-datepicker-wrap .p-datepicker{display:inline-flex;position:relative;width:100%}.bulk-actions-filters-card .requests-datepicker-wrap .p-datepicker .p-inputtext{flex:1;height:38px;width:100%}.bulk-actions-search-field{flex:1 1 240px;min-width:240px}.bulk-actions-exclude-drafts{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.875rem;gap:.5rem;white-space:nowrap}.bulk-actions-empty{color:var(--text-color-secondary);padding:2rem 1rem;text-align:center}.logs-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.logs-header h3{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.logs-header p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.logs-actions{display:flex;gap:.5rem}.log-type-cell{gap:.75rem}.log-type-cell,.log-type-icon{align-items:center;display:flex}.log-type-icon{border-radius:var(--radius-md);font-size:1rem;height:40px;justify-content:center;width:40px}.log-type-icon.ramadan{background:#6366f11a;color:#6366f1}.log-type-icon.gifts{background:#ec48991a;color:#ec4899}.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;display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.log-status-badge.active{background:#22c55e1a;color:#16a34a}.log-status-badge.completed{background:#3b82f61a;color:#3b82f6}.log-status-badge.scheduled{background:#f973161a;color:#f97316}.log-status-badge.draft{background:#64748b1a;color:#64748b}.log-status-badge.large{font-size:.8rem;padding:.4rem 1rem}.log-details-content{padding:.5rem 0}.log-details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.log-details-heading{flex:1;min-width:0}.log-details-description{color:var(--text-color-secondary);font-size:.85rem;line-height:1.4;margin-top:.35rem}.log-details-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.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{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.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);display:block;font-size:.75rem;margin-bottom:.25rem}.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{font-size:.85rem;font-weight:600;margin-bottom:.75rem}.log-details-section .details-list{display:flex;flex-direction:column;gap:.5rem}.log-details-section .details-item{display:flex;font-size:.85rem;justify-content:space-between}.log-details-section .details-key{color:var(--text-color-secondary)}.log-details-section .details-value{font-weight:500}.date-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.date-grid .form-group{width:100%}.date-input-full,.date-input-full input{width:100%!important}.attendance-logic-card{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem 1.5rem}.attendance-logic-card .logic-header{align-items:center;color:#3b82f6;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.attendance-logic-card .logic-list{display:flex;flex-direction:column;gap:.6rem;margin:0;padding-left:1.25rem}.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;font-size:1rem;height:40px;justify-content:center;width:40px}.doc-cell .doc-icon.pdf,.doc-cell .doc-icon.red{background:#ef44441a;color:#ef4444}.doc-cell .doc-icon.blue,.doc-cell .doc-icon.doc{background:#3b82f61a;color:#3b82f6}.doc-cell .doc-icon.orange,.doc-cell .doc-icon.policy{background:#f973161a;color:#f97316}.doc-cell .doc-icon.conduct,.doc-cell .doc-icon.purple{background:#8b5cf61a;color:#8b5cf6}.doc-cell .doc-icon.green,.doc-cell .doc-icon.guide{background:#22c55e1a;color:#16a34a}.doc-cell .doc-icon.health,.doc-cell .doc-icon.pink{background:#ec48991a;color:#ec4899}.doc-cell .doc-icon.comm,.doc-cell .doc-icon.cyan{background:#0ea5e91a;color:#0ea5e9}.doc-cell .doc-icon.indigo,.doc-cell .doc-icon.remote{background:#6366f11a;color:#6366f1}.doc-cell .doc-name{color:var(--text-color);font-size:.9rem;font-weight:600}.doc-cell .doc-name-ar{color:var(--text-color-secondary);font-size:.8rem;margin-top:.15rem}.doc-category-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.35rem .75rem;text-transform:capitalize}.doc-category-badge.policy{background:#f973161a;color:#f97316}.doc-category-badge.guide{background:#22c55e1a;color:#16a34a}.doc-category-badge.regulation{background:#3b82f61a;color:#3b82f6}.doc-status-tag{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.doc-status-tag.valid{background:#22c55e26;color:#16a34a}.doc-status-tag.near_expire{background:#f9731626;color:#ea580c}.doc-status-tag.expired{background:#ef444426;color:#dc2626}.file-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.025em;padding:.25rem .5rem}.file-type-badge.pdf{background:#ef44441a;color:#ef4444}.file-type-badge.doc,.file-type-badge.docx{background:#3b82f61a;color:#3b82f6}.file-type-badge.xls,.file-type-badge.xlsx{background:#22c55e1a;color:#16a34a}.downloads-count{align-items:center;color:var(--text-color-secondary);display:inline-flex;font-size:.85rem;gap:.35rem}.downloads-count i{font-size:.8rem}.doc-form-view{padding:0}.doc-form-view .form-main-section{max-width:800px}.doc-type-options{display:flex;gap:1rem}.doc-type-option{align-items:center;background:var(--surface-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease}.doc-type-option:hover{background:#f9731605;border-color:var(--primary-color)}.doc-type-option.active{background:#f9731614;border-color:var(--primary-color);color:var(--primary-color)}.doc-type-option i{font-size:1.25rem}.doc-type-option span{font-weight:500}.file-upload-area{background:var(--surface-card);border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:block;padding:1.5rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{background:#f9731605;border-color:var(--primary-color)}.file-upload-content{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:.5rem}.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;gap:.75rem;justify-content:center}.file-upload-content.selected i{font-size:1.25rem}.file-upload-content.selected span{color:var(--text-color);font-weight:500}.remove-file-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:.25rem;transition:color .2s}.remove-file-btn:hover{color:var(--red-500)}.selected-file{align-items:center;background:var(--surface-ground);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.selected-file i{color:var(--primary-color)}.selected-file span{flex:1;font-size:.85rem;font-weight:500}.selected-file button{background:none;border:none;border-radius:4px;color:var(--text-color-secondary);cursor:pointer;padding:.25rem;transition:color .15s,background .15s}.selected-file button:hover{background:#ef44441a;color:#ef4444}.stats-page{padding:0}.stats-module-tabs{background:var(--surface-card);border-bottom:2px solid var(--border-color);display:flex;gap:0;margin:-1.5rem -1.5rem 1.5rem;overflow-x:auto;padding:0 1.5rem}.module-tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:1rem 1.25rem;transition:all .2s;white-space:nowrap}.module-tab:hover{background:#f973160d;color:var(--primary-color)}.module-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.module-tab i{font-size:1rem}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.stats-title h1{font-size:1.5rem;font-weight:700;margin:0}.stats-title p{color:var(--text-color-secondary);font-size:.85rem;margin:.25rem 0 0}.insights-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.insight-tab{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);display:flex;gap:.5rem;padding:.75rem 1.25rem}.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{margin-bottom:1.5rem;width:100%}.date-range-filters{display:flex;gap:.5rem;margin-bottom:1rem}.date-range-btn{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.6rem 1rem;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{align-items:flex-end;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600}.date-range-trigger{position:relative}.date-range-button{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;min-width:160px;padding:.5rem .75rem;transition:all .2s ease}.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);font-size:.7rem;margin-left:auto;transition:transform .2s ease}.date-range-button.active .pi-chevron-down{transform:rotate(180deg)}.date-range-dropdown{animation:dropdownFadeIn .2s ease;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;left:0;min-width:320px;position:absolute;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-range-dropdown-content{display:flex;gap:1rem;padding:1rem}.date-range-dropdown-content .date-field{display:flex;flex:1;flex-direction:column;gap:.35rem}.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{background:var(--surface-ground);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:1px solid var(--border-color);display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.module-filters{align-items:flex-end;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;width:100%}.module-filters.payroll-filters{gap:.75rem;padding:.75rem 1rem}.module-filters.payroll-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.module-filters.payroll-filters .filter-group label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase}.module-filters.payroll-filters .p-select{min-width:120px}.module-filters.payroll-filters .filter-action{display:flex;flex-direction:column;justify-content:flex-end}.module-filters.payroll-filters .filter-action label{height:0;margin:0;visibility:hidden}.module-filters .search-btn{background:#475569!important;border-color:#475569!important;font-size:.875rem!important;font-weight:500!important;padding:.5rem 1.25rem!important}.module-filters .search-btn:hover{background:#334155!important;border-color:#334155!important}.filter-buttons{align-items:center;display:flex;gap:.5rem}.module-filters .reset-btn{border-color:#cbd5e1!important;color:#475569!important;font-size:.875rem!important;font-weight:500!important;padding:.5rem 1rem!important}.module-filters .reset-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important;color:#334155!important}.module-filters .filter-action{display:flex;flex-direction:column;justify-content:flex-end}.stats-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.appraisal-cycle-selector{align-items:center;background:#f973160d;border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.cycle-label{align-items:center;color:var(--primary-color);display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.appraisal-placeholder{background:var(--surface-ground);border-radius:var(--radius-lg);color:var(--text-color-secondary);padding:4rem 2rem;text-align:center}.appraisal-placeholder i{font-size:3rem;margin-bottom:1rem;opacity:.5}.static-insights-content{padding:0}.section-title{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.025em;margin-bottom:1rem}.period-cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1400px){.period-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:var(--border-color);border-style:dashed;cursor:pointer}.period-card.custom-range-card.not-applied:hover{background:linear-gradient(135deg,#fff8f5,#fff5f0);border-color:var(--primary-color)}.custom-range-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 1rem;text-align:center}.custom-range-placeholder i{color:var(--primary-color);font-size:3rem;margin-bottom:1rem;opacity:.7}.custom-range-placeholder .placeholder-text{color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.custom-range-placeholder .placeholder-hint{color:var(--text-color-secondary);font-size:.85rem;margin:0}.period-card.custom-range-card.not-applied:hover .custom-range-placeholder i{opacity:1}.period-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.period-title{color:var(--text-color);font-size:.9rem;font-weight:700}.period-date{color:var(--text-color-secondary);font-size:.7rem}.period-badge{border-radius:4px;font-size:.65rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.period-badge.confirmed{background:#22c55e1a;color:#16a34a}.stats-section{margin-bottom:1rem}.stats-section .section-label{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.7rem;font-weight:600;gap:.35rem;letter-spacing:.025em;margin-bottom:.5rem}.stats-section .section-label i{font-size:.75rem}.main-stat{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem}.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{display:flex;flex-direction:column;gap:.4rem}.stat-row{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.stat-dot{border-radius:50%;flex-shrink:0;height:8px;width: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:0 0 auto}.stat-num{color:var(--text-color);font-weight:600}.stat-percent{color:var(--primary-color);font-weight:700}.stats-section.performance .stat-row{align-items:center;display:flex;justify-content:space-between;width:100%}.stats-section.performance .stat-row .stat-label-with-tooltip{flex:0 0 auto}.stats-section.performance .stat-row .stat-percent{flex:0 0 auto;margin-left:auto;text-align:right}.stat-label-with-tooltip{align-items:center;display:flex;gap:.35rem}.tooltip-icon{color:var(--text-color-secondary);cursor:help;font-size:.75rem;opacity:.7;transition:opacity .2s,color .2s}.tooltip-icon:hover{color:var(--primary-color);opacity:1}.view-details-link{align-items:center;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-top:.5rem}.view-details-link:hover{text-decoration:underline}.dynamic-insights-content{padding:0}.dynamic-view-selector{display:inline-block;margin-bottom:1.5rem;position:relative}.dynamic-view-selector.stats-filter-field{flex:1;margin-bottom:0;min-width:180px}.view-selector-field{align-items:center;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;height:100%;min-width:180px;padding:.625rem 1rem;transition:all .2s ease}.stats-filter-field .view-selector-field{min-width:auto;width:100%}.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);font-size:.75rem;margin-left:auto}.view-selector-popover{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;margin-top:.5rem;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}.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);display:block;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.popover-select{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.625rem .875rem;transition:border-color .2s;width:100%}.popover-select:focus{border-color:var(--primary-color);outline:none}.popover-input{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-color);font-size:.9rem;padding:.625rem .875rem;width:100%}.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{align-items:center;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem .75rem}.month-selector span{color:var(--text-color);font-size:.9rem;font-weight:500}.month-nav{align-items:center;background:var(--surface-ground);border:none;border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.month-nav:hover{background:var(--primary-color);color:#fff}.month-nav i{font-size:.75rem}.popover-actions{border-top:1px solid var(--surface-border);display:flex;gap:.5rem;padding-top:.75rem}.popover-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1;font-size:.85rem;font-weight:500;padding:.625rem 1rem;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{align-items:center;color:var(--primary-color);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1.5rem}.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;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0}.chart-header small{color:var(--text-color-secondary);display:block;font-size:.75rem;margin-top:.25rem}.charts-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-placeholder{display:flex;flex-direction:column;min-height:200px}.chart-container{height:250px;position:relative;width:100%}.chart-container.small{height:180px}.chart-container canvas{height:100%!important;width:100%!important}.chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.legend-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;gap:.35rem}.legend-dot{border-radius:50%;height:10px;width: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{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1400px){.demography-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.demography-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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;display:flex;gap:.5rem;margin-bottom:1rem}.category-icon{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:28px;justify-content:center;width:28px}.category-icon.blue{background:#3b82f61a;color:#3b82f6}.category-icon.orange{background:#f973161a;color:#f97316}.category-icon.purple{background:#8b5cf61a;color:#8b5cf6}.category-icon.green{background:#22c55e1a;color:#16a34a}.category-icon.red{background:#ef44441a;color:#ef4444}.category-title{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.025em}.demography-items{display:flex;flex-direction:column;gap:.5rem}.demography-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.item-dot{border-radius:50%;height:8px;width: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{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-top:.75rem;padding:0}.view-more-btn:hover{text-decoration:underline}.directory-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.directory-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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);font-size:.75rem;font-weight:600;margin-bottom:1rem}.directory-stat-card .stat-items{display:flex;flex-direction:column;gap:.5rem}.directory-stat-card .stat-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.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{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.feeling-item{align-items:center;background:var(--surface-card);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.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{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:150px}.retention-value{color:#16a34a;font-size:3rem;font-weight:700}.retention-label{color:var(--text-color-secondary);font-size:.75rem;margin-top:.5rem}.settings-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.settings-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-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{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.settings-stat-card .stat-items{display:flex;flex-direction:column;gap:.5rem}.settings-stat-card .stat-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.settings-stat-card .stat-item span:nth-child(2){color:var(--text-color-secondary);flex:1}.view-more-link{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.35rem;margin-top:.75rem;padding:0}.view-more-link:hover{text-decoration:underline}.appraisals-insights-content{padding:0}.appraisal-cycle-header{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.cycle-info .cycle-badge{color:var(--primary-color);font-size:.7rem;font-weight:600;letter-spacing:.025em}.cycle-info h2{font-size:1.5rem;font-weight:700;margin:.5rem 0 .25rem}.live-tracking{align-items:center;color:#16a34a;display:flex;font-size:.75rem;gap:.35rem}.live-tracking i{animation:pulse 2s infinite;font-size:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.coverage-card{background:var(--primary-color);border-radius:var(--radius-md);color:#fff;padding:1rem 1.5rem;text-align:center}.coverage-label{font-size:.7rem;font-weight:600;opacity:.8}.coverage-value{display:block;font-size:2rem;font-weight:700;margin:.25rem 0}.coverage-detail{font-size:.7rem;opacity:.8}.appraisal-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.appraisal-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.appraisal-stat-card i{color:var(--text-color-secondary);font-size:1.5rem;margin-bottom:.5rem}.appraisal-stat-card .stat-value{color:var(--text-color);display:block;font-size:2rem;font-weight:700}.appraisal-stat-card .stat-label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.025em}.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{font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:1.25rem;opacity:.9;text-transform:uppercase}.score-bars{display:flex;flex-direction:column;gap:1rem}.score-bar-row{align-items:flex-end;display:flex;gap:1rem}.score-bar-content{display:flex;flex:1;flex-direction:column;gap:.35rem}.score-label{font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.score-bar-track{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;width:100%}.score-bar-fill{background:var(--surface-card);border-radius:2px;height:100%;transition:width .3s ease}.score-count{font-size:1.1rem;font-weight:700;min-width:1.5rem;text-align:right}.appraisal-note{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.75rem;margin-top:1.5rem;padding:1rem}.appraisal-note i{color:var(--primary-color);flex-shrink:0}.period-cards-grid.payroll{grid-template-columns:repeat(3,1fr)}.payroll-card .payroll-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.payroll-stat-row{align-items:center;display:flex;gap:.5rem}.payroll-stat-row .stat-icon{align-items:center;border-radius:6px;display:flex;font-size:.8rem;height:28px;justify-content:center;width:28px}.payroll-stat-row .stat-icon.blue{background:#3b82f61a;color:#3b82f6}.payroll-stat-row .stat-icon.green{background:#22c55e1a;color:#16a34a}.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{display:flex;flex-direction:column;gap:.5rem}.amount-row{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.amount-dot{border-radius:50%;height:8px;width: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{border-radius:var(--radius-sm);display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.tag-badge.cogs{background:#3b82f61a;color:#3b82f6}.tag-badge.ga{background:#8b5cf61a;color:#8b5cf6}.tag-badge.intangible{background:#22c55e1a;color:#16a34a}.tag-amounts .amount,.tag-amounts .amount-row{font-size:.8rem}.training-paths-page .page-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.training-paths-page .page-header-row h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.training-paths-page .page-header-row p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.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{background:#f973161a;border-radius:20px;color:var(--primary-color);display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.training-paths-page .action-buttons{display:flex;gap:.5rem}.training-paths-page .action-icon-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .2s;width:32px}.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{display:flex;flex-direction:column;gap:1.25rem}.training-form .form-field{display:flex;flex-direction:column;gap:.5rem}.training-form .form-field label{color:var(--text-color);font-size:.85rem;font-weight:600}.delete-confirm-content{align-items:center;display:flex;gap:1rem}.delete-confirm-content i{color:#ef4444;font-size:2rem}.training-assign-page{margin:0 auto;max-width:800px;padding-bottom:200px}.training-assign-page .success-confirmation{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem 2rem;text-align:center}.training-assign-page .success-icon{align-items:center;background:#22c55e;border-radius:50%;box-shadow:0 0 0 8px #22c55e1a;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.training-assign-page .success-icon i{color:#fff;font-size:2.5rem}.training-assign-page .success-confirmation h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.training-assign-page .success-subtitle{color:var(--text-color-secondary);font-size:1rem;margin:0 0 2rem;max-width:400px}.training-assign-page .success-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.training-assign-page .detail-item{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.9rem;gap:.5rem}.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{display:flex;gap:1rem}.training-assign-page .page-header-centered{margin-bottom:2rem;text-align:center}.training-assign-page .page-header-centered h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.training-assign-page .page-header-centered p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.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);border-radius:50%;color:var(--text-color-secondary);font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.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{font-size:1rem;font-weight:600;margin:0 0 .25rem}.step-info p{color:var(--text-color-secondary);font-size:.8rem;margin:0}.participants-heading{align-items:baseline;display:flex;gap:1rem;width:100%}.participants-heading h3,.participants-heading p{margin:0}.participants-wizard-header{flex-wrap:wrap}.selected-count-row{display:flex;justify-content:flex-end;padding-left:48px;width:100%}.selected-count{align-items:flex-end;color:var(--primary-color);display:flex;flex-direction:column;flex-shrink:0;font-size:1.5rem;font-weight:700;gap:.35rem;line-height:1;text-align:right}.selected-count span{color:var(--text-color-secondary);display:block;font-size:.65rem;font-weight:600;letter-spacing:.06em;line-height:1.2}.wizard-content{padding:1.25rem}.participants-search-field,.training-path-search-field{display:block;width:100%}.search-box,.training-path-search-field{margin-bottom:1rem}.search-box{align-items:center;background:var(--surface-100);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.5rem;padding:.75rem 1rem}.search-box.large{padding:1rem 1.25rem}.search-box i{color:var(--text-color-secondary)}.search-box input{background:transparent;border:none;flex:1;font-size:.9rem;outline:none}.paths-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.path-option{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s}.path-option:hover{background:#f9731605;border-color:var(--primary-color)}.path-option.selected{background:#f973160d;border-color:var(--primary-color)}.path-option .path-name{flex:1;font-weight:500}.path-option .path-hours{color:var(--text-color-secondary);font-size:.85rem}.participants-header{align-items:stretch;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.participants-search-field{flex:none}.participants-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.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{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto}.training-assign-employees-pagination{margin-top:1rem}.employee-option{align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s}.employee-option.selected,.employee-option:hover{border-color:var(--primary-color)}.employee-option.selected{background:#f973160d}.employee-option .employee-info{align-items:center;display:flex;flex:1;gap:.75rem}.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{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.25rem}.cycle-option{align-items:center;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.cycle-option.wide{border-radius:20px;min-width:40px;padding:0 .4rem;width:auto}.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);border-radius:20px;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.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-end;display:flex;gap:1rem;padding-bottom:.25rem}.period-field{display:flex;flex-direction:column;gap:.5rem}.period-field label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.period-field .p-datepicker{width:160px}.period-arrow{color:var(--text-color-secondary);font-size:1rem;margin-bottom:.5rem}.summary-card{background:linear-gradient(135deg,#fff9f5,#fff);border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-lg);bottom:2rem;box-shadow:0 10px 40px #0000001f;overflow:hidden;position:fixed;right:2rem;width:320px;z-index:100}.summary-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem 1rem}.summary-badge{color:var(--primary-color);font-size:.65rem;font-weight:700;letter-spacing:.02em}.summary-content{padding:0 1rem 1rem}.summary-path-name{color:var(--text-color);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.summary-period{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.summary-period-label{color:var(--primary-color);font-size:.65rem;font-weight:600;letter-spacing:.02em;padding:0}.summary-period-dates{color:var(--text-color-secondary);font-size:.85rem}.summary-footer{align-items:center;display:flex;justify-content:space-between;padding-top:.5rem}.participants-count{color:var(--text-color-secondary);font-size:.85rem}.view-list-link{color:var(--primary-color);cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.02em}.view-list-link:hover{text-decoration:underline}.launch-btn{border-radius:0!important;width:100%}.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{display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto}.participant-item{align-items:center;border-bottom:1px solid var(--surface-200);display:flex;justify-content:space-between;padding:.75rem 0}.participant-item:last-child{border-bottom:none}.participant-info{display:flex;flex-direction:column;gap:.25rem}.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{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:.5rem;transition:background .2s}.remove-participant-btn:hover{background:#ef44441a}.no-participants{color:var(--text-color-secondary);padding:2rem;text-align:center}.training-tracker-page .page-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.training-tracker-page .page-header-row h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.training-tracker-page .page-header-row p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.tracker-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}.tracker-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center}.tracker-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tracker-stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.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);font-size:.7rem;font-weight:600;letter-spacing:.02em}.tracker-search-row{margin-bottom:1rem}.tracker-filters-row{display:flex;flex-wrap:wrap;gap:.75rem}.employee-cell{align-items:center;display:flex;gap:.75rem}.employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.employee-details{display:flex;flex-direction:column;gap:.15rem}.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);font-size:.7rem;text-transform:uppercase}.batch-cell{display:flex;flex-direction:column;gap:.15rem}.batch-cycle{font-size:.85rem;font-weight:600}.batch-period{color:var(--text-color-secondary);font-size:.7rem}.progress-cell{display:flex;flex-direction:column;gap:.35rem}.progress-value{font-size:.85rem;font-weight:600}.progress-bar{background:var(--surface-200);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{border-radius:2px;height:100%;transition:width .3s}.manage-buttons{display:flex;gap:.25rem}.logs-header{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.logs-employee{align-items:center;display:flex;gap:.75rem;margin-bottom:.25rem}.logs-name{font-size:1.1rem;font-weight:700}.logs-path{font-size:.85rem;margin-bottom:.5rem}.logs-assigned,.logs-path{color:var(--text-color-secondary)}.logs-assigned{font-size:.75rem}.logs-assigned strong{color:var(--text-color)}.logs-timeline{display:flex;flex-direction:column;gap:1rem}.log-item{background:var(--surface-50);border-radius:var(--radius-md);display:flex;gap:1rem;padding:.75rem}.log-icon{border:3px solid var(--primary-color);border-radius:50%;height:12px;margin-top:.25rem;width:12px}.log-content{flex:1}.log-title{color:var(--primary-color);font-weight:600}.log-description,.log-title{font-size:.85rem;margin-bottom:.25rem}.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);font-size:.75rem;white-space:nowrap}.lifecycle-popup-menu{min-width:200px!important}.lifecycle-popup-menu .lifecycle-menu-header{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.75rem 1rem}.lifecycle-popup-menu .lifecycle-menu-item{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;transition:background .2s,color .2s}.lifecycle-popup-menu .lifecycle-menu-item .status-percent{font-size:.8rem;font-weight:600;opacity:0;transition:opacity .2s}.lifecycle-popup-menu .lifecycle-menu-item:hover{background:#f9731614;color:var(--primary-color)}.lifecycle-popup-menu .lifecycle-menu-item:hover .status-percent{opacity:1}.lifecycle-popup-menu .lifecycle-menu-item.progress:hover{background:#3b82f614;color:#3b82f6}.lifecycle-popup-menu .lifecycle-menu-item.success:hover{background:#16a34a14;color:#16a34a}.lifecycle-popup-menu .lifecycle-menu-item.danger:hover{background:#ef444414;color:#ef4444}.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{background:#3b82f614;color:#3b82f6}.lifecycle-popup-menu .lifecycle-menu-item.active.success{background:#16a34a14;color:#16a34a}.lifecycle-popup-menu .lifecycle-menu-item.active.danger{background:#ef444414;color:#ef4444}.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{background:#8b5cf61a;border-color:transparent;color:#8b5cf6}.reminder-btn-wrapper{position:relative}.reminder-count-badge{align-items:center;background:#8b5cf6;border-radius:50%;box-shadow:0 1px 3px #8b5cf666;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;left:-4px;line-height:1;min-width:18px;padding:0 4px;position:absolute;top:-6px}.logs-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.logs-reminder-count{align-items:center;background:#8b5cf61a;border-radius:var(--radius-sm);color:#8b5cf6;display:flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.25rem .6rem}.logs-reminder-count i{font-size:.75rem}.reminder-dialog-content{display:flex;flex-direction:column;gap:1.25rem}.reminder-recipient{display:flex;flex-direction:column;gap:.5rem}.reminder-recipient label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.recipient-info{align-items:center;background:var(--surface-50);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.recipient-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.recipient-details{display:flex;flex-direction:column;gap:.125rem}.recipient-name{color:var(--text-color);font-weight:600}.recipient-path{color:var(--text-color-secondary);font-size:.85rem}.reminder-message-group{display:flex;flex-direction:column;gap:.5rem}.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{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.training-insights-page .page-header-row h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.training-insights-page .page-header-row p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.insight-tabs-container{margin-bottom:1.5rem}.insight-tabs{background:var(--surface-100);border-radius:var(--radius-lg);display:inline-flex;padding:.25rem}.insight-tab{background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.insight-tab:hover{color:var(--text-color)}.insight-tab.active{background:var(--surface-card);box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.insight-content{display:flex;flex-direction:column;gap:1.5rem}.filters-card{padding:1rem 1.5rem}.insight-filters{display:flex;flex-wrap:wrap;gap:1rem}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field label{color:var(--text-color-secondary);font-size:.7rem;font-weight:600}.insight-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.insight-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center}.insight-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color)}.insight-stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.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);font-size:.7rem;font-weight:600;letter-spacing:.02em}.performance-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.performance-stat-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.performance-stat-card.highlight{background:var(--primary-color);border-color:var(--primary-color)}.performance-stat-card .stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.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);font-size:.7rem;font-weight:600;letter-spacing:.02em}.cost-center-type-tag{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .6rem;text-transform:uppercase}.cost-center-type-tag.cogs{background:#dbeafe;color:#1e40af}.cost-center-type-tag.ga{background:#fef3c7;color:#92400e}.cost-center-type-tag.intangible{background:#f3e8ff;color:#7c3aed}.section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.section-header i{color:var(--primary-color)}.section-header h3{font-size:1rem;font-weight:600;margin:0}.cycle-distribution-grid{display:grid;gap:1rem;grid-template-columns:repeat(6,1fr)}.stats-cycle-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;text-align:center}.stats-cycle-card .cycle-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stats-cycle-card .cycle-label{color:var(--primary-color);font-size:.7rem;font-weight:600;margin-bottom:.1rem}.stats-cycle-card .cycle-sublabel{color:var(--text-color-secondary);font-size:.65rem}@media(max-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(max-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{left:1rem;right:1rem;width:calc(100% - 2rem)}}.employee-selection-content{display:flex;flex-direction:column;gap:1rem}.employee-selection-content .selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.employee-selection-content .selection-search-row{width:100%}.employee-selection-content .selection-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.employee-selection-content .selection-header .payroll-emp-selection-filter{width:160px}.employee-selection-content .payroll-emp-selection-search-field{display:block;width:100%}.employee-selection-content .payroll-emp-selection-search-field .p-inputtext{width:100%}.employee-selection-content .selection-table-toolbar{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:-.25rem}.employee-selection-content .selection-count{color:var(--text-color-secondary);font-size:.875rem}.employee-selection-content .selection-pagination{background:transparent;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{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s}.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{background:#22c55e0d;opacity:.7}.already-added-badge{background:#22c55e26;border-radius:4px;color:#22c55e;font-size:.65rem;font-weight:600;padding:.15rem .5rem;text-transform:uppercase}.emp-selection-info{align-items:center;display:flex;flex:1;gap:.75rem}.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{background:var(--surface-ground);border-radius:var(--radius-sm);color:var(--text-color-secondary);font-size:.75rem;font-weight:600;padding:.25rem .5rem}.selection-footer{border-top:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.85rem;padding-top:.5rem}.no-employees-found{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem}.no-employees-found i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.cycle-period-select .period-selectors{display:flex;gap:.5rem;margin-top:.5rem}.activity-action-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.activity-action-badge.created{background:#22c55e26;color:#22c55e}.activity-action-badge.updated{background:#3b82f626;color:#3b82f6}.activity-type-badge{align-items:center;background:var(--surface-ground);border-radius:var(--radius-sm);color:var(--text-color-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.35rem;padding:.25rem .5rem}.type-view-content{display:flex;flex-direction:column;gap:1.5rem}.type-view-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding-bottom:1rem}.type-view-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.type-view-details{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.type-detail-row{display:flex;flex-direction:column;gap:.25rem}.type-detail-row .detail-label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.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{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;gap:.5rem;margin:0 0 .75rem}.approval-flow-summary{display:flex;flex-wrap:wrap;gap:.5rem}.approval-flow-summary .flow-item{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;font-weight:500;gap:.35rem;padding:.35rem .75rem}.approval-flow-summary .flow-item i{color:var(--primary-color);font-size:.75rem}.approval-flow-summary .flow-item.auto-approval{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.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{align-items:center;color:#f59e0b;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.5rem}.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{display:flex;flex-direction:column;gap:.25rem}.approver-name-small{color:var(--text-color-secondary);font-size:.75rem;font-style:italic}.sla-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:.25rem .5rem}.sla-badge.good{background:#22c55e26;color:#22c55e}.sla-badge.warning{background:#f59e0b26;color:#f59e0b}.sla-badge.critical{background:#ef444426;color:#ef4444}.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{display:flex;flex-direction:column;gap:1.5rem}.fingerprint-header-info{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1rem}.fingerprint-header-info .employee-summary{align-items:center;display:flex;gap:.75rem}.fingerprint-header-info .total-punches{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:#fff;display:flex;flex-direction:column;padding:.5rem 1rem}.fingerprint-header-info .punch-count{font-size:1.5rem;font-weight:700}.fingerprint-header-info .punch-label{font-size:.7rem;opacity:.9;text-transform:uppercase}.fingerprint-list{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto}.fingerprint-item{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s ease}.fingerprint-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000d}.fingerprint-item .punch-icon{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.fingerprint-item .punch-icon.in{background:#22c55e26;color:#22c55e}.fingerprint-item .punch-icon.out{background:#ef444426;color:#ef4444}.fingerprint-item .punch-details{display:flex;flex-direction:column;gap:.25rem;min-width:100px}.fingerprint-item .punch-time{font-size:.95rem;font-weight:600}.fingerprint-item .punch-type-badge{border-radius:var(--radius-full);font-size:.65rem;font-weight:600;padding:.15rem .5rem;width:-moz-fit-content;width:fit-content}.fingerprint-item .punch-type-badge.in{background:#22c55e26;color:#22c55e}.fingerprint-item .punch-type-badge.out{background:#ef444426;color:#ef4444}.fingerprint-item .punch-location{display:flex;flex:1;flex-direction:column;gap:.25rem}.fingerprint-item .location-row{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;gap:.5rem}.fingerprint-item .location-row i{color:var(--primary-color);font-size:.75rem;width:16px}.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{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;padding:.25rem .5rem;transition:all .2s ease}.fingerprint-count.clickable:hover{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color)}.role-permissions-page{padding:1.5rem}.role-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.color-options{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:28px;transition:all .2s ease;width:28px}.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{align-items:center;display:flex;flex-direction:column;gap:.35rem;white-space:nowrap}.permissions-table .role-dot{border-radius:50%;height:8px;width:8px}.permissions-table .permission-info{display:flex;flex-direction:column;gap:.15rem}.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{height:28px!important;width:28px!important}.permissions-table .p-button .p-button-icon{font-size:.75rem}.permission-group-header{color:var(--primary-color);font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.5rem 0}.employee-master-list-page{padding:1.5rem}.balance-badge{background:#22c55e26;border-radius:var(--radius-sm);color:#22c55e;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.balance-badge.secondary{background:#6366f126;color:#6366f1}.master-list-table .p-datatable-thead>tr>th:first-child{background:var(--surface-ground);left:0;position:sticky;z-index:2}.master-list-table .p-datatable-tbody>tr>td:first-child{background:var(--surface-card);left:0;position:sticky;z-index:1}.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{background:var(--surface-ground);left:0;position:sticky;text-align:left!important;z-index:2}.permissions-table .p-datatable-tbody>tr:not(.p-datatable-row-group-header)>td{text-align:center!important;vertical-align:middle}.permissions-table .p-datatable-tbody>tr:not(.p-datatable-row-group-header)>td:first-child{background:var(--surface-card);left:0;position:sticky;text-align:left!important;z-index:1}.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;display:inline-block;left:0;min-width:280px;padding:.75rem 1rem;position:sticky}.role-permissions-page .p-datatable-tbody>tr>td{overflow:visible!important;position:relative}.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{bottom:calc(100% + 8px);left:50%;max-width:220px;min-width:180px;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%)!important;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;white-space:normal;z-index:9999}.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;pointer-events:auto;transform:translate(-50%)!important;visibility:visible}.pending-actions-page{padding:1.5rem}.pending-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}.pending-stat-card{align-items:center;background:var(--surface-card);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.pending-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.pending-stat-card.active{background:#ff6e050d;border-color:var(--primary-color)}.pending-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:1.25rem;height:50px;justify-content:center;width:50px}.pending-stat-icon.all{background:#6366f126;color:#6366f1}.pending-stat-icon.requests{background:#3b82f626;color:#3b82f6}.pending-stat-icon.helpdesk{background:#f9731626;color:#f97316}.pending-stat-icon.appraisals{background:#eab30826;color:#eab308}.pending-stat-icon.training{background:#22c55e26;color:#22c55e}.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);font-size:.8rem;margin-top:.25rem}.pending-actions-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.pending-action-item{align-items:flex-start;background:var(--surface-ground);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .2s ease}.pending-action-item:hover{background:var(--surface-100);border-color:var(--border-color)}.action-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.1rem;height:44px;justify-content:center;width:44px}.action-icon.requests{background:#3b82f626;color:#3b82f6}.action-icon.helpdesk{background:#f9731626;color:#f97316}.action-icon.appraisals{background:#eab30826;color:#eab308}.action-icon.training{background:#22c55e26;color:#22c55e}.action-content{flex:1;min-width:0}.action-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.action-type{color:var(--text-color);font-size:.95rem;font-weight:600}.action-id{background:#ff6e051a;border-radius:var(--radius-sm);color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.15rem .5rem}.action-employee{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.action-avatar{border-radius:50%;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}.action-employee-info{align-items:center;display:flex;gap:.5rem}.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);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.action-meta{gap:1rem}.action-date,.action-meta{align-items:center;display:flex}.action-date{color:var(--text-color-secondary);font-size:.75rem;gap:.35rem}.action-priority{border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.action-priority.Urgent{background:#ef444426;color:#ef4444}.action-priority.Normal{background:#3b82f626;color:#3b82f6}.action-priority.Low{background:#64748b26;color:#64748b}.action-quick-btns{display:flex;flex-direction:column;gap:.35rem;opacity:0;transition:opacity .2s ease}.pending-action-item:hover .action-quick-btns{opacity:1}.quick-btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quick-btn.approve{background:#22c55e26;color:#22c55e}.quick-btn.approve:hover{background:#22c55e;color:#fff}.quick-btn.reject{background:#ef444426;color:#ef4444}.quick-btn.reject:hover{background:#ef4444;color:#fff}.pending-empty-state{color:var(--text-color-secondary);padding:3rem 2rem;text-align:center}.pending-empty-state i{color:#22c55e;font-size:3rem;margin-bottom:1rem}.pending-empty-state h3{color:var(--text-color);margin-bottom:.5rem}.action-detail-content{display:flex;flex-direction:column;gap:1.25rem}.detail-employee-card{align-items:center;background:var(--surface-ground);border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.detail-avatar{border-radius:50%;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.detail-employee-info{flex:1}.detail-employee-name{color:var(--text-color);font-size:1rem;font-weight:600}.detail-employee-meta{color:var(--text-color-secondary);font-size:.8rem}.detail-section{display:flex;flex-direction:column;gap:.35rem}.detail-label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-color);font-size:.95rem}.detail-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-box{background:var(--surface-ground);border-radius:var(--radius-md);padding:1rem}.detail-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.35rem 0}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--text-color-secondary);font-size:.85rem}.detail-val{color:var(--text-color);font-size:.85rem;font-weight:500}.bulk-approve-content{padding:1rem 0;text-align:center}.bulk-approve-content p{margin:.75rem 0}@media(max-width:1200px){.pending-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.pending-stats-grid{grid-template-columns:repeat(2,1fr)}}.request-detail-modal .detail-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 320px}.request-detail-modal .detail-main{display:flex;flex-direction:column;gap:1rem}.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;display:flex;gap:1rem}.request-detail-modal .detail-type-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.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{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.request-detail-modal .detail-title-row h1{font-size:1.25rem;font-weight:600;margin:0}.request-detail-modal .detail-meta{color:var(--text-color-secondary);display:flex;font-size:.85rem;gap:1.25rem;margin-top:.5rem}.request-detail-modal .detail-meta span{align-items:center;display:flex;gap:.35rem}.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{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.request-detail-modal .section-header i{color:var(--primary-color)}.request-detail-modal .requester-info{align-items:center;display:flex;gap:1rem}.request-detail-modal .requester-avatar{border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.request-detail-modal .requester-name{color:var(--text-color);font-weight:600}.request-detail-modal .requester-dept{color:var(--text-color-secondary);font-size:.85rem}.request-detail-modal .parameters-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.request-detail-modal .parameter-item{display:flex;flex-direction:column;gap:.25rem}.request-detail-modal .parameter-label{color:var(--text-color-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.request-detail-modal .parameter-value{color:var(--text-color);font-weight:500}.request-detail-modal .action-card{background:rgba(var(--primary-color-rgb),.03);border-style:solid;border:2px dashed var(--primary-color)}.request-detail-modal .action-form{display:flex;flex-direction:column;gap:1rem}.request-detail-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.request-detail-modal .form-label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.request-detail-modal .action-buttons{display:flex;gap:.75rem;justify-content:flex-end}.request-detail-modal .detail-sidebar{display:flex;flex-direction:column;gap:1rem}.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{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.request-detail-modal .sidebar-header i{color:var(--primary-color)}.request-detail-modal .approval-timeline{display:flex;flex-direction:column}.request-detail-modal .timeline-step{display:flex;gap:.75rem}.request-detail-modal .timeline-indicator{align-items:center;display:flex;flex-direction:column}.request-detail-modal .timeline-dot{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;height:28px;justify-content:center;width:28px}.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{background:#22c55e26;color:#22c55e}.request-detail-modal .timeline-line{background:var(--border-color);flex:1;min-height:24px;width:2px}.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);font-size:.75rem;margin-top:.25rem}.request-detail-modal .activity-log{display:flex;flex-direction:column;gap:.75rem}.request-detail-modal .log-entry{display:flex;gap:.75rem}.request-detail-modal .log-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.request-detail-modal .log-dot.submitted{background:var(--primary-color)}.request-detail-modal .log-content{flex:1}.request-detail-modal .log-action{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.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{display:grid;gap:1.5rem;grid-template-columns:1fr 360px}.hr-request-view-modal .view-details{display:flex;flex-direction:column;gap:1rem}.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{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.hr-request-view-modal .detail-card-header i{color:var(--primary-color)}.hr-request-view-modal .employee-info-row{align-items:center;display:flex;gap:1rem}.hr-request-view-modal .employee-avatar-lg{border-radius:50%;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.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);display:flex;font-size:.85rem;gap:1rem;margin-top:.35rem}.hr-request-view-modal .employee-meta span{align-items:center;display:flex;gap:.35rem}.hr-request-view-modal .submitted-by-row{align-items:center;display:flex;gap:1rem}.hr-request-view-modal .hr-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:42px;justify-content:center;width:42px}.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;display:flex;gap:.35rem}.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{color:var(--text-color-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.hr-request-view-modal .changes-list{display:flex;flex-direction:column;gap:.75rem}.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);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.hr-request-view-modal .change-values{align-items:center;display:flex;gap:.75rem}.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{color:var(--text-color-secondary);display:block;font-size:.7rem;margin-bottom:.15rem;text-transform:uppercase}.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{display:flex;flex-direction:column;gap:1rem}.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{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.hr-request-view-modal .actions-card-header i{color:var(--primary-color)}.hr-request-view-modal .actions-content{display:flex;flex-direction:column;gap:1rem}.hr-request-view-modal .actions-hint{color:var(--text-color-secondary);font-size:.85rem;margin:0}.hr-request-view-modal .action-buttons{display:flex;flex-direction:column;gap:.5rem}.hr-request-view-modal .action-note{align-items:flex-start;background:var(--surface-ground);border-radius:var(--radius-md);color:var(--text-color-secondary);display:flex;font-size:.8rem;gap:.5rem;padding:.75rem}.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{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.hr-request-view-modal .timeline-card-header i{color:var(--primary-color)}.hr-request-view-modal .timeline-list{display:flex;flex-direction:column;gap:.75rem}.hr-request-view-modal .timeline-item{display:flex;gap:.75rem}.hr-request-view-modal .timeline-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.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}.appraisal-modal-content{display:flex;flex-direction:column;gap:1.25rem}.appraisal-modal-content .self-eval-header{align-items:center;background:var(--surface-ground);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1rem}.appraisal-modal-content .header-left{align-items:center;display:flex;gap:1rem}.appraisal-modal-content .detail-avatar{border-radius:50%;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.appraisal-modal-content .header-info{display:flex;flex-direction:column}.appraisal-modal-content .employee-name{color:var(--text-color);font-size:1.05rem;font-weight:600}.appraisal-modal-content .employee-meta-line{color:var(--text-color-secondary);font-size:.85rem}.appraisal-modal-content .header-right{align-items:center;display:flex;gap:1rem}.appraisal-modal-content .score-display{text-align:right}.appraisal-modal-content .score-value{color:var(--text-color);font-size:1.75rem;font-weight:700}.appraisal-modal-content .phase-badge{background:#3b82f626;border-radius:var(--radius-sm);color:#3b82f6;font-size:.75rem;font-weight:600;padding:.35rem .75rem;text-transform:uppercase}.appraisal-modal-content .appraisal-two-col{display:grid;gap:1.25rem;grid-template-columns:1fr 1.25fr}.appraisal-modal-content .appraisal-left-col,.appraisal-modal-content .appraisal-right-col{display:flex;flex-direction:column;gap:1rem}.appraisal-modal-content .eval-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.appraisal-modal-content .eval-card-header{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.appraisal-modal-content .eval-card-header i{color:var(--primary-color)}.appraisal-modal-content .score-badge{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;font-size:.8rem;margin-left:auto;padding:.25rem .5rem}.appraisal-modal-content .eval-breakdown{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.appraisal-modal-content .breakdown-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.appraisal-modal-content .breakdown-row:last-child{border-bottom:none}.appraisal-modal-content .breakdown-score{color:var(--text-color);font-weight:600}.appraisal-modal-content .breakdown-score small{color:var(--text-color-secondary);font-weight:400}.appraisal-modal-content .self-justification{background:rgba(var(--primary-color-rgb),.08);border-left:3px solid var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.75rem}.appraisal-modal-content .justification-label{color:var(--text-color-secondary);font-size:.75rem;font-weight:600;margin-bottom:.35rem;text-transform:uppercase}.appraisal-modal-content .self-justification p{color:var(--text-color);font-size:.9rem;font-style:italic;margin:0}.appraisal-modal-content .upload-card{align-items:center;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.appraisal-modal-content .upload-icon{align-items:center;background:rgba(var(--primary-color-rgb),.15);border-radius:50%;color:var(--primary-color);display:flex;height:40px;justify-content:center;width:40px}.appraisal-modal-content .upload-title{color:var(--text-color);font-size:.9rem;font-weight:600}.appraisal-modal-content .upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:1rem;text-align:center;transition:all .2s ease;width:100%}.appraisal-modal-content .upload-area:hover{background:rgba(var(--primary-color-rgb),.03);border-color:var(--primary-color)}.appraisal-modal-content .upload-text{color:var(--text-color);display:block;font-size:.85rem;font-weight:500}.appraisal-modal-content .upload-hint{color:var(--text-color-secondary);display:block;font-size:.75rem;margin-top:.25rem}.appraisal-modal-content .manager-assessment-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.appraisal-modal-content .assessment-header{align-items:center;color:var(--text-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem}.appraisal-modal-content .step-number{align-items:center;background:var(--surface-ground);border-radius:50%;color:var(--text-color-secondary);display:inline-flex;font-size:.75rem;height:24px;justify-content:center;width:24px}.appraisal-modal-content .score-inputs{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.appraisal-modal-content .score-input-group{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem;text-align:center}.appraisal-modal-content .score-input-group.highlight{background:rgba(var(--primary-color-rgb),.1)}.appraisal-modal-content .score-input-group label{color:var(--text-color-secondary);display:block;font-size:.7rem;margin-bottom:.5rem;text-transform:uppercase}.appraisal-modal-content .score-input-group label small{color:var(--primary-color);display:block}.appraisal-modal-content .score-input-box{color:var(--text-color);font-size:1.1rem;font-weight:600}.appraisal-modal-content .score-input-box .score-val{color:var(--primary-color)}.appraisal-modal-content .final-rating-box{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1.25rem;padding:1rem}.appraisal-modal-content .rating-icon{align-items:center;background:#fff3;border-radius:var(--radius-md);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.appraisal-modal-content .rating-info{flex:1}.appraisal-modal-content .rating-label{color:#fff;font-size:.85rem;font-weight:600}.appraisal-modal-content .rating-sublabel{color:#fffc;font-size:.75rem}.appraisal-modal-content .rating-score{color:#fff;font-size:1.75rem;font-weight:700}.appraisal-modal-content .feedback-section label{color:var(--text-color-secondary);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.appraisal-modal-content .next-action-note{align-items:flex-start;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:1rem}.appraisal-modal-content .next-action-note i{color:#3b82f6;margin-top:2px}.appraisal-modal-content .next-action-note strong{color:var(--text-color);display:block;margin-bottom:.25rem}.appraisal-modal-content .next-action-note p{color:var(--text-color-secondary);font-size:.85rem;margin:0}.training-modal-content{display:flex;flex-direction:column;gap:1.25rem}.training-modal-content .training-header{align-items:center;background:var(--surface-ground);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem}.training-modal-content .training-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:50px;justify-content:center;-o-object-fit:cover;object-fit:cover;width:50px}.training-modal-content .training-info{flex:1}.training-modal-content .training-employee-name{color:var(--text-color);font-size:1.05rem;font-weight:600}.training-modal-content .training-employee-meta{color:var(--text-color-secondary);font-size:.85rem}.training-modal-content .training-details-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.training-modal-content .training-detail-item{background:var(--surface-ground);border-radius:var(--radius-md);padding:.75rem}.training-modal-content .training-detail-label{color:var(--text-color-secondary);font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.training-modal-content .training-detail-value{color:var(--text-color);font-weight:500}.training-modal-content .training-description-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem}.training-modal-content .description-header{align-items:center;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.training-modal-content .description-header i{color:var(--primary-color)}.training-modal-content .training-description-card p{color:var(--text-color-secondary);font-size:.9rem;line-height:1.5;margin:0}.training-modal-content .training-action-section{display:flex;flex-direction:column;gap:.5rem}.training-modal-content .training-action-section label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.training-modal-content .training-status-badge{border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;padding:.35rem .75rem}.training-modal-content .training-status-badge.assigned{background:#3b82f626;color:#3b82f6}.training-modal-content .training-status-badge.in-progress{background:#f9731626;color:#f97316}.training-modal-content .training-status-badge.completed{background:#22c55e26;color:#22c55e}.training-modal-content .training-status-badge.failed{background:#ef444426;color:#ef4444}.training-modal-content .training-detail-value.hours-badge{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.training-modal-content .training-status-update{display:flex;flex-direction:column;gap:.75rem}.training-modal-content .training-status-update label{color:var(--text-color-secondary);font-size:.85rem;font-weight:500}.training-modal-content .status-options{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.training-modal-content .status-option{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.75rem;transition:all .2s ease}.training-modal-content .status-option:hover{border-color:var(--text-color-secondary)}.training-modal-content .status-option.active{background:#3b82f614;border-color:#3b82f6;color:#3b82f6}.training-modal-content .status-option.progress.active{background:#f9731614;border-color:#f97316;color:#f97316}.training-modal-content .status-option.success.active{background:#22c55e14;border-color:#22c55e;color:#22c55e}.training-modal-content .status-option.danger.active{background:#ef444414;border-color:#ef4444;color:#ef4444}.pending-actions-page .p-dialog-header-icon:not(.p-dialog-header-close),.pending-actions-page .p-dialog-header-maximize{display:none!important}.percent-edit-btn{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;transition:all .2s ease;width:18px}.percent-edit-btn:hover{background:var(--primary-color);color:#fff}.percent-edit-btn i{font-size:.65rem}.percent-input{background:var(--surface-card);border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:.85rem;outline:none;padding:.2rem .35rem;text-align:center;width:50px}.percent-input:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.percent-input::-webkit-inner-spin-button,.percent-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percent-input[type=number]{-moz-appearance:textfield}