@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, .5);--swal2-container-padding: .625em;--swal2-backdrop: rgba(0, 0, 0, .4);--swal2-backdrop-transition: background-color .15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: .3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show .3s;--swal2-hide-animation: swal2-hide .15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: .8em 1em 0;--swal2-html-container-padding: 1em 1.6em .3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: .1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color .2s, box-shadow .2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, .3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color .2s, box-shadow .2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color .2s, box-shadow .2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: .25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: .25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: .25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show .5s;--swal2-toast-hide-animation: swal2-toast-hide .1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / .075), 0 1px 2px hsl(0deg 0% 0% / .075), 1px 2px 4px hsl(0deg 0% 0% / .075), 1px 3px 8px hsl(0deg 0% 0% / .075), 2px 4px 16px hsl(0deg 0% 0% / .075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, .7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{background-color:#0000!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:#0000;pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translate(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static!important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:#0000!important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none!important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px #0000;font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb,var(--swal2-confirm-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb,var(--swal2-deny-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb,var(--swal2-cancel-button-background-color),var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:#0000;color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:#0000;color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message):before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:#0000;font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4!important;grid-row:1/4!important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:700}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:.5em 0 0;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0,-50px,0) scale(.9);opacity:0}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translateZ(0) scale(1);opacity:1}to{transform:translate3d(0,-50px,0) scale(.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-.625em) rotate(2deg)}33%{transform:translateY(0) rotate(-2deg)}66%{transform:translateY(.3125em) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes swal2-toast-hide{to{transform:rotate(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}to{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}to{top:.9375em;right:.1875em;width:1.375em}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-800:oklch(43.2% .095 166.913);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-surface:#f9f9ff;--color-on-surface:#181c22;--color-on-surface-variant:#414753;--color-outline:#717785;--color-outline-variant:#c1c6d5;--color-surface-container-lowest:#fff;--color-surface-container-low:#f2f3fd;--color-surface-container:#ecedf7;--color-surface-container-high:#e6e8f1;--color-primary:#005ab4;--color-on-primary:#fff;--color-secondary:#465f89;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--font-headline:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-3{right:calc(var(--spacing) * 3)}.bottom-1{bottom:calc(var(--spacing) * 1)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-\[5\]{z-index:5}.z-\[100\]{z-index:100}.col-5{grid-column:5}.col-6{grid-column:6}.col-7{grid-column:7}.col-12{grid-column:12}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-12{grid-column:span 12/span 12}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.me-3{margin-inline-end:calc(var(--spacing) * 3)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-100{height:calc(var(--spacing) * 100)}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[200px\]{max-height:200px}.max-h-\[520px\]{max-height:520px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[8rem\]{min-height:8rem}.min-h-\[12rem\]{min-height:12rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[40vh\]{min-height:40vh}.min-h-\[88px\]{min-height:88px}.min-h-\[min\(70vh\,720px\)\]{min-height:min(70vh,720px)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-100{width:calc(var(--spacing) * 100)}.w-\[85\%\]{width:85%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-12{max-width:calc(var(--spacing) * 12)}.max-w-\[2rem\]{max-width:2rem}.max-w-\[70\%\]{max-width:70%}.max-w-\[1600px\]{max-width:1600px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[1rem\]{min-width:1rem}.min-w-\[5rem\]{min-width:5rem}.min-w-\[7rem\]{min-width:7rem}.min-w-\[28px\]{min-width:28px}.min-w-\[88px\]{min-width:88px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[240px\]{min-width:240px}.min-w-\[520px\]{min-width:520px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#003544\]{border-color:#003544}.border-\[\#28657a\]{border-color:#28657a}.border-\[\#c0c8cc\]\/10{border-color:#c0c8cc1a}.border-\[\#c0c8cc\]\/15{border-color:#c0c8cc26}.border-\[\#c0c8cc\]\/20{border-color:#c0c8cc33}.border-\[\#c0c8cc\]\/40{border-color:#c0c8cc66}.border-\[\#c5c6cb\]{border-color:#c5c6cb}.border-\[\#c5c6cb\]\/45{border-color:#c5c6cb73}.border-\[\#cce7ef\]{border-color:#cce7ef}.border-\[\#cdd4e7\]{border-color:#cdd4e7}.border-\[\#cdd4e7\]\/90{border-color:#cdd4e7e6}.border-\[\#dde1e6\]{border-color:#dde1e6}.border-\[\#dde4e5\]{border-color:#dde4e5}.border-\[\#dfe2e8\]{border-color:#dfe2e8}.border-\[\#e6e8f1\]{border-color:#e6e8f1}.border-\[\#e6e8f1\]\/80{border-color:#e6e8f1cc}.border-\[\#edeeef\]{border-color:#edeeef}.border-\[\#eef1f5\]{border-color:#eef1f5}.border-\[\#f0b4b0\]{border-color:#f0b4b0}.border-\[\#f3f4f5\]{border-color:#f3f4f5}.border-\[var\(--ds-ghost-border\)\]{border-color:var(--ds-ghost-border)}.border-error\/25{border-color:#ba1a1a40}@supports (color:color-mix(in lab,red,red)){.border-error\/25{border-color:color-mix(in oklab,var(--color-error) 25%,transparent)}}.border-outline-variant\/35{border-color:#c1c6d559}@supports (color:color-mix(in lab,red,red)){.border-outline-variant\/35{border-color:color-mix(in oklab,var(--color-outline-variant) 35%,transparent)}}.border-outline-variant\/40{border-color:#c1c6d566}@supports (color:color-mix(in lab,red,red)){.border-outline-variant\/40{border-color:color-mix(in oklab,var(--color-outline-variant) 40%,transparent)}}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-surface-container{border-color:var(--color-surface-container)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[\#004d61\]{background-color:#004d61}.bg-\[\#004d61\]\/10{background-color:#004d611a}.bg-\[\#5a5f67\]{background-color:#5a5f67}.bg-\[\#5a5f67\]\/40{background-color:#5a5f6766}.bg-\[\#94f990\]{background-color:#94f990}.bg-\[\#003544\]{background-color:#003544}.bg-\[\#003544\]\/10{background-color:#0035441a}.bg-\[\#005313\]{background-color:#005313}.bg-\[\#28657a\]{background-color:#28657a}.bg-\[\#DA0037\]{background-color:#da0037}.bg-\[\#DA0037\]\/15{background-color:#da003726}.bg-\[\#DA0037\]\/80{background-color:#da0037cc}.bg-\[\#F7F7F7\]{background-color:#f7f7f7}.bg-\[\#ba1a1a\]{background-color:#ba1a1a}.bg-\[\#cce7ef\]\/40{background-color:#cce7ef66}.bg-\[\#cce7ef\]\/80{background-color:#cce7efcc}.bg-\[\#dde4e5\]{background-color:#dde4e5}.bg-\[\#e6e8f1\]{background-color:#e6e8f1}.bg-\[\#edeeef\]{background-color:#edeeef}.bg-\[\#f1f3f6\]{background-color:#f1f3f6}.bg-\[\#f2f4f4\]{background-color:#f2f4f4}.bg-\[\#f3f4f5\]{background-color:#f3f4f5}.bg-\[\#f5f2f2\]{background-color:#f5f2f2}.bg-\[\#f5f2f2\]\/92{background-color:#f5f2f2eb}.bg-\[\#f8f9fa\]{background-color:#f8f9fa}.bg-\[\#f8f9fa\]\/75{background-color:#f8f9fabf}.bg-\[\#fafafa\]{background-color:#fafafa}.bg-\[\#ffdad6\]{background-color:#ffdad6}.bg-\[\#fff5f4\]{background-color:#fff5f4}.bg-\[color\:var\(--loan-accent\)\]{background-color:var(--loan-accent)}.bg-\[var\(--ds-surface-container-low\)\]{background-color:var(--ds-surface-container-low)}.bg-cyan-950{background-color:var(--color-cyan-950)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-error-container\/40{background-color:#ffdad666}@supports (color:color-mix(in lab,red,red)){.bg-error-container\/40{background-color:color-mix(in oklab,var(--color-error-container) 40%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\/80{background-color:#fef2f2cc}@supports (color:color-mix(in lab,red,red)){.bg-red-50\/80{background-color:color-mix(in oklab,var(--color-red-50) 80%,transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50) 50%,transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-surface{background-color:var(--color-surface)}.bg-surface-container-high\/40{background-color:#e6e8f166}@supports (color:color-mix(in lab,red,red)){.bg-surface-container-high\/40{background-color:color-mix(in oklab,var(--color-surface-container-high) 40%,transparent)}}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container-low\/50{background-color:#f2f3fd80}@supports (color:color-mix(in lab,red,red)){.bg-surface-container-low\/50{background-color:color-mix(in oklab,var(--color-surface-container-low) 50%,transparent)}}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/22{background-color:#ffffff38}@supports (color:color-mix(in lab,red,red)){.bg-white\/22{background-color:color-mix(in oklab,var(--color-white) 22%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#95cfe7\]{--tw-gradient-from:#95cfe7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#DA0037\]{--tw-gradient-from:#da0037;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#b0002d\]{--tw-gradient-to:#b0002d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-300{--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-headline{font-family:var(--font-headline)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[26px\]{font-size:26px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#2d3435\]{color:#2d3435}.text-\[\#3d4244\]{color:#3d4244}.text-\[\#004d61\]{color:#004d61}.text-\[\#4f686f\]{color:#4f686f}.text-\[\#5a5f67\]{color:#5a5f67}.text-\[\#5a6061\]{color:#5a6061}.text-\[\#5a6061\]\/80{color:#5a6061cc}.text-\[\#7a8082\]{color:#7a8082}.text-\[\#7c2d12\]{color:#7c2d12}.text-\[\#7f1d1d\]{color:#7f1d1d}.text-\[\#95cfe7\]{color:#95cfe7}.text-\[\#191c1d\]{color:#191c1d}.text-\[\#00390a\]{color:#00390a}.text-\[\#003544\]{color:#003544}.text-\[\#005313\]{color:#005313}.text-\[\#15803d\]{color:#15803d}.text-\[\#28657a\]{color:#28657a}.text-\[\#40484c\]{color:#40484c}.text-\[\#70787c\]{color:#70787c}.text-\[\#93000a\]{color:#93000a}.text-\[\#DA0037\]{color:#da0037}.text-\[\#b91c1c\]{color:#b91c1c}.text-\[\#ba1a1a\]{color:#ba1a1a}.text-\[\#ef4444\]{color:#ef4444}.text-\[color\:var\(--loan-accent\)\],.text-\[var\(--loan-accent\)\]{color:var(--loan-accent)}.text-\[var\(--loan-on-accent\)\]{color:var(--loan-on-accent)}.text-cyan-900{color:var(--color-cyan-900)}.text-emerald-800{color:var(--color-emerald-800)}.text-error{color:var(--color-error)}.text-on-error-container{color:var(--color-on-error-container)}.text-on-primary{color:var(--color-on-primary)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-surface-variant\/70{color:#414753b3}@supports (color:color-mix(in lab,red,red)){.text-on-surface-variant\/70{color:color-mix(in oklab,var(--color-on-surface-variant) 70%,transparent)}}.text-outline{color:var(--color-outline)}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-secondary{color:var(--color-secondary)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 2px 10px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,31\,41\,0\.04\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#001f290a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_3px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 3px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_14px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#00000008);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_20px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 6px 20px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_24px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0 6px 24px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_3px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:inset 0 1px 3px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_2px_8px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:inset 0 2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[\#003544\]{--tw-ring-color:#003544}.ring-transparent{--tw-ring-color:transparent}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-1000{--tw-duration:1s;transition-duration:1s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:bg-\[\#DA0037\]\/5:is(:where(.group):hover *){background-color:#da00370d}.group-hover\:text-\[\#DA0037\]:is(:where(.group):hover *){color:#da0037}}.selection\:bg-\[\#95cfe7\]\/40 ::selection{background-color:#95cfe766}.selection\:bg-\[\#95cfe7\]\/40::selection{background-color:#95cfe766}.selection\:bg-\[\#d8dce3\] ::selection{background-color:#d8dce3}.selection\:bg-\[\#d8dce3\]::selection{background-color:#d8dce3}.selection\:text-\[\#2d3435\] ::selection{color:#2d3435}.selection\:text-\[\#2d3435\]::selection{color:#2d3435}.selection\:text-\[\#003544\] ::selection{color:#003544}.selection\:text-\[\#003544\]::selection{color:#003544}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.focus-within\:outline:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.focus-within\:outline-2:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}@media(hover:hover){.hover\:border-\[\#c5c6cb\]\/35:hover{border-color:#c5c6cb59}.hover\:border-\[\#cfd3dc\]:hover{border-color:#cfd3dc}.hover\:bg-\[\#DA0037\]:hover{background-color:#da0037}.hover\:bg-\[\#e6e8f1\]:hover{background-color:#e6e8f1}.hover\:bg-\[\#f2f4f4\]:hover{background-color:#f2f4f4}.hover\:bg-\[\#f9f9f9\]:hover{background-color:#f9f9f9}.hover\:bg-\[\#fafbfc\]:hover{background-color:#fafbfc}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.06\)\]:hover{--tw-shadow:0 4px 16px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_8px_28px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 8px 28px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_10px_36px_rgba\(0\,0\,0\,0\.09\)\]:hover{--tw-shadow:0 10px 36px var(--tw-shadow-color,#00000017);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:bg-surface-container-lowest:focus{background-color:var(--color-surface-container-lowest)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#28657a\]\/25:focus{--tw-ring-color:oklab(47.6379% -.0506607 -.0489808/.25)}.focus\:ring-\[\#cdd4e7\]:focus{--tw-ring-color:#cdd4e7}.focus\:ring-\[color\:var\(--loan-accent\)\]\/25:focus{--tw-ring-color:var(--loan-accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-\[color\:var\(--loan-accent\)\]\/25:focus{--tw-ring-color:color-mix(in oklab, var(--loan-accent) 25%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (min-width:40rem){.max-sm\:mt-0\.5{margin-top:calc(var(--spacing) * .5)}.max-sm\:w-full{width:100%}}@media(min-width:40rem){.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:max-w-\[14rem\]{max-width:14rem}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:self-center{align-self:center}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[1\.35rem\]{font-size:1.35rem}.sm\:text-\[10px\]{font-size:10px}}@media(min-width:48rem){.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-8{grid-column:span 8/span 8}.md\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.md\:inline{display:inline}.md\:max-h-none{max-height:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-16{gap:calc(var(--spacing) * 16)}.md\:self-stretch{align-self:stretch}.md\:p-5{padding:calc(var(--spacing) * 5)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}.md\:pt-10{padding-top:calc(var(--spacing) * 10)}.md\:text-left{text-align:left}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:w-\[30\%\]{width:30%}.lg\:max-w-\[360px\]{max-width:360px}.lg\:max-w-none{max-width:none}.lg\:min-w-\[240px\]{min-width:240px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:calc(var(--spacing) * 6)}}:root{--ds-surface:#f9f9f9;--ds-surface-container-low:#f2f4f4;--ds-surface-container-lowest:#fff;--ds-surface-container-high:#e8ecec;--ds-surface-container-highest:#dde4e5;--ds-on-surface:#2d3435;--ds-on-surface-variant:#5a6061;--ds-outline-variant:#adb3b4;--ds-primary:#5a5f67;--ds-primary-dim:#4e535b;--ds-on-primary:#f5f7ff;--ds-secondary:#575f6f;--ds-secondary-container:#dbe3f5;--ds-on-secondary-container:#4a5261;--ds-secondary-fixed-dim:#cdd4e7;--ds-error:#9f403d;--ds-on-error:#fff;--ds-glass-bg:#f9f9f9cc;--ds-glass-blur:12px;--ds-shadow-ambient:0 4px 20px #2d34350a;--ds-ghost-border:#adb3b426;--ds-sidebar-width:280px;--ds-sidebar-collapsed:80px;--ds-module-rail-reserve:2.5rem;--ds-module-rail-reserve-mobile:3rem;--ds-sidebar-dark:#2a2f31;--ds-sidebar-dark-elevated:#32383b;--ds-sidebar-dark-active:#3d4448;--ds-sidebar-on-dark:#f5f7fab8;--ds-sidebar-on-dark-strong:#f4f6f8;--ds-sidebar-rail-muted:#b8c0d4;--ds-sidebar-rail-active:#2a2f31;--ds-sidebar-shadow:8px 0 32px #0000001f;--ds-radius-sm:.25rem;--ds-radius-md:.375rem;--ds-radius-lg:.5rem;--ds-space-8:2rem;--ds-space-10:2.5rem;--ds-space-12:3rem;--ds-font-display:"Manrope", system-ui, sans-serif;--ds-font-body:"Inter", system-ui, sans-serif}.ds-headline-lg{font-family:var(--ds-font-display);letter-spacing:-.02em;color:var(--ds-on-surface);font-size:1.5rem;font-weight:700;line-height:1.25}.ds-headline-md{font-family:var(--ds-font-display);letter-spacing:-.015em;color:var(--ds-on-surface);font-size:1.25rem;font-weight:600;line-height:1.3}.ds-headline-sm{font-family:var(--ds-font-display);color:var(--ds-on-surface);font-size:1.0625rem;font-weight:600;line-height:1.35}.ds-label-sm{font-family:var(--ds-font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--ds-on-surface-variant);font-size:.6875rem;font-weight:600}.ds-label-md{font-family:var(--ds-font-body);color:var(--ds-on-surface-variant);font-size:.8125rem;font-weight:500}.ds-btn-primary{font-family:var(--ds-font-body);color:var(--ds-on-primary);background:linear-gradient(180deg,var(--ds-primary) 0%,var(--ds-primary-dim) 100%);border-radius:var(--ds-radius-md);cursor:pointer;border:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:filter .2s,transform .15s}.ds-btn-primary:hover{filter:brightness(1.06)}.ds-btn-primary:active{transform:translateY(1px)}.ds-glass-panel{background:var(--ds-glass-bg);-webkit-backdrop-filter:blur(var(--ds-glass-blur));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-ambient)}.ds-talent-chip{font-family:var(--ds-font-body);color:var(--ds-on-secondary-container);background:var(--ds-secondary-fixed-dim);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}:root{--portal-table-thead-bg:#54595f;--portal-table-thead-bg-hover:#5c6269;--portal-table-thead-color:#fff;--portal-table-thead-border:#ffffff24;--portal-table-thead-radius:.625rem;--portal-table-thead-cell-py:.875rem;--portal-table-thead-cell-px:1rem}#root table:not(.portal-table-thead-exempt)>thead>tr>th,#root table:not(.portal-table-thead-exempt)>thead>tr>td{vertical-align:middle;background-color:var(--portal-table-thead-bg)!important;color:var(--portal-table-thead-color)!important;padding:var(--portal-table-thead-cell-py) var(--portal-table-thead-cell-px)!important;border-color:var(--portal-table-thead-border)!important;font-weight:700!important}#root table:not(.portal-table-thead-exempt)>thead>tr>th:not(:last-child),#root table:not(.portal-table-thead-exempt)>thead>tr>td:not(:last-child){border-right:1px solid var(--portal-table-thead-border)}#root table:not(.portal-table-thead-exempt)>thead>tr:first-child>th:first-child,#root table:not(.portal-table-thead-exempt)>thead>tr:first-child>td:first-child{border-top-left-radius:var(--portal-table-thead-radius)}#root table:not(.portal-table-thead-exempt)>thead>tr:first-child>th:last-child,#root table:not(.portal-table-thead-exempt)>thead>tr:first-child>td:last-child{border-top-right-radius:var(--portal-table-thead-radius)}#root table:not(.portal-table-thead-exempt)>thead>tr:not(:first-child)>th,#root table:not(.portal-table-thead-exempt)>thead>tr:not(:first-child)>td{border-top-left-radius:0;border-top-right-radius:0}.portal-table-section{margin-bottom:1rem}.portal-table-section__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.portal-table-section__title{font-family:var(--ds-font-display),var(--ds-font-body),system-ui,sans-serif;color:var(--ds-on-surface,#111827);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:inline-flex}.portal-table-section__icon{width:1.5rem;height:1.5rem;color:var(--ds-on-surface-variant,#6b7280);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.portal-table-section__icon svg{width:1.25rem;height:1.25rem}.portal-table-section__meta{color:var(--ds-on-surface-variant,#9ca3af);white-space:nowrap;font-size:.8125rem;font-weight:500}@media(max-width:640px){.portal-table-section__meta{white-space:normal;text-align:right}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.swal2-container{z-index:20000!important}:root{--primary:var(--ds-primary);--primary-dark:var(--ds-primary-dim);--secondary:var(--ds-secondary);--danger:var(--ds-error);--dark:var(--ds-on-surface);--light:var(--ds-surface-container-lowest);--text-secondary:var(--ds-on-surface-variant);--sidebar-width:var(--ds-sidebar-width);--sidebar-collapsed:var(--ds-sidebar-collapsed);--page-bg:var(--ds-surface);--surface:var(--ds-surface);--surface-strong:var(--ds-surface-container-low);--glass-bg:var(--ds-glass-bg);--glass-border:var(--ds-ghost-border);--glass-shadow:var(--ds-shadow-ambient);--accent-neutral:var(--ds-on-surface-variant);--accent-neutral-light:var(--ds-outline-variant);--success:var(--ds-primary)}.glass-card{background:var(--ds-glass-bg);-webkit-backdrop-filter:blur(var(--ds-glass-blur));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-ambient);border:1px solid var(--ds-ghost-border)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--ds-surface);color:var(--ds-on-surface)}body{font-family:var(--ds-font-body),"Inter",system-ui,sans-serif;background-color:var(--ds-surface);color:var(--ds-on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{background-color:var(--ds-surface);min-height:100vh}.main-content{box-sizing:border-box;min-width:0;overflow-x:hidden}html:has(.sidebar){background-color:var(--ds-surface-container-high);height:100%;max-height:100%;overflow:hidden}body:has(.sidebar){--app-shell-inset:clamp(12px, 1.75vw, 22px);--app-shell-radius:1.125rem;padding:var(--app-shell-inset);background:#f7f7f7;height:100%;min-height:100dvh;max-height:100%;overflow:hidden}body:has(.sidebar) #root{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#9ca3af #f0f2f4;background:0 0;height:100%;min-height:0;max-height:100%;overflow:hidden auto}body:has(.sidebar) #root::-webkit-scrollbar{width:10px}body:has(.sidebar) #root::-webkit-scrollbar-track{background:#e8eaed;border-radius:6px}body:has(.sidebar) #root::-webkit-scrollbar-thumb{background:#9ca3af;border:2px solid #e8eaed;border-radius:6px}body:has(.sidebar) #root::-webkit-scrollbar-thumb:hover{background:#6b7280}body:has(.sidebar) .sidebar{top:var(--app-shell-inset);bottom:var(--app-shell-inset);left:var(--app-shell-inset);border-top-right-radius:var(--app-shell-radius);border-bottom-right-radius:var(--app-shell-radius);border-top-left-radius:var(--app-shell-radius);border-bottom-left-radius:var(--app-shell-radius);flex-direction:column;height:auto;display:flex;box-shadow:0 4px 24px #00000024,inset 0 1px #ffffff0f}body:has(.sidebar) .sidebar-header{border-top-right-radius:0;border-top-left-radius:var(--app-shell-radius);flex-shrink:0}body:has(.sidebar) .sidebar-menu{flex:auto;min-height:0}body:has(.sidebar) .sidebar-module-rail-outer{left:calc(var(--app-shell-inset) + var(--ds-sidebar-width) - 18px)}body:has(.sidebar.collapsed) .sidebar-module-rail-outer{left:calc(var(--app-shell-inset) + var(--ds-sidebar-collapsed) - 18px)}body:has(.sidebar) .main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));min-height:calc(100vh - 2 * var(--app-shell-inset));min-height:calc(100dvh - 2 * var(--app-shell-inset));border-top-right-radius:var(--app-shell-radius);border-bottom-right-radius:var(--app-shell-radius);background:#f7f7f7}body:has(.sidebar) .main-content.sidebar-collapsed,body:has(.sidebar) .main-content.collapsed{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed));max-width:calc(100% - var(--sidebar-collapsed))}body:has(.sidebar-module-rail-outer) .main-content:not(.sidebar-collapsed):not(.collapsed){padding-left:var(--ds-module-rail-reserve)}@media(min-width:993px){body:has(.sidebar-module-rail-outer) .main-content.sidebar-collapsed,body:has(.sidebar-module-rail-outer) .main-content.collapsed{padding-left:var(--ds-module-rail-reserve)}}@media(max-width:992px){body:has(.sidebar) .main-content,body:has(.sidebar) .main-content.sidebar-collapsed,body:has(.sidebar) .main-content.collapsed{width:100%;max-width:100%;margin-left:0}body:has(.sidebar-module-rail-outer) .main-content:not(.sidebar-collapsed):not(.collapsed){padding-left:var(--ds-module-rail-reserve-mobile)}}body:has(.sidebar) .assessment-footer{left:calc(var(--app-shell-inset) + var(--sidebar-width,var(--ds-sidebar-width)));right:var(--app-shell-inset)}body:has(.sidebar) .assessment-intro-container .main-content.sidebar-collapsed~.assessment-footer{left:calc(var(--app-shell-inset) + var(--sidebar-collapsed,var(--ds-sidebar-collapsed)))}.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){background:var(--ds-surface)}@supports (color:color-mix(in lab,red,red)){.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){background:color-mix(in srgb,var(--ds-surface) 95%,white 5%)}}.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){border:1px solid var(--ds-ghost-border)}@supports (color:color-mix(in lab,red,red)){.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){border:1px solid color-mix(in srgb,var(--ds-ghost-border) 80%,transparent)}}.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){border-radius:1.25rem;padding:1rem 1.25rem;box-shadow:0 8px 28px #00000014,0 2px 10px #0000000a}.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){background:var(--ds-surface)}@supports (color:color-mix(in lab,red,red)){.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){background:color-mix(in srgb,var(--ds-surface) 95%,white 5%)}}.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){border:1px solid var(--ds-ghost-border)}@supports (color:color-mix(in lab,red,red)){.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){border:1px solid color-mix(in srgb,var(--ds-ghost-border) 80%,transparent)}}.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){border-radius:1.25rem;box-shadow:0 8px 28px #00000014,0 2px 10px #0000000a}.main-content :is([class$=-header],[class$=-toolbar],.page-header,.page-header-container,.page-header-section):not(.topbar):not(.sidebar-header) :is(button,.btn,[class*=btn-],.icon-btn,.icon-text-btn){border-radius:.8rem}@media(max-width:768px){.main-content :is(.mrf-pipeline-header,.mrf-approvals-header,.offer-approvals-header,.offer-letters-header,.edf-list-header,.edf-approvals-header,.hr-exit-approval-page-header,.go-header,.al-header,.recruitment-header,.create-mrf-header,.edf-header,.page-header-container,.page-header,.page-header-section,.assessment-page-header,.attendance-header,.nh-toolbar,.roles-list-toolbar,.assign-role-toolbar,.exitv2-toolbar,.feedback-list-header,.assessment-list-header){border-radius:1rem;padding:.875rem 1rem}.main-content :is([class$=-header],[class$=-toolbar]):not(.topbar):not(.sidebar-header):not(.table-header-config):not(.drawer-header-config):not(.month-details-header):not(.mrf-detail-workflow-step-header):not(.pm-table-header){border-radius:1rem}}.main-content table th{padding:.45rem .75rem}.main-content table td{padding:.4rem .75rem}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.policy-gate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f7f7f6;gap:1rem}.policy-gate-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#5a5f67;border-radius:50%;animation:policy-gate-spin .8s linear infinite}@keyframes policy-gate-spin{to{transform:rotate(360deg)}}.policy-gate-loading p{margin:0;color:#64748b;font-size:.875rem}.policy-gate-overlay{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;overflow-y:auto}.policy-gate-card{background:#fff;border-radius:1rem;max-width:560px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.policy-gate-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;padding:1.25rem 1.5rem 0}.policy-gate-subtitle{font-size:.875rem;color:#64748b;margin:0 0 1rem;padding:0 1.5rem}.policy-gate-error{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#fef2f2;color:#dc2626;border-radius:.5rem;font-size:.875rem}.policy-gate-content{padding:0 1.5rem 1rem;overflow-y:auto;flex:1}.policy-gate-policy-title{font-size:1rem;font-weight:600;color:#334155;margin:0 0 .75rem}.policy-gate-body{font-size:.875rem;color:#475569;line-height:1.6;margin-bottom:1rem}.policy-gate-body p{margin:0 0 .5rem}.policy-gate-declaration{font-size:.875rem;font-weight:600;color:#0f172a;margin:.75rem 0 0}.policy-gate-actions{padding:1rem 1.5rem 1.25rem;border-top:1px solid #e2e8f0}.policy-gate-btn{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;background:#5a5f67;color:#fff}.policy-gate-btn:hover:not(:disabled){background:#5a7040}.policy-gate-btn:disabled{opacity:.7;cursor:not-allowed}.policy-gate-more{font-size:.8125rem;color:#64748b;margin:0 1.5rem 1rem;padding:0}.floating-dashboard-home{position:fixed;bottom:max(1.25rem,env(safe-area-inset-bottom,0px));right:max(1.25rem,env(safe-area-inset-right,0px));z-index:15000;pointer-events:auto;isolation:isolate;width:3.5rem;height:3.5rem;padding:0;border:none;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--ds-secondary-fixed-dim);color:var(--ds-on-secondary-container);box-shadow:0 6px 16px #0000002e,inset 0 1px #ffffff1f;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}body:has(.sidebar) .floating-dashboard-home{top:calc(var(--app-shell-inset, 0px) + 108px);bottom:auto;left:calc(var(--app-shell-inset, 0px) + var(--sidebar-width, var(--ds-sidebar-width)) - 22px);right:auto}body:has(.sidebar.collapsed) .floating-dashboard-home{left:calc(var(--app-shell-inset, 0px) + var(--sidebar-collapsed, var(--ds-sidebar-collapsed)) - 22px)}.floating-dashboard-home:hover{transform:scale(1.06);filter:brightness(1.05);box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff29}.floating-dashboard-home:active{transform:scale(.98)}.floating-dashboard-home:focus-visible{outline:2px solid #2d3435;outline-offset:3px}.floating-dashboard-home__icon{font-size:1.65rem;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}@media(max-height:900px){body:has(.sidebar) .floating-dashboard-home{width:2.6rem;height:2.6rem;left:calc(var(--app-shell-inset, 0px) + var(--sidebar-width, var(--ds-sidebar-width)) - 18px)}body:has(.sidebar.collapsed) .floating-dashboard-home{left:calc(var(--app-shell-inset, 0px) + var(--sidebar-collapsed, var(--ds-sidebar-collapsed)) - 18px)}.floating-dashboard-home__icon{font-size:1.28rem}}@media(max-height:760px){body:has(.sidebar) .floating-dashboard-home{width:2.2rem;height:2.2rem;left:calc(var(--app-shell-inset, 0px) + var(--sidebar-width, var(--ds-sidebar-width)) - 16px)}body:has(.sidebar.collapsed) .floating-dashboard-home{left:calc(var(--app-shell-inset, 0px) + var(--sidebar-collapsed, var(--ds-sidebar-collapsed)) - 16px)}.floating-dashboard-home__icon{font-size:1.1rem}}@media(max-height:680px){body:has(.sidebar) .floating-dashboard-home{width:2rem;height:2rem;left:calc(var(--app-shell-inset, 0px) + var(--sidebar-width, var(--ds-sidebar-width)) - 15px)}body:has(.sidebar.collapsed) .floating-dashboard-home{left:calc(var(--app-shell-inset, 0px) + var(--sidebar-collapsed, var(--ds-sidebar-collapsed)) - 15px)}.floating-dashboard-home__icon{font-size:1rem}}@media(max-width:480px){.floating-dashboard-home{width:3.25rem;height:3.25rem;bottom:max(1rem,env(safe-area-inset-bottom,0px));right:max(1rem,env(safe-area-inset-right,0px))}}@media(max-width:992px){body:has(.sidebar) .floating-dashboard-home{top:auto;left:auto;bottom:max(1rem,env(safe-area-inset-bottom,0px));right:max(1rem,env(safe-area-inset-right,0px))}}body{zoom:100%!important}.login-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5a5f6759,#4e535b59);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.login-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.login-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#5a5f67;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.login-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5a5f6726,#4e535b1a);pointer-events:none;z-index:0}.login-wrapper>*{position:relative;z-index:1}.login-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-left-content{position:relative;z-index:1;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.login-left p{font-size:.95rem;color:#000;line-height:1.5}.login-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.login-header p{color:#ffffffb3;font-size:.9rem}.login-right .form-group{margin-bottom:1.25rem;position:relative}.login-right .form-label{font-weight:600;color:#e2e8f0;margin-bottom:.75rem;display:block;font-size:.9rem}.login-right .input-wrapper{position:relative}.login-right .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#ffffffa6;font-size:1.1rem;z-index:1;transition:color .3s}.login-right .input-wrapper.has-error .input-icon{color:#ffffffa6}.login-right .form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent!important;background-color:transparent!important;font-family:Poppins,sans-serif;color:#f8fafc;box-sizing:border-box}.login-right .form-control:-webkit-autofill,.login-right .form-control:-webkit-autofill:hover,.login-right .form-control:-webkit-autofill:focus,.login-right .form-control:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px transparent inset!important;-webkit-text-fill-color:#f8fafc!important;background:transparent!important;background-color:transparent!important;transition:background-color 5000s ease-in-out 0s}.login-right .form-control:-moz-autofill{background:transparent!important;background-color:transparent!important}.login-right .form-control:focus{outline:none!important;border:1px solid rgba(255,255,255,.5)!important;background:transparent!important;box-shadow:0 0 0 4px #ffffff1a,0 6px 18px #0003;transform:translateY(-2px);color:#f8fafc}.login-right .form-control:hover{border:1px solid rgba(255,255,255,.35)!important;background:transparent!important}.login-right .form-control::placeholder{color:#ffffffa6}.login-right .form-control.error{border:1px solid rgba(255,255,255,.25)!important;background:transparent!important;color:#fff}.login-right .form-control.error:focus{border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 0 0 4px #ffffff1a,0 6px 18px #0003;background:transparent!important}.login-right .form-control.error::placeholder{color:#ffffff80}.login-right .error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-right .error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#ffffffbf}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.forgot-password{color:#cbd5ff;text-decoration:none;font-weight:600;transition:color .3s}.forgot-password:hover{color:#e0e7ff}.btn-login{width:100%;padding:.875rem;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 28px #5a5f6759;position:relative;overflow:hidden;letter-spacing:.3px}.btn-login:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-login:hover:before{width:300px;height:300px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5a5f6780}.btn-login:active{transform:translateY(0)}.btn-login span{position:relative;z-index:1}@media(max-width:992px){.login-page-container{align-items:flex-start;padding:1rem}.login-wrapper{grid-template-columns:1fr;min-height:auto}.login-left{display:none}.login-right{padding:2rem 1.5rem;min-height:auto}.login-container{padding:0}}@media(max-width:576px){.login-page-container{padding:.5rem}.login-container{padding:0}.login-wrapper{border-radius:20px}.login-right{padding:1.75rem 1.25rem}.login-header h2{font-size:1.5rem}.login-left{padding:2rem 1.5rem}.form-group{margin-bottom:1rem}}@media(max-height:700px){.login-page-container{align-items:flex-start;padding:1rem}.login-wrapper{margin:1rem 0}.login-right{padding:2rem}}.change-password-api-error{margin-bottom:1rem;padding:1rem;border-radius:12px;background:#ef444433;border:2px solid rgba(239,68,68,.5);color:#fee2e2;font-size:.9rem;line-height:1.45;display:flex;align-items:flex-start;gap:.5rem}.change-password-form-hint{display:block;color:#fff9;font-size:.8rem;margin-top:.5rem;font-weight:500}.change-password-form-actions{display:flex;flex-direction:row;gap:1rem;margin-top:1.5rem;align-items:stretch}.change-password-btn-primary{flex:1;min-width:0}.change-password-btn-secondary{flex:1;min-width:0;padding:.875rem 1rem;background:#ffffff14;color:#f8fafc;border:1px solid rgba(255,255,255,.28);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:Poppins,sans-serif}.change-password-btn-secondary:hover:not(:disabled){background:#ffffff24;border-color:#fff6;transform:translateY(-2px)}.change-password-btn-secondary:disabled{opacity:.65;cursor:not-allowed}@media(max-width:576px){.change-password-form-actions{flex-direction:column}}.forgot-password-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5a5f6759,#4e535b59);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.forgot-password-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.forgot-password-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#5a5f67;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.forgot-password-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5a5f6726,#4e535b1a);pointer-events:none;z-index:0}.forgot-password-wrapper>*{position:relative;z-index:1}.forgot-password-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.forgot-password-left-content{position:relative;z-index:1;text-align:center}.forgot-password-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.forgot-password-left p{font-size:.95rem;color:#000;line-height:1.5}.forgot-password-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.forgot-password-header p{color:#ffffffb3;font-size:.9rem}@media(max-width:992px){.forgot-password-page-container{align-items:flex-start;padding:1rem}.forgot-password-wrapper{grid-template-columns:1fr;min-height:auto}.forgot-password-left{display:none}.forgot-password-right{padding:2rem 1.5rem;min-height:auto}.forgot-password-container{padding:0}}@media(max-width:576px){.forgot-password-page-container{padding:.5rem}.forgot-password-container{padding:0}.forgot-password-wrapper{border-radius:20px}.forgot-password-right{padding:1.75rem 1.25rem}.forgot-password-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.forgot-password-page-container{align-items:flex-start;padding:1rem}.forgot-password-wrapper{margin:1rem 0}.forgot-password-right{padding:2rem}}.verify-otp-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5a5f6759,#4e535b59);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.verify-otp-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.verify-otp-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#5a5f67;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.verify-otp-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5a5f6726,#4e535b1a);pointer-events:none;z-index:0}.verify-otp-wrapper>*{position:relative;z-index:1}.verify-otp-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.verify-otp-left-content{position:relative;z-index:1;text-align:center}.verify-otp-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.verify-otp-left p{font-size:.95rem;color:#000;line-height:1.5}.verify-otp-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.verify-otp-header{text-align:center;margin-bottom:2rem}.verify-otp-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.verify-otp-header p{color:#ffffffb3;font-size:.9rem}.btn-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:992px){.verify-otp-page-container{align-items:flex-start;padding:1rem}.verify-otp-wrapper{grid-template-columns:1fr;min-height:auto}.verify-otp-left{display:none}.verify-otp-right{padding:2rem 1.5rem;min-height:auto}.verify-otp-container{padding:0}}@media(max-width:576px){.verify-otp-page-container{padding:.5rem}.verify-otp-container{padding:0}.verify-otp-wrapper{border-radius:20px}.verify-otp-right{padding:1.75rem 1.25rem}.verify-otp-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.verify-otp-page-container{align-items:flex-start;padding:1rem}.verify-otp-wrapper{margin:1rem 0}.verify-otp-right{padding:2rem}}.reset-password-page-container{font-family:Poppins,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5a5f6759,#4e535b59);position:relative;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;color:#e2e8f0}.bg-shapes{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite}.shape-1{width:300px;height:300px;background:#ffffff1f;top:-100px;left:-100px;animation-delay:0s}.shape-2{width:200px;height:200px;background:#ffffff1a;bottom:-50px;right:-50px;animation-delay:5s}.shape-3{width:150px;height:150px;background:#ffffff14;top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.reset-password-container{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem;min-height:auto}.reset-password-wrapper{display:grid;grid-template-columns:1fr 1fr;background:#5a5f67;-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-radius:24px;box-shadow:0 25px 70px #00000059;overflow:hidden;animation:slideUp .8s ease;border:1px solid rgba(255,255,255,.18);position:relative}.reset-password-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#5a5f6726,#4e535b1a);pointer-events:none;z-index:0}.reset-password-wrapper>*{position:relative;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-password-left{background:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--dark);position:relative;overflow:hidden;border-right:1px solid rgba(226,232,240,.5)}.reset-password-left-content{position:relative;z-index:1;text-align:center}.reset-password-left h1{font-size:1.75rem;font-weight:800;margin-bottom:.75rem;color:#000}.reset-password-left p{font-size:.95rem;color:#000;line-height:1.5}.reset-password-right{padding:2.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100%;overflow-y:auto;background:#ffffff0a}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.reset-password-header p{color:#ffffffb3;font-size:.9rem}.form-group{margin-bottom:1.25rem;position:relative}.form-label{font-weight:600;color:#e2e8f0;margin-bottom:.75rem;display:block;font-size:.9rem}.input-wrapper{position:relative}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#ffffffa6;font-size:1.1rem;z-index:1;transition:color .3s}.input-wrapper.has-error .input-icon{color:#f44!important}.form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff14;font-family:Poppins,sans-serif;color:#f8fafc}.form-control:focus{outline:none;border-color:#5a5f67cc;background:#ffffff1f;box-shadow:0 0 0 4px #5a5f6733,0 6px 18px #5a5f6740;transform:translateY(-2px);color:#000}.form-control:hover{border-color:#ffffff59;background:#ffffff1f}.form-control::placeholder{color:#ffffffa6}.form-control.error{border-color:#ffffff40;border-width:1px;background:#ffffff14;color:#fff}.form-control.error:focus{border-color:#5a5f67cc;box-shadow:0 0 0 4px #5a5f6733,0 6px 18px #5a5f6740;background:#ffffff1f}.form-control.error::placeholder{color:#ffffff80}.password-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.1rem;transition:color .3s;z-index:1}.password-toggle:hover{color:#cbd5ff}.error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}.form-hint{display:block;color:#fff9;font-size:.8rem;margin-top:.5rem;font-weight:400}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit,.btn-cancel{flex:1;padding:.875rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.3px}.btn-submit{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;box-shadow:0 12px 28px #5a5f6759}.btn-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-submit:hover:before{width:300px;height:300px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5a5f6780}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-submit span{position:relative;z-index:1}.btn-cancel{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.25)}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.7;cursor:not-allowed;transform:none;color:#000}@media(max-width:992px){.reset-password-page-container{align-items:flex-start;padding:1rem}.reset-password-wrapper{grid-template-columns:1fr;min-height:auto}.reset-password-left{display:none}.reset-password-right{padding:2rem 1.5rem;min-height:auto}.reset-password-container{padding:0}}@media(max-width:576px){.reset-password-page-container{padding:.5rem}.reset-password-container{padding:0}.reset-password-wrapper{border-radius:20px}.reset-password-right{padding:1.75rem 1.25rem}.reset-password-header h2{font-size:1.5rem}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}@media(max-height:700px){.reset-password-page-container{align-items:flex-start;padding:1rem}.reset-password-wrapper{margin:1rem 0}.reset-password-right{padding:2rem}}.sidebar{position:fixed;left:0;top:0;width:var(--ds-sidebar-width);bottom:0;height:100vh;background:var(--ds-sidebar-dark);box-shadow:var(--ds-sidebar-shadow);z-index:999;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-x:visible;overflow-y:auto;border-top-right-radius:1.75rem;border-bottom-right-radius:1.75rem;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar.collapsed{width:var(--ds-sidebar-collapsed);overflow-x:hidden}.sidebar-module-rail-outer{position:fixed;top:calc(var(--app-shell-inset, 0px) + 108px + 3.5rem + .35rem);bottom:calc(var(--app-shell-inset, 0px) + .85rem);left:calc(var(--sidebar-width, var(--ds-sidebar-width)) - 18px);transform:none;z-index:5000;display:flex;flex-direction:column;justify-content:flex-start;gap:.6rem;pointer-events:auto;isolation:isolate;overflow:visible}.sidebar-rail-tab{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:.62rem .35rem;min-height:4.6rem;min-width:2.8rem;border:none;border-radius:var(--ds-radius-lg);font-family:var(--ds-font-display);font-size:.64rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .2s ease,color .2s ease;color:var(--ds-on-secondary-container);background:var(--ds-secondary-fixed-dim);box-shadow:0 3px 10px #0000001a;position:relative;z-index:0}.sidebar-rail-tab:hover{transform:translate(20px) rotate(270deg) scale(1.22);z-index:1}.sidebar-rail-tab.active{z-index:1;background:var(--ds-sidebar-rail-active);color:var(--ds-sidebar-on-dark-strong);box-shadow:0 4px 14px #0003}@media(max-height:900px){.sidebar-module-rail-outer{top:calc(var(--app-shell-inset, 0px) + 108px + 2.6rem + .2rem);bottom:calc(var(--app-shell-inset, 0px) + .45rem);gap:.42rem;left:calc(var(--sidebar-width, var(--ds-sidebar-width)) - 16px)}.sidebar-rail-tab{min-height:4.05rem;min-width:2.45rem;padding:.5rem .3rem;font-size:.58rem;letter-spacing:.09em;border-radius:.65rem}}@media(max-height:760px){.sidebar-module-rail-outer{top:calc(var(--app-shell-inset, 0px) + 108px + 2.2rem + .1rem);bottom:calc(var(--app-shell-inset, 0px) + .3rem);gap:.3rem;left:calc(var(--sidebar-width, var(--ds-sidebar-width)) - 14px)}.sidebar-rail-tab{min-height:3.45rem;min-width:2.15rem;padding:.42rem .24rem;font-size:.53rem;letter-spacing:.08em;border-radius:.58rem}}@media(max-height:680px){.sidebar-module-rail-outer{top:calc(var(--app-shell-inset, 0px) + 108px + 2rem + .08rem);bottom:calc(var(--app-shell-inset, 0px) + .2rem);gap:.22rem;left:calc(var(--sidebar-width, var(--ds-sidebar-width)) - 13px)}.sidebar-rail-tab{min-height:3.05rem;min-width:1.95rem;padding:.34rem .2rem;font-size:.5rem;letter-spacing:.07em;border-radius:.52rem}}.sidebar-header{padding:var(--ds-space-8) 1.25rem;background:#fff;display:flex;align-items:center;justify-content:center;min-height:96px;border-top-right-radius:1.75rem;margin-bottom:.5rem}.sidebar-logo{width:100%;max-width:200px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo img{width:100%;height:auto;max-height:64px;object-fit:contain;opacity:1;filter:none}.sidebar-logo img.light-logo{filter:none}.sidebar-title{font-family:var(--ds-font-display);color:var(--ds-sidebar-on-dark-strong);font-size:1.125rem;font-weight:700;white-space:nowrap;transition:opacity .3s}.sidebar-subtitle{color:var(--ds-sidebar-on-dark)}.sidebar.collapsed .sidebar-title{opacity:0;width:0;overflow:hidden}.sidebar-menu{padding:1rem .65rem var(--ds-space-10);display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.menu-section-module{flex:0 0 auto}.menu-module-title{font-family:var(--ds-font-display);font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ds-sidebar-on-dark);opacity:.55;padding:.35rem 1rem .65rem;margin-top:.25rem}.submenu.submenu-flat .submenu-item{padding-left:1.1rem}.menu-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--ds-sidebar-on-dark);text-decoration:none;transition:background .2s ease,color .2s ease;position:relative;margin:.15rem .5rem;border-radius:var(--ds-radius-md);font-family:var(--ds-font-body);font-size:.9rem;font-weight:500}.menu-item:hover{background:#ffffff0f;color:var(--ds-sidebar-on-dark-strong)}.menu-item.active{background:var(--ds-sidebar-dark-active);color:var(--ds-sidebar-on-dark-strong);font-family:var(--ds-font-display);font-weight:600;font-size:.9375rem;box-shadow:inset 0 1px #ffffff0f}.menu-item i{font-size:1.15rem;width:24px;flex-shrink:0;opacity:.9}.menu-item span{margin-left:.75rem;white-space:nowrap;transition:opacity .3s}.sidebar.collapsed .menu-item span{opacity:0;width:0;overflow:hidden}.menu-badge{margin-left:auto;background:var(--ds-error);color:var(--ds-on-error);padding:.2rem .45rem;border-radius:999px;font-size:.7rem;font-weight:600;font-family:var(--ds-font-body)}.sidebar.collapsed .menu-badge{display:none}.menu-section{margin:.25rem 0}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;color:var(--ds-sidebar-on-dark);cursor:pointer;transition:background .2s ease,color .2s ease;margin:.15rem .5rem;border-radius:var(--ds-radius-md);font-family:var(--ds-font-body);font-weight:600;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:transparent}.menu-header:hover{background:#ffffff0f;color:var(--ds-sidebar-on-dark-strong)}.menu-header.expanded,.menu-header.active{background:#ffffff14;color:var(--ds-sidebar-on-dark-strong)}.menu-header-content{display:flex;align-items:center;gap:.65rem}.menu-header-content i{font-size:1.1rem;width:22px;flex-shrink:0;opacity:.9}.menu-header-content span{font-weight:600;white-space:nowrap}.toggle-icon{font-size:.9rem;transition:transform .25s ease;flex-shrink:0;opacity:.65}.submenu{animation:slideDown .28s ease-out;overflow:hidden;padding-bottom:.25rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.submenu-item{display:flex;align-items:center;padding:.6rem .85rem .6rem 2.65rem;color:var(--ds-sidebar-on-dark);text-decoration:none;transition:background .2s ease,color .2s ease;position:relative;margin:.08rem .5rem;border-radius:var(--ds-radius-md);font-size:.875rem;font-family:var(--ds-font-body);font-weight:500}.submenu-item:hover{background:#ffffff0f;color:var(--ds-sidebar-on-dark-strong)}.submenu-item.active{background:var(--ds-sidebar-dark-active);color:var(--ds-sidebar-on-dark-strong);font-family:var(--ds-font-display);font-weight:600;font-size:.9rem;box-shadow:inset 0 1px #ffffff0d}.submenu-item i{font-size:1rem;width:20px;margin-right:.65rem;flex-shrink:0;opacity:.88}.submenu-item span{white-space:nowrap}.menu-section-title{padding:.5rem 1.25rem;color:var(--ds-sidebar-on-dark);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--ds-font-body);opacity:.75}.sidebar.collapsed .menu-header span,.sidebar.collapsed .toggle-icon{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .menu-header{justify-content:center;padding:.75rem}.sidebar.collapsed .submenu-item{padding-left:.75rem;justify-content:center}.sidebar.collapsed .submenu-item span{display:none}.menu-sub-item{display:flex;align-items:center;padding:.6rem .85rem .6rem 2.5rem;color:var(--ds-sidebar-on-dark);text-decoration:none;transition:background .2s ease;margin:.08rem .5rem;border-radius:var(--ds-radius-md);font-size:.875rem;font-family:var(--ds-font-body)}.menu-sub-item:hover{background:#ffffff0f;color:var(--ds-sidebar-on-dark-strong)}.menu-sub-item.active{background:var(--ds-sidebar-dark-active);color:var(--ds-sidebar-on-dark-strong);font-family:var(--ds-font-display);font-weight:600;box-shadow:inset 0 1px #ffffff0d}@media(max-width:992px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar-module-rail-outer{display:none}}.notification-bell-wrap{position:relative;flex-shrink:0}.notification-bell-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--ds-radius-md, .375rem);background:transparent;color:var(--ds-on-surface-variant, #5a6061);cursor:pointer;transition:background .2s,color .2s}.notification-bell-trigger:hover{background:var(--ds-surface-container-high, #e8ecec);color:var(--ds-on-surface, #2d3435)}.notification-bell-trigger:focus-visible{outline:2px solid var(--ds-primary, #5a5f67);outline-offset:2px}.notification-bell-trigger i{font-size:1.35rem}.notification-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--ds-error, #9f403d);color:var(--ds-on-error, #fff);font-size:.65rem;font-weight:700;font-family:var(--ds-font-body, "Inter", sans-serif);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--ds-surface, #f9f9f9)}.notification-bell-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(400px,calc(100vw - 2rem));max-height:min(520px,70vh);display:flex;flex-direction:column;background:var(--ds-glass-bg, rgba(249, 249, 249, .8));backdrop-filter:blur(var(--ds-glass-blur, 12px));-webkit-backdrop-filter:blur(var(--ds-glass-blur, 12px));border-radius:var(--ds-radius-lg, .5rem);box-shadow:var(--ds-shadow-ambient, 0 4px 20px rgba(45, 52, 53, .04));border:1px solid var(--ds-ghost-border, rgba(173, 179, 180, .15));z-index:1001;animation:notificationPanelIn .2s ease-out}@keyframes notificationPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-bell-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.125rem;background:var(--ds-surface-container-lowest, #fff);border-radius:var(--ds-radius-lg, .5rem) var(--ds-radius-lg, .5rem) 0 0;flex-shrink:0}.notification-bell-panel-header h2{margin:0;font-family:var(--ds-font-display, "Manrope", sans-serif);font-size:1rem;font-weight:700;color:var(--ds-on-surface, #2d3435)}.notification-bell-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--ds-radius-md, .375rem);background:transparent;color:var(--ds-on-surface-variant, #5a6061);cursor:pointer}.notification-bell-close:hover{background:var(--ds-surface-container-low, #f2f4f4);color:var(--ds-on-surface, #2d3435)}.notification-bell-filters{display:flex;gap:.35rem;padding:.75rem 1rem;background:var(--ds-surface-container-low, #f2f4f4);flex-shrink:0;flex-wrap:wrap}.notification-bell-filters button{padding:.35rem .75rem;border:none;background:var(--ds-surface-container-lowest, #fff);border-radius:var(--ds-radius-md, .375rem);font-size:.8rem;font-family:var(--ds-font-body, "Inter", sans-serif);color:var(--ds-on-surface-variant, #5a6061);cursor:pointer;transition:background .2s,color .2s}.notification-bell-filters button:hover{background:var(--ds-surface-container-high, #e8ecec);color:var(--ds-primary, #5a5f67)}.notification-bell-filters button.active{background:linear-gradient(180deg,var(--ds-primary, #5a5f67) 0%,var(--ds-primary-dim, #4e535b) 100%);color:var(--ds-on-primary, #f5f7ff)}.notification-bell-list-wrap{flex:1;min-height:120px;overflow-y:auto;overflow-x:hidden;background:var(--ds-surface, #f9f9f9);padding:.35rem 0}.notification-bell-empty{padding:2rem 1rem;text-align:center;color:var(--ds-on-surface-variant, #5a6061);font-size:.9rem;font-family:var(--ds-font-body, "Inter", sans-serif)}.notification-bell-list{list-style:none;margin:0;padding:0 .5rem}.notification-bell-item{display:flex;align-items:stretch;gap:.25rem;margin-bottom:.35rem;border-radius:var(--ds-radius-md, .375rem);overflow:hidden;background:var(--ds-surface-container-lowest, #fff);box-shadow:var(--ds-shadow-ambient, 0 4px 20px rgba(45, 52, 53, .04))}.notification-bell-item.unread{background:color-mix(in srgb,var(--ds-secondary-container, #dbe3f5) 35%,var(--ds-surface-container-lowest, #fff))}.notification-bell-item-main{flex:1;min-width:0;padding:.75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;font:inherit}.notification-bell-item-main:hover{background:var(--ds-surface-container-low, #f2f4f4)}.notification-bell-item-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--ds-font-body, "Inter", sans-serif);color:var(--ds-primary, #5a5f67)}.notification-bell-item-title{font-size:.875rem;font-weight:600;font-family:var(--ds-font-body, "Inter", sans-serif);color:var(--ds-on-surface, #2d3435);line-height:1.3}.notification-bell-item-time{font-size:.7rem;color:var(--ds-on-surface-variant, #5a6061)}.notification-bell-item-body{font-size:.78rem;color:var(--ds-on-surface-variant, #5a6061);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bell-item-mark{flex-shrink:0;align-self:center;margin-right:.5rem;padding:.25rem .5rem;font-size:.7rem;border:1px solid var(--ds-ghost-border, rgba(173, 179, 180, .15));border-radius:var(--ds-radius-sm, .25rem);background:var(--ds-surface-container-lowest, #fff);color:var(--ds-primary, #5a5f67);cursor:pointer;font-family:var(--ds-font-body, "Inter", sans-serif)}.notification-bell-item-mark:hover:not(:disabled){background:var(--ds-surface-container-high, #e8ecec)}.notification-bell-item-mark:disabled{opacity:.5;cursor:not-allowed}.notification-bell-footer{padding:.75rem 1rem;background:var(--ds-surface-container-lowest, #fff);border-radius:0 0 var(--ds-radius-lg, .5rem) var(--ds-radius-lg, .5rem);flex-shrink:0;text-align:center}.notification-bell-view-all{font-size:.875rem;font-weight:600;font-family:var(--ds-font-body, "Inter", sans-serif);color:var(--ds-primary, #5a5f67);text-decoration:none}.notification-bell-view-all:hover{text-decoration:underline}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead actions";align-items:center;column-gap:.5rem;row-gap:.5rem;width:calc(100% - 1.25rem);max-width:100%;min-width:0;box-sizing:border-box;background:color-mix(in srgb,var(--ds-surface) 96%,white 4%);padding:.85rem clamp(.75rem,2vw,1.35rem);padding-right:max(clamp(.65rem,2vw,1.25rem),env(safe-area-inset-right,0px));box-shadow:0 8px 28px #00000014,0 2px 10px #0000000a;border:1px solid color-mix(in srgb,var(--ds-ghost-border) 75%,transparent);border-radius:1.35rem;margin:.625rem auto 0;position:sticky;top:.35rem;z-index:30;overflow:visible;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar-lead{grid-area:lead;display:flex;align-items:center;gap:.5rem;min-width:0;max-width:100%;width:100%}.topbar-search{grid-area:search;display:flex;align-items:center;gap:.5rem;min-width:0;width:100%;max-width:100%;padding:.45rem .85rem .45rem .75rem;background:var(--ds-surface-container-highest);border-radius:999px;border:1px solid var(--ds-ghost-border);transition:background .2s ease,border-color .2s ease}.topbar-search:focus-within{background:var(--ds-surface-container-lowest);border-color:color-mix(in srgb,var(--ds-primary) 35%,transparent)}.topbar-search i{color:var(--ds-on-surface-variant);font-size:1rem;flex-shrink:0}.topbar-search input{flex:1;min-width:0;width:100%;max-width:100%;border:none;background:transparent;font-family:var(--ds-font-body);font-size:clamp(.8rem,2.5vw,.875rem);color:var(--ds-on-surface);outline:none}.topbar-search input::placeholder{color:var(--ds-on-surface-variant);opacity:.85}.page-title-header{font-family:var(--ds-font-display);font-size:clamp(1rem,2.8vw,1.2rem);font-weight:700;letter-spacing:-.02em;color:var(--ds-on-surface);margin:0;padding:0;line-height:1.3;min-width:0;flex:1;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}@media(max-width:720px){.topbar{width:calc(100% - .75rem);margin-top:.35rem;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lead actions"}}.sidebar-toggle{flex-shrink:0;background:var(--ds-surface-container-highest);border:1px solid var(--ds-ghost-border);width:40px;height:40px;border-radius:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;color:var(--ds-primary)}.sidebar-toggle:hover{background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface-container-highest));color:var(--ds-primary-dim)}.sidebar-toggle i{font-size:1.3rem}.topbar-right{grid-area:actions;display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:0}@media(max-width:900px){.user-profile-top h3,.user-profile-top .user-role-text,.user-profile-top .bi-chevron-down,.user-profile-top .bi-chevron-up{display:none!important}.user-profile-top{padding:.45rem;gap:0}}.notification-icon{position:relative;background:var(--ds-surface-container-highest);border:1px solid var(--ds-ghost-border);width:40px;height:40px;border-radius:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;color:var(--ds-on-surface-variant)}.notification-icon:hover{background:var(--ds-surface-container-high);color:var(--ds-on-surface)}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--ds-error);color:var(--ds-on-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;font-family:var(--ds-font-body)}.user-profile-wrapper{position:relative;flex-shrink:0}.user-profile-top{display:flex;align-items:center;gap:.75rem;padding:.35rem .9rem .35rem .35rem;background:linear-gradient(180deg,#616771,#4f5560);border-radius:999px;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease;color:var(--ds-on-primary);border:none;box-shadow:0 8px 22px #2d343538}.user-profile-top:hover{filter:brightness(1.05)}.user-profile-top .user-role-text,.user-profile-top h3{color:var(--ds-on-primary)!important;margin:0;font-family:var(--ds-font-body)}.user-profile-top h3{font-weight:600;font-size:.9rem}.user-profile-top .user-role-text{font-size:.72rem;opacity:.92}.user-profile-top .user-avatar-top{background:color-mix(in srgb,#ffffff 24%,transparent);color:var(--ds-on-primary)}.user-profile-top:hover .user-avatar-top{background:color-mix(in srgb,#ffffff 32%,transparent)}.user-avatar-top{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:background .2s ease}.user-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--ds-glass-bg);backdrop-filter:blur(var(--ds-glass-blur));-webkit-backdrop-filter:blur(var(--ds-glass-blur));border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-ambient);min-width:200px;max-width:min(240px,85vw);overflow:hidden;z-index:1000;animation:dropdownFadeIn .2s ease-out;border:1px solid var(--ds-ghost-border)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:.8rem 1.15rem;background:transparent;border:none;display:flex;align-items:center;gap:.65rem;cursor:pointer;transition:background .2s ease;font-size:.875rem;font-family:var(--ds-font-body);color:var(--ds-on-surface);text-align:left;border-radius:0}.dropdown-item i{font-size:1.05rem;color:var(--ds-primary)}.dropdown-item:hover{background:var(--ds-surface-container-low)}.logout-item:hover{background:color-mix(in srgb,var(--ds-error) 12%,var(--ds-surface-container-lowest));color:var(--ds-error)}.logout-item:hover i{color:var(--ds-error)}.profile-page-container{--profile-shadow-sm: 0 1px 2px rgba(45, 52, 53, .04), 0 4px 12px rgba(45, 52, 53, .05);--profile-shadow-md: 0 2px 4px rgba(45, 52, 53, .04), 0 8px 24px rgba(45, 52, 53, .07), 0 16px 40px rgba(45, 52, 53, .04);--profile-shadow-md-hover: 0 4px 8px rgba(45, 52, 53, .06), 0 12px 32px rgba(45, 52, 53, .09), 0 24px 48px rgba(45, 52, 53, .05);--profile-shadow-hero: 0 4px 6px rgba(0, 0, 0, .07), 0 12px 28px rgba(0, 0, 0, .1), 0 28px 56px rgba(0, 0, 0, .08);display:flex;min-height:100vh;background:var(--ds-surface)}.profile-page-content{padding:1.25rem 1.25rem 2.5rem;max-width:1120px;margin:0 auto;width:100%;font-family:var(--ds-font-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.profile-skeleton{display:flex;flex-direction:column;gap:1.25rem}.profile-skeleton-hero{height:168px;border-radius:1rem;box-shadow:var(--profile-shadow-sm);background:linear-gradient(90deg,var(--ds-surface-container-high) 25%,var(--ds-surface-container-lowest) 50%,var(--ds-surface-container-high) 75%);background-size:200% 100%;animation:profile-shimmer 1.2s ease-in-out infinite}.profile-skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.profile-skeleton-row{grid-template-columns:1fr}}.profile-skeleton-card{height:120px;border-radius:.85rem;background:var(--ds-surface-container-high);box-shadow:var(--profile-shadow-sm);animation:profile-shimmer 1.2s ease-in-out infinite}.profile-skeleton-card--wide{height:200px}@keyframes profile-shimmer{0%{opacity:1}50%{opacity:.65}to{opacity:1}}.profile-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;font-size:.95rem;line-height:1.5;letter-spacing:.01em;box-shadow:var(--profile-shadow-sm)}.profile-alert--error{background:#9f403d14;border:1px solid rgba(159,64,61,.25);color:var(--ds-error)}.profile-alert i{margin-top:.1rem;flex-shrink:0}.profile-hero{position:relative;border-radius:1rem;overflow:hidden;margin-bottom:1.25rem;background:linear-gradient(135deg,#3d4448,#5a5f67 48%,#6b7280);box-shadow:var(--profile-shadow-hero)}.profile-hero__pattern{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 20% 30%,#fff 0,transparent 45%),radial-gradient(circle at 80% 70%,#fff 0,transparent 40%);pointer-events:none}.profile-hero__inner{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.25rem;padding:1.75rem 1.5rem 1.5rem;color:#f4f6f8}.profile-hero__avatar{width:4.5rem;height:4.5rem;border-radius:1rem;background:#ffffff2e;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-family:var(--ds-font-display);font-size:1.35rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.profile-hero__main{flex:1;min-width:0}.profile-hero__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f4f6f8a6}.profile-hero__name{margin:0 0 .4rem;font-family:var(--ds-font-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.22}.profile-hero__subtitle{margin:0 0 .85rem;font-size:.9rem;color:#f4f6f8e0;line-height:1.55;letter-spacing:.01em}.profile-hero__empno{font-variant-numeric:tabular-nums;font-weight:600}.profile-hero__dot{opacity:.55;margin:0 .25rem}.profile-hero__badges{display:flex;flex-wrap:wrap;gap:.45rem}.profile-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.25;letter-spacing:.02em}.profile-pill--success{background:#22c55e38;color:#bbf7d0;border:1px solid rgba(34,197,94,.35)}.profile-pill--warning{background:#fbbf2433;color:#fef3c7;border:1px solid rgba(251,191,36,.35)}.profile-pill--info{background:#ffffff24;color:#f4f6f8;border:1px solid rgba(255,255,255,.22)}.profile-pill--muted{background:#00000026;color:#f4f6f8d9;border:1px solid rgba(255,255,255,.12)}.profile-pill--roles{background:#ffffff1a;color:#f4f6f8eb;border:1px dashed rgba(255,255,255,.28);font-weight:500}.profile-hero__account{padding:.65rem .9rem;border-radius:.65rem;background:#0003;border:1px solid rgba(255,255,255,.12);min-width:7rem}.profile-hero__account-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#f4f6f88c;margin-bottom:.2rem}.profile-hero__account-value{font-size:.9rem;font-weight:600;color:#fff}@media(max-width:640px){.profile-hero__inner{flex-direction:column}.profile-hero__account{width:100%}}.profile-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}@media(max-width:900px){.profile-highlight-grid{grid-template-columns:1fr}}.profile-stat-card{display:flex;gap:.9rem;padding:1.1rem 1.15rem;border-radius:.9rem;border:1px solid rgba(173,179,180,.2);background:var(--ds-surface-container-lowest);box-shadow:var(--profile-shadow-md);transition:border-color .28s ease,box-shadow .28s ease,transform .22s ease}.profile-stat-card:hover{border-color:#adb3b466;box-shadow:var(--profile-shadow-md-hover);transform:translateY(-1px)}.profile-stat-card__icon{width:2.5rem;height:2.5rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.profile-stat-card--employment .profile-stat-card__icon{background:var(--ds-secondary-container);color:var(--ds-on-secondary-container)}.profile-stat-card--timeline .profile-stat-card__icon{background:#5a5f671f;color:var(--ds-primary)}.profile-stat-card__title{margin:0 0 .35rem;font-size:.7rem;font-weight:700;font-family:var(--ds-font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-on-surface-variant);line-height:1.35}.profile-stat-card__value{margin:0 0 .35rem;font-size:1.02rem;font-weight:600;font-family:var(--ds-font-display);color:var(--ds-on-surface);line-height:1.42;letter-spacing:-.01em}.profile-stat-card__hint{margin:0;font-size:.8125rem;color:var(--ds-on-surface-variant);line-height:1.5;letter-spacing:.01em}.profile-stat-card__dates{list-style:none;margin:0;padding:0}.profile-stat-card__dates li{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;padding:.3rem 0;border-bottom:1px solid var(--ds-ghost-border);line-height:1.45}.profile-stat-card__dates li:last-child{border-bottom:0}.profile-stat-card__dates span{color:var(--ds-on-surface-variant)}.profile-stat-card__dates strong{font-weight:600;color:var(--ds-on-surface);font-variant-numeric:tabular-nums}.profile-body-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.35rem}@media(max-width:900px){.profile-body-grid{grid-template-columns:1fr}}.profile-panel{background:var(--ds-surface-container-lowest);border:1px solid rgba(173,179,180,.18);border-radius:.9rem;padding:1.2rem 1.25rem 1.15rem;box-shadow:var(--profile-shadow-md);transition:border-color .28s ease,box-shadow .28s ease,transform .22s ease}.profile-panel:hover{border-color:#adb3b452;box-shadow:var(--profile-shadow-md-hover);transform:translateY(-1px)}.profile-panel--mediclaim-nominees{grid-column:1 / -1}.profile-panel__head--with-action{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.65rem 1rem}.profile-panel__head-main{display:flex;align-items:center;gap:.5rem;min-width:0}.profile-panel__lede{margin:-.25rem 0 1rem;font-size:.875rem;line-height:1.5;color:#475569eb}.profile-ess-link{font-size:.875rem;font-weight:600;color:var(--ds-primary);text-decoration:none;white-space:nowrap}.profile-ess-link:hover{text-decoration:underline}.profile-muted{margin:0;font-size:.9rem;line-height:1.5;color:#475569eb}.profile-muted--warn{color:var(--ds-error)}.profile-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.1rem}.profile-medi-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.8125rem}.profile-medi-table th,.profile-medi-table td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid rgba(173,179,180,.22);vertical-align:top}.profile-medi-table th{font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#64748bf2;background:#f8fafce6}.profile-medi-table tbody tr:hover{background:#f8fafc8c}.profile-medi-badge{display:inline-block;padding:.12rem .45rem;border-radius:999px;font-size:.68rem;font-weight:600;background:#e2e8f0;color:#475569}.profile-medi-badge--edf{background:#e0f2fe;color:#0369a1}.profile-medi-attach{font-size:.78rem;line-height:1.4}.profile-medi-yes{color:#0f766e;font-weight:600}.profile-medi-dash{color:#94a3b8}.profile-medi-sep{color:#94a3b8;font-weight:400}.profile-panel__head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--ds-ghost-border)}.profile-panel__head i{font-size:1.1rem;color:var(--ds-primary);opacity:.9}.profile-panel__title{margin:0;font-family:var(--ds-font-display);font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--ds-on-surface)}.profile-dl{margin:0}.profile-dl__row{display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);gap:.5rem 1rem;padding:.5rem 0;border-bottom:1px solid rgba(173,179,180,.12)}.profile-dl__row:last-child{border-bottom:0;padding-bottom:0}.profile-dl__row:first-child{padding-top:0}.profile-dl dt{margin:0;font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--ds-on-surface-variant);line-height:1.45}.profile-dl dd{margin:0;font-size:.9rem;font-weight:600;letter-spacing:.005em;color:var(--ds-on-surface);line-height:1.5;word-break:break-word;font-variant-numeric:tabular-nums}.profile-dl--compact .profile-dl__row{padding:.35rem 0}.profile-hod{margin:0 0 .75rem;font-size:1.02rem;font-weight:600;font-family:var(--ds-font-display);letter-spacing:-.01em;color:var(--ds-on-surface);line-height:1.5}.executive-portal-root{--ep-radius-pill: 9999px;--ep-radius-card: 1.5rem;--ep-radius-hero: 1.75rem;--ep-radius-inner: 1.125rem;--ep-shadow-soft: 0 6px 28px rgba(0, 0, 0, .07), 0 2px 10px rgba(0, 0, 0, .04);--ep-shadow-soft-hover: 0 12px 40px rgba(0, 0, 0, .1), 0 4px 14px rgba(0, 0, 0, .05);--ep-shadow-dropdown: 0 20px 50px rgba(0, 0, 0, .12), 0 6px 18px rgba(0, 0, 0, .05);--ep-border-subtle: rgba(197, 198, 203, .14);font-family:Inter,system-ui,sans-serif}.executive-portal-root .ep-card-round{border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-soft)}.executive-portal-root .ep-notifications-panel{border-radius:1.75rem}.executive-portal-root .ep-hero-round{border-radius:var(--ep-radius-hero);box-shadow:0 12px 44px #da003738,0 4px 16px #0000000f}.executive-portal-root .ep-inner-round{border-radius:var(--ep-radius-inner)}.executive-portal-main{background:#f5f2f2}.exec-headline{font-family:Manrope,system-ui,sans-serif}.executive-portal-scroll{-webkit-font-smoothing:antialiased}.executive-portal-root .ep-hero-round{padding-top:.3rem!important;padding-bottom:.3rem!important}.executive-portal-root .ep-notifications-panel{padding-top:1.25rem!important;padding-bottom:1.25rem!important}@media(max-width:768px){.executive-portal-root .ep-hero-round{padding-top:.4rem!important;padding-bottom:.4rem!important}}.executive-portal-root .topbar{margin-top:.25rem!important;padding-top:.55rem!important;padding-bottom:.55rem!important;border-radius:1rem!important}.executive-portal-root .sidebar-toggle,.executive-portal-root .notification-icon{width:36px;height:36px}.executive-portal-root .user-profile-top{padding-top:.3rem;padding-bottom:.3rem}.chart-bar-ep{transition:height 1s ease-out}.ep-dashboard-spinner{width:3rem;height:3rem;border:3px solid #e6e8f1;border-top-color:#da0037;border-radius:50%;animation:ep-dashboard-spin .75s linear infinite}@keyframes ep-dashboard-spin{to{transform:rotate(360deg)}}.ep-surface{background:#fff;border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-soft);border:none}.ep-surface-muted{background:#f2f4f4;border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-soft);border:none}.ep-banner-pms{border-radius:var(--ep-radius-hero);box-shadow:0 10px 36px #da003733}.ep-icon-box{border-radius:var(--ep-radius-inner)}.ep-btn-pill-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:var(--ep-radius-pill);font-weight:600;font-size:.875rem;line-height:1.25;background:#da0037;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px #da003747;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.ep-btn-pill-primary:hover{opacity:.95;box-shadow:0 6px 22px #da003759;transform:translateY(-1px)}.ep-btn-pill-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:var(--ep-radius-pill);font-weight:600;font-size:.875rem;line-height:1.25;background:#fff;color:#2d3435;border:1px solid rgba(197,198,203,.45);cursor:pointer;box-shadow:var(--ep-shadow-soft);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.ep-btn-pill-secondary:hover{background:#fafafa;box-shadow:var(--ep-shadow-soft-hover);transform:translateY(-1px)}.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-primary,.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-secondary{padding:.35rem .8rem;font-size:.75rem;font-weight:600;gap:.3rem;line-height:1.2}.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-primary{box-shadow:0 2px 10px #da003738}.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-primary:hover{box-shadow:0 4px 14px #da00374d}.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-secondary{box-shadow:0 1px 6px #0000000f}.executive-portal-root .executive-portal-scroll>header .ep-btn-pill-secondary:hover{box-shadow:0 3px 12px #00000014}.ep-btn-pill-on-hero{padding:.625rem 1.5rem;border-radius:var(--ep-radius-pill);font-weight:700;font-size:.875rem;background:#fff;color:#da0037;border:none;cursor:pointer;box-shadow:0 4px 20px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.ep-btn-pill-on-hero:hover{background:#f8f8f8;box-shadow:0 6px 24px #00000024;transform:translateY(-1px)}.ep-btn-pill-dark{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.35rem;border-radius:var(--ep-radius-pill);font-weight:700;font-size:.875rem;background:#5a5f67;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 16px #5a5f6759;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.ep-btn-pill-dark:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 22px #5a5f6766}.ep-badge-emp{border-radius:var(--ep-radius-pill);padding:.35rem .85rem;background:#dde4e5;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #0000000d}.ep-leave-card{border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-soft);border:none;transition:border-color .2s ease,box-shadow .25s ease}.ep-leave-card:hover{border-color:#c5c6cb59;box-shadow:var(--ep-shadow-soft-hover)}.executive-portal-root .ep-leave-balances-wrap{margin-top:0}.ep-quick-tile{border-radius:var(--ep-radius-inner);box-shadow:0 2px 12px #0000000a;transition:box-shadow .2s ease,transform .2s ease}.ep-quick-tile:hover{box-shadow:var(--ep-shadow-soft-hover);transform:translateY(-2px)}.ep-round-icon-btn{border-radius:var(--ep-radius-pill);transition:background .2s ease,color .2s ease,transform .15s ease}.ep-round-icon-btn:hover{transform:scale(1.05)}.ep-team-pill{border-radius:var(--ep-radius-pill)}.executive-portal-root .topbar{box-shadow:var(--ep-shadow-soft);border-bottom:1px solid rgba(197,198,203,.12);border-radius:25px;width:97%}.executive-portal-root .sidebar-toggle{border-radius:var(--ep-radius-pill);box-shadow:var(--ep-shadow-soft)}.executive-portal-root .user-profile-top{border-radius:var(--ep-radius-pill);box-shadow:var(--ep-shadow-soft);padding:.4rem 1rem .4rem .4rem}.executive-portal-root .user-avatar-top{border-radius:var(--ep-radius-pill)}.executive-portal-root .user-dropdown-menu{border-radius:1.25rem;box-shadow:var(--ep-shadow-dropdown);border:none;padding:.35rem;overflow:visible}.executive-portal-root .dropdown-item{border-radius:.75rem;margin:.15rem 0}.executive-portal-root .dropdown-item:hover{background:#f2f4f4f2}.executive-portal-root .notification-bell-trigger{border-radius:var(--ep-radius-pill);box-shadow:var(--ep-shadow-soft);background:#ffffffe6;border:1px solid var(--ep-border-subtle)}.executive-portal-root .notification-bell-trigger:hover{box-shadow:var(--ep-shadow-soft-hover)}.executive-portal-root .notification-bell-panel{border-radius:1.25rem;box-shadow:var(--ep-shadow-dropdown);border:1px solid rgba(197,198,203,.18)}.executive-portal-root .notification-bell-panel-header{border-radius:1.25rem 1.25rem 0 0}.executive-portal-root .notification-bell-footer{border-radius:0 0 1.25rem 1.25rem}.executive-portal-root .notification-bell-filters button{border-radius:var(--ep-radius-pill);padding:.4rem .9rem}.executive-portal-root .notification-bell-item{border-radius:.85rem;box-shadow:0 2px 12px #0000000a}.executive-portal-root .notification-bell-close{border-radius:var(--ep-radius-pill)}.executive-portal-root .ep-team-grid-wrap{border:1px solid #e3e7ee;border-radius:1rem;background:#f8fafc;padding:.5rem .55rem .55rem;max-height:min(48vh,520px);overflow-y:auto}.executive-portal-root .ep-team-grid-wrap--inline{max-height:min(42vh,400px);overflow-x:hidden;overflow-y:auto;padding:.4rem .45rem;scrollbar-width:thin}.executive-portal-root .ep-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.25rem,1fr));gap:.32rem}.executive-portal-root .ep-team-grid--row{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.75rem,1fr));gap:.35rem;overflow:visible}@media(min-width:900px){.executive-portal-root .ep-team-grid--row{grid-template-columns:repeat(auto-fill,minmax(7.25rem,1fr))}.executive-portal-root .ep-team-grid:not(.ep-team-grid--row){grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}@media(min-width:1280px){.executive-portal-root .ep-team-grid--row{grid-template-columns:repeat(auto-fill,minmax(7.75rem,1fr))}.executive-portal-root .ep-team-grid:not(.ep-team-grid--row){grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}}.executive-portal-root .ep-team-chip{display:flex;align-items:center;justify-content:space-between;gap:.3rem;min-width:0;padding:.26rem .38rem;border-radius:.45rem;background:#fff;border:1px solid #e8ecf1;box-shadow:0 1px 2px #00000008}.executive-portal-root .ep-team-chip-name{font-size:.64rem;font-weight:700;line-height:1.2;color:#1e293b;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.executive-portal-root .ep-team-chip-tag{flex-shrink:0;min-width:1.1rem;height:1.1rem;padding:0 .18rem;border-radius:.28rem;display:inline-flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:800;letter-spacing:.02em}.executive-portal-root .ep-team-chip-tag--p{background:#dcfce7;color:#166534}.executive-portal-root .ep-team-chip-tag--a{background:#fee2e2;color:#991b1b}.executive-portal-root .ep-team-chip-tag--lv{background:#fef3c7;color:#92400e}.executive-portal-root .ep-holidays-panel-bottom{border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-soft)}.executive-portal-root .ep-holidays-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem}.executive-portal-root .ep-holidays-grid-item{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .65rem;border-radius:.65rem;background:#f8fafc;border:1px solid #eef1f5}.executive-portal-root .ep-holidays-date{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:#da0037}.executive-portal-root .ep-holidays-weekday{font-size:.65rem;font-weight:600;text-transform:capitalize;color:#5a6061;letter-spacing:.02em}.executive-portal-root .ep-holidays-title{font-size:.8rem;font-weight:600;color:#2d3435;line-height:1.35}.hel-canvas .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.hel-executive-glow{box-shadow:0 20px 40px #001f290a}.hel-org-connector{position:relative}.hel-org-connector:after{content:"";position:absolute;left:50%;bottom:-1rem;width:1px;height:1rem;background:#0000001a}.self-rating-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;overflow-y:auto;min-height:100vh;position:relative}.self-rating-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(90,95,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,95,103,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content{margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh;overflow-y:auto;overflow-x:hidden}.content-wrapper{padding:2rem;position:relative;z-index:1;overflow:visible}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6);overflow:visible}.card-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light)}.card-title-modern{font-size:1.25rem;font-weight:700;color:var(--dark);display:flex;align-items:center;gap:.75rem}.kpi-rating-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:visible;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;border:1px solid rgba(226,232,240,.8)}.kpi-rating-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000001a}.kpi-rating-table thead th{padding:1.25rem 2rem;font-weight:700;font-size:.875rem;text-align:left;border:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;color:#fffffff2;position:relative}.kpi-rating-table tbody{background:#fff}.kpi-rating-table tbody tr{border-bottom:1px solid rgba(226,232,240,.6);transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff}.kpi-rating-table tbody td{padding:1.5rem 2rem;vertical-align:middle;border:none;position:relative}.kpi-name-cell{display:flex;align-items:flex-start;gap:1rem;min-width:200px}.kpi-name-text{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.375rem;line-height:1.4}.kpi-description{font-size:.8125rem;color:#64748b;line-height:1.5;margin-top:.25rem;font-weight:400}.table-value{font-size:.9375rem;font-weight:600;color:#1e293b;padding:.5rem .75rem;background:#f1f5f999;border-radius:8px;display:inline-block;min-width:80px;text-align:center}.table-input{width:100%;min-width:100px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Poppins,sans-serif;color:#1e293b}.percentage-box{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;width:48px;height:48px;border-radius:12px;font-size:.8125rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #5a5f6759,0 2px 4px #5a5f6733;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.kpi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.input-wrapper-modern{display:flex;gap:1rem;flex-wrap:wrap}.input-field{flex:1;min-width:150px;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s;background:#fff;font-family:Poppins,sans-serif;width:100%}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5a5f671a;transform:translateY(-2px)}.input-field.readonly{background:#f8fafc;color:#64748b;cursor:not-allowed}.rating-display-simple{display:flex;align-items:center;justify-content:center}.rating-selector-simple{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.375rem}.rating-selected-wrapper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.rating-value{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .75rem;border-radius:10px;font-size:1.125rem;font-weight:700;background:#fff;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;border:2px solid}.rating-value-interactive{cursor:pointer}.rating-value-interactive:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.rating-value-1{border-color:#ef4444;color:#ef4444}.rating-value-2{border-color:#eab308;color:#eab308}.rating-value-3,.rating-value-4,.rating-value-5{border-color:#5a5f67;color:#5a5f67}.rating-empty{color:#94a3b8;font-size:.9375rem}.rating-options-inline{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap;justify-content:center}.rating-option-btn{min-width:32px;width:32px;height:32px;padding:0;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rating-option-btn:hover:not(:disabled){border-color:#5a5f67;background:#5a5f671a;color:#5a5f67;transform:translateY(-1px)}.rating-option-btn:active:not(:disabled){transform:translateY(0)}.rating-option-btn:disabled{opacity:.5;cursor:not-allowed}.rating-option-btn[data-rating="1"]{border-color:#fca5a5;color:#ef4444}.rating-option-btn[data-rating="1"]:hover:not(:disabled){border-color:#ef4444;background:#ef44441a;color:#dc2626}.rating-option-btn[data-rating="1"].active{background:#fff;border-color:#ef4444;border-width:2px;color:#ef4444;box-shadow:0 2px 6px #ef444433}.rating-option-btn[data-rating="2"]{border-color:#fde047;color:#eab308}.rating-option-btn[data-rating="2"]:hover:not(:disabled){border-color:#eab308;background:#eab3081a;color:#ca8a04}.rating-option-btn[data-rating="2"].active{background:#fff;border-color:#eab308;border-width:2px;color:#eab308;box-shadow:0 2px 6px #eab30833}.rating-option-btn[data-rating="3"],.rating-option-btn[data-rating="4"],.rating-option-btn[data-rating="5"]{border-color:#86efac;color:#5a5f67}.rating-option-btn[data-rating="3"]:hover:not(:disabled),.rating-option-btn[data-rating="4"]:hover:not(:disabled),.rating-option-btn[data-rating="5"]:hover:not(:disabled){border-color:#5a5f67;background:#22c55e1a;color:#5a5f67}.rating-option-btn[data-rating="3"].active,.rating-option-btn[data-rating="4"].active,.rating-option-btn[data-rating="5"].active{background:#fff;border-color:#5a5f67;border-width:2px;color:#5a5f67;box-shadow:0 2px 6px #22c55e33}.rating-scale-modern{display:flex;gap:.375rem;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.5rem;border-radius:12px;border:1px solid rgba(226,232,240,.6);box-shadow:inset 0 1px 2px #0000000d}.rating-option-modern{flex:1;padding:.625rem .5rem;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-weight:700;color:#475569;min-width:40px;box-shadow:0 1px 2px #0000000d}.rating-option-modern:hover:not(.selected):not([data-rating]){background:#5a5f6714;border-color:#5a5f674d;color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #5a5f6726}.notes-section{margin-top:1.5rem}.notes-textarea{width:100%;min-height:80px;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:.85rem;color:#1e293b;background-color:#fff;transition:all .3s;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5a5f671a}.avg-rating-section{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#5a5f671a,#646a730d);border-radius:16px;border:2px solid rgba(90,95,103,.2)}.avg-rating-input{flex:1;max-width:120px;border:2px solid var(--primary);border-radius:12px;font-size:1rem;font-weight:700;text-align:center;color:var(--primary);background:#fff}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.kpi-rating-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:.875rem 1rem;white-space:nowrap}.kpi-name-cell{min-width:150px;white-space:normal}.table-input,.table-textarea{min-width:120px}.rating-value{min-width:40px;height:40px;font-size:1rem;padding:0 .625rem}.rating-option-btn{min-width:28px;width:28px;height:28px;font-size:.8125rem}.rating-selected-wrapper{gap:.375rem}.rating-scale-modern{gap:.25rem;padding:.375rem}.rating-option-modern{min-width:35px;padding:.5rem .375rem;font-size:.875rem}.kpi-cards-container,.kpi-details-grid{grid-template-columns:1fr}.input-wrapper-modern{flex-direction:column}.input-field{width:100%}.button-section{flex-direction:column-reverse;gap:.75rem}.btn-completed,.btn-cancel{width:100%;justify-content:center}}.upload-view-btn,.upload-view-btn i{display:block!important}.upload-view-btn span{font-size:10px!important}.content-inner{padding:1.5rem;position:relative;z-index:1}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6)}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pms-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.pms-table thead th{padding:.75rem .875rem;font-weight:700;font-size:.75rem;text-align:left;border:none;text-transform:uppercase;letter-spacing:.3px}.pms-table thead th:nth-child(1){width:18%}.pms-table thead th:nth-child(2){width:28%}.pms-table thead th:nth-child(3){width:28%}.pms-table thead th:nth-child(4){width:13%}.pms-table thead th:nth-child(5){width:13%}.pms-table tbody td{padding:.75rem .875rem;vertical-align:middle}.month-info{display:flex;flex-direction:column;gap:.125rem}.month-name{font-weight:700;color:var(--dark);font-size:.875rem}.month-dates{font-size:.6875rem;color:#64748b}.rating-column-wrapper{display:flex;flex-direction:column;min-width:200px;max-width:280px}.rating-card{position:relative;width:100%;min-height:70px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;padding:1rem 1.25rem;border:2px solid #e2e8f0;box-shadow:0 2px 4px -1px #00000014,0 1px 2px -1px #0000000a;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box}.rating-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.rating-card.filled{background:linear-gradient(135deg,#f2f4f4,#e8ecec,#a7f3d0);border-color:#5a5f67}.rating-card.empty{background:linear-gradient(135deg,#fff,#f8fafc);border:2px dashed #cbd5e1;opacity:.7}.rating-badge{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,#4e535b,#5a5f67,#8b9199);box-shadow:0 2px 4px #5a5f6740,0 1px 2px #5a5f6726;position:relative;overflow:hidden;flex-shrink:0}.rating-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShine 3s infinite}@keyframes badgeShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.rating-badge.empty{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b;box-shadow:0 2px 4px #0000001a}.rating-badge.empty:before{display:none}.rating-status-box{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:8px;flex:1;min-width:0;max-width:100%}.rating-status-box.filled{background:#4e535b33;border:1px solid rgba(78,83,91,.4)}.rating-status-box.empty{background:#94a3b833;border:1px solid rgba(148,163,184,.35)}.rating-status-text{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.rating-status-box.filled .rating-status-text{color:#4e535b}.rating-status-box.empty .rating-status-text{color:#64748b}.rating-status-box .rating-emoji-display{font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));animation:emojiFloat 3s ease-in-out infinite;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:0}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(3deg)}}.rating-status-box.empty .rating-emoji-display{opacity:.7;animation:emojiPulse 2s ease-in-out infinite}@keyframes emojiPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.status-badge{padding:.375rem .75rem;border-radius:16px;font-weight:600;font-size:.75rem;display:inline-block}.status-closed{background:#64748b1a;color:#64748b}.btn-details{background:var(--info);color:#fff;border:none;padding:.375rem 1rem;border-radius:8px;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s}.btn-details:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper,.content-inner{padding:1rem}.rating-column-wrapper{min-width:180px;max-width:240px}.rating-card{min-height:65px;padding:.875rem 1rem;gap:.875rem}.rating-badge{width:50px;height:50px;font-size:1.125rem}.rating-status-box{padding:.3125rem .5rem;gap:.375rem}.rating-status-text{font-size:.625rem}.rating-status-box .rating-emoji-display{font-size:1.125rem}.pms-table thead th,.pms-table tbody td{padding:.75rem .625rem}}@media(max-width:768px){.rating-column-wrapper{min-width:160px;max-width:200px}.rating-card{min-height:60px;padding:.75rem .875rem;gap:.75rem}.rating-badge{width:46px;height:46px;font-size:1rem}.rating-status-box{padding:.25rem .5rem;gap:.25rem}.rating-status-text{font-size:.5625rem}.rating-status-box .rating-emoji-display{font-size:1rem}.pms-table{font-size:.875rem}.pms-table thead th,.pms-table tbody td{padding:.625rem .5rem}}.hod-rating-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative;width:100%}.main-content{margin-left:var(--sidebar-width);min-height:100vh;width:calc(100% - var(--sidebar-width));max-width:100%;overflow-x:hidden;box-sizing:border-box}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #00000014;border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:34;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.content-wrapper{padding:1rem;width:100%;max-width:100%;margin:0;box-sizing:border-box}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;border:1px solid rgba(226,232,240,.6);width:100%;max-width:100%;box-sizing:border-box;margin-left:0;margin-right:0;overflow-x:visible}.instructions-card{background:#ef4444;border:1px solid rgba(90,95,103,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;color:#fff}.instructions-card ul{margin:.5rem 0 0 1.5rem;line-height:1.8}.employee-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;table-layout:auto;min-width:100%}.employee-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff}.employee-table thead th{padding:.45rem .65rem;font-weight:600;font-size:.72rem;text-align:left;border:none}.employee-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s}.employee-table tbody tr:hover{background:#5a5f670d}.employee-table tbody tr:last-child{border-bottom:none}.employee-table tbody td{padding:.4rem .65rem;vertical-align:middle;border:none}.employee-info{display:flex;flex-direction:column;gap:.25rem}.employee-name{font-weight:600;color:var(--dark)}.employee-role{font-size:.85rem;color:#64748b;margin-top:.25rem}.rating-badge{padding:.5rem;border-radius:8px;font-weight:600;font-size:.9rem;display:inline-block;min-width:80px;text-align:center;box-shadow:0 2px 4px #0000001a}.rating-badge.success{background:#5a5f671a;color:#5a5f67}.rating-badge.warning,.rating-badge.pending{background:#f59e0b1a;color:#f59e0b}.rating-badge.rating-red{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-weight:700}.rating-badge.rating-yellow{background:#eab30826;color:#ca8a04;border:1px solid rgba(234,179,8,.3);font-weight:700}.rating-badge.rating-green{background:#5a5f671f;color:#3d4448;border:1px solid rgba(90,95,103,.25);font-weight:700}.btn-details{background:linear-gradient(135deg,var(--success) 0%,#4e535b 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5a5f6766}.btn-details:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none}@media(max-width:992px){.main-content{margin-left:0}}.hod-rating-detail-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #00000014;border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:34;display:flex;justify-content:space-between;align-items:center}.content-wrapper{padding:2rem;max-width:100%;overflow-x:hidden}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6);overflow-x:auto;position:relative;z-index:0}.kpi-table-scale-wrapper{zoom:.75}.employee-header{background:linear-gradient(135deg,#5a5f671a,#646a730d);padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;border-left:4px solid var(--primary)}.employee-name-large{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.employee-role-large{font-size:1rem;color:#64748b}.kpi-rating-table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:visible;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000d;border:1px solid rgba(226,232,240,.8);position:relative;z-index:0!important}.kpi-rating-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;position:sticky;top:0;z-index:0!important;box-shadow:0 2px 8px #0000001a}.kpi-rating-table thead th{padding:.45rem .6rem;font-weight:700;font-size:.75rem;text-align:left;border:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;color:#fffffff2;position:relative;z-index:0!important}.kpi-rating-table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#fff3}.kpi-rating-table tbody{background:#fff;position:relative;z-index:0!important}.kpi-rating-table tbody tr{border-bottom:1px solid rgba(226,232,240,.6);transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;position:relative;z-index:0!important}.kpi-rating-table tbody tr:nth-child(2n){background:#f8fafc80}.kpi-rating-table tbody tr:hover{background:linear-gradient(90deg,#5a5f6714,#5a5f6708);transform:translate(2px);box-shadow:inset 4px 0 0 var(--primary)}.kpi-rating-table tbody tr:has(.hod-rating-wrapper:hover),.kpi-rating-table tbody tr:has(.hod-rating-wrapper.active){background:#fff!important;transform:none!important;box-shadow:none!important}.kpi-rating-table tbody tr.rating-hover-disabled:hover{background:#fff!important;transform:none!important;box-shadow:none!important}.kpi-rating-table tbody tr:last-child{border-bottom:none}.kpi-rating-table tbody tr.rating-summary-row{border-top:3px solid rgba(90,95,103,.3);background:linear-gradient(135deg,#5a5f670d,#646a7305)!important;margin-top:1rem}.kpi-rating-table tbody tr.rating-summary-row td{padding:1.5rem 1rem;border-top:3px solid rgba(90,95,103,.3)}.kpi-rating-table tbody tr.rating-summary-row:hover{background:linear-gradient(135deg,#5a5f6714,#646a730a)!important;transform:none;box-shadow:none}.kpi-rating-table tbody td{padding:.4rem .6rem;vertical-align:middle;border:none;position:relative;font-size:.875rem;word-wrap:break-word;overflow:visible!important;overflow-wrap:break-word;z-index:0!important}.kpi-rating-table tbody td:has(.hod-rating-wrapper){overflow:visible!important;position:relative}.kpi-rating-table tbody td:has(.hod-rating-wrapper){overflow:visible!important;position:relative;padding-right:.5rem!important;padding-left:.5rem!important}.kpi-rating-table tbody td:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:#e2e8f066}.kpi-name-cell{display:flex;align-items:flex-start;gap:.5rem;min-width:auto;max-width:none}.kpi-name-text{font-size:.8125rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;line-height:1.3}.kpi-description{font-size:.75rem;color:#64748b;line-height:1.4;margin-top:.15rem;font-weight:400}.table-value{font-size:.8125rem;font-weight:600;color:#1e293b;padding:.375rem .5rem;background:#f1f5f999;border-radius:6px;display:inline-block;min-width:60px;text-align:center}.table-value.emp-rating{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);color:#2563eb;font-weight:700}.table-input{width:100%;min-width:70px;max-width:90px;padding:.5rem .625rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.8125rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Poppins,sans-serif;color:#1e293b}.table-input:hover{border-color:#5a5f6766;background:#f8fafccc}.table-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #5a5f671f,0 2px 8px #5a5f6726;transform:translateY(-1px)}.table-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.table-textarea{width:100%;min-height:70px;max-height:150px;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);resize:vertical;background:#fff;color:#1e293b;line-height:1.6}.table-textarea:hover{border-color:#5a5f6766;background:#f8fafccc}.table-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #5a5f671f,0 2px 8px #5a5f6726}.table-textarea::placeholder{color:#94a3b8;font-weight:400}.percentage-box{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;width:42px;height:42px;border-radius:10px;font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #5a5f674d,0 1px 2px #5a5f6726;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.percentage-box:hover{transform:scale(1.05);box-shadow:0 6px 16px #5a5f6766,0 2px 6px #5a5f6740}.kpi-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 4px 20px #00000014;border:2px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #5a5f6726;border-color:#5a5f674d}.kpi-card:hover:before{transform:scaleY(1)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.kpi-title-section{flex:1}.kpi-name{font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.25rem;display:flex;align-items:center;gap:.75rem}.percentage-box{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;width:50px;height:50px;border-radius:50%;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #5a5f674d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-description{font-size:.85rem;color:#64748b;line-height:1.5;margin-top:.25rem}.weightage-badge{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #5a5f674d}.kpi-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.detail-item{background:linear-gradient(135deg,#5a5f670d,#646a7305);padding:.75rem;border-radius:10px;border:1px solid rgba(90,95,103,.1)}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.detail-value{font-size:1.1rem;font-weight:700;color:var(--dark)}.detail-value.emp-rating{color:var(--primary)}.input-group-modern{margin-bottom:1rem}.input-label{font-weight:600;color:var(--dark);margin-bottom:.75rem;display:block;font-size:.95rem}.hod-rating-input{width:100%;max-width:150px;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1.25rem;font-weight:700;text-align:center;transition:all .3s;background:#fff;font-family:Poppins,sans-serif}.hod-rating-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5a5f671a;transform:translateY(-2px)}.weighted-avg-display{background:linear-gradient(135deg,#5a5f671a,#646a730d);padding:1rem;border-radius:12px;text-align:center;margin-top:1rem;border:2px solid rgba(90,95,103,.2)}.weighted-avg-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.notes-section{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.notes-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem}.notes-label{font-weight:600;margin-bottom:.5rem;color:var(--dark)}.notes-textarea{width:100%;min-height:80px;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-family:Poppins,sans-serif;font-size:.85rem;transition:all .3s;resize:vertical}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.notes-textarea.readonly{background:#f8fafc;color:#64748b}.avg-rating-container{display:flex;gap:1.5rem;justify-content:space-evenly;align-items:flex-start}.avg-rating-section{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#5a5f671a,#646a730d);border-radius:16px;border:2px solid rgba(90,95,103,.2);min-width:350px}.avg-rating-label{font-weight:600;color:var(--dark);font-size:1.1rem}.avg-rating-input{flex:1;max-width:120px;border:2px solid var(--primary);border-radius:12px;font-size:1.5rem;font-weight:700;text-align:center;color:var(--primary);background:#fff}.button-section{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e2e8f0;clear:both}.btn-completed{background:linear-gradient(135deg,var(--success) 0%,#4e535b 100%);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #5a5f6759;display:inline-flex;align-items:center;gap:.5rem}.btn-completed:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5a5f6780}.btn-cancel{background:#fff;color:var(--dark);border:2px solid #e2e8f0;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-cancel:hover{border-color:var(--primary);color:var(--primary);background:#5a5f670d}.btn-back{background:#fff;color:var(--dark);border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.5rem}.btn-back:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:1200px){.kpi-rating-table{font-size:.875rem}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:1rem 1.25rem}.kpi-name-cell{min-width:180px}}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.kpi-rating-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-rating-table thead th,.kpi-rating-table tbody td{padding:.875rem 1rem;white-space:nowrap}.kpi-name-cell{min-width:150px;white-space:normal}.table-input,.table-textarea{min-width:120px}.kpi-cards-container,.kpi-details-grid,.notes-section{grid-template-columns:1fr}.button-section{flex-direction:column-reverse;gap:.75rem}.btn-completed,.btn-cancel{width:100%;justify-content:center}}@media(max-width:576px){.kpi-card{padding:1.25rem}.kpi-name,.detail-value{font-size:1.1rem}}.file-upload-modern{border:2px dashed #cbd5e1;border-radius:12px;padding:.875rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:linear-gradient(135deg,#f8fafccc,#f1f5f999);margin-top:.5rem;position:relative;overflow:hidden}.file-upload-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(90,95,103,.1),transparent);transition:left .5s}.file-upload-modern:hover{border-color:var(--primary);background:linear-gradient(135deg,#5a5f6714,#5a5f670d);box-shadow:0 4px 12px #5a5f6726;transform:translateY(-2px)}.file-upload-modern:hover:before{left:100%}.file-upload-modern.dragover{border-color:var(--primary);background:linear-gradient(135deg,#5a5f6726,#5a5f671a);box-shadow:0 6px 20px #5a5f6740;transform:scale(1.02)}.file-list-modern{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.file-item-modern{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:linear-gradient(135deg,#f8fafce6,#f1f5f9b3);border-radius:10px;border:1px solid rgba(226,232,240,.8);transition:all .25s ease;box-shadow:0 1px 3px #0000000d}.file-item-modern:hover{background:linear-gradient(135deg,#f1f5f9f2,#f8fafccc);border-color:#5a5f674d;box-shadow:0 2px 6px #5a5f671a;transform:translate(2px)}.hod-rating-wrapper{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1;pointer-events:auto;min-height:44px;min-width:44px}.hod-rating-wrapper:hover,.hod-rating-wrapper.active{z-index:99999999!important;position:relative}.hod-rating-wrapper:hover~*,.hod-rating-wrapper.active~*{pointer-events:none}.hod-rating-container{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;z-index:0}.hod-rating-container.active{z-index:0}.hod-rating-display-trigger{position:relative;z-index:0}.hod-rating-display-trigger{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;z-index:0!important}.hod-rating-wrapper.active .hod-rating-display-trigger{opacity:0;visibility:hidden;pointer-events:none}.hod-rating-display{display:flex;align-items:center;justify-content:center}.hod-rating-value{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .875rem;border-radius:10px;font-size:1.125rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000026;transition:all .2s ease;position:relative;z-index:0!important}.hod-rating-interactive{cursor:pointer}.hod-rating-interactive:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.hod-rating-value-1{background:linear-gradient(135deg,#ef4444,#dc2626)}.hod-rating-value-2{background:linear-gradient(135deg,#eab308,#ca8a04)}.hod-rating-value-3,.hod-rating-value-4,.hod-rating-value-5{background:linear-gradient(135deg,#5a5f67,#4e535b)}.hod-rating-placeholder{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:2px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:.9375rem;font-weight:600;background:#f8fafccc;transition:all .2s ease;position:relative;z-index:0!important}.hod-rating-placeholder:after{content:"▼";font-size:.625rem;margin-left:.25rem;opacity:.5;transition:all .2s ease}.hod-rating-placeholder:hover{border-color:#5a5f67;color:#5a5f67;background:#5a5f671a}.hod-rating-placeholder:hover:after{z-index:-10;transform:translateY(2px)}.hod-rating-interactive:after{content:"▼";font-size:.625rem;margin-left:.375rem;opacity:.6;transition:all .2s ease}.hod-rating-interactive:hover:after{opacity:1;transform:translateY(2px)}.hod-rating-empty{color:#94a3b8;font-size:.9375rem}.hod-rating-options-tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex!important;gap:.15rem!important;align-items:center!important;justify-content:center!important;z-index:9999999999!important;pointer-events:all!important;background:#fff!important;padding:.25rem!important;border-radius:8px;box-shadow:0 8px 24px #0000004d,0 4px 12px #0003!important;border:2px solid rgba(226,232,240,1)!important;isolation:isolate;will-change:transform;min-width:max-content;max-width:none!important;width:auto!important;visibility:visible!important;opacity:1!important;overflow:visible!important;white-space:nowrap!important}.hod-rating-options-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:100%;height:10px;pointer-events:all;z-index:9999999}.hod-rating-options{position:absolute;top:calc(100% + .5rem);left:50%;display:flex;gap:.25rem;align-items:center;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;border:1px solid rgba(226,232,240,.8);opacity:0;visibility:hidden;transform:translate(-50%) translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99999!important;pointer-events:none;white-space:nowrap}.hod-rating-container:hover .hod-rating-options,.hod-rating-container:focus-within .hod-rating-options{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:all;margin-left:-15px}@media(min-width:1200px)and (max-width:1600px){.hod-rating-options-tooltip{gap:.15rem!important;padding:.25rem!important;min-width:auto!important}.hod-rating-btn{min-width:30px!important;width:30px!important;height:30px!important;font-size:.8125rem!important}}@media(max-width:768px){.hod-rating-container.active{z-index:100000}.hod-rating-container.active .hod-rating-options{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:all}.hod-rating-options{position:fixed;left:50%;transform:translate(-50%) translateY(-10px);z-index:99999!important;box-shadow:0 12px 32px #0003}}.hod-rating-btn{min-width:30px!important;width:30px!important;height:30px!important;padding:0!important;border:2px solid #e2e8f0!important;border-radius:6px!important;background:#fff!important;color:#64748b!important;font-size:.8125rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;pointer-events:auto!important;position:relative;z-index:9999999999!important;box-shadow:0 1px 4px #0000001a!important}.hod-rating-btn:hover:not(:disabled):not(.selected){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.hod-rating-btn:active:not(:disabled){transform:translateY(0)}.hod-rating-btn:disabled{opacity:.5;cursor:not-allowed}.hod-rating-btn[data-rating="1"]{border-color:#fca5a5!important;color:#ef4444!important}.hod-rating-btn[data-rating="1"]:hover:not(:disabled):not(.selected){border-color:#ef4444!important;background:#ef44441a!important;color:#dc2626!important}.hod-rating-btn[data-rating="1"].selected{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 2px 6px #ef44444d!important;transform:scale(1.1)!important}.hod-rating-btn[data-rating="2"]{border-color:#fde047!important;color:#eab308!important}.hod-rating-btn[data-rating="2"]:hover:not(:disabled):not(.selected){border-color:#eab308!important;background:#eab3081a!important;color:#ca8a04!important}.hod-rating-btn[data-rating="2"].selected{background:linear-gradient(135deg,#eab308,#ca8a04)!important;border-color:#eab308!important;color:#fff!important;box-shadow:0 2px 6px #eab3084d!important;transform:scale(1.1)!important}.hod-rating-btn[data-rating="3"],.hod-rating-btn[data-rating="4"],.hod-rating-btn[data-rating="5"]{border-color:#a7d3a5!important;color:#5a5f67!important}.hod-rating-btn[data-rating="3"]:hover:not(:disabled):not(.selected),.hod-rating-btn[data-rating="4"]:hover:not(:disabled):not(.selected),.hod-rating-btn[data-rating="5"]:hover:not(:disabled):not(.selected){border-color:#5a5f67!important;background:#5a5f671a!important;color:#4e535b!important}.hod-rating-btn[data-rating="3"].selected,.hod-rating-btn[data-rating="4"].selected,.hod-rating-btn[data-rating="5"].selected{background:linear-gradient(135deg,#5a5f67,#4e535b)!important;border-color:#5a5f67!important;color:#fff!important;box-shadow:0 2px 6px #5a5f674d!important;transform:scale(1.1)!important}.rating-scale-modern{display:flex;gap:.25rem;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.375rem;border-radius:8px;border:1px solid rgba(226,232,240,.6);box-shadow:inset 0 1px 2px #0000000d}.rating-option-modern{flex:1;padding:.5rem .375rem;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:.8125rem;font-weight:700;color:#475569;min-width:32px;box-shadow:0 1px 2px #0000000d}.rating-option-modern[data-rating="1"]{border-color:#ef4444;color:#ef4444}.rating-option-modern[data-rating="1"]:hover:not(.selected){background:#ef44441a;border-color:#ef4444;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.rating-option-modern[data-rating="1"].selected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444459,0 2px 4px #ef444433;transform:scale(1.05)}.rating-option-modern[data-rating="2"]{border-color:#eab308;color:#eab308}.rating-option-modern[data-rating="2"]:hover:not(.selected){background:#eab3081a;border-color:#eab308;color:#ca8a04;transform:translateY(-1px);box-shadow:0 2px 4px #eab30833}.rating-option-modern[data-rating="2"].selected{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff;border-color:#eab308;box-shadow:0 4px 12px #eab30859,0 2px 4px #eab30833;transform:scale(1.05)}.rating-option-modern[data-rating="3"],.rating-option-modern[data-rating="4"],.rating-option-modern[data-rating="5"]{border-color:#5a5f67;color:#5a5f67}.rating-option-modern[data-rating="3"]:hover:not(.selected),.rating-option-modern[data-rating="4"]:hover:not(.selected),.rating-option-modern[data-rating="5"]:hover:not(.selected){background:#22c55e1a;border-color:#5a5f67;color:#5a5f67;transform:translateY(-1px);box-shadow:0 2px 4px #22c55e33}.rating-option-modern[data-rating="3"].selected,.rating-option-modern[data-rating="4"].selected,.rating-option-modern[data-rating="5"].selected{background:linear-gradient(135deg,#5a5f67 0% 100%);color:#fff;border-color:#5a5f67;box-shadow:0 4px 12px #22c55e59,0 2px 4px #22c55e33;transform:scale(1.05)}.pms-dashboard-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative}.pms-dashboard-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(90,95,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,95,103,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main-content{margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.content-wrapper{padding:2rem;position:relative;z-index:1}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6)}.page-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--dark)}.pms-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;table-layout:fixed}.pms-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff}.pms-table thead th{padding:1rem;font-weight:600;font-size:.9rem;text-align:left;border:none}.pms-table .col-month{width:28%;text-align:left}.pms-table .col-employees{width:18%;text-align:left}.pms-table .col-filled{width:16%;text-align:center}.pms-table .col-status{width:18%;text-align:center}.pms-table .col-actions{width:20%;text-align:center}.pms-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s}.pms-table tbody tr:hover{background:#5a5f670d}.pms-table tbody tr:last-child{border-bottom:none}.pms-table tbody td{padding:1rem;vertical-align:middle}.month-info{display:flex;flex-direction:column;gap:.25rem}.month-name{font-weight:700;color:var(--dark);font-size:1rem}.month-dates{font-size:.85rem;color:#64748b}.employee-count{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--dark)}.count-badge{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.pms-status{display:flex;align-items:center;justify-content:center;width:100%}.status-count{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;min-width:60px;text-align:center;box-shadow:0 2px 8px #5a5f6733}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;display:inline-block}.status-pending{background:#f59e0b1a;color:#d97706}.status-completed{background:#5a5f671a;color:#4e535b}.status-in-progress{background:#3b82f61a;color:#2563eb}.status-closed{background:#64748b1a;color:#475569}.btn-details{background:var(--info);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s}.btn-details:hover:not(:disabled){background:#4b4e53;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-details:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;opacity:.6}@media(max-width:992px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.pms-table{font-size:.85rem}.pms-table thead th,.pms-table tbody td{padding:.75rem .5rem}}.hod-exec-dashboard-content{width:100%;box-sizing:border-box}.hod-exec-dashboard-content *,.hod-exec-dashboard-content *:before,.hod-exec-dashboard-content *:after{box-sizing:border-box}.hod-exec-inner{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:clamp(1.25rem,2.5vw,2.5rem);padding-top:clamp(1.5rem,2.5vw,2rem);display:flex;flex-direction:column;gap:clamp(1.75rem,3vw,2.5rem)}.hod-exec-metrics{display:grid;gap:clamp(.75rem,1.5vw,1.25rem) clamp(.875rem,1.75vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.hod-exec-metric-card{min-width:0;padding:clamp(1rem,2vw,1.35rem);border:1px solid rgba(15,23,42,.07);border-radius:1.25rem;background:#fff;box-shadow:0 1px 3px #001f290f}.hod-exec-main-cols{display:grid;gap:clamp(1.5rem,2.5vw,2rem);align-items:start;grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.hod-exec-main-cols{grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(1.5rem,2.5vw,2.25rem)}}.hod-exec-stack,.hod-exec-stack-tight{display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem);min-width:0}.hod-exec-team-split{display:flex;flex-direction:column;gap:clamp(1.5rem,2.5vw,2rem);width:100%}@media(min-width:1200px){.hod-exec-team-split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(1.5rem,2.5vw,2.5rem);align-items:start}}.hod-exec-team-chart,.hod-exec-team-side{width:100%;min-width:0}.hod-exec-card-pad{padding:clamp(1.25rem,2.2vw,2rem)}.hod-exec-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(.35rem,1.2vw,.75rem);min-height:16rem;padding:0 clamp(.5rem,1.5vw,1rem) 1rem;border-bottom:1px solid #edeeef}.hod-exec-bar-slot{flex:1 1 0;min-width:0;max-width:3rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.hod-exec-bottom-cols{display:grid;gap:clamp(1.5rem,2.5vw,2rem);align-items:start;grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.hod-exec-bottom-cols{grid-template-columns:minmax(0,1fr) minmax(260px,360px)}}*{margin:0;padding:0;box-sizing:border-box}.employee-roles-list-container{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative;width:100%;max-width:100vw;box-sizing:border-box}.employee-roles-list-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(90,95,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,95,103,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.employee-roles-list-container .main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));min-width:0;box-sizing:border-box;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.employee-roles-list-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed));max-width:calc(100% - var(--sidebar-collapsed))}.employee-roles-list-container .content-wrapper{padding:2rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex:1}.btn-create-role{padding:.875rem 2rem;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5a5f674d;display:flex;align-items:center;gap:.5rem}.btn-create-role:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5a5f6766}.btn-create-role:active{transform:translateY(0)}.create-role-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999}.create-role-modal{width:min(560px,92vw);background:#fff;border-radius:14px;padding:1rem}.create-role-modal h3{margin:0 0 .9rem}.create-role-form{display:grid;gap:.75rem}.create-role-form label{display:grid;gap:.35rem;font-size:.875rem;color:#334155;font-weight:600}.create-role-form input,.create-role-form textarea{border:1px solid #dbe3ef;border-radius:8px;padding:.625rem .75rem;font-family:inherit;font-size:.875rem}.create-role-form textarea{min-height:88px;resize:vertical}.active-checkbox{display:inline-flex!important;align-items:center;gap:.5rem}.create-role-actions{margin-top:.9rem;display:flex;justify-content:flex-end;gap:.6rem}.btn-cancel-role,.btn-save-role{border:none;border-radius:8px;padding:.6rem 1rem;font-weight:600;cursor:pointer}.btn-cancel-role{background:#eef2f7;color:#334155}.btn-save-role{background:#698047;color:#fff}.content-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.8);overflow:hidden}.card-header-modern{padding:1.5rem 2rem;background:linear-gradient(135deg,#5a5f670d,#646a7305);border-bottom:1px solid rgba(226,232,240,.5)}.card-title-modern i{color:var(--primary);font-size:1.5rem}.card-body-modern{padding:2rem}.loading-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.empty-state p{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}.empty-state small{color:var(--text-secondary)}.error-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.error-state i{font-size:3rem;color:#ef4444;margin-bottom:1rem}.error-state-title{font-size:1.25rem;font-weight:700;color:var(--dark);margin-bottom:.75rem}.error-state-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.btn-retry-error{padding:.875rem 2rem;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5a5f674d;display:inline-flex;align-items:center;gap:.5rem}.btn-retry-error:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5a5f6766}.btn-retry-error:disabled{opacity:.7;cursor:not-allowed}.roles-catalog-loading-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;color:var(--dark);font-size:.9rem;font-weight:500}.roles-table-wrap{position:relative}.roles-table-wrap.is-refreshing .roles-table{pointer-events:none;opacity:.65}.roles-table-refresh-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff8c;border-radius:12px;font-size:.9rem;font-weight:600;color:var(--dark)}.roles-table{overflow-x:auto}.table-modern{width:100%;border-collapse:collapse}.table-modern th{padding:1rem 1.5rem;text-align:left;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.table-modern td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;color:var(--dark);font-weight:500}.table-modern tbody tr{transition:all .3s}.table-modern tbody tr:hover{background:#5a5f6708}.roles-container{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #5a5f6733;white-space:nowrap;position:relative}.role-badge-remove{background:#fff3;border:none;border-radius:50%;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-left:.25rem;transition:all .2s;color:#fff;font-size:.875rem;line-height:1}.role-badge-remove:hover{background:#ffffff4d;transform:scale(1.1)}.role-badge-remove:active{transform:scale(.95)}.role-badge-remove:disabled{opacity:.45;cursor:not-allowed;transform:none}.role-badge-remove i{font-size:.75rem;font-weight:700}.btn-action{padding:.5rem .75rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.btn-remove{background:#ef44441a;color:#ef4444}.btn-remove:hover{background:#ef444433;transform:translateY(-2px)}.btn-edit{background:#3b82f61a;color:#3b82f6}.btn-edit:hover{background:#3b82f633;transform:translateY(-2px)}.table-actions-col{min-width:7rem;width:7rem;white-space:nowrap;text-align:left;vertical-align:middle}.table-actions-col .action-buttons{flex-wrap:nowrap}.btn-action-label{margin-left:.35rem;font-size:.8125rem;font-weight:600}@media(max-width:768px){.btn-action-label{display:none}.table-actions-col{min-width:3.5rem;width:3.5rem}}.action-buttons{display:flex;align-items:center;gap:.5rem}.role-badge.no-role{background:linear-gradient(135deg,#94a3b8,#64748b)}.filters-section{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid rgba(226,232,240,.5)}.filters-loading-hint{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b;margin-bottom:.75rem}.filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;row-gap:.75rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1 1 10rem;min-width:8.75rem;max-width:16rem}.filters-row-actions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:.45rem;margin-left:auto;flex:1 1 auto;min-width:min(100%,17rem)}.filter-label{font-size:.875rem;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:.5rem}.filter-label i{color:var(--primary)}.filter-input,.filter-select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:var(--dark);background:#fff;transition:all .3s;font-family:Poppins,sans-serif}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.btn-clear-filters{padding:.75rem 1.5rem;background:#fff;color:var(--text-secondary);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;height:fit-content}.btn-clear-filters:hover{background:#f1f5f9;border-color:var(--primary);color:var(--primary)}.pagination-container{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.pagination-btn{padding:.5rem 1rem;min-width:0;background:#fff;color:var(--dark);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:var(--primary);color:var(--primary)}.pagination-pages{display:flex;align-items:center;gap:.35rem}.pagination-page{min-width:2.5rem;height:2.5rem;padding:.5rem;background:#fff;color:var(--dark);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.pagination-page:hover:not(:disabled){background:#f8fafc;border-color:var(--primary);color:var(--primary)}.pagination-page.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:var(--primary)}.pagination-page:disabled{opacity:.5;cursor:not-allowed}.pagination-size{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.pagination-size select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:var(--dark);background:#fff;cursor:pointer;transition:all .3s;font-family:Poppins,sans-serif}.pagination-size select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.pagination-size select:disabled{opacity:.5;cursor:not-allowed}@media(max-width:992px){.employee-roles-list-container .main-content,.employee-roles-list-container .main-content.sidebar-collapsed{margin-left:0;width:100%;max-width:100%}.employee-roles-list-container .content-wrapper{padding:1.5rem 1rem}.filters-row{flex-direction:column;align-items:stretch}.filter-group{max-width:none;width:100%}.filters-row-actions{margin-left:0;width:100%;justify-content:stretch}.filters-row-actions .btn-create-role,.filters-row-actions .btn-clear-filters{flex:1 1 8rem;justify-content:center;min-width:0}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@media(max-width:576px){.employee-roles-list-container .content-wrapper{padding:1rem}.card-body-modern{padding:1.5rem}.filters-section{padding:1rem}.table-modern{font-size:.875rem}.table-modern th,.table-modern td{padding:.75rem 1rem}.pagination-pages{flex-wrap:wrap}.pagination-page{min-width:2rem;height:2rem;font-size:.75rem}}.employee-roles-list-container .content-wrapper{padding:.95rem 1rem}.employee-roles-list-container .filters-row-actions{gap:.4rem}.employee-roles-list-container .btn-create-role{padding:.52rem .85rem;border-radius:9px;font-size:.78rem}.employee-roles-list-container .content-card{border-radius:12px}.employee-roles-list-container .card-header-modern{padding:.75rem .9rem}.employee-roles-list-container .card-title-modern{font-size:.95rem;gap:.45rem}.employee-roles-list-container .card-title-modern i{font-size:.92rem}.employee-roles-list-container .filters-section{padding:.55rem .85rem}.employee-roles-list-container .filters-row{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.45rem}.employee-roles-list-container .filter-group{gap:.2rem}.employee-roles-list-container .filter-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;gap:.25rem}.employee-roles-list-container .filter-input,.employee-roles-list-container .filter-select,.employee-roles-list-container .btn-clear-filters{min-height:32px;padding:.36rem .5rem;border-radius:6px;font-size:.74rem}.employee-roles-list-container .card-body-modern{padding:.75rem .85rem .85rem}.employee-roles-list-container .roles-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.employee-roles-list-container .roles-table{overflow:auto;max-height:min(58vh,560px)}.employee-roles-list-container .table-modern th{position:sticky;top:0;z-index:2;padding:.56rem .68rem;font-size:.64rem;letter-spacing:.04em}.employee-roles-list-container .table-modern td{padding:.42rem .68rem;font-size:.75rem;line-height:1.24;vertical-align:middle}.employee-roles-list-container .roles-container{gap:.35rem}.employee-roles-list-container .role-badge{gap:.34rem;padding:.26rem .5rem .26rem .62rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.01em;color:#344054;background:#eef2f6;border:1px solid #d8e0ea;box-shadow:0 1px #ffffffb3 inset;max-width:100%}.employee-roles-list-container .role-badge-remove{width:1.02rem;height:1.02rem;margin-left:.05rem;font-size:.65rem;background:#5a6470;color:#fff;border:0;opacity:.92}.employee-roles-list-container .role-badge-remove:hover{background:#444d58;transform:scale(1.04)}.employee-roles-list-container .role-badge-remove i{font-size:.62rem}.employee-roles-list-container .btn-action{padding:.26rem .38rem;border-radius:6px;font-size:.74rem}.employee-roles-list-container .table-actions-col{min-width:4.25rem;width:4.25rem}.employee-roles-list-container .btn-action-label{font-size:.68rem;margin-left:.16rem}.employee-roles-list-container .pagination-container{margin-top:.75rem;padding-top:.55rem;gap:.45rem}.employee-roles-list-container .pagination-info,.employee-roles-list-container .pagination-size{font-size:.72rem}.employee-roles-list-container .pagination-controls{gap:.45rem}.employee-roles-list-container .pagination-btn{padding:.28rem .5rem;border-radius:6px;font-size:.72rem}.employee-roles-list-container .pagination-page{min-width:1.85rem;height:1.85rem;border-radius:6px;font-size:.7rem}.employee-roles-list-container .pagination-size select{padding:.25rem .4rem;border-radius:6px;font-size:.72rem}.admin-employee-sessions .main-content{max-height:none;overflow-x:hidden;overflow-y:visible}.admin-employee-sessions .content-wrapper.admin-sessions-layout{flex:0 1 auto;min-height:auto;align-self:stretch}.admin-employee-sessions .admin-sessions-layout{padding:.5rem 1rem .75rem;display:flex;flex-direction:column;min-height:auto}.admin-employee-sessions .page-title-header{font-size:clamp(.8rem,2.2vw,.95rem)!important;font-weight:600!important}.admin-employee-sessions .admin-sessions-card{display:flex;flex-direction:column;flex:0 1 auto;min-height:auto;border-radius:16px;overflow:visible}.admin-employee-sessions .admin-sessions-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.55rem 1rem;padding:.55rem .9rem;background:linear-gradient(135deg,#5a5f670f,#646a7305);border-bottom:1px solid rgba(226,232,240,.6);flex-shrink:0}.admin-employee-sessions .admin-sessions-toolbar-intro{flex:1;min-width:min(100%,220px)}.admin-employee-sessions .admin-sessions-title{margin:0;font-size:.875rem;font-weight:700;color:var(--dark, #0f172a);display:flex;align-items:center;gap:.35rem}.admin-employee-sessions .admin-sessions-title i{color:var(--primary, #5a5f67);font-size:.95rem}.admin-employee-sessions .admin-sessions-subtitle{margin:.2rem 0 0;font-size:.7rem;color:var(--text-muted, #64748b);font-weight:400;line-height:1.3;max-width:36rem}.admin-employee-sessions .admin-sessions-toolbar-form{flex-shrink:0;min-width:min(100%,320px)}.admin-employee-sessions .admin-sessions-field-label{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-bottom:.25rem}.admin-employee-sessions .admin-sessions-field-row{display:flex;align-items:stretch;gap:.5rem}.admin-employee-sessions .admin-sessions-input{flex:1;min-width:0;padding:.4rem .55rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;color:var(--dark, #0f172a);background:#fff}.admin-employee-sessions .admin-sessions-input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f6726}.admin-employee-sessions .admin-sessions-load-btn{padding:.4rem .75rem;white-space:nowrap;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #5a5f6738}.admin-employee-sessions .admin-sessions-load-btn:hover:not(:disabled){filter:brightness(1.05)}.admin-employee-sessions .admin-sessions-load-btn:disabled{opacity:.65;cursor:not-allowed}.admin-employee-sessions .admin-sessions-error{margin:0;padding:.4rem .9rem;background:#fef2f2;color:#b91c1c;font-size:.7rem;border-bottom:1px solid #fecaca;flex-shrink:0}.admin-employee-sessions .admin-sessions-meta{margin:0;padding:.35rem .9rem;font-size:.7rem;color:#475569;font-weight:500;background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-shrink:0;position:relative;z-index:0}.admin-employee-sessions .admin-sessions-table-wrap.roles-table{flex:0 1 auto;min-height:auto;overflow-x:hidden;overflow-y:visible;width:100%;max-width:100%}.admin-employee-sessions .admin-sessions-table{table-layout:fixed;width:100%;max-width:100%;border-collapse:collapse}.admin-employee-sessions .admin-sessions-col-platform{width:8%}.admin-employee-sessions .admin-sessions-col-device{width:12%}.admin-employee-sessions .admin-sessions-col-dt{width:10%}.admin-employee-sessions .admin-sessions-col-active{width:7%}.admin-employee-sessions .admin-sessions-col-ip{width:9%}.admin-employee-sessions .admin-sessions-col-ua{width:30%}.admin-employee-sessions .admin-sessions-col-actions{width:8%}.admin-employee-sessions .admin-sessions-table.table-modern thead th,.admin-employee-sessions .admin-sessions-table.table-modern tbody td{padding:.32rem .4rem;font-size:.68rem;font-weight:500;vertical-align:top}.admin-employee-sessions .admin-sessions-table.table-modern tbody td{word-break:break-word;overflow-wrap:anywhere}.admin-employee-sessions .admin-sessions-table.table-modern thead th{position:sticky;top:.35rem;z-index:2;font-size:.58rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;box-shadow:0 1px #e2e8f0e6;white-space:nowrap;word-break:normal;overflow-wrap:normal}.admin-employee-sessions .admin-sessions-th-actions{text-align:center}.admin-employee-sessions .admin-sessions-cell-dt{font-size:.62rem;line-height:1.3;color:#334155}.admin-employee-sessions .admin-sessions-cell-active{text-align:center;white-space:nowrap}.admin-employee-sessions .admin-sessions-cell-ip{font-size:.62rem}.admin-employee-sessions .admin-sessions-cell-device{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-employee-sessions .admin-sessions-ua-cell{font-size:.6rem;line-height:1.35;color:#475569;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.admin-employee-sessions .admin-sessions-cell-actions{text-align:center;white-space:nowrap;vertical-align:middle}.admin-employee-sessions .admin-sessions-empty-cell{text-align:center;padding:1rem .75rem!important;font-size:.7rem}.admin-employee-sessions .admin-sessions-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6rem}.admin-employee-sessions .admin-sessions-platform{display:inline-block;padding:.08rem .32rem;border-radius:.25rem;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#334155}.admin-employee-sessions .admin-sessions-platform--web{background:#e0f2fe;color:#0369a1}.admin-employee-sessions .admin-sessions-platform--app{background:#ecfdf5;color:#047857}.admin-employee-sessions .admin-sessions-dash{color:#94a3b8;font-size:.75rem}.admin-employee-sessions .btn-revoke-session{padding:.22rem .4rem;font-size:.62rem;font-weight:600;border-radius:.3rem;border:1px solid #fecaca;background:#fff;color:#b91c1c;cursor:pointer}.admin-employee-sessions .btn-revoke-session:hover:not(:disabled){background:#fef2f2}.admin-employee-sessions .btn-revoke-session:disabled{opacity:.6;cursor:not-allowed}.assign-role-container{--primary: #5a5f67;--primary-dark: #4e535b;--secondary: #7a9155;--success: #5a5f67;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--dark: #0f172a;--light: #f8fafc;--sidebar-bg: linear-gradient(180deg, #5a5f67 0%, #4e535b 100%);--sidebar-width: 280px;--sidebar-collapsed: 80px;--text-secondary: #64748b;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;min-height:100vh;position:relative;width:100%;display:flex;box-sizing:border-box}.assign-role-container *,.assign-role-container *:before,.assign-role-container *:after{box-sizing:border-box}.assign-role-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(90,95,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,95,103,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.assign-role-container .main-content{flex:1;min-width:0;width:100%;max-width:none;margin-left:var(--sidebar-width);transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column;overflow:auto}.assign-role-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.assign-role-container .content-wrapper{padding:2rem;width:100%;max-width:100%;flex:1;min-width:0}.assign-role-container .assign-role-toolbar{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.assign-role-container .btn-back{padding:.875rem 2rem;background:#fff;color:var(--primary);border:2px solid var(--primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.assign-role-container .btn-back:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5a5f674d}.assign-role-container .btn-back:active{transform:translateY(0)}.assign-role-container .btn-back:disabled{opacity:.55;cursor:not-allowed;transform:none}.assign-role-card-wrap{position:relative}.assign-role-api-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffffffb8;border-radius:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.assign-role-api-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-weight:600;font-size:.95rem;color:var(--dark)}.assign-role-api-spinner{width:2.25rem;height:2.25rem;border-width:.2em;color:var(--primary)}.assign-role-container .content-card{background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(226,232,240,.8);overflow:hidden;width:100%;max-width:100%}.assign-role-container .card-header-modern{padding:1.5rem 2rem;background:linear-gradient(135deg,#5a5f670d,#646a7305);border-bottom:1px solid rgba(226,232,240,.5)}.assign-role-container .card-title-modern{font-size:1.25rem;font-weight:700;color:var(--dark);margin:0;display:flex;align-items:center;gap:.75rem}.assign-role-container .card-title-modern i{color:var(--primary);font-size:1.5rem}.assign-role-container .card-body-modern{padding:2rem}.assign-role-container .form-row{display:flex;flex-direction:column;gap:1.5rem}.assign-role-container .form-group{margin-bottom:1.5rem;position:relative}.assign-role-container .form-label{font-weight:600;color:var(--dark);margin-bottom:.75rem;display:block;font-size:.95rem}.assign-role-container .input-wrapper{position:relative}.assign-role-container .input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.1rem;z-index:1}.assign-role-container .form-control{width:100%;padding:.875rem .875rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Poppins,sans-serif;color:var(--dark)}.assign-role-container .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #5a5f671a;transform:translateY(-2px)}.assign-role-container .form-control:hover{border-color:var(--primary)}.assign-role-container .form-control::placeholder{color:#94a3b8}.assign-role-container .form-control.error{border-color:#ef4444;background:#ef44440d}.assign-role-container .error-message{display:flex;align-items:center;gap:.5rem;color:#f44;font-size:.875rem;margin-top:.5rem;font-weight:600;padding-left:.5rem;animation:slideDown .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.assign-role-container .error-message:before{content:"⚠";font-size:1rem;color:#f44;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.assign-role-container .role-checkboxes{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.assign-role-container .form-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.45}.assign-role-container .policy-checkboxes-nested{margin-top:.25rem}.assign-role-container .policy-row-label .policy-row-text{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.assign-role-container .policy-code{font-weight:600;color:var(--dark)}.assign-role-container .policy-meta{font-size:.8125rem;color:var(--text-secondary);font-weight:400;line-height:1.35}.assign-role-container .policy-role-groups{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:.75rem}.assign-role-container .policy-role-card{border:2px solid #e2e8f0;border-radius:14px;padding:1rem;background:#fff}.assign-role-container .policy-role-title{font-weight:700;color:var(--dark);margin-bottom:.75rem}.assign-role-container .policy-checkboxes{display:flex;flex-direction:column;gap:.625rem}.assign-role-container .policy-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:10px}.assign-role-container .policy-checkbox-label:hover{background:#6980470d}.assign-role-container .policy-checkbox-label input[type=checkbox]{margin-top:.2rem}.assign-role-container .role-loading{padding:1rem;color:#64748b;font-size:.875rem}.assign-role-container .role-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;transition:all .3s;position:relative}.assign-role-container .role-checkbox-label:hover{border-color:var(--primary);background:#5a5f670d}.assign-role-container .role-checkbox{display:none}.assign-role-container .role-checkbox-custom{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .3s;background:#fff;flex-shrink:0}.assign-role-container .role-checkbox-custom i{color:#fff;font-size:.875rem;opacity:0;transition:opacity .2s}.assign-role-container .role-checkbox:checked+.role-checkbox-custom{background:var(--primary);border-color:var(--primary)}.assign-role-container .role-checkbox:checked+.role-checkbox-custom i{opacity:1}.assign-role-container .role-name{font-weight:600;color:var(--dark);font-size:.95rem}.assign-role-container .form-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:flex-end}.assign-role-container .btn-submit{padding:.875rem 2rem;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5a5f674d;display:flex;align-items:center;gap:.5rem}.assign-role-container .btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5a5f6766}.assign-role-container .btn-submit:active{transform:translateY(0)}.assign-role-container .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.assign-role-container .btn-cancel{padding:.875rem 2rem;background:#fff;color:var(--text-secondary);border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.assign-role-container .btn-cancel:hover{background:#f1f5f9;border-color:var(--text-secondary);transform:translateY(-2px)}.assign-role-container .btn-cancel:active{transform:translateY(0)}.assign-role-container .assign-role-flip-root .card-header-modern{flex-direction:column;align-items:flex-start;gap:.35rem}.assign-role-container .card-step-subtitle{margin:0;font-size:.875rem;font-weight:400;color:var(--text-secondary);line-height:1.45;max-width:52rem}.assign-role-container .assign-role-employee-row{margin-bottom:.5rem}.assign-role-container .assign-role-employee-row .form-group{margin-bottom:0}.assign-role-container .form-control:disabled{background:#f1f5f9;color:var(--text-secondary);cursor:not-allowed}.assign-role-container .card-flip-scene{perspective:1400px;margin-top:.5rem}.assign-role-container .card-flip-inner{position:relative;min-height:22rem;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1)}.assign-role-container .card-flip-inner.is-flipped{transform:rotateY(180deg)}.assign-role-container .card-flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:16px}.assign-role-container .card-flip-front{position:relative;width:100%}.assign-role-container .card-flip-back{position:absolute;left:0;right:0;top:0;min-height:100%;transform:rotateY(180deg);overflow-x:hidden;overflow-y:auto;max-height:min(70vh,36rem);padding-right:.25rem}.assign-role-container .form-actions-flip{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.9)}@media(max-width:992px){.assign-role-container .main-content,.assign-role-container .main-content.sidebar-collapsed{margin-left:0}.assign-role-container .content-wrapper{padding:1.5rem 1rem}.assign-role-container .form-row{gap:1rem}.assign-role-container .btn-back{width:100%;justify-content:center}}@media(max-width:576px){.assign-role-container .content-wrapper{padding:1rem}.assign-role-container .card-body-modern{padding:1.5rem}.assign-role-container .form-actions,.assign-role-container .form-actions-flip{flex-direction:column}.assign-role-container .btn-submit,.assign-role-container .btn-cancel{width:100%;justify-content:center}}:root{--primary: var(--ds-primary, #5a5f67);--primary-dark: var(--ds-primary-dim, #4e535b);--background-light: var(--ds-surface, #f9f9f9);--surface-light: var(--ds-surface-container-lowest, #ffffff);--border-light: var(--ds-ghost-border, rgba(173, 179, 180, .15));--text-main: var(--ds-on-surface, #2d3435);--text-muted: var(--ds-on-surface-variant, #5a6061)}.kpiconfig-module-container{display:flex;min-height:100vh;height:auto;width:100%;overflow-x:hidden;overflow-y:visible;background-color:var(--background-light);font-family:Inter,sans-serif}.main-content{width:calc(100% - var(--sidebar-width, 280px));max-width:calc(100% - var(--sidebar-width, 280px));margin-left:var(--sidebar-width, 280px);display:flex;flex-direction:column;min-height:100vh;height:auto;min-width:0;overflow-x:hidden;overflow-y:auto;transition:all .3s ease}.main-content.sidebar-collapsed{width:calc(100% - var(--sidebar-collapsed, 80px));max-width:calc(100% - var(--sidebar-collapsed, 80px));margin-left:var(--sidebar-collapsed, 80px)}.content-inner{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow-y:visible;overflow-x:hidden;min-width:0;scrollbar-width:none}.header-action-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.page-title-modern{font-size:1.875rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.025em}.page-subtitle-modern{color:var(--text-muted);margin-top:.25rem;font-size:.9375rem}.config-card{background-color:var(--surface-light);border-radius:.75rem;border:1px solid var(--border-light);box-shadow:var(--ds-shadow-ambient, 0 4px 20px rgba(45, 52, 53, .04));margin-bottom:1.5rem}.filter-card-modern{padding:1.25rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:.375rem}.filter-label-modern{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.input-modern{width:100%;background-color:var(--background-light);border:1px solid var(--border-light);border-radius:.5rem;padding:.6rem .75rem;font-size:.875rem;color:var(--text-main);transition:border-color .2s}.input-modern.error,.select-modern.error,.formula-textarea-config.error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a}.mini-input.error{border-color:#dc2626!important}.input-modern:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #5a5f671a}.select-wrapper-modern{position:relative}.select-modern{appearance:none;padding-right:2rem}.select-icon-modern{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-size:1.25rem}.filter-actions-config{display:flex;gap:.5rem;align-items:center}.btn-apply-config{padding:.6rem 1.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-apply-config:hover{background-color:var(--primary-dark)}.btn-reset-config{padding:10px .75rem;background:none;border:none;color:var(--text-muted);text-decoration:underline;text-underline-offset:4px;text-decoration-style:dotted;font-size:.875rem;cursor:pointer}.btn-reset-config:hover{color:var(--primary)}.table-card-modern{display:flex;flex-direction:column;min-height:400px;overflow:hidden}.table-header-config{padding:1rem 1.5rem;background-color:var(--ds-surface-container-low, #f2f4f4);display:flex;justify-content:space-between;align-items:center}.table-title-config{font-size:.875rem;font-weight:600;margin:0;display:flex;align-items:center;color:var(--text-main)}.count-badge-modern{margin-left:.5rem;background-color:#5a5f671a;color:var(--primary);font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.icon-text-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s}.icon-text-btn:hover{color:var(--primary)}.icon-text-btn .material-symbols-outlined{font-size:1rem}.btn-primary-config{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-primary-config:hover{background-color:var(--primary-dark)}.table-wrapper-modern{overflow-x:auto;flex:1}.config-table{width:100%;border-collapse:collapse;text-align:left}.config-table th{padding:.45rem .75rem;background-color:var(--ds-surface, #f9f9f9);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.config-table td{padding:.4rem .75rem;border-bottom:1px solid var(--border-light);font-size:.8rem;color:var(--text-main)}.config-row-group:hover{background-color:#f9fafb}.kpi-info-cell,.context-info-cell{display:flex;flex-direction:column}.kpi-name-main,.dept-name-main{font-weight:600;color:var(--text-main)}.kpi-category-sub,.job-title-sub{font-size:.75rem;color:var(--text-muted);word-break:break-all}.weightage-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-blue{background-color:#eff6ff;color:#fff}.badge-green{background-color:#e8ecec;color:#2d3435}.badge-purple{background-color:#faf5ff;color:#fff}.toggle-container-config{display:inline-block;position:relative;width:2.5rem;height:1.25rem}.toggle-box-config{opacity:0;width:0;height:0}.toggle-label-config{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s;border-radius:9999px}.toggle-label-config:before{position:absolute;content:"";height:.875rem;width:.875rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:.4s;border-radius:50%}.toggle-box-config:checked+.toggle-label-config{background-color:var(--primary)}.toggle-box-config:checked+.toggle-label-config:before{transform:translate(1.25rem)}.actions-overlay-config{display:flex;gap:.5rem}.action-btn-config{padding:.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .2s}.action-btn-config:hover{background-color:#f3f4f6;color:var(--primary)}.action-btn-config.delete-config:hover{color:#ef4444}.table-footer-config{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--ds-surface-container-low, #f2f4f4)}.pagination-info-config{font-size:.75rem;color:var(--text-muted)}.font-bold-config{font-weight:600;color:var(--text-main)}.pagination-btns-config{display:flex;align-items:center;gap:.4rem}.page-nav-btn,.page-num-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--border-light);background:#fff;cursor:pointer;transition:all .2s;font-size:.75rem;color:var(--text-main)}.page-nav-btn:hover:not(:disabled),.page-num-btn:hover:not(.active-page){background-color:#f3f4f6;border-color:#d1d5db}.page-num-btn.active-page{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#f9fafb}@media(max-width:768px){.filter-grid{grid-template-columns:1fr}.table-footer-config{flex-direction:column;gap:1rem;align-items:center}.main-content,.main-content.sidebar-collapsed{margin-left:0;width:100%;max-width:100%}}.kpi-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:0 .25rem}.btn-add-kpi .material-symbols-outlined{font-size:1.125rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.55rem;border:1px solid var(--border-light);background:var(--surface-light);color:var(--text-main);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.icon-btn:hover{background:var(--ds-surface-container-low, #f2f4f4);color:var(--primary)}.drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.active{opacity:1;pointer-events:auto}.drawer-modern{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:840px;background-color:#fff;z-index:50;box-shadow:-10px 0 25px -5px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer-modern.open{transform:translate(0)}.drawer-header-config{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;background-color:#fff;flex-shrink:0}.drawer-title-config{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.01em}.drawer-subtitle-config{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.drawer-close-btn{width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:background-color .2s}.drawer-close-btn:hover{background-color:#f3f4f6;color:var(--text-main)}.drawer-body-config{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem;background-color:#fff;scrollbar-width:thin}.drawer-section{display:flex;flex-direction:column}.section-title-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.section-accent{width:.25rem;height:1.5rem;background-color:var(--primary);border-radius:9999px}.section-title-config{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0}.grid-2-col-config{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-3-col-config{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.form-group-config{display:flex;flex-direction:column;gap:.5rem}.form-label-config{font-size:.875rem;font-weight:600;color:var(--text-main)}.general-settings-card-config{padding:1.25rem;background-color:var(--background-light);border:1px solid var(--border-light);border-radius:.75rem}.relative-input-config{position:relative}.input-suffix-config{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-weight:500;font-size:.875rem;pointer-events:none}.unit-box{background-color:#f9fafb;border-left:1px solid var(--border-light);padding:0 .75rem;height:100%;display:flex;align-items:center;right:0;border-radius:0 .5rem .5rem 0}.formula-builder-area-config{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-light)}.formula-header-config{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.formula-title-config{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main);margin:0}.syntax-status-config{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.status-label-config{color:var(--text-muted)}.status-badge-config{padding:.125rem .5rem;border-radius:.25rem;font-weight:600}.status-badge-config.valid{background-color:#5a5f671a;color:#5a5f67}.formula-grid-config{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.small-label-config{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-main);margin:0}.tiny-select{height:2.5rem;font-size:.8125rem}.column-list-config{height:16rem;border:1px solid var(--border-light);border-radius:.5rem;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.search-bar-tiny{padding:.5rem;background-color:#f9fafb;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.5rem}.search-bar-tiny span{font-size:1rem;color:var(--text-muted)}.search-bar-tiny input{width:100%;border:1px solid var(--border-light);border-radius:.25rem;padding:.375rem .5rem;font-size:.75rem;outline:none}.column-items-scroll{flex:1;overflow-y:auto;padding:.25rem}.column-token-btn-config{width:100%;text-align:left;padding:.5rem .75rem;font-size:.75rem;color:var(--text-main);background:none;border:none;border-radius:.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.column-token-btn-config:hover{background-color:#f0f2eb}.add-token-badge{background-color:var(--primary);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;display:none}.column-token-btn-config:hover .add-token-badge{display:block}.expression-editor-config{border:1px solid var(--border-light);border-radius:.5rem;background-color:#fff;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 2px #0000000d}.formula-textarea-config{flex:1;width:100%;min-height:100px;border:none;padding:.75rem;font-family:monospace;font-size:.875rem;resize:none;outline:none}.formula-operators-row{padding:.5rem;background-color:#f9fafb;border-top:1px solid var(--border-light)}.operators-group{display:flex;flex-wrap:wrap;gap:.375rem}.operator-btn-config{padding:.25rem .75rem;background-color:#fff;border:1px solid var(--border-light);border-radius:.25rem;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d}.operator-btn-config:hover{background-color:#f3f4f6}.operator-btn-config.tiny-text{font-size:.75rem}.operator-divider{width:1px;height:1.5rem;background-color:var(--border-light);margin:0 .25rem}.monthly-config-container{display:flex;border:1px solid var(--border-light);border-radius:.75rem;overflow:hidden;min-height:400px;background-color:#fff}.month-tabs-column{width:12rem;background-color:var(--background-light);border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto}.month-tab-btn{padding:1rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.month-tab-btn:hover{background-color:#f3f4f6}.month-tab-btn.active{background-color:var(--primary);color:#fff;font-weight:600}.month-tab-btn .material-symbols-outlined{font-size:1rem;opacity:.7}.month-tab-btn.active .material-symbols-outlined{display:block}.month-details-column{flex:1;display:flex;flex-direction:column;min-width:0}.month-details-header{padding:1.25rem;background-color:#fbfbfb;border-bottom:1px solid var(--border-light)}.active-month-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 1rem}.target-input-row{display:flex;gap:1rem;align-items:flex-end}.btn-bulk-apply{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1rem;background-color:#5a5f671a;color:var(--primary);border:1px solid rgba(90,95,103,.2);border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.rating-scale-logic-area{padding:1.25rem;flex:1;background-color:#fff}.logic-title-config{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.rating-grid-header{display:grid;grid-template-columns:repeat(6,1fr);padding:0 .5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.rating-row-config{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;align-items:center;padding:.5rem;border-radius:.5rem;border:1px solid transparent;transition:all .2s}.rating-row-config:hover{background-color:#f9fafb;border-color:#f3f4f6}.rating-circle{width:1.75rem;height:1.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.circle-red{background-color:#fee2e2;color:#b91c1c}.circle-orange{background-color:#ffedd5;color:#c2410c}.circle-yellow{background-color:#fef9c3;color:#a16207}.circle-lime{background-color:#f0fdf4;color:#4e535b}.circle-primary{background-color:#5a5f6733;color:var(--primary)}.mini-input{width:100%;height:2rem;border:1px solid var(--border-light);border-radius:.25rem;padding:0 .5rem;font-size:.75rem;outline:none}.mini-input:focus{border-color:var(--primary)}.drawer-footer-config{padding:1rem 1.5rem;border-top:1px solid var(--border-light);background-color:#fff;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between-config{display:flex;justify-content:space-between;align-items:center}.full-width{width:100%}@media(max-width:1024px){.drawer-modern{max-width:100%}}.page-header-container{margin-bottom:1.5rem}.page-header-breadcrumb{margin-bottom:1rem}.page-header-breadcrumb-items{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.page-header-breadcrumb-link{background:none;border:none;color:#4b5563;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s;text-decoration:none}.page-header-breadcrumb-link:hover{color:var(--ds-primary, #5a5f67)}.page-header-breadcrumb-current{color:var(--ds-on-surface, #2d3435);font-size:.875rem;font-weight:700}.page-header-breadcrumb-separator{font-size:1rem;color:#6b7280}.page-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem}.page-header-text{flex:1;min-width:0}.page-header-title{font-family:var(--ds-font-display, "Manrope", system-ui, sans-serif);font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--ds-on-surface, #2d3435);margin:0 0 .5rem}.page-header-subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.page-header-custom{margin-top:.5rem}.page-header-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.page-header-action-btn .material-symbols-outlined{font-size:1.25rem}.page-header-action-btn.primary{background-color:#5a5f67;color:#fff}.page-header-action-btn.primary:hover{background-color:var(--ds-primary-dim, #4e535b)}.page-header-action-btn.secondary{background-color:#f3f4f6;color:#151613;border:1px solid #e1e2df}.page-header-action-btn.secondary:hover{background-color:#e5e7eb}.page-header-action-btn:focus{outline:none;ring:2px;ring-offset:2px;ring-color:#5a5f67}@media(max-width:768px){.page-header-row{flex-direction:column}.page-header-action-btn{width:100%;justify-content:center}.page-header-title{font-size:1.5rem}}.kpiconfig-view-container{display:flex;height:100vh;width:100%;overflow:hidden;background-color:var(--background-light);font-family:Inter,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.content-inner{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow-y:auto;scrollbar-width:none}.content-inner::-webkit-scrollbar{display:none}.scroll-container{flex:1;overflow-y:auto;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.kpi-view-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1rem;color:var(--text-main)}.kpi-view-custom-header{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.kpi-view-weightage-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:700;background-color:#e8f5e9!important;color:#3d4a2a!important;width:fit-content;border:1px solid #3d4a2a!important}.kpi-view-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#3d4a2a!important;flex-wrap:wrap}.kpi-view-meta-item{display:flex;align-items:center;gap:.25rem;color:#3d4a2a!important}.kpi-view-meta-item .material-symbols-outlined{font-size:1.125rem;color:#3d4a2a!important}.kpi-view-meta-value{color:#3d4a2a!important;font-weight:700;margin-left:.25rem}.kpi-view-grid{display:grid;grid-template-columns:1fr 3fr;gap:1.5rem;margin-top:1rem}@media(max-width:1024px){.kpi-view-grid{grid-template-columns:1fr}}.kpi-view-info-card,.kpi-view-targets-card{background-color:var(--surface-light);border-radius:.75rem;border:1px solid var(--border-light);box-shadow:0 1px 2px #0000000d;height:fit-content}.kpi-view-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);background-color:#f9fafb80;display:flex;justify-content:space-between;align-items:center}.kpi-view-card-title{font-size:.875rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem;margin:0}.kpi-view-card-title .material-symbols-outlined{font-size:1.25rem;color:var(--primary)}.kpi-view-fiscal-year{font-size:.75rem;color:var(--text-muted)}.kpi-view-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.kpi-view-info-item{display:flex;flex-direction:column;gap:.25rem}.kpi-view-info-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-view-info-value{font-size:.875rem;font-weight:500;color:var(--text-main)}.kpi-view-targets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1.5rem}@media(min-width:1280px){.kpi-view-targets-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1536px){.kpi-view-targets-grid{grid-template-columns:repeat(4,1fr)}}.kpi-view-month-card{border:1px solid var(--border-light);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;background-color:var(--surface-light)}.kpi-view-month-header{background-color:#f9fafb;padding:.5rem 1rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.kpi-view-month-name{font-weight:600;font-size:.875rem;color:var(--text-main)}.kpi-view-month-target-badge{font-size:.75rem;background-color:#5a5f671a;color:var(--primary);padding:.125rem .5rem;border-radius:.25rem}.kpi-view-month-body{padding:.75rem}.kpi-view-rating-table{width:100%;font-size:.75rem}.kpi-view-table-header-left,.kpi-view-table-header-right{padding:.25rem 0;font-weight:500;color:var(--text-muted)}.kpi-view-table-header-left{text-align:left}.kpi-view-table-header-right{text-align:right}.kpi-view-rating-table tbody{border-top:1px solid var(--border-light)}.kpi-view-rating-table tbody tr{border-bottom:1px solid var(--border-light)}.kpi-view-rating-table tbody tr:last-child{border-bottom:none}.kpi-view-table-rating{padding:.25rem 0;color:var(--text-main)}.kpi-view-table-range{text-align:right;padding:.25rem 0;color:var(--text-main)}:root{--primary: #5a5f67;--primary-dark: #55663a;--background-light: #f7f7f6;--surface-light: #ffffff;--border-light: #e1e2df;--text-main: #151613;--text-muted: #777c6e}.pms-cycle-container{display:flex;min-height:100vh;width:100%;overflow:hidden;background-color:var(--background-light);font-family:Inter,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.content-inner{flex:1;display:flex;flex-direction:column;padding:1.5rem 2rem;overflow:visible}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.breadcrumb-area{margin-bottom:2rem}.breadcrumb-items{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1rem}.breadcrumb-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-separator{font-size:1rem;color:var(--text-muted)}.breadcrumb-current{color:var(--primary);font-weight:600}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.page-header-text{flex:1}.page-title{font-size:1.875rem;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.025em}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.9375rem;line-height:1.5}.btn-create-cycle{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;padding:.625rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-create-cycle:hover{background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a}.btn-create-cycle .material-symbols-outlined{font-size:1.125rem}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;background-color:var(--surface-light);border:1px solid var(--border-light);border-bottom:none;border-radius:.5rem .5rem 0 0;flex-wrap:wrap}.filters-left{display:flex;gap:.75rem;flex:1;flex-wrap:wrap}.search-wrapper{position:relative;flex:1;min-width:200px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.25rem;pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-light);border-radius:.375rem;font-size:.875rem;background-color:var(--surface-light);color:var(--text-main);transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.filter-select{min-width:160px;padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border-light);border-radius:.375rem;font-size:.875rem;background-color:var(--surface-light);color:var(--text-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777c6e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;transition:border-color .2s}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.date-filter{min-width:160px;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:.375rem;font-size:.875rem;background-color:var(--surface-light);color:var(--text-muted);cursor:pointer;transition:border-color .2s}.date-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.filters-right{display:flex;gap:.5rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#f9fafb;color:#6b7280;cursor:pointer;transition:all .2s}.icon-btn:hover{background-color:#f3f4f6;color:#374151}.icon-btn .material-symbols-outlined{font-size:1.25rem}.table-container{background-color:var(--surface-light);border:1px solid var(--border-light);border-radius:0 0 .5rem .5rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.cycles-table{width:100%;border-collapse:collapse}.cycles-table thead{background-color:#f9fafb;border-bottom:1px solid var(--border-light)}.cycles-table th{padding:.45rem .75rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.cycles-table th.text-center{text-align:center}.cycles-table th.text-right{text-align:right}.cycles-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.cycles-table tbody tr:hover{background-color:#f9fafb}.cycles-table tbody tr.table-row-active{background-color:#5a5f670d}.cycles-table tbody tr.table-row-active:hover{background-color:#5a5f671a}.cycles-table td{padding:.4rem .75rem;font-size:.8rem;color:var(--text-main);white-space:nowrap}.cycles-table td.font-medium{font-weight:500;color:var(--text-main)}.cycles-table td.font-mono{color:var(--text-muted)}.cycles-table td.text-center{text-align:center}.cycles-table td.text-right{text-align:right}.cycles-table td.text-muted{color:var(--text-muted);font-style:italic}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-open{background-color:#dcfce7;color:#3d4448;border:1px solid #86efac}.status-closed,.status-pending{background-color:#f3f4f6;color:#374151}.actions-group{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s}.action-btn:hover{background-color:#f3f4f6}.action-edit:hover{color:var(--primary)}.action-delete:hover{color:#ef4444}.action-more:hover{color:var(--primary)}.action-btn .material-symbols-outlined{font-size:1.125rem}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.pagination-info{font-size:.875rem;color:var(--text-muted)}.pagination-info .font-medium{font-weight:500;color:var(--text-main)}.pagination-controls{display:flex;gap:.25rem}.pagination-btn{padding:.25rem .75rem;border:1px solid var(--border-light);border-radius:.375rem;background-color:var(--surface-light);color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;color:#374151}.drawer-backdrop{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;transition:opacity .3s ease;overflow:hidden}.drawer-slide{position:fixed;top:0;bottom:0;right:0;z-index:50;display:flex;flex-direction:column;width:100%;max-width:540px;background-color:#fff;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s ease-in-out;height:100vh;border-left:1px solid #e5e7eb;overflow:hidden}.drawer-slide.drawer-open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background-color:#fff;flex-shrink:0;z-index:10}.drawer-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.25;letter-spacing:-.025em}.drawer-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem;margin:0}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;border-radius:9999px;cursor:pointer;color:#6b7280;transition:all .2s}.drawer-close-btn:hover{background-color:#f3f4f6;color:#111827}.drawer-close-btn .material-symbols-outlined{font-size:1.75rem}.drawer-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:1.5rem 2rem;scrollbar-width:thin;scrollbar-color:#e1e2df transparent;min-height:0}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:transparent}.drawer-content::-webkit-scrollbar-thumb{background-color:#e1e2df;border-radius:20px}.drawer-section{display:flex;flex-direction:column;gap:1.5rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.section-icon{font-size:1.25rem;color:#5a5f67}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-main);margin:0}.drawer-divider{height:1px;width:100%;background-color:#e5e7eb;margin:2rem 0}.drawer-spacer{height:1rem}.form-label-group{display:flex;flex-direction:column;width:100%}.form-label{font-size:.875rem;font-weight:500;color:var(--text-main);margin-bottom:.5rem;line-height:1.5}.form-label-with-help{display:flex;justify-content:space-between;align-items:center}.form-help-text{font-size:.75rem;color:#6b7280;font-weight:400}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:.5rem;font-size:1rem;color:var(--text-main);background-color:var(--surface-light);transition:all .2s;height:3rem}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.form-input::placeholder{color:var(--text-muted)}.input-with-icon{display:flex;width:100%;align-items:stretch;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.input-with-icon .form-input{border-radius:.5rem 0 0 .5rem;border-right:none}.input-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-left:none;border-radius:0 .5rem .5rem 0;color:#6b7280}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid-1{display:flex;flex-direction:column;gap:1.25rem}.form-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-light);border-radius:.5rem;font-size:1rem;color:var(--text-main);background-color:var(--surface-light);appearance:none;cursor:pointer;transition:all .2s;height:3rem;box-shadow:0 1px 2px #0000000d}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5a5f671a}.select-arrow{position:absolute;inset-y:0;right:0;display:flex;align-items:center;padding:0 1rem;pointer-events:none;color:#6b7280}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem;border-top:1px solid #e5e7eb;background-color:#f7f7f6;flex-shrink:0;z-index:10}.btn-cancel{padding:.625rem 1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#111827;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-cancel:focus{outline:none;box-shadow:0 0 0 2px #e5e7eb80}.btn-save-cycle{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border:none;border-radius:.5rem;background-color:var(--primary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.btn-save-cycle:hover{background-color:var(--primary-dark)}.btn-save-cycle:active{background-color:#4b5c33}.btn-save-cycle:focus{outline:none;box-shadow:0 0 0 3px #5a5f6766}.btn-save-cycle .material-symbols-outlined{font-size:1.125rem}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.4);cursor:pointer}.table-loading{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem}.loading-spinner{color:#6b7280;font-size:.875rem}.drawer-loading{display:flex;align-items:center;justify-content:center;min-height:300px;padding:3rem}.drawer-loading .loading-spinner{color:var(--primary);font-size:1rem;font-weight:500}.loading-spinner-small{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-save-cycle:disabled{opacity:.7;cursor:not-allowed}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}@media(max-width:768px){.page-header-row{flex-direction:column}.filters-bar{flex-direction:column;align-items:stretch}.filters-left{flex-direction:column}.search-wrapper,.filter-select,.date-filter{width:100%}.table-wrapper{overflow-x:auto}.cycles-table{min-width:800px}.table-footer{flex-direction:column;gap:1rem;align-items:stretch}.drawer-slide{max-width:100%}.form-grid-2{grid-template-columns:1fr}}.pms-status-tracker-container{display:flex;min-height:100vh;background:#f7f7f6}.pms-status-tracker-container .main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease}.pms-status-tracker-container .content-wrapper{flex:1;padding:2rem;overflow-y:auto}.pms-status-tracker-container .page-header{margin-bottom:1.5rem}.pms-status-tracker-container .header-content{display:flex;justify-content:space-between;align-items:flex-end}.pms-status-tracker-container .header-left{flex:1}.pms-status-tracker-container .page-title{font-size:1.875rem;font-weight:900;color:#151613;margin:0 0 .25rem;line-height:1.2}.pms-status-tracker-container .page-subtitle{color:#777c6e;margin:.25rem 0 0;max-width:42rem;font-size:.875rem}.pms-status-tracker-container .header-actions{display:flex;gap:.5rem}.pms-status-tracker-container .action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.pms-status-tracker-container .action-btn-primary{background:#5a5f67;color:#fff;box-shadow:0 4px 6px #5a5f6733}.pms-status-tracker-container .action-btn-primary:hover{background:#5a5f67e6}.pms-status-tracker-container .action-btn-secondary{background:#fff;color:#151613;border:1px solid #e1e2df}.pms-status-tracker-container .action-btn-secondary:hover{background:#f7f7f6}.pms-status-tracker-container .action-btn .material-symbols-outlined{font-size:1rem}.pms-status-tracker-container .filters-section{margin-bottom:1.5rem}.pms-status-tracker-container .filters-card{background:#fff;border:1px solid #e1e2df;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d;overflow:visible;max-width:100%}.pms-status-tracker-container .filters-grid{display:grid;grid-template-columns:1fr;gap:1rem;min-width:0}@media(min-width:768px){.pms-status-tracker-container .filters-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}}@media(min-width:1200px){.pms-status-tracker-container .filters-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}}@media(min-width:1400px){.pms-status-tracker-container .filters-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto)}}.pms-status-tracker-container .filter-group{display:flex;flex-direction:column;gap:.375rem}.pms-status-tracker-container .filter-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#777c6e}.pms-status-tracker-container .select-wrapper{position:relative}.pms-status-tracker-container .filter-select{width:100%;appearance:none;background:#f7f7f6;border:none;border-radius:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;cursor:pointer;transition:all .2s}.pms-status-tracker-container .filter-select:focus{outline:none;box-shadow:0 0 0 2px #5a5f6780}.pms-status-tracker-container .select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;color:#777c6e}.pms-status-tracker-container .search-wrapper{position:relative}.pms-status-tracker-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#777c6e;pointer-events:none}.pms-status-tracker-container .search-input{width:100%;background:#f7f7f6;border:none;border-radius:.5rem;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;transition:all .2s}.pms-status-tracker-container .search-input:focus{outline:none;box-shadow:0 0 0 2px #5a5f6780}.pms-status-tracker-container .filter-group-clear{display:flex;align-items:flex-end}.pms-status-tracker-container .btn-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#f7f7f6;border:1px solid #e1e2df;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#777c6e;cursor:pointer;transition:all .2s;height:2.75rem;white-space:nowrap}.pms-status-tracker-container .btn-clear-filters:hover{background:#e1e2df;color:#151613;border-color:#cbd5e1}.pms-status-tracker-container .btn-clear-filters .material-symbols-outlined{font-size:1rem}.pms-status-tracker-container .filter-select:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.pms-status-tracker-container .status-badges-section{margin-bottom:1.5rem}.pms-status-tracker-container .status-badges{display:flex;flex-wrap:wrap;gap:1rem}.pms-status-tracker-container .status-badge-item{background:#fff;border:1px solid #e1e2df;border-radius:.5rem;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem}.pms-status-tracker-container .status-badge-item-active{border-left:4px solid #5a5f67}.pms-status-tracker-container .badge-dot{width:.5rem;height:.5rem;border-radius:50%}.pms-status-tracker-container .badge-dot-gray{background:#9ca3af}.pms-status-tracker-container .badge-dot-blue{background:#3b82f6}.pms-status-tracker-container .badge-dot-amber{background:#f59e0b}.pms-status-tracker-container .badge-dot-primary{background:#5a5f67}.pms-status-tracker-container .badge-text{font-size:.75rem;font-weight:600;color:#151613}.pms-status-tracker-container .badge-value{font-size:.875rem;font-weight:900;margin-left:.25rem}.pms-status-tracker-container .table-section{margin-bottom:3rem}.pms-status-tracker-container .table-card{background:#fff;border:1px solid #e1e2df;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;overflow:hidden}.pms-status-tracker-container .table-wrapper{overflow-x:auto}.pms-status-tracker-container .employees-table{width:100%;border-collapse:collapse;min-width:1200px}.pms-status-tracker-container .employees-table thead{background:#f7f7f6;border-bottom:1px solid #e1e2df}.pms-status-tracker-container .employees-table th{padding:.45rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;text-align:left}.pms-status-tracker-container .employees-table th.text-right{text-align:right}.pms-status-tracker-container .employees-table tbody tr{border-bottom:1px solid #f2f3f1;transition:background-color .2s}.pms-status-tracker-container .employees-table tbody tr:hover{background:#f7f7f6}.pms-status-tracker-container .employees-table td{padding:.4rem .75rem;vertical-align:middle}.pms-status-tracker-container .employee-id{font-family:monospace;font-size:.75rem}.pms-status-tracker-container .employee-name-cell{display:flex;align-items:center;gap:.75rem}.pms-status-tracker-container .employee-initials{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.pms-status-tracker-container .employee-initials.initials-primary{background:#5a5f6733;color:#5a5f67}.pms-status-tracker-container .employee-initials.initials-amber{background:#fef3c7;color:#92400e}.pms-status-tracker-container .employee-initials.initials-blue{background:#dbeafe;color:#1e40af}.pms-status-tracker-container .employee-initials.initials-gray{background:#f3f4f6;color:#374151}.pms-status-tracker-container .employee-name{font-size:.875rem;font-weight:600;color:#151613}.pms-status-tracker-container .role-dept-cell{display:flex;flex-direction:column}.pms-status-tracker-container .role-text{font-size:.875rem;font-weight:500;color:#151613}.pms-status-tracker-container .dept-text{font-size:.75rem;color:#777c6e}.pms-status-tracker-container .status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase}.pms-status-tracker-container .status-badge.status-locked{background:#5a5f67;color:#fff}.pms-status-tracker-container .status-badge.status-hod-rated{background:#fef3c7;color:#92400e}.pms-status-tracker-container .status-badge.status-submitted{background:#dbeafe;color:#1e40af}.pms-status-tracker-container .status-badge.status-draft{background:#f3f4f6;color:#374151}.pms-status-tracker-container .rating-cell{font-size:.875rem;font-weight:700}.pms-status-tracker-container .rating-value{color:#151613}.pms-status-tracker-container .rating-value.rating-primary{color:#5a5f67}.pms-status-tracker-container .rating-empty{color:#777c6e}.pms-status-tracker-container .submission-date{font-size:.75rem;color:#777c6e;font-style:italic}.pms-status-tracker-container .actions-cell{text-align:right}.pms-status-tracker-container .actions-buttons{display:flex;justify-content:flex-end;gap:.5rem}.pms-status-tracker-container .btn-reminder{padding:.375rem .75rem;font-size:.75rem;font-weight:700;color:#5a5f67;background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s}.pms-status-tracker-container .btn-reminder:hover{background:#5a5f670d}.pms-status-tracker-container .btn-view-details{padding:.375rem .75rem;font-size:.75rem;font-weight:700;color:#151613;background:#fff;border:1px solid #e1e2df;border-radius:.25rem;cursor:pointer;transition:all .2s}.pms-status-tracker-container .btn-view-details:hover{background:#f7f7f6}.pms-status-tracker-container .table-footer{padding:1rem 1.5rem;background:#f7f7f6;border-top:1px solid #e1e2df;display:flex;align-items:center;justify-content:space-between}.pms-status-tracker-container .table-footer-text{font-size:.75rem;color:#777c6e}.pms-status-tracker-container .pagination{display:flex;gap:.5rem}.pms-status-tracker-container .pagination-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:700;border:1px solid #e1e2df;background:#fff;border-radius:.25rem;cursor:pointer;transition:all .2s}.pms-status-tracker-container .pagination-btn:hover:not(:disabled){background:#5a5f670d}.pms-status-tracker-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pms-status-tracker-container .pagination-btn-active{background:#5a5f67;color:#fff;border-color:#5a5f67}.pms-status-tracker-container .pagination-btn-active:hover{background:#5a5f67e6}@media(max-width:768px){.pms-status-tracker-container .content-wrapper{padding:1rem}.pms-status-tracker-container .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.pms-status-tracker-container .page-title{font-size:1.5rem}}.kpi-performance-container{min-height:100vh;background:#f7f7f6}.kpi-performance-container .main-content{margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.kpi-performance-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.kpi-performance-container .content-wrapper{max-width:1440px;margin:0 auto;padding:0}@media(min-width:1400px){.kpi-performance-container .content-wrapper{max-width:100%;padding:0 2rem}}.kpi-performance-container .page-header{padding:2rem 2rem 1rem}.kpi-performance-container .header-content{display:flex;justify-content:space-between;align-items:flex-start}.kpi-performance-container .header-left{flex:1}.kpi-performance-container .breadcrumb{margin-bottom:.5rem}.kpi-performance-container .back-link{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:#5a5f67;background:none;border:none;cursor:pointer;padding:0;transition:all .2s}.kpi-performance-container .back-link:hover{text-decoration:underline}.kpi-performance-container .back-link .material-symbols-outlined{font-size:.875rem}.kpi-performance-container .page-title{font-size:1.875rem;font-weight:900;color:#151613;margin:0;line-height:1.2;letter-spacing:-.025em}.kpi-performance-container .page-subtitle{color:#777c6e;margin-top:.25rem;font-size:.875rem}.kpi-performance-container .header-actions{display:flex;gap:.5rem}.kpi-performance-container .action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e1e2df;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#151613;cursor:pointer;transition:all .2s}.kpi-performance-container .action-btn:hover{background:#f2f3f1}.kpi-performance-container .action-btn .material-symbols-outlined{font-size:1.125rem}.kpi-performance-container .employee-card{padding:0 2rem 1.5rem;margin-bottom:1.5rem}.kpi-performance-container .employee-info{background:#fff;border-radius:.75rem;border:1px solid #e1e2df;box-shadow:0 1px 2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.kpi-performance-container .employee-info{flex-direction:row;align-items:center;gap:2rem;flex-wrap:nowrap}}.kpi-performance-container .employee-profile{display:flex;align-items:center;gap:1rem;flex-shrink:0;min-width:0}@media(min-width:1024px){.kpi-performance-container .employee-profile{padding-right:2rem;border-right:1px solid #f2f3f1;min-width:300px}}.kpi-performance-container .employee-photo{width:5rem;height:5rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px #0000001a}.kpi-performance-container .employee-photo img{width:100%;height:100%;object-fit:cover}.kpi-performance-container .employee-initials-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.kpi-performance-container .employee-details{flex:1}.kpi-performance-container .employee-name{font-size:1.25rem;font-weight:700;color:#151613;margin:0 0 .25rem}.kpi-performance-container .employee-title{font-size:.875rem;font-weight:500;color:#5a5f67;margin:0 0 .25rem}.kpi-performance-container .employee-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.kpi-performance-container .meta-badge{font-size:.75rem;background:#f7f7f6;padding:.125rem .5rem;border-radius:.25rem;color:#777c6e;font-family:monospace}.kpi-performance-container .progress-section{flex:1;min-width:0;max-width:100%}@media(min-width:1024px){.kpi-performance-container .progress-section{padding-left:0;flex:1 1 auto}}.kpi-performance-container .progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.kpi-performance-container .progress-label{display:flex;flex-direction:column}.kpi-performance-container .label-text{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;margin-bottom:.25rem}.kpi-performance-container .progress-value{font-size:1.5rem;font-weight:900;color:#5a5f67}.kpi-performance-container .target-text{font-size:.875rem;font-weight:500;color:#777c6e}.kpi-performance-container .status-badge{font-size:.75rem;font-weight:700;color:#4e535b;background:#e8ecec;padding:.25rem .5rem;border-radius:.25rem}.kpi-performance-container .status-on-track{color:#4e535b;background:#e8ecec}.kpi-performance-container .progress-bar{width:100%;height:.75rem;background:#f2f3f1;border-radius:9999px;overflow:hidden}.kpi-performance-container .progress-fill{height:100%;background:#5a5f67;border-radius:9999px;box-shadow:inset 0 2px 4px #0000001a;transition:width .3s ease}.kpi-performance-container .stats-section{display:flex;gap:2rem;flex-shrink:0}@media(min-width:1024px){.kpi-performance-container .stats-section{padding-left:2rem;border-left:1px solid #f2f3f1}}.kpi-performance-container .stat-item{text-align:center}.kpi-performance-container .stat-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;margin:0 0 .25rem}.kpi-performance-container .stat-value{font-size:1.5rem;font-weight:900;color:#151613;margin:0}.kpi-performance-container .kpi-table-section{padding:0 2rem 1.5rem}.kpi-performance-container .table-card{background:#fff;border-radius:.75rem;border:1px solid #e1e2df;box-shadow:0 1px 2px #0000000d;overflow:hidden}.kpi-performance-container .table-header{padding:1rem 1.5rem;border-bottom:1px solid #f2f3f1;display:flex;justify-content:space-between;align-items:center}.kpi-performance-container .table-title{font-weight:700;color:#151613;margin:0;font-size:.875rem}.kpi-performance-container .table-legend{display:flex;gap:1rem}.kpi-performance-container .legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#777c6e}.kpi-performance-container .legend-dot{width:.5rem;height:.5rem;border-radius:50%}.kpi-performance-container .legend-primary{background:#5a5f67}.kpi-performance-container .legend-amber{background:#f59e0b}.kpi-performance-container .table-wrapper{overflow-x:auto}.kpi-performance-container .kpi-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1200px}.kpi-performance-container .kpi-table thead{background:#f7f7f6;border-bottom:1px solid #e1e2df}.kpi-performance-container .kpi-table th{padding:1rem 1.5rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;text-align:left}.kpi-performance-container .kpi-table th.col-description{width:25%}.kpi-performance-container .kpi-table th.col-target,.kpi-performance-container .kpi-table th.col-actual{width:10%}.kpi-performance-container .kpi-table th.col-uom{width:8%}.kpi-performance-container .kpi-table th.col-self,.kpi-performance-container .kpi-table th.col-hod{width:18%}.kpi-performance-container .kpi-table th.col-final{width:11%;text-align:center}.kpi-performance-container .kpi-table tbody tr{border-bottom:1px solid #f2f3f1;transition:background-color .2s}.kpi-performance-container .kpi-table tbody tr:hover{background:#f7f7f680}.kpi-performance-container .kpi-table td{padding:1.25rem 1.5rem;vertical-align:top;font-size:.875rem}.kpi-performance-container .kpi-info{display:flex;flex-direction:column}.kpi-performance-container .kpi-name{font-weight:600;color:#151613;margin-bottom:.25rem}.kpi-performance-container .kpi-details{font-size:.75rem;color:#777c6e;line-height:1.5}.kpi-performance-container .rating-cell{display:flex;flex-direction:column;gap:.25rem}.kpi-performance-container .rating-value{display:flex;align-items:center;gap:.25rem}.kpi-performance-container .rating-value.rating-primary{color:#5a5f67}.kpi-performance-container .rating-value.rating-amber{color:#f59e0b}.kpi-performance-container .rating-number{font-weight:700;font-size:.75rem}.kpi-performance-container .star-icon{display:flex;font-size:.625rem}.kpi-performance-container .star-icon .material-symbols-outlined{font-size:.75rem;font-variation-settings:"FILL" 1}.kpi-performance-container .rating-remarks{font-size:.75rem;font-style:italic;color:#777c6e;margin:0;line-height:1.4}.kpi-performance-container .rating-empty{color:#94a3b8;font-size:.875rem;font-style:italic}.kpi-performance-container .status-at-risk{color:#f59e0b;background:#fef3c7}.kpi-performance-container .status-behind{color:#ef4444;background:#fee2e2}.kpi-performance-container .loading-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid #f3f3f3;border-top:3px solid #5a5f67;border-radius:50%;animation:spin 1s linear infinite}.kpi-performance-container .rating-badge{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;font-weight:900;font-size:.875rem;border:1px solid}.kpi-performance-container .rating-primary{background:#5a5f671a;color:#5a5f67;border-color:#5a5f6733}.kpi-performance-container .rating-amber{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.kpi-performance-container .col-final{text-align:center}.kpi-performance-container .notes-section{padding:0 2rem 3rem}.kpi-performance-container .notes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.kpi-performance-container .notes-grid{grid-template-columns:1fr 1fr}}.kpi-performance-container .note-card{background:#fff;border-radius:.75rem;border:1px solid #e1e2df;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.kpi-performance-container .note-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.kpi-performance-container .note-header .material-symbols-outlined{color:#5a5f67;font-size:1.25rem}.kpi-performance-container .note-title{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#151613;margin:0}.kpi-performance-container .note-content{padding:1rem;background:#f7f7f6;border-radius:.5rem;border:1px solid #e1e2df}.kpi-performance-container .note-content-hod{border-color:#5a5f6733}.kpi-performance-container .note-text{font-size:.875rem;color:#5a5f54;line-height:1.6;margin:0 0 .75rem}.kpi-performance-container .note-footer{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#777c6e}.kpi-performance-container .note-footer-hod{color:#5a5f67}.kpi-performance-container .action-buttons{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem}.kpi-performance-container .btn-draft{padding:.625rem 1.5rem;border-radius:.5rem;border:1px solid #e1e2df;font-size:.875rem;font-weight:700;color:#151613;background:#fff;cursor:pointer;transition:all .2s}.kpi-performance-container .btn-draft:hover{background:#fff}.kpi-performance-container .btn-finalize{padding:.625rem 2rem;border-radius:.5rem;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 6px #5a5f6733;transition:all .2s}.kpi-performance-container .btn-finalize:hover{background:#5a5f67e6}:root{--primary: #5a5f67;--primary-dark: #4e535b;--secondary: #7a9155;--success: #5a5f67;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--dark: #0f172a;--light: #f8fafc;--sidebar-bg: linear-gradient(180deg, #5a5f67 0%, #4e535b 100%);--sidebar-width: 280px;--sidebar-collapsed: 80px;--text-secondary: #64748b}.dpr-uploader-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-attachment:fixed;color:var(--dark);overflow-x:hidden;position:relative}.dpr-uploader-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(90,95,103,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,95,103,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.dpr-uploader-content{flex-grow:1;margin-left:var(--sidebar-width);min-height:100vh;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.dpr-uploader-content.collapsed{margin-left:var(--sidebar-collapsed)}.topbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:34;border-bottom:1px solid rgba(226,232,240,.5)}.page-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin:0;display:flex;align-items:center;gap:.75rem}.sidebar-toggle{background:var(--light);border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--dark)}.sidebar-toggle:hover{background:var(--primary);color:#fff;transform:rotate(180deg)}.content-wrapper{padding:2rem}.content-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;border:1px solid rgba(226,232,240,.6);transition:all .3s ease}.content-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.card-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light);flex-wrap:wrap;gap:1rem}.card-title-modern{font-size:1.25rem;font-weight:700;color:var(--dark);margin:0;display:flex;align-items:center;gap:.75rem}.form-label{font-weight:600;color:var(--dark);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.form-control,.form-select{border-radius:12px;border:2px solid var(--light)!important;transition:all .3s ease;border-color:var(--primary)!important}.form-control:focus,.form-select:focus{border-color:var(--primary-dark)!important;outline:none;box-shadow:0 0 0 4px #5a5f671a;transform:translateY(-2px)}.upload-area{border:3px dashed var(--light);border-radius:16px;padding:3rem 2rem;text-align:center;transition:all .3s ease;cursor:pointer;background:linear-gradient(135deg,#5a5f6705,#646a7305)}.upload-area:hover{border-color:var(--primary);background:linear-gradient(135deg,#5a5f670d,#646a730d)}.upload-area.dragover{border-color:var(--primary);background:linear-gradient(135deg,#5a5f671a,#646a731a);transform:scale(1.02)}.upload-icon{font-size:4rem;color:var(--primary);margin-bottom:1rem}.table-modern{width:100%;border-collapse:separate;border-spacing:0}.table-modern thead th{padding:.45rem .7rem;font-weight:600;text-align:left;border:none}.table-modern thead th:first-child{border-radius:12px 0 0}.table-modern thead th:last-child{border-radius:0 12px 0 0}.table-modern tbody tr{transition:all .3s ease}.table-modern tbody tr:hover{background:#5a5f670d;transform:scale(1.01)}.table-modern tbody td{padding:.4rem .7rem;border-bottom:1px solid var(--light);vertical-align:middle}.badge-modern{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem}.badge-success-modern{background:#5a5f6726;color:#3d4448}.badge-warning-modern{background:#f59e0b26;color:#92400e}.badge-danger-modern{background:#ef444426;color:#991b1b}.badge-info-modern{background:#3b82f626;color:#1e40af}.btn-primary-modern{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;padding:.75rem 2rem;font-weight:600;color:#fff;transition:all .3s ease}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5a5f674d;color:#fff}.alert-modern{border-radius:12px;padding:1.25rem 1.5rem;border-left:4px solid;margin-bottom:1.5rem;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.validation-errors{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem;margin-top:1rem}.validation-error-item{padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.5rem;border-left:3px solid var(--danger);font-size:.875rem}.validation-error-item:last-child{margin-bottom:0}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border-left:4px solid var(--primary);transition:all .3s ease;border:1px solid rgba(226,232,240,.6);height:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);margin:.5rem 0}.stat-label{color:var(--text-secondary);font-weight:600;font-size:.875rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.3}.modal-modern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.modal-dialog-modern{width:100%;max-width:800px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content-modern{background:#fff;border-radius:16px;border:none;box-shadow:0 10px 40px #0003;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal-header-modern{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-body-modern{padding:2rem;overflow-y:auto}.modal-footer-modern{padding:1rem 2rem;border-top:1px solid var(--light);display:flex;justify-content:flex-end;gap:1rem}@media(max-width:992px){.dpr-uploader-content{margin-left:0}.content-wrapper{padding:1rem}}.dpr-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;padding-bottom:1.25rem;margin-bottom:0;border-bottom:1px solid #e2e8f0}.dpr-card-head--compact{align-items:center;padding-bottom:1rem;margin-bottom:1rem}.dpr-card-head-text{min-width:0;flex:1 1 12rem}.dpr-card-kicker{margin:0 0 .25rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.dpr-card-title{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1.3}.dpr-card-sub{margin:.5rem 0 0;font-size:.8125rem;color:#64748b;line-height:1.45;max-width:36rem}.dpr-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-shrink:0}.dpr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.dpr-btn-outline{background:#fff;border-color:#e2e8f0;color:#334155}.dpr-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.dpr-btn-primary{background:#5a5f67;border-color:#5a5f67;color:#fff}.dpr-btn-primary:hover{background:#4e535b;border-color:#4e535b;color:#fff}.dpr-btn-ghost{background:transparent;border-color:#e2e8f0;color:#64748b}.dpr-btn-ghost:hover{background:#f8fafc;color:#334155}.dpr-filter-row{padding-top:1.25rem}.dpr-field-label{display:block;margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.dpr-filter-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.dpr-select{flex:1 1 14rem;min-width:12rem;max-width:28rem;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#0f172a;transition:border-color .2s,box-shadow .2s}.dpr-select:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 3px #5a5f671f}.dpr-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px}.dpr-uploader-container .dpr-card .table-modern thead{background:#f8fafc;color:#64748b}.dpr-uploader-container .dpr-card .table-modern thead th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0}.dpr-uploader-container .dpr-card .table-modern thead th:first-child,.dpr-uploader-container .dpr-card .table-modern thead th:last-child{border-radius:0}.dpr-uploader-container .dpr-card .table-modern tbody tr:hover{transform:none;background:#0f172a0a}.dpr-table-footer{padding:1rem 0 0;margin-top:1rem;border-top:1px solid #e2e8f0;background:transparent;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.dpr-pagination-info{font-size:.75rem;color:#64748b;margin:0}.dpr-pagination-bold{font-weight:700;color:#0f172a}.dpr-pagination-controls{display:flex;align-items:center;gap:.5rem}.dpr-pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;border-radius:.5rem;color:#334155;cursor:pointer;transition:background .2s,border-color .2s;min-width:2rem}.dpr-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.dpr-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dpr-pagination-num.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.dpr-pagination-num.active:hover{background:#4e535b;border-color:#4e535b;color:#fff}.dpr-production-view.dpr-uploader-container{overflow-x:hidden}.dpr-production-view .dpr-uploader-content{flex:1 1 0%;min-width:0;max-width:100%}.dpr-production-view .dpr-production-content{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.dpr-production-view .dpr-production-content>.content-card.dpr-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.dpr-production-view .dpr-production-inline-filters{display:flex;flex-wrap:wrap;align-items:center;align-items:flex-start;gap:.65rem 1rem;padding-top:1.15rem}.dpr-production-view .dpr-production-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.dpr-production-view .dpr-production-field--dept{flex:1 1 11rem}.dpr-production-view .dpr-production-field--sheet,.dpr-production-view .dpr-production-field--month{flex:1.25 1 14rem}.dpr-production-view .dpr-production-field--load{flex:0 0 auto}.dpr-production-view .dpr-production-load-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dpr-production-view .dpr-production-btn-download{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .55rem;min-width:2.35rem;line-height:1}.dpr-production-view .dpr-production-btn-download .bi{font-size:1.1rem}.dpr-production-view .dpr-production-download-spin .bi{animation:dpr-production-spin .75s linear infinite}@keyframes dpr-production-spin{to{transform:rotate(360deg)}}.dpr-production-view .dpr-production-field .dpr-select{width:100%;min-width:0;max-width:none;flex:0 1 auto;min-height:2.375rem;line-height:1.25;padding:.4rem 2rem .4rem .65rem;box-sizing:border-box}.dpr-production-view .dpr-production-sheet-row{display:flex;align-items:stretch;gap:.5rem;min-width:0}.dpr-production-view .dpr-production-sheet-row .dpr-select{flex:1 1 auto}.dpr-production-view .dpr-production-btn-refresh{flex-shrink:0;white-space:nowrap;padding:.45rem .6rem;font-size:.75rem}.dpr-production-view .dpr-production-month-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;min-height:2.375rem}.dpr-production-view .dpr-production-radio{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.75rem;color:#334155;cursor:pointer;white-space:nowrap}.dpr-production-view .dpr-production-month-input{width:auto;min-width:8.5rem;max-width:10rem;flex:0 0 auto;padding-top:.35rem;padding-bottom:.35rem}.dpr-production-view .dpr-production-field-label-spacer{visibility:hidden;-webkit-user-select:none;user-select:none;line-height:1.2;min-height:1.05rem}@media(max-width:767px){.dpr-production-view .dpr-production-inline-filters{flex-direction:column;align-items:stretch}.dpr-production-view .dpr-production-field--load .dpr-field-label{display:none}}.dpr-production-view .dpr-production-table-wrap{width:100%;max-width:100%;min-width:0;max-height:min(70vh,720px);overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.dpr-production-view .dpr-production-table-wrap table{width:max-content;min-width:100%;margin-bottom:0}.dpr-production-view .dpr-production-table-wrap th{position:sticky;top:0;z-index:2;white-space:nowrap;background-color:var(--bs-table-bg, #f8f9fa);box-shadow:inset 0 -1px #00000014}.dpr-production-view .dpr-production-table-wrap td{white-space:nowrap;font-size:.8125rem}.lms-stat-card{background:var(--surface-light);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px -4px #0000000d;border:1px solid #e2e8f0;transition:box-shadow .3s ease}.lms-stat-card:hover{box-shadow:0 8px 30px -4px #0000001a}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.icon-primary{background:#5a5f671a;color:var(--primary)}.stat-icon.icon-purple{background:#8b5cf61a;color:#8b5cf6}.stat-icon.icon-success{background:#5a5f671a;color:#5a5f67}.stat-icon.icon-warning{background:#f59e0b1a;color:#f59e0b}.stat-icon.icon-danger{background:#ef44441a;color:#ef4444}.stat-trend{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.stat-trend.up{background:#5a5f671a;color:#5a5f67}.stat-trend.down{background:#ef44441a;color:#ef4444}.stat-trend.warning{background:#f59e0b1a;color:#f59e0b}.stat-title{font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-value{font-size:1.875rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}.stat-subtitle{font-size:.75rem;font-weight:500;color:#94a3b8;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.mb-4{margin-bottom:1.5rem}.stats-loading{padding:1.5rem;text-align:center;color:#64748b;background:var(--surface-light);border-radius:12px;border:1px solid #e2e8f0}.dashboard-error{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:.875rem}.dashboard-error i{font-size:1.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.section-title{font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5a5f674d}.quick-action-btn:hover{background:var(--primary-dark);box-shadow:0 6px 20px #5a5f6766;transform:translateY(-2px)}.quick-action-btn i{font-size:1.25rem}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.charts-section{grid-template-columns:1fr}}.chart-card{background:var(--surface-light);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px -4px #0000000d;border:1px solid #e2e8f0;display:flex;flex-direction:column}.chart-card-large{grid-column:span 1}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.chart-header-simple{margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:700;color:var(--dark);margin-bottom:.25rem}.chart-subtitle{font-size:.875rem;color:#64748b;margin:0}.chart-select{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:var(--surface-light);color:var(--dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .3s ease}.chart-select:focus{outline:none;border-color:var(--primary)}.chart-placeholder{flex:1;display:flex;flex-direction:column}.completion-chart{width:100%;height:250px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#94a3b8;margin-top:.5rem;padding:0 1rem}.donut-chart-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 0}.donut-chart{position:relative;width:176px;height:176px}.circle-bg{fill:none;stroke:#e2e8f0;stroke-width:3.8}.circle{fill:none;stroke-width:3.8;stroke-linecap:round}.circle-fail{stroke:#ef4444}.circle-pass{stroke:var(--primary)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:2.25rem;font-weight:700;color:var(--dark)}.donut-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.legend-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.legend-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px}.legend-dot{width:12px;height:12px;border-radius:50%;margin-right:.5rem}.legend-dot-pass{background:var(--primary)}.legend-dot-fail{background:#ef4444}.legend-label{flex:1;font-size:.875rem;font-weight:600;color:#64748b;margin-left:.5rem}.legend-value{font-size:.875rem;font-weight:700;color:var(--dark)}.table-header{background:var(--primary);color:#fff;padding:1rem 1.5rem;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between}.table-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.btn-view-all{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-view-all:hover{background:#ffffff4d}.table-responsive{overflow-x:auto;border-radius:0 0 12px 12px}.lms-table{width:100%;border-collapse:collapse;background:var(--surface-light)}.lms-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.lms-table th{padding:.45rem .75rem;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.lms-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.lms-table tbody tr:hover{background:#f8fafc}.lms-table td{padding:.4rem .75rem;font-size:.875rem}.employee-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;box-shadow:0 2px 8px #0000001a}.employee-name{font-weight:700;color:var(--dark)}.course-name{font-weight:500;color:#475569;max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-passed{background:#5a5f671a;color:#5a5f67}.status-failed{background:#ef44441a;color:#ef4444}.status-other{background:#64748b1a;color:#64748b}@media(max-width:768px){.stats-grid,.quick-actions-grid,.charts-section{grid-template-columns:1fr}.lms-table{font-size:.75rem}.lms-table th,.lms-table td{padding:.75rem 1rem}}.training-inventory-container{display:flex;min-height:100vh;background-color:#f6f7f8}.training-inventory-container .main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden}.inventory-main{flex:1;overflow-y:auto;padding:2rem;background-color:#f6f7f8}.inventory-wrapper{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.breadcrumbs{display:flex;align-items:center;font-size:.875rem;color:#64748b}.breadcrumb-link{color:#64748b;text-decoration:none;transition:color .2s}.breadcrumb-separator{margin:0 .5rem;color:#cbd5e1}.breadcrumb-current{color:#0f172a;font-weight:500}.page-header-section{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.page-title{font-size:1.875rem;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.025em}.page-subtitle{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.btn-create-training{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#5a5f67;color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 1px 2px #5a5f6733;transition:all .2s}.btn-create-training:hover{background:#5a6e3d}.btn-create-training:active{transform:scale(.95)}.btn-create-training .material-symbols-outlined{font-size:20px}.filters-card{background:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.filters-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.filters-row{flex-direction:row;justify-content:space-between;align-items:center}}.search-inputs{display:flex;flex-direction:column;gap:.75rem;flex:1}@media(min-width:640px){.search-inputs{flex-direction:row}}.search-wrapper{position:relative;width:100%}@media(min-width:640px){.search-wrapper{max-width:20rem}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px;pointer-events:none}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#0f172a;transition:all .2s}.search-input:focus{outline:none;background:#fff;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a}.search-input::placeholder{color:#94a3b8}.type-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.type-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.type-filter-btn:hover{background:#f1f5f9}.type-filter-btn.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.type-filter-btn .material-symbols-outlined{font-size:16px}.table-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column}.trainings-table{width:100%;border-collapse:collapse;text-align:left}.trainings-table thead{background:#5a5f67}.trainings-table th{padding:.45rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff}.col-title{width:25%;text-align:left}.trainings-table tbody td:first-child{text-align:left}.col-type{width:10%}.col-trainer{width:15%}.col-dates{width:18%}.col-date-time{min-width:11rem;width:20%}.col-date-time-cell{vertical-align:top}.date-time-range{font-size:.8125rem;color:#374151;line-height:1.4;white-space:pre-line}.col-location{width:12%}.col-status{width:10%}.col-actions{width:10%;text-align:center}.trainings-table tbody td:last-child{text-align:center;vertical-align:middle}.trainings-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.trainings-table tbody tr:hover{background:#f8fafc}.trainings-table tbody td{padding:.4rem .75rem}.training-title-cell{display:flex;flex-direction:column;gap:.25rem}.training-name{font-weight:600;font-size:.875rem;color:#0f172a}.training-meta{font-size:.75rem;color:#64748b}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid}.type-badge.orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.type-badge.green{background:#f2f4f4;color:#3d4448;border-color:#dde4e5}.type-badge.purple{background:#faf5ff;color:#7c3aed;border-color:#e9d5ff}.type-badge.gray{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.type-badge .material-symbols-outlined{font-size:16px}.trainer-cell{display:flex;align-items:center;gap:.75rem}.trainer-avatar{width:2rem;height:2rem;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#4f46e5;flex-shrink:0}.trainer-info{display:flex;flex-direction:column;gap:.125rem}.trainer-name{font-size:.875rem;font-weight:500;color:#0f172a}.trainer-role{font-size:.75rem;color:#64748b}.schedule-cell{display:flex;flex-direction:column;gap:.375rem}.schedule-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#374151}.schedule-icon{font-size:14px;color:#64748b}.location-cell{display:flex;align-items:center}.location-info{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#374151}.location-icon{font-size:16px;color:#64748b}.mode-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.mode-badge.online{background:#dbeafe;color:#1e40af}.mode-badge .material-symbols-outlined{font-size:14px}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.blue{background:#dbeafe;color:#1e40af}.status-badge.slate{background:#f1f5f9;color:#475569}.status-badge.emerald{background:#e8ecec;color:#3d4448}.status-badge.red{background:#fee2e2;color:#991b1b}.ti-inv-actions{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.ti-inv-actions-locked{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.25rem;color:#94a3b8;font-size:1.125rem;font-weight:500;-webkit-user-select:none;user-select:none;cursor:default}.action-btn:hover{color:#5a5f67;background:#5a5f671a}.action-dropdown-wrapper{position:relative}.ti-inv-action-btn{padding:.5rem;color:#1e293b;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:.5rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;line-height:1}.ti-inv-action-btn:hover{color:#0f172a;background:#cbd5e1;border-color:#94a3b8}.trainings-table tbody tr:hover .ti-inv-action-btn{border-color:#94a3b8}.ti-inv-action-icon.material-symbols-outlined{font-size:22px;color:#0f172a;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.ti-inv-dropdown-menu{position:absolute;top:100%;left:50%;right:auto;transform:translate(-50%);margin-top:4px;min-width:140px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:50;overflow:hidden;display:flex;flex-direction:column}.ti-inv-dropdown-menu.ti-inv-dropdown-menu--portal{position:fixed;z-index:10000;margin-top:0}.ti-inv-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:none;font-size:.875rem;color:#334155;cursor:pointer;text-align:left;transition:background .15s}.action-dropdown-item:hover{background:#5a5f6714;color:#5a5f67}.ti-inv-dropdown-item .material-symbols-outlined{font-size:18px;color:inherit;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.no-data,.loading-state{text-align:center;padding:3rem;color:#64748b}.table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;width:100%;min-width:0}.table-footer .pagination-info{margin:0;font-size:.875rem;color:#64748b}.table-footer .pagination-info .font-semibold{font-weight:600;color:#0f172a}.table-footer .pagination-controls{display:flex;align-items:center;gap:.25rem}.table-footer .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.table-footer .pagination-btn .material-symbols-outlined{font-size:1.25rem}.table-footer .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.table-footer .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-footer .pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.table-footer .pagination-number:hover{background:#f1f5f9}.table-footer .pagination-number.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.table-footer .pagination-ellipsis{padding:0 .25rem;font-size:.875rem;color:#64748b}.audience-assignment-container{display:flex;min-height:100vh;background-color:#f0f2f5}.audience-assignment-container .main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease;overflow:hidden}.assignment-main{flex:1;overflow-y:auto;padding:1.5rem 2.5rem;background-color:#f0f2f5}.assignment-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:6rem}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#617589}.breadcrumb-link{color:#617589;text-decoration:none;transition:color .2s;cursor:pointer}.breadcrumb-separator{font-size:.875rem;color:#9ca3af}.breadcrumb-current{color:#111418;font-weight:500}.page-description{margin-bottom:.5rem}.page-description p{color:#617589;font-size:.875rem;margin:0}.training-name-highlight{font-weight:600;color:#111418}.page-description .text-muted{color:#64748b}.page-description .mt-2{margin-top:.5rem}.assigned-section{margin-bottom:1.5rem}.assigned-view-link{display:flex;align-items:center;gap:.5rem;margin:0;padding:.75rem 1rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;font-size:.9375rem;color:#374151}.assigned-view-link .material-symbols-outlined{font-size:1.25rem;color:#5a5f67}.assigned-count{font-weight:500;color:#64748b}.assigned-view-list-link{font-weight:600;color:#5a5f67;text-decoration:none}.assigned-view-list-link:hover{text-decoration:underline}.assigned-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow:hidden}.assigned-card-title{display:flex;align-items:center;gap:.5rem;margin:0;padding:1rem 1.25rem;font-size:1.125rem;font-weight:700;color:#111418;background:#f8fafc;border-bottom:1px solid #e2e8f0}.assigned-card-title .material-symbols-outlined{font-size:1.25rem;color:#5a5f67}.assigned-empty{padding:1.5rem 1.25rem;margin:0;color:#64748b;font-size:.9375rem}.assigned-table-wrap{overflow-x:auto}.assigned-table{width:100%;border-collapse:collapse}.assigned-table thead{background:#f1f5f9}.assigned-table thead th{padding:.625rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#475569}.assigned-table tbody tr{border-bottom:1px solid #e5e7eb}.assigned-table tbody tr:hover{background:#5a5f670a}.assigned-table tbody td{padding:.75rem 1rem;font-size:.875rem;color:#1e293b}.assigned-table .fw-semibold{font-weight:600}.assigned-table .badge{display:inline-block;padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.assigned-table .badge-success{background:#5a5f6726;color:#4e535b}.assigned-table .badge-secondary{background:#f1f5f9;color:#64748b}.assigned-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem;border-top:1px solid #e2e8f0;background:#f8fafc}.assigned-pagination-info{font-size:.8125rem;color:#64748b}.assigned-pagination-btns{display:flex;gap:.25rem}.assigned-pagination-btns .pagination-btn-sm{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .35rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#475569;cursor:pointer;transition:all .2s}.assigned-pagination-btns .pagination-btn-sm:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.assigned-pagination-btns .pagination-btn-sm:disabled{opacity:.5;cursor:not-allowed}.assigned-pagination-btns .pagination-btn-sm .material-symbols-outlined{font-size:1.125rem}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:1024px){.content-grid{grid-template-columns:5fr 7fr}}@media(min-width:1280px){.content-grid{grid-template-columns:4fr 8fr}}.criteria-panel{display:flex;flex-direction:column;gap:1rem}.criteria-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.125rem;font-weight:700;color:#111418;display:flex;align-items:center;gap:.5rem;margin:0}.reset-btn{font-size:.75rem;font-weight:600;color:#5a5f67;background:none;border:none;cursor:pointer;transition:color .2s}.reset-btn:hover{color:#849e63}.card-content{padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.criteria-section{display:flex;flex-direction:column;gap:.75rem}.criteria-section.border-top{padding-top:1.5rem;border-top:1px solid #e5e7eb}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#64748b}.section-label.section-label-uppercase{text-transform:uppercase}.assign-by-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.assign-option{cursor:pointer;position:relative}.assign-option input[type=radio],.assign-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.option-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-weight:600;font-size:.875rem;transition:all .2s}.assign-option:hover .option-content{background:#f9fafb}.assign-option input[type=radio]:checked+.option-content,.assign-option input[type=checkbox]:checked+.option-content{border-color:#5a5f67;border-width:1.5px;background:#5a5f6714;color:#5a5f67}.option-content .material-symbols-outlined{font-size:20px}.search-box{position:relative;width:100%}.search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:20px;pointer-events:none}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;font-size:.875rem;color:#111418;transition:all .2s}.search-input:focus{outline:none;border-color:#5a5f67;background:#fff;box-shadow:0 0 0 2px #5a5f671a}.dropdown-list{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.dropdown-item{padding:.75rem 1rem;cursor:pointer;font-size:.875rem;color:#111418;transition:background-color .2s}.dropdown-item:hover{background:#f9fafb}.selected-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid #bfdbfe}.chip-remove{background:none;border:none;color:#1e40af;cursor:pointer;padding:.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chip-remove:hover{background:#bfdbfe}.chip-remove .material-symbols-outlined{font-size:14px}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111418;cursor:pointer}.help-icon{font-size:16px;color:#9ca3af;cursor:help}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider{width:2.75rem;height:1.5rem;background:#d1d5db;border-radius:9999px;position:relative;transition:background-color .2s}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#5a5f67}.toggle-switch input[type=checkbox]:checked+.toggle-slider:after{transform:translate(1.25rem)}.pro-tip-card{background:#6366f10d;border-radius:.75rem;padding:1.25rem;border:1px solid rgba(99,102,241,.1);display:flex;gap:1rem}.tip-icon{background:#fff;padding:.5rem;border-radius:50%;box-shadow:0 1px 2px #0000000d;color:#6366f1;flex-shrink:0;height:fit-content}.tip-icon .material-symbols-outlined{font-size:20px}.tip-content{flex:1}.tip-title{font-size:.875rem;font-weight:700;color:#111418;margin:0 0 .25rem}.tip-text{font-size:.75rem;color:#6b7280;margin:0;line-height:1.5}.employees-panel{display:flex;flex-direction:column;min-height:500px}.employees-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.employees-header{padding:1.25rem;background:#5a5f67;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.employees-title{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem}.employees-subtitle{font-size:.875rem;color:#ffffffb3;margin:0}.total-badge{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.total-label{font-size:.875rem;font-weight:500;color:#ffffffe6}.total-count{font-size:1.125rem;font-weight:700;color:#fff}.table-container{flex:1;overflow-x:auto}.employees-table{width:100%;border-collapse:collapse;text-align:left}.employees-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.employees-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.employees-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.employees-table tbody tr:hover{background:#f9fafb}.employees-table tbody td{padding:1rem 1.5rem}.employee-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:#4f46e5;flex-shrink:0;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-info{display:flex;flex-direction:column;gap:.125rem}.employee-name{font-size:.875rem;font-weight:600;color:#111418}.employee-id{font-size:.75rem;color:#6b7280}.job-title-text{font-size:.875rem;color:#374151;font-weight:500}.department-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;background:#dbeafe;color:#1e40af;border:1px solid rgba(30,64,175,.1)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;width:fit-content}.status-badge.green{background:#e8ecec;color:#3d4448}.status-badge.amber{background:#fef3c7;color:#92400e}.details-btn{color:#3b82f6;font-size:.875rem;font-weight:600;background:none;border:none;cursor:pointer;opacity:0;transition:opacity .2s;text-decoration:none}.details-btn:hover{text-decoration:underline}.employees-table tbody tr:hover .details-btn{opacity:1}.employees-table input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#5a5f67;border:2px solid #d1d5db;border-radius:4px;transition:all .2s ease}.employees-table input[type=checkbox]:checked{background-color:#5a5f67;border-color:#5a5f67}.employees-table input[type=checkbox]:disabled{opacity:.6;cursor:default;background-color:#5a5f67;border-color:#5a5f67}.employees-table input[type=checkbox]:hover:not(:disabled){border-color:#5a5f67;transform:scale(1.1)}.employees-table thead th label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#111827}.employees-table thead th input[type=checkbox]{width:18px;height:18px}.no-data,.loading-state{text-align:center;padding:3rem;color:#6b7280}.table-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.pagination-info{font-size:.75rem;color:#6b7280;font-weight:500;min-width:0}.pagination-info .font-semibold{font-weight:600;color:#111418}.pagination-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s;flex-shrink:0}.pagination-btn .material-symbols-outlined{font-size:1.25rem}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s;flex-shrink:0}.pagination-number:hover{background:#f9fafb;border-color:#d1d5db}.pagination-number.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.pagination-ellipsis{padding:0 .25rem;font-size:.8125rem;color:#6b7280;align-self:center}.sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e5e7eb;padding:1.25rem 2.5rem;z-index:10;box-shadow:0 -4px 6px -1px #0000001a}.footer-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-info{display:none;flex-direction:column;gap:.25rem}@media(min-width:640px){.footer-info{display:flex}}.footer-title{font-size:.875rem;font-weight:700;color:#111418}.footer-subtitle{font-size:.75rem;color:#6b7280}.footer-subtitle .highlight{font-weight:600;color:#3b82f6}.footer-actions{display:flex;gap:.75rem;width:100%;justify-content:flex-end}@media(min-width:640px){.footer-actions{width:auto}}.btn-cancel{padding:.625rem 1.5rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-cancel:hover{background:#f9fafb}.btn-confirm{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.5rem;background:#5a5f67;color:#fff;font-weight:700;font-size:.875rem;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #5a5f674d;transition:all .2s}.btn-confirm:hover{background:#56693a}.btn-confirm:active{transform:scale(.95)}.btn-confirm .material-symbols-outlined{font-size:18px}.btn-confirm:disabled{opacity:.85;cursor:not-allowed;transform:none}.btn-confirm-spinner.material-symbols-outlined{animation:audience-assign-spin .75s linear infinite}@keyframes audience-assign-spin{to{transform:rotate(360deg)}}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.training-audience-list-container{display:flex;min-height:100vh;background:#f0f2f5}.training-audience-list-container .main-content{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;overflow:hidden;min-width:0}.training-audience-list-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.training-audience-list-container .list-main{flex:1;overflow-y:auto;padding:1.5rem 2rem;min-height:0}.training-audience-list-container .list-wrapper{max-width:1000px;margin:0 auto;width:100%}.training-audience-list-container .list-empty-state{text-align:center;padding:3rem 2rem;color:#64748b}.training-audience-list-container .list-empty-state .btn-back{margin-top:1rem}.training-audience-list-container .list-card{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow:hidden}.training-audience-list-container .list-header{padding:1.25rem 1.5rem;background:#5a5f67;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.training-audience-list-container .list-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:#fff}.training-audience-list-container .list-subtitle{font-size:.875rem;color:#ffffffd9;margin:0}.training-audience-list-container .list-header .total-badge{background:#fff3;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.training-audience-list-container .list-header .total-label{font-size:.875rem;font-weight:500;color:#ffffffe6}.training-audience-list-container .list-header .total-count{font-size:1.125rem;font-weight:700;color:#fff}.training-audience-list-container .list-table-wrap{overflow-x:auto}.training-audience-list-container .list-table{width:100%;border-collapse:collapse;text-align:left}.training-audience-list-container .list-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.training-audience-list-container .list-table th{padding:.45rem .7rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.training-audience-list-container .list-table tbody tr{border-bottom:1px solid #e5e7eb}.training-audience-list-container .list-table tbody tr:hover{background:#f9fafb}.training-audience-list-container .list-table tbody td{padding:.4rem .7rem;font-size:.875rem;color:#1e293b}.training-audience-list-container .list-table .fw-semibold{font-weight:600}.training-audience-list-container .list-table .badge{display:inline-block;padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.training-audience-list-container .list-table .badge-success{background:#5a5f6726;color:#4e535b}.training-audience-list-container .list-table .badge-secondary{background:#f1f5f9;color:#64748b}.training-audience-list-container .list-table .no-data{text-align:center;padding:2rem;color:#64748b}.training-audience-list-container .list-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.training-audience-list-container .list-footer .pagination-info{font-size:.875rem;color:#64748b;min-width:0}.training-audience-list-container .list-footer .pagination-info .font-semibold{font-weight:600;color:#0f172a}.training-audience-list-container .list-footer .pagination-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.training-audience-list-container .list-footer .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#475569;cursor:pointer;transition:all .2s;flex-shrink:0}.training-audience-list-container .list-footer .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.training-audience-list-container .list-footer .pagination-btn .material-symbols-outlined{font-size:1.25rem}.training-audience-list-container .list-footer .pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.training-audience-list-container .list-footer .pagination-number.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.training-audience-list-container .list-footer .pagination-ellipsis{padding:0 .25rem;font-size:.875rem;color:#64748b}.training-audience-list-container .list-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.training-audience-list-container .list-actions .btn-secondary{padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:1px solid #5a5f67;background:#fff;color:#5a5f67;cursor:pointer}.training-audience-list-container .list-actions .btn-secondary:hover{background:#5a5f6714}.training-audience-list-container .list-actions .btn-back{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer}.training-audience-list-container .list-actions .btn-back:hover{background:#f1f5f9}.create-training-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.create-training-container .main-content{flex:1;min-width:0;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.create-training-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.create-training-container .content-wrapper{width:100%;max-width:min(1320px,92vw);margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.5rem);box-sizing:border-box}@media(min-width:1024px){.create-training-container .content-wrapper{padding:2rem clamp(1.5rem,4vw,3rem)}}.create-training-container .page-subtitle{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:1rem}@media(min-width:640px){.create-training-container .page-subtitle{flex-direction:row;justify-content:space-between;align-items:center}}.create-training-container .page-subtitle p{color:#777c6e;margin:0}.create-training-container .btn-draft{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#777c6e;background:#fff;border:1px solid #e1e2df;border-radius:.5rem;cursor:pointer;transition:all .2s;align-self:flex-start}.create-training-container .btn-draft:hover{background:#f9fafb;color:#151613}.create-training-container .form-card{background:#fff;border-radius:.75rem;border:1px solid #e1e2df;box-shadow:0 1px 3px #0000000d;overflow:hidden}.create-training-container .progress-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e1e2df;background:#f9fafb}.create-training-container .step{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.create-training-container .step:hover{background:#f0f2ef}.create-training-container .step.active{border-bottom-color:#5a5f67;background:#fff}.create-training-container .step.active .step-number,.create-training-container .step.completed .step-number{background:#5a5f67;color:#fff}.create-training-container .step-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid #777c6e;background:#fff;color:#777c6e;font-size:.75rem;font-weight:500}.create-training-container .step-label{font-size:.875rem;font-weight:500;color:#777c6e}.create-training-container .step.active .step-label{color:#5a5f67;font-weight:600}@media(max-width:640px){.create-training-container .step-label{display:none}}.create-training-container .training-form{padding:1.5rem clamp(1rem,4vw,2rem);display:flex;flex-direction:column;gap:2rem}.create-training-container .form-section{display:flex;flex-direction:column;gap:1.5rem}.create-training-container .section-header h3{font-size:1.125rem;font-weight:700;color:#151613;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.create-training-container .section-header{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.create-training-container .section-header p{font-size:.875rem;color:#777c6e}.create-training-container .form-row{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.create-training-container .form-group{display:flex;flex-direction:column;gap:.5rem}.create-training-container .form-group.col-7{grid-column:span 7}.create-training-container .form-group.col-6{grid-column:span 6}.create-training-container .form-group.col-5{grid-column:span 5}.create-training-container .form-group label{font-size:.875rem;font-weight:600;color:#151613}.create-training-container .form-group .required{color:#ef4444}.create-training-container .form-group input[type=text],.create-training-container .form-group input[type=date],.create-training-container .form-group input[type=time],.create-training-container .form-group select{width:100%;height:2.75rem;border-radius:.5rem;border:1px solid #e1e2df;background:#fff;font-size:.875rem;transition:all .2s;padding:10px 35px}.create-training-container .form-group input:focus,.create-training-container .form-group select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-training-container .form-group select{appearance:none;padding-right:1.5rem;cursor:pointer;min-width:0;width:100%;max-width:280px}.create-training-container .input-with-icon{position:relative}.create-training-container .input-with-icon .material-symbols-outlined{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.25rem;pointer-events:none;z-index:1}.create-training-container .input-with-icon input,.create-training-container .input-with-icon select{padding-left:3rem;padding-right:2.5rem;width:100%;border:none;outline:none;font-size:.875rem;background:transparent;cursor:pointer}.create-training-container .input-with-icon select{appearance:none;-webkit-appearance:none;-moz-appearance:none;color:#151613}.create-training-container .input-with-icon select:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.create-training-container .input-with-icon select option{padding:.5rem;background:#fff;color:#151613}.create-training-container .input-with-icon .dropdown-icon{left:auto;right:.75rem;pointer-events:none;z-index:1}.create-training-container .radio-group{display:flex;gap:1.5rem;margin-top:.25rem}.create-training-container .radio-group label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#151613;transition:color .2s}.create-training-container .radio-group label:hover{color:#5a5f67}.create-training-container .radio-group input[type=radio]{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-training-container .radio-group-inline{display:flex;gap:.5rem;margin-top:.5rem}.create-training-container .radio-group-inline label{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;color:#151613}.create-training-container .radio-group-inline input[type=radio]{width:.875rem;height:.875rem;accent-color:#5a5f67;cursor:pointer}.create-training-container .date-time-group{display:flex;gap:.5rem}.create-training-container .date-time-group input[type=date]{flex:1}.create-training-container .date-time-group input[type=time]{width:9rem}.create-training-container .rich-text-editor{border:1px solid #e1e2df;border-radius:.5rem;overflow:hidden;background:#fff;transition:all .2s}.create-training-container .rich-text-editor:focus-within{border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-training-container .editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem;border-bottom:1px solid #e1e2df;background:#f9fafb}.create-training-container .editor-toolbar button{padding:.375rem;border-radius:.25rem;border:none;background:transparent;color:#4b5563;cursor:pointer;transition:all .2s}.create-training-container .editor-toolbar button:hover{background:#e5e7eb}.create-training-container .toolbar-divider{width:1px;height:1rem;background:#d1d5db;margin:0 .25rem}.create-training-container .rich-text-editor textarea{width:100%;padding:1rem;min-height:8.75rem;border:none;outline:none;resize:vertical;font-size:.875rem;font-family:inherit;background:transparent}.create-training-container .rich-text-editor textarea::placeholder{color:#9ca3af}.create-training-container .input-with-button{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.create-training-container .input-with-button{flex-direction:row}}.create-training-container .input-with-button .input-with-icon{flex:1}.create-training-container .btn-create{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.5rem;border:1px solid #5a5f67;border-radius:.5rem;background:#fff;color:#5a5f67;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.create-training-container .btn-create:hover{background:#5a5f670d}.create-training-container .btn-create .material-symbols-outlined{font-size:1.25rem}.create-training-container .material-attachments{margin-bottom:1rem}.create-training-container .material-attachments-label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.02em}.create-training-container .material-attachments-empty{margin:0;padding:.75rem 0;font-size:.875rem;color:#6b7280;background:#f9fafb;border:1px dashed #e1e2df;border-radius:.5rem;text-align:center}.create-training-container .btn-add-material-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #5a5f67;background:#5a5f671a;color:#5a5f67;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.create-training-container .btn-add-material-link:hover:not(:disabled){background:#5a5f67;color:#fff}.create-training-container .btn-add-material-link:disabled{opacity:.5;cursor:not-allowed}.create-training-container .btn-add-material-link .material-symbols-outlined{font-size:1.125rem}.create-training-container .material-chips{display:flex;flex-wrap:wrap;gap:.5rem}.create-training-container .material-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;max-width:100%;border-radius:.5rem;border:1px solid #e1e2df;background:#fff;box-shadow:0 1px 2px #0000000a;font-size:.875rem}.create-training-container .material-chip .chip-icon{font-size:1.125rem;color:#5a5f67;flex-shrink:0}.create-training-container .material-chip .chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;color:#151613}.create-training-container .material-chip .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;background:transparent;color:#6b7280;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.create-training-container .material-chip .chip-remove:hover{background:#fee2e2;color:#b91c1c}.create-training-container .material-chip .chip-remove .material-symbols-outlined{font-size:1rem}.create-training-container .material-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.create-training-container .material-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e1e2df;background:#fff;color:#151613;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.create-training-container .material-tab:hover{border-color:#5a5f67;background:#f9fafb}.create-training-container .material-tab.active{border-color:#5a5f67;background:#5a5f671a;color:#5a5f67}.create-training-container .material-tab .material-symbols-outlined{font-size:1.125rem}.create-training-container .material-link-fields .form-group label{font-size:.875rem;font-weight:500;color:#151613;margin-bottom:.25rem;display:block}.create-training-container .file-upload-area{width:100%;height:12rem;border:2px dashed #e1e2df;border-radius:.75rem;background:#f9fafb;position:relative;transition:all .2s;cursor:pointer}.create-training-container .file-upload-area:hover{background:#f0f2ef;border-color:#5a5f67}.create-training-container .file-upload-area.drag-over{background:#5a5f671f;border-color:#5a5f67;border-style:solid}.create-training-container .file-upload-label{display:block;width:100%;height:100%;cursor:pointer}.create-training-container .upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:1.25rem}.create-training-container .upload-icon{width:3.5rem;height:3.5rem;border-radius:9999px;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.create-training-container .file-upload-area:hover .upload-icon{transform:scale(1.1)}.create-training-container .upload-icon .material-symbols-outlined{font-size:3rem;color:#5a5f67}.create-training-container .upload-content p{margin:.25rem 0;font-size:.875rem;color:#151613;font-weight:500}.create-training-container .upload-link{font-weight:700;color:#5a5f67;text-decoration:underline}.create-training-container .upload-hint{font-size:.75rem;color:#777c6e}.create-training-container .file-name{margin-top:.5rem;color:#5a5f67;font-weight:600}.create-training-container .review-section{gap:2rem}.create-training-container .review-block{padding:1.5rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e1e2df}.create-training-container .review-block h4{font-size:1rem;font-weight:700;color:#151613;margin-bottom:1rem}.create-training-container .review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.create-training-container .review-grid .full-width{grid-column:1 / -1}.create-training-container .review-grid label{display:block;font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.create-training-container .review-grid p{font-size:.875rem;color:#151613;margin:0;word-break:break-word}.create-training-container .form-footer{padding:1.5rem;background:#f9fafb;border-top:1px solid #e1e2df;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.create-training-container .form-footer{flex-direction:row;justify-content:space-between;align-items:center}}.create-training-container .footer-left{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#777c6e}.create-training-container .footer-left .material-symbols-outlined{font-size:.875rem}.create-training-container .footer-buttons{display:flex;gap:.75rem;width:100%}@media(min-width:640px){.create-training-container .footer-buttons{width:auto}}.create-training-container .btn-cancel{flex:1;padding:.625rem 1.5rem;border-radius:.5rem;border:1px solid #e1e2df;background:#fff;color:#151613;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}@media(min-width:640px){.create-training-container .btn-cancel{flex:none}}.create-training-container .btn-cancel:hover{background:#f9fafb}.create-training-container .btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:.5rem;border:none;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}@media(min-width:640px){.create-training-container .btn-primary{flex:none}}.create-training-container .btn-primary:hover:not(:disabled){background:#5b6f3d;box-shadow:0 4px 6px #0000001a}.create-training-container .btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-training-container .btn-primary .material-symbols-outlined{font-size:1rem}.create-training-container .page-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e1e2df;display:flex;flex-direction:column;gap:1rem;font-size:.75rem;color:#777c6e}@media(min-width:640px){.create-training-container .page-footer{flex-direction:row;justify-content:space-between;align-items:center}}.create-training-container .page-footer a{color:#777c6e;text-decoration:none;transition:color .2s}.create-training-container .page-footer a:hover{text-decoration:underline}.create-training-container .page-footer>div{display:flex;gap:1rem}@media(max-width:768px){.create-training-container .content-wrapper{padding:1.5rem}.create-training-container .form-row{grid-template-columns:1fr}.create-training-container .form-group.col-7,.create-training-container .form-group.col-6,.create-training-container .form-group.col-5{grid-column:span 1}.create-training-container .review-grid{grid-template-columns:1fr}.create-training-container .date-time-group{flex-direction:column}.create-training-container .date-time-group input[type=time]{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.create-training-container .spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.assessment-list-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.assessment-list-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.assessment-list-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.assessment-list-inner{padding:1.5rem 2rem}.assessment-list-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.assessment-list-title{font-size:1.5rem;font-weight:700;color:#151613;margin:0 0 .25rem}.assessment-list-subtitle{font-size:.9375rem;color:#64748b;margin:0}.btn-create-assessment{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9375rem;border:none;cursor:pointer;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;transition:opacity .2s,transform .2s}.btn-create-assessment:hover{opacity:.95;transform:translateY(-1px)}.btn-create-assessment .material-symbols-outlined{font-size:1.25rem}.assessment-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;padding:1.5rem;min-height:280px}.assessment-list-loading,.assessment-list-error,.assessment-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.assessment-list-loading .spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:#5a5f67;border-radius:50%;animation:assessment-list-spin .8s linear infinite;margin-bottom:1rem}@keyframes assessment-list-spin{to{transform:rotate(360deg)}}.assessment-list-loading p,.assessment-list-error p,.assessment-list-empty p{margin:0 0 .5rem;color:#1e293b}.assessment-list-error .material-symbols-outlined,.assessment-list-empty .material-symbols-outlined{font-size:3rem;color:#64748b;margin-bottom:1rem}.assessment-list-error .material-symbols-outlined{color:#f59e0b}.assessment-list-empty .btn-create-assessment{margin-top:1rem}.assessment-list-table-wrap{overflow-x:auto}.assessment-list-table{width:100%;border-collapse:collapse}.assessment-list-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff}.assessment-list-table thead th{padding:.45rem .7rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.assessment-list-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s}.assessment-list-table tbody tr:hover{background:#5a5f670a}.assessment-list-table tbody td{padding:.4rem .7rem;font-size:.8rem;color:#1e293b}.assessment-list-container .badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.assessment-list-container .badge-success{background:#5a5f6726;color:#4e535b}.assessment-list-container .badge-secondary{background:#f1f5f9;color:#64748b}.assessment-list-container .text-muted{color:#64748b}.assessment-list-container .fw-semibold{font-weight:600}.assessment-list-table .col-actions{width:80px;text-align:right}.assessment-list-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;transition:color .15s,background .15s}.assessment-list-action-btn:hover{color:#5a5f67;background:#5a5f671a}.assessment-list-action-btn .material-symbols-outlined{font-size:1.25rem}.assessment-list-card .table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;width:100%;min-width:0}.assessment-list-card .table-footer .pagination-info{margin:0;font-size:.875rem;color:#64748b}.assessment-list-card .table-footer .pagination-info .font-semibold{font-weight:600;color:#0f172a}.assessment-list-card .table-footer .pagination-controls{display:flex;align-items:center;gap:.25rem}.assessment-list-card .table-footer .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.assessment-list-card .table-footer .pagination-btn .material-symbols-outlined{font-size:1.25rem}.assessment-list-card .table-footer .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.assessment-list-card .table-footer .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.assessment-list-card .table-footer .pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.assessment-list-card .table-footer .pagination-number:hover{background:#f1f5f9}.assessment-list-card .table-footer .pagination-number.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.assessment-list-card .table-footer .pagination-ellipsis{padding:0 .25rem;font-size:.875rem;color:#64748b}.create-assessment-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.create-assessment-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.create-assessment-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.create-assessment-container .content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:2rem 2.5rem;box-sizing:border-box}.create-assessment-container .assessment-loading-overlay{padding:1rem;margin-bottom:1rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.875rem}.create-assessment-container .assessment-loading-overlay p{margin:0}.create-assessment-container .assessment-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.5rem;margin-bottom:.5rem}.create-assessment-container .assessment-back-link{display:inline-flex;align-items:center;gap:.35rem;color:#5a5f67;text-decoration:none;font-weight:500;font-size:.9375rem;margin-bottom:.25rem;cursor:pointer}.create-assessment-container .assessment-back-link:hover{text-decoration:underline;color:#4e535b}.create-assessment-container .assessment-back-link .material-symbols-outlined{font-size:1.1rem;vertical-align:middle}.create-assessment-container .assessment-page-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.create-assessment-container .assessment-page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.create-assessment-container .assessment-header-actions{display:flex;gap:.75rem}.create-assessment-container .btn-cancel-assessment{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.create-assessment-container .btn-cancel-assessment:hover{background:#e5e7eb}.create-assessment-container .btn-save-assessment{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s;box-shadow:0 1px 2px #0000000d}.create-assessment-container .btn-save-assessment:hover:not(:disabled){background:#5a6e3d}.create-assessment-container .btn-save-assessment:disabled{opacity:.7;cursor:not-allowed}.create-assessment-container .btn-save-assessment .material-symbols-outlined{font-size:1.125rem}.create-assessment-container .assessment-actions-footer{display:flex;gap:.75rem;justify-content:flex-end;align-items:center;padding:1rem 0 1.5rem;margin-top:1.5rem;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.create-assessment-container .assessment-actions-footer .btn-cancel-assessment,.create-assessment-container .assessment-actions-footer .btn-save-assessment{margin:0}@media(min-width:1400px){.create-assessment-container .content-wrapper{padding:2rem 3rem}}.create-assessment-container .page-subtitle{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:1rem}@media(min-width:768px){.create-assessment-container .page-subtitle{flex-direction:row;justify-content:space-between;align-items:center}}.create-assessment-container .page-subtitle p{color:#777c6e;margin:0}.create-assessment-container .action-buttons{display:flex;gap:.75rem}.create-assessment-container .btn-draft{padding:.625rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.create-assessment-container .btn-draft:hover{background:#f9fafb}.create-assessment-container .btn-publish{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;border:none;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.create-assessment-container .btn-publish:hover{background:#556b38}.create-assessment-container .btn-publish .material-symbols-outlined{font-size:1.25rem}.create-assessment-container .assessment-layout{display:flex;flex-direction:column;gap:2rem;min-width:0}@media(min-width:1024px){.create-assessment-container .assessment-layout{flex-direction:row;align-items:flex-start}}.create-assessment-container .assessment-builder{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.create-assessment-container .meta-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1.5rem}.create-assessment-container .meta-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem;margin-bottom:1.25rem}@media(min-width:768px){.create-assessment-container .meta-grid{grid-template-columns:repeat(3,1fr)}}.create-assessment-container .meta-field{display:flex;flex-direction:column;gap:.375rem}.create-assessment-container .meta-field.col-span-2{grid-column:span 2}@media(max-width:767px){.create-assessment-container .meta-field.col-span-2{grid-column:span 1}}.create-assessment-container .meta-field label{font-size:.875rem;font-weight:500;color:#151613}.create-assessment-container .meta-field input,.create-assessment-container .meta-field textarea{width:100%;padding:.625rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;transition:all .2s}.create-assessment-container .meta-field input:focus,.create-assessment-container .meta-field textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .meta-field-training-dropdown{position:relative}.create-assessment-container .training-select-trigger{width:100%;min-height:2.5rem;padding:.625rem 2rem .625rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s}.create-assessment-container .training-select-trigger:hover:not(.disabled){border-color:#9ca3af}.create-assessment-container .training-select-trigger.open{border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .training-select-trigger.disabled{opacity:.7;cursor:not-allowed;background:#f9fafb}.create-assessment-container .training-select-value{flex:1;min-width:0;white-space:normal;word-break:break-word;overflow-wrap:break-word}.create-assessment-container .training-select-chevron{flex-shrink:0;color:#777c6e;font-size:1.25rem;transition:transform .2s}.create-assessment-container .training-select-trigger.open .training-select-chevron{transform:rotate(180deg)}.create-assessment-container .training-select-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:.25rem;max-height:16rem;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 12px #00000026;z-index:100;padding:.25rem}.create-assessment-container .training-select-option{display:block;width:100%;padding:.5rem .75rem;border:none;border-radius:.375rem;background:transparent;color:#151613;font-size:.875rem;text-align:left;cursor:pointer;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.4;transition:background .15s}.create-assessment-container .training-select-option:hover{background:#5a5f671a}.create-assessment-container .training-select-option.selected{background:#5a5f6726;color:#5a5f67;font-weight:500}.create-assessment-container .input-with-suffix{position:relative}.create-assessment-container .input-with-suffix .suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#777c6e;font-size:.875rem;pointer-events:none}.create-assessment-container .input-with-suffix input{padding-right:2.5rem}.create-assessment-container .questions-section{display:flex;flex-direction:column;gap:1rem;min-width:0}.create-assessment-container .questions-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.create-assessment-container .questions-header h3{font-size:1.125rem;font-weight:700;color:#151613;margin:0}.create-assessment-container .total-marks{font-size:.875rem;color:#777c6e}.create-assessment-container .questions-section.drop-zone-active{outline:2px dashed #5a5f67;outline-offset:4px;background:#5a5f670f;border-radius:.75rem}.create-assessment-container .drop-zone-hint{font-size:.875rem;color:#5a5f67;font-weight:500;text-align:center;padding:.75rem;background:#5a5f671a;border-radius:.5rem;margin:.25rem 0}.create-assessment-container .question-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:1rem;position:relative;transition:all .2s}.create-assessment-container .question-card.expanded{border:2px solid rgba(90,95,103,.2);padding:1.5rem}.create-assessment-container .question-card:hover{border-color:#5a5f6780}.create-assessment-container .question-actions{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s}@media(min-width:1024px){.create-assessment-container .question-card:hover .question-actions{opacity:1}}.create-assessment-container .question-card.expanded .question-actions{opacity:1}.create-assessment-container .action-btn{padding:.375rem;border:none;background:transparent;color:#777c6e;cursor:pointer;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-assessment-container .action-btn:hover{background:#5a5f671a;color:#5a5f67}.create-assessment-container .action-btn.delete:hover{background:#ef44441a;color:#ef4444}.create-assessment-container .action-btn .material-symbols-outlined{font-size:1.25rem}.create-assessment-container .question-content{display:flex;gap:1rem}.create-assessment-container .question-number{flex-shrink:0;width:2rem;height:2rem;border-radius:9999px;background:#5a5f67;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;margin-top:.125rem}.create-assessment-container .question-fields{flex:1;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.create-assessment-container .question-fields{grid-template-columns:3fr 1fr}}.create-assessment-container .question-text-field label,.create-assessment-container .question-type-field label{display:block;font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.create-assessment-container .question-text-field input,.create-assessment-container .question-type-field select{width:100%;padding:.625rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;font-weight:500;transition:all .2s}.create-assessment-container .question-text-field input:focus,.create-assessment-container .question-type-field select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .options-section{background:#f7f7f6;border-radius:.5rem;padding:1rem;border:1px solid #f2f3f1;margin-top:1rem}.create-assessment-container .options-section label{display:block;font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.create-assessment-container .options-list{display:flex;flex-direction:column;gap:.75rem}.create-assessment-container .option-row{display:flex;align-items:center;gap:.75rem}.create-assessment-container .option-row input[type=radio]{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-assessment-container .option-row input[type=text]{flex:1;padding:.5rem .75rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;transition:all .2s}.create-assessment-container .option-row input[type=text]:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .option-row input[type=text].correct-answer{border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f6733}.create-assessment-container .remove-option{padding:.25rem;border:none;background:transparent;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-assessment-container .remove-option:hover{color:#ef4444}.create-assessment-container .remove-option .material-symbols-outlined{font-size:1.125rem}.create-assessment-container .add-option-btn{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#5a5f67;background:transparent;border:none;cursor:pointer;padding:.5rem 0;margin-top:.5rem;transition:all .2s}.create-assessment-container .add-option-btn:hover{text-decoration:underline}.create-assessment-container .add-option-btn .material-symbols-outlined{font-size:1rem}.create-assessment-container .true-false-correct-section .true-false-hint{font-size:.8125rem;color:#6b7280;margin:-.35rem 0 .85rem;text-transform:none;letter-spacing:normal;font-weight:400}.create-assessment-container .true-false-choices{display:flex;flex-wrap:wrap;gap:.75rem}.create-assessment-container .true-false-choice{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:.875rem;font-weight:600;color:#374151;transition:border-color .15s ease,box-shadow .15s ease}.create-assessment-container .true-false-choice input{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-assessment-container .true-false-choice.is-selected{border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f6740;background:#f9fafb}.create-assessment-container .question-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;margin-top:1rem;border-top:1px solid #e5e7eb}.create-assessment-container .question-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.create-assessment-container .add-to-bank-label span{font-weight:500;color:#5a5f67}.create-assessment-container .marks-field{display:flex;align-items:center;gap:.5rem}.create-assessment-container .marks-field label{font-size:.875rem;font-weight:500;color:#151613}.create-assessment-container .marks-field input{width:4rem;padding:.375rem .5rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;text-align:center}.create-assessment-container .marks-field input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#777c6e}.create-assessment-container .checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-assessment-container .question-preview{display:flex;align-items:center;gap:1rem;cursor:pointer}.create-assessment-container .question-preview .question-number{background:#f3f4f6;color:#777c6e}.create-assessment-container .question-preview-content{flex:1;min-width:0}.create-assessment-container .question-preview-text{font-weight:500;color:#151613;margin:0 0 .125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-assessment-container .question-preview-meta{font-size:.75rem;color:#777c6e;margin:0}.create-assessment-container .question-preview-actions{display:flex;gap:.5rem;opacity:.5;transition:opacity .2s}.create-assessment-container .question-card:hover .question-preview-actions{opacity:1}.create-assessment-container .preview-action-btn{padding:.375rem;border:none;background:transparent;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-assessment-container .preview-action-btn:hover{color:#5a5f67}.create-assessment-container .preview-action-btn .material-symbols-outlined{font-size:1.25rem}.create-assessment-container .add-question-btn{width:100%;min-width:0;padding:1rem;border-radius:.75rem;border:2px dashed #d1d5db;background:transparent;color:#777c6e;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.create-assessment-container .add-question-btn span{white-space:normal;text-align:center;word-break:keep-all}.create-assessment-container .add-question-btn:hover{border-color:#5a5f67;background:#5a5f670d;color:#5a5f67}.create-assessment-container .add-question-icon{width:2rem;height:2rem;border-radius:9999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .2s}.create-assessment-container .add-question-btn:hover .add-question-icon{background:#5a5f67;color:#fff}.create-assessment-container .add-question-icon .material-symbols-outlined{font-size:1.25rem}.create-assessment-container .question-bank-sidebar{display:none;width:24rem;max-width:min(24rem,100%);min-width:0;flex-shrink:0;flex-direction:column;position:sticky;top:6rem;height:calc(100vh - 8rem);background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;box-sizing:border-box}@media(min-width:1024px){.create-assessment-container .question-bank-sidebar{display:flex}}.create-assessment-container .question-bank-sidebar-expanded{height:auto;max-height:85vh}.create-assessment-container .question-bank-sidebar-expanded .sidebar-content{flex:1 1 auto;overflow-y:visible;max-height:none}.create-assessment-container .question-bank-sidebar-expanded .bank-list{min-height:0}.create-assessment-container .sidebar-header{padding:1rem;border-bottom:1px solid #f3f4f6;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;min-width:0;flex-shrink:0}.create-assessment-container .sidebar-header h3{font-weight:700;color:#151613;margin:0;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.create-assessment-container .sidebar-header h3 span:first-of-type{flex-shrink:0}.create-assessment-container .sidebar-header .material-symbols-outlined{color:#5a5f67;font-size:1.25rem}.create-assessment-container .manage-bank-btn{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;color:#5a5f67;background:transparent;border:none;cursor:pointer;transition:all .2s;flex-shrink:0;text-decoration:none}.create-assessment-container .manage-bank-btn:hover{text-decoration:underline}.create-assessment-container .sidebar-search{padding:1rem;position:relative;min-width:0;flex-shrink:0}.create-assessment-container .sidebar-search .material-symbols-outlined{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#777c6e;font-size:1.125rem;pointer-events:none}.create-assessment-container .sidebar-search input{width:100%;max-width:100%;min-width:0;padding:.5rem .75rem .5rem 2.25rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;transition:all .2s;box-sizing:border-box}.create-assessment-container .sidebar-search input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.create-assessment-container .sidebar-filters{padding:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;flex-shrink:0;position:relative;z-index:2}.create-assessment-container .sidebar-filters .filter-chip{font-family:inherit;margin:0;appearance:none;position:relative;z-index:1}.create-assessment-container .filter-chip{padding:.25rem .625rem;border-radius:9999px;background:#fff;color:#777c6e;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.create-assessment-container .filter-chip:hover{border-color:#5a5f6780}.create-assessment-container .filter-chip.active{background:#5a5f671a;color:#5a5f67;border-color:#5a5f6733}.create-assessment-container .sidebar-content{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.create-assessment-container .sidebar-section-title{font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.create-assessment-container .bank-list{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.create-assessment-container .bank-list-empty{font-size:.875rem;color:#777c6e;text-align:center;padding:1.5rem 1rem;margin:0;background:#f9fafb;border-radius:.5rem;border:1px dashed #e5e7eb}.create-assessment-container .bank-list-empty.bank-list-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.create-assessment-container .bank-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .2s;display:flex;gap:.75rem;min-width:0}.create-assessment-container .bank-item:active{cursor:grabbing}.create-assessment-container .bank-item:hover{border-color:#5a5f67;box-shadow:0 4px 6px #0000001a}.create-assessment-container .bank-item .material-symbols-outlined{color:#777c6e;font-size:1.125rem;margin-top:.125rem;flex-shrink:0}.create-assessment-container .bank-item:hover .material-symbols-outlined{color:#5a5f67}.create-assessment-container .bank-item>div{min-width:0;flex:1}.create-assessment-container .bank-item p{font-size:.875rem;font-weight:500;color:#151613;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.create-assessment-container .bank-item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.create-assessment-container .item-tag{padding:.125rem .375rem;border-radius:.25rem;background:#f3f4f6;color:#777c6e;font-size:.625rem;font-weight:500;border:1px solid #e5e7eb}.create-assessment-container .item-category{font-size:.625rem;color:#5a5f67;font-weight:500}.create-assessment-container .item-usage{font-size:.625rem;color:#777c6e}.create-assessment-container .sidebar-footer{flex-shrink:0;padding:1rem 1rem .75rem;text-align:center;border-top:1px solid #e5e7eb;margin-top:auto;background:#fff}.create-assessment-container .sidebar-footer button{font-size:.75rem;font-weight:600;color:#5a5f67;background:transparent;border:none;cursor:pointer;transition:all .2s}.create-assessment-container .sidebar-footer button:hover{color:#556b38;text-decoration:underline}@media(max-width:768px){.create-assessment-container .content-wrapper{padding:1.5rem 1rem}.create-assessment-container .meta-grid,.create-assessment-container .question-fields{grid-template-columns:1fr}}.question-bank-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.question-bank-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.question-bank-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.question-bank-container .content-wrapper{width:100%;margin:0 auto;padding:2rem 2.5rem;max-width:100%}.question-bank-container .question-bank-return-banner{margin-bottom:1rem}.question-bank-container .question-bank-return-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;color:#5a5f67;text-decoration:none}.question-bank-container .question-bank-return-link:hover{text-decoration:underline;color:#4e535b}.question-bank-container .question-bank-return-link .material-symbols-outlined{font-size:1.125rem}@media(min-width:1400px){.question-bank-container .content-wrapper{max-width:100%;padding:2rem 3rem}}.question-bank-container .page-header-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;margin-top:1rem}.question-bank-container .page-description{color:#777c6e;font-size:.9375rem;margin:0;flex:1;min-width:0}.question-bank-container .btn-add-question{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;border:none;background:#5a5f67;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #5a5f6733;flex-shrink:0}.question-bank-container .btn-add-question:hover{background:#5a6e3d}.question-bank-container .btn-add-question:active{transform:scale(.98)}.question-bank-container .btn-add-question .material-symbols-outlined{font-size:1.25rem}.question-bank-container .filters-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:.75rem;margin-bottom:1rem}.question-bank-container .filters-content{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.question-bank-container .filters-content{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}}.question-bank-container .search-wrapper{position:relative;width:100%}@media(min-width:768px){.question-bank-container .search-wrapper{width:12rem}}.question-bank-container .search-wrapper .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#777c6e;font-size:1.25rem;pointer-events:none}.question-bank-container .search-wrapper input{width:100%;padding:.5rem .625rem .5rem 2.25rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;transition:all .2s}.question-bank-container .search-wrapper input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.question-bank-container .filters-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;width:100%}@media(min-width:768px){.question-bank-container .filters-group{width:auto}}.question-bank-container .filter-item{display:flex;align-items:center;gap:.5rem}.question-bank-container .filter-label{font-size:.875rem;font-weight:500;color:#777c6e}.question-bank-container .filters-group select{width:8rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;cursor:pointer;transition:all .2s}.question-bank-container .filters-group select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.question-bank-container .reset-filters-btn{padding:.5rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.question-bank-container .reset-filters-btn:hover{background:#f9fafb}.question-bank-container .reset-filters-btn .material-symbols-outlined{font-size:1.25rem}.question-bank-container .table-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.question-bank-container .table-wrapper{overflow-x:auto}.question-bank-container .questions-table{width:100%;border-collapse:separate;border-spacing:0}.question-bank-container .questions-table thead{background:#f9fafb}.question-bank-container .questions-table th{padding:.45rem .75rem;text-align:left;font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.question-bank-container .questions-table th.question-col{width:50%}.question-bank-container .questions-table th.actions-col{text-align:right}.question-bank-container .questions-table tbody tr{transition:background-color .2s}.question-bank-container .questions-table tbody tr:hover{background:#f9fafb}.question-bank-container .questions-table td{padding:.4rem .75rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.question-bank-container .questions-table td.actions-col{text-align:right}.question-bank-container .question-text{font-size:.875rem;font-weight:500;color:#151613;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-bank-container .question-tags{font-size:.75rem;color:#777c6e;margin-top:.125rem}.question-bank-container .type-badge{padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid}.question-bank-container .type-badge.badge-blue{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.question-bank-container .type-badge.badge-purple{background:#f3e8ff;color:#6b21a8;border-color:#c084fc}.question-bank-container .type-badge.badge-orange{background:#fed7aa;color:#9a3412;border-color:#fb923c}.question-bank-container .difficulty-cell{display:flex;align-items:center;gap:.375rem}.question-bank-container .difficulty-dot{width:.5rem;height:.5rem;border-radius:9999px}.question-bank-container .difficulty-cell span:last-child{font-size:.875rem;color:#151613}.question-bank-container .status-badge{padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid}.question-bank-container .status-badge.status-active{background:#5a5f671a;color:#5a5f67;border-color:#5a5f6733}.question-bank-container .status-badge.status-draft,.question-bank-container .status-badge.status-archived{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.question-bank-container .action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;opacity:0;transition:opacity .2s}.question-bank-container .table-row:hover .action-buttons{opacity:1}.question-bank-container .action-btn{padding:.25rem;border:none;background:transparent;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.question-bank-container .action-btn:hover{color:#5a5f67}.question-bank-container .action-btn.delete:hover{color:#ef4444}.question-bank-container .action-btn .material-symbols-outlined{font-size:1.25rem}.question-bank-container .table-footer{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.question-bank-container .pagination-info{font-size:.875rem;color:#777c6e;min-width:0}.question-bank-container .pagination-info span{font-weight:500;color:#151613}.question-bank-container .pagination-buttons,.question-bank-container .pagination-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.question-bank-container .pagination-btn{min-width:2.25rem;padding:.5rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.question-bank-container .pagination-btn .material-symbols-outlined{font-size:1.125rem}.question-bank-container .pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#5a5f67;color:#5a5f67}.question-bank-container .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.question-bank-container .pagination-number{min-width:2.25rem;padding:.5rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.question-bank-container .pagination-number:hover{background:#f9fafb;border-color:#5a5f67;color:#5a5f67}.question-bank-container .pagination-number.active{background:#5a5f67;border-color:#5a5f67;color:#fff}.question-bank-container .pagination-ellipsis{padding:0 .25rem;font-size:.875rem;color:#6b7280}.question-bank-container .drawer-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.question-bank-container .drawer-overlay.active{opacity:1;pointer-events:auto}.question-bank-container .drawer-modern{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:28rem;background-color:#fff;z-index:1001;box-shadow:-10px 0 25px -5px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.question-bank-container .drawer-modern.open{transform:translate(0)}.question-bank-container .drawer-content{display:flex;height:100%;flex-direction:column;overflow-y:auto;background:#fff}.question-bank-container .drawer-content{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.question-bank-container .drawer-content::-webkit-scrollbar{width:6px}.question-bank-container .drawer-content::-webkit-scrollbar-track{background:transparent}.question-bank-container .drawer-content::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}.question-bank-container .drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 1rem}.question-bank-container .drawer-close-wrapper{margin-left:.75rem;display:flex;height:1.75rem;align-items:center}.question-bank-container .drawer-header h2{font-size:1.125rem;font-weight:600;color:#151613;margin:0}.question-bank-container .close-btn{position:relative;padding:.5rem;border:none;background:transparent;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.question-bank-container .close-btn:hover{color:#151613}.question-bank-container .close-btn .material-symbols-outlined{font-size:1.5rem}.question-bank-container .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.question-bank-container .drawer-body{flex:1;padding:0 1rem 1.5rem;overflow-y:auto;position:relative}.question-bank-container .drawer-form-content{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.question-bank-container .form-group{margin-bottom:1.5rem}.question-bank-container .form-group label{display:block;font-size:.875rem;font-weight:500;color:#151613;margin-bottom:.5rem}.question-bank-container .form-group label .required{color:#ef4444}.question-bank-container .form-input-wrapper{margin-top:.5rem}.question-bank-container .form-group select,.question-bank-container .form-group textarea{width:100%;padding:.625rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.question-bank-container .form-group select{padding:.625rem .75rem}.question-bank-container .form-group textarea{padding:.375rem .75rem}.question-bank-container .form-group select:focus,.question-bank-container .form-group textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a,0 1px 2px #0000000d}.question-bank-container .form-group textarea{resize:vertical;font-family:inherit}.question-bank-container .options-section{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:1rem 0;margin:1.5rem 0}.question-bank-container .options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-bank-container .options-header h3{font-size:.875rem;font-weight:500;color:#151613;margin:0}.question-bank-container .add-option-btn{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#5a5f67;background:transparent;border:none;cursor:pointer;transition:all .2s}.question-bank-container .add-option-btn:hover{color:#556b38}.question-bank-container .add-option-btn .material-symbols-outlined{font-size:1rem}.question-bank-container .options-hint-above{margin:0 0 .75rem;font-size:.8125rem;color:#6b7280}.question-bank-container .options-list{display:flex;flex-direction:column;gap:.75rem}.question-bank-container .option-row-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.question-bank-container .correct-label{width:5.5rem;flex-shrink:0}.question-bank-container .option-text-label{flex:1}.question-bank-container .option-actions-label{width:2.5rem;flex-shrink:0}.question-bank-container .option-row{display:flex;align-items:center;gap:.5rem}.question-bank-container .correct-radio-wrap{display:flex;align-items:center;gap:.375rem;width:5.5rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none}.question-bank-container .correct-radio-label{font-size:.8125rem;font-weight:500;color:#374151}.question-bank-container .option-row input[type=radio]{width:1.125rem;height:1.125rem;accent-color:#5a5f67;cursor:pointer}.question-bank-container .option-row input[type=text],.question-bank-container .option-row .option-text-input{flex:1;padding:.375rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;transition:all .2s}.question-bank-container .option-row input[type=text]:focus,.question-bank-container .option-row .option-text-input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a}.question-bank-container .remove-option-btn{padding:.25rem;border:none;background:transparent;color:#777c6e;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.question-bank-container .remove-option-btn:hover{color:#ef4444}.question-bank-container .remove-option-btn .material-symbols-outlined{font-size:1.125rem}.question-bank-container .options-hint{font-size:.75rem;color:#777c6e;font-style:italic;margin-top:.5rem;margin-bottom:0}.question-bank-container .category-input-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;min-height:2.5rem;transition:all .2s}.question-bank-container .category-input-wrap:focus-within{border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a}.question-bank-container .category-input-wrap input{flex:1;min-width:12rem;border:none;outline:none;font-size:.875rem;padding:.25rem 0}.question-bank-container .category-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background:#5a5f671f;color:#5a5f67;border-radius:9999px;font-size:.875rem;font-weight:500}.question-bank-container .true-false-correct-section .section-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.25rem}.question-bank-container .true-false-radios{display:flex;gap:1rem;margin-top:.5rem}.question-bank-container .true-false-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;font-weight:500;color:#6b7280}.question-bank-container .true-false-option:hover{background:#f9fafb}.question-bank-container .true-false-option input[type=radio]{width:1.125rem;height:1.125rem;accent-color:#5a5f67;cursor:pointer}.question-bank-container .true-false-option.selected{border-color:#5a5f67;background:#5a5f6714;color:#5a5f67}.question-bank-container .tags-input{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;min-height:2.5rem;transition:all .2s}.question-bank-container .tags-input:focus-within{border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a}.question-bank-container .tag-chip{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;background:#f3f4f6;color:#151613;font-size:.75rem;font-weight:500;border:1px solid rgba(107,114,128,.1)}.question-bank-container .tag-remove{margin-left:.25rem;padding:.125rem;border:none;background:transparent;color:#777c6e;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .2s}.question-bank-container .tag-remove:hover{background:#e5e7eb;color:#151613}.question-bank-container .tag-remove-icon{width:.5rem;height:.5rem}.question-bank-container .tags-input input{flex:1;min-width:120px;border:none;background:transparent;color:#151613;font-size:.875rem;padding:0}.question-bank-container .tags-input input:focus{outline:none}.question-bank-container .tags-hint{font-size:.75rem;color:#777c6e;margin-top:.25rem;margin-bottom:0}.question-bank-container .drawer-footer{padding:1.5rem 1rem;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:.75rem}.question-bank-container .btn-cancel{padding:.5rem .75rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#151613;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.question-bank-container .btn-cancel:hover{background:#f9fafb}.question-bank-container .btn-save{padding:.5rem .75rem;border-radius:.375rem;border:none;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.question-bank-container .btn-save:hover{background:#556b38}.question-bank-container .btn-save:disabled,.question-bank-container .btn-cancel:disabled{opacity:.7;cursor:not-allowed}.question-bank-container .btn-save{display:inline-flex;align-items:center;gap:.5rem}.question-bank-container .drawer-btn-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:question-bank-spin .7s linear infinite}.question-bank-container .drawer-saving-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10;border-radius:0 0 .75rem .75rem}.question-bank-container .drawer-saving-overlay p{margin:0;font-size:.875rem;color:#6b7280;font-weight:500}.question-bank-container .drawer-saving-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#5a5f67;border-radius:50%;animation:question-bank-spin .7s linear infinite}@keyframes question-bank-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.question-bank-container .content-wrapper{padding:1.5rem}.question-bank-container .drawer-panel{padding-left:0}.question-bank-container .drawer-panel>div{width:100vw}}.feedback-list-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.feedback-list-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.feedback-list-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.feedback-list-inner{padding:1.5rem 2rem}.feedback-list1{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem!important}.feedback-list-title{font-size:1.5rem;font-weight:700;color:#151613;margin:0 0 .25rem}.feedback-list-subtitle{font-size:.9375rem;color:#64748b;margin:0}.btn-add-feedback{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9375rem;border:none;cursor:pointer;background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;transition:opacity .2s,transform .2s}.btn-add-feedback:hover{opacity:.95;transform:translateY(-1px)}.feedback-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;padding:1.5rem;min-height:280px}.feedback-list-loading,.feedback-list-error,.feedback-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.feedback-list-loading .spinner-border{margin-bottom:1rem}.feedback-list-loading p,.feedback-list-error p,.feedback-list-empty p{margin:0 0 .5rem;color:#1e293b}.feedback-list-error i,.feedback-list-empty i{font-size:3rem;color:#64748b;margin-bottom:1rem}.feedback-list-error i{color:#f59e0b}.btn-retry{margin-top:1rem;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;border:1px solid #5a5f67;background:transparent;color:#5a5f67;cursor:pointer}.btn-retry:hover{background:#5a5f671a}.feedback-list-empty .btn-add-feedback{margin-top:1rem}.feedback-list-table-wrap{overflow-x:auto}.feedback-list-table{width:100%;border-collapse:collapse}.feedback-list-table thead{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff}.feedback-list-table thead th{padding:.45rem .7rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.feedback-list-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s}.feedback-list-table tbody tr:hover{background:#5a5f670a}.feedback-list-table tbody td{padding:.4rem .7rem;font-size:.8rem;color:#1e293b}.badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#5a5f6726;color:#4e535b}.badge-secondary{background:#f1f5f9;color:#64748b}.text-muted{color:#64748b}.fw-semibold{font-weight:600}.feedback-list-table .feedback-list-col-actions{width:100px;text-align:right}.feedback-list-actions-cell{opacity:1}.feedback-list-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.feedback-list-action-btn:hover{color:#5a5f67;background:#5a5f671a}.feedback-list-action-btn .material-symbols-outlined{font-size:1.125rem}.feedback-list-card .table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;width:100%;min-width:0}.feedback-list-card .table-footer .pagination-info{margin:0;font-size:.875rem;color:#64748b}.feedback-list-card .table-footer .pagination-info .font-semibold{font-weight:600;color:#0f172a}.feedback-list-card .table-footer .pagination-controls{display:flex;align-items:center;gap:.25rem}.feedback-list-card .table-footer .pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.feedback-list-card .table-footer .pagination-btn .material-symbols-outlined{font-size:1.25rem}.feedback-list-card .table-footer .pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.feedback-list-card .table-footer .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-list-card .table-footer .pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:500;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .2s}.feedback-list-card .table-footer .pagination-number:hover{background:#f1f5f9}.feedback-list-card .table-footer .pagination-number.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.feedback-list-card .table-footer .pagination-ellipsis{padding:0 .25rem;font-size:.875rem;color:#64748b}.feedback-builder-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.feedback-builder-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.feedback-builder-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.feedback-builder-container .main-content{display:flex;flex-direction:column;overflow:hidden;min-height:100vh}.feedback-builder-container .builder-workspace{flex:1;min-height:0}.canvas-area.canvas-drag-over{background:#5a5f670f;outline:2px dashed rgba(90,95,103,.5);outline-offset:-4px}.builder-top-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.builder-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#5a5f67;text-decoration:none;font-weight:500;font-size:.9375rem;cursor:pointer}.builder-back-link:hover{text-decoration:underline;color:#4e535b}.builder-top-title{font-size:1rem;font-weight:600;color:#374151}.builder-workspace{flex:1;display:flex;overflow:hidden;background:#f7f7f6}.canvas-area{flex:1;overflow-y:auto;padding:2rem;position:relative}.canvas-content{width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:5rem}@media(min-width:1024px){.canvas-content{max-width:900px;margin:0 auto}}@media(min-width:1440px){.canvas-content{max-width:1200px}}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding-bottom:.5rem}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:500}.page-header-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem;letter-spacing:-.025em}.btn-cancel{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#4b5563;background:transparent;border:none;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background:#f3f4f6}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;background:#5a5f67;color:#fff;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s;box-shadow:0 1px 2px #0000000d}.btn-save:hover{background:#5a6e3d}.btn-save .material-symbols-outlined{font-size:18px}.metadata-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.card-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.card-title .material-symbols-outlined{color:#5a5f67}.metadata-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.metadata-grid{grid-template-columns:repeat(2,1fr)}}.form-label{display:flex;flex-direction:column;gap:.5rem}.label-text{font-size:.875rem;font-weight:500;color:#374151}.label-text .required{color:#ef4444}.form-hint{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.form-label-toggle{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.75rem}.form-label-toggle .toggle-wrap{display:inline-flex;align-items:center;cursor:pointer}.form-input{width:100%;height:2.75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#f9fafb;padding:0 1rem;font-size:.875rem;color:#111827;transition:all .2s}.form-input:focus{outline:none;border-color:#5a5f67;background:#fff;box-shadow:0 0 0 3px #5a5f671a}.select-wrapper{position:relative}.form-select{width:100%;height:2.75rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#f9fafb;padding:0 2.5rem 0 1rem;font-size:.875rem;color:#111827;appearance:none;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#5a5f67;background:#fff;box-shadow:0 0 0 3px #5a5f671a}.select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:20px}.section-divider{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.divider-line{flex:1;height:1px;background:#e5e7eb}.divider-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.questions-list{display:flex;flex-direction:column;gap:1.5rem}.question-card{position:relative;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s}.question-card:hover{box-shadow:0 4px 6px -1px #0000001a}.drag-handle{position:absolute;left:0;top:0;bottom:0;width:2rem;display:flex;align-items:center;justify-content:center;cursor:move;color:#d1d5db;border-radius:.75rem 0 0 .75rem;transition:color .2s}.drag-handle:hover{color:#6b7280}.drag-handle .material-symbols-outlined{font-size:20px}.question-content{padding-left:2.5rem;padding:1.25rem 1.25rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:1rem}.question-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.question-info{flex:1}.question-badges{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.question-number{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;background:#f3f4f6;color:#6b7280}.question-number.mandatory{background:#5a5f671a;color:#5a5f67}.question-type-badge{font-size:.75rem;font-weight:500;text-transform:uppercase;color:#6b7280}.question-input{width:100%;font-size:1.125rem;font-weight:500;background:transparent;border:none;border-bottom:1px solid transparent;padding:0;color:#111827;transition:border-color .2s}.question-input:hover{border-bottom-color:#e5e7eb}.question-input:focus{outline:none;border-bottom-color:#5a5f67}.question-input::placeholder{color:#9ca3af}.question-actions{display:flex;align-items:center;gap:.25rem}.action-btn{padding:.5rem;color:#9ca3af;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{color:#5a5f67;background:#5a5f670d}.action-btn.delete:hover{color:#ef4444;background:#fef2f2}.action-btn .material-symbols-outlined{font-size:20px}.question-preview-container{padding:1rem;background:#f7f7f6;border-radius:.5rem;border:1px dashed #e5e7eb}.question-preview{display:flex;align-items:center}.rating-preview{display:flex;gap:.5rem}.star-filled{color:#fbbf24;font-variation-settings:"FILL" 1;font-size:20px}.text-area-preview{height:5rem;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;padding:.75rem}.preview-placeholder{color:#d1d5db;font-size:.875rem;font-style:italic}.yes-no-preview{display:flex;gap:.5rem}.preview-button{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.25rem;background:#fff;color:#374151;font-size:.875rem;cursor:default}.question-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem}.toggle-label{display:inline-flex;align-items:center;cursor:pointer}.toggle-input{display:none}.toggle-slider{position:relative;width:2.75rem;height:1.5rem;background:#d1d5db;border-radius:9999px;transition:background-color .2s}.toggle-input:checked+.toggle-slider{background:#5a5f67}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s}.toggle-input:checked+.toggle-slider:after{transform:translate(1.25rem)}.toggle-text{margin-left:.75rem;font-size:.875rem;font-weight:500;color:#4b5563}.type-selector{display:flex;align-items:center;gap:.5rem}.type-label{font-size:.75rem;color:#9ca3af}.type-select{font-size:.75rem;font-weight:500;background:#f3f4f6;border:none;border-radius:.25rem;padding:.25rem .5rem;color:#374151;cursor:pointer}.add-question-btn{width:100%;padding:2rem;border:2px dashed #d1d5db;border-radius:.75rem;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#9ca3af;cursor:pointer;transition:all .2s}.add-question-btn:hover{color:#5a5f67;border-color:#5a5f67;background:#5a5f670d}.add-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-question-btn:hover .add-icon-wrapper{background:#fff;transform:scale(1.1)}.add-question-btn .material-symbols-outlined{font-size:24px}.add-text{font-size:.875rem;font-weight:500}.feedback-builder-container .question-bank-sidebar{width:20rem;min-width:20rem;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e5e7eb;position:relative;z-index:1}.feedback-builder-container .question-bank-sidebar .sidebar-header{padding:1rem;border-bottom:1px solid #f3f4f6;background:#f9fafb;display:flex;justify-content:space-between;align-items:center}.feedback-builder-container .question-bank-sidebar .sidebar-header .sidebar-title{font-weight:700;color:#151613;margin:0;display:flex;align-items:center;gap:.5rem;font-size:1rem}.feedback-builder-container .question-bank-sidebar .sidebar-header .material-symbols-outlined{color:#5a5f67;font-size:1.25rem}.feedback-builder-container .question-bank-sidebar .manage-bank-btn{font-size:.75rem;font-weight:500;color:#5a5f67;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s}.feedback-builder-container .question-bank-sidebar .manage-bank-btn:hover{text-decoration:underline}.feedback-builder-container .question-bank-sidebar .sidebar-search{padding:1rem;position:relative}.feedback-builder-container .question-bank-sidebar .sidebar-search .material-symbols-outlined{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#777c6e;font-size:1.125rem;pointer-events:none}.feedback-builder-container .question-bank-sidebar .sidebar-search input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;font-size:.875rem;transition:all .2s}.feedback-builder-container .question-bank-sidebar .sidebar-search input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.feedback-builder-container .question-bank-sidebar .sidebar-filters{padding:0 1rem 1rem;display:flex;gap:.5rem;overflow-x:auto;flex-shrink:0;position:relative;z-index:2}.feedback-builder-container .question-bank-sidebar .filter-chip{padding:.25rem .625rem;border-radius:9999px;background:#fff;color:#777c6e;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb;white-space:nowrap;cursor:pointer;transition:all .2s;position:relative;z-index:1;flex-shrink:0;font-family:inherit}.feedback-builder-container .question-bank-sidebar .filter-chip:hover{border-color:#5a5f6780}.feedback-builder-container .question-bank-sidebar .filter-chip.active{background:#5a5f671a;color:#5a5f67;border-color:#5a5f6733}.feedback-builder-container .question-bank-sidebar .sidebar-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.feedback-builder-container .question-bank-sidebar .sidebar-section-title{font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.feedback-builder-container .question-bank-sidebar .bank-list{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0}.feedback-builder-container .question-bank-sidebar .bank-list-empty{font-size:.875rem;color:#777c6e;text-align:center;padding:1.5rem 1rem;margin:0;background:#f9fafb;border-radius:.5rem;border:1px dashed #e5e7eb}.feedback-builder-container .question-bank-sidebar .bank-list-empty.bank-list-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.feedback-builder-container .question-bank-sidebar .bank-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .2s;display:flex;gap:.75rem}.feedback-builder-container .question-bank-sidebar .bank-item:active{cursor:grabbing}.feedback-builder-container .question-bank-sidebar .bank-item:hover{border-color:#5a5f67;box-shadow:0 4px 6px #0000001a}.feedback-builder-container .question-bank-sidebar .bank-item .drag-handle{color:#777c6e;font-size:1.125rem;margin-top:.125rem;flex-shrink:0}.feedback-builder-container .question-bank-sidebar .bank-item:hover .drag-handle{color:#5a5f67}.feedback-builder-container .question-bank-sidebar .bank-item-body{flex:1;min-width:0}.feedback-builder-container .question-bank-sidebar .bank-item .bank-item-text{font-size:.875rem;font-weight:500;color:#151613;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-builder-container .question-bank-sidebar .bank-item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.feedback-builder-container .question-bank-sidebar .item-tag{padding:.125rem .375rem;border-radius:.25rem;background:#f3f4f6;color:#777c6e;font-size:.625rem;font-weight:500;border:1px solid #e5e7eb}.feedback-builder-container .question-bank-sidebar .item-usage{font-size:.625rem;color:#777c6e}.feedback-builder-container .question-bank-sidebar .bank-add-btn-inline{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;color:#5a5f67;cursor:pointer;border-radius:.25rem;transition:background .15s,color .15s}.feedback-builder-container .question-bank-sidebar .bank-add-btn-inline:hover{background:#5a5f6726;color:#4e535b}.feedback-builder-container .question-bank-sidebar .bank-add-btn-inline .material-symbols-outlined{font-size:1.125rem}.feedback-builder-container .question-bank-sidebar .bank-hint-footer{font-size:.75rem;color:#777c6e;margin:.5rem 0 0;padding:0}.lms-reports-container{font-family:Inter,sans-serif;background:#f6f7f8;min-height:100vh;display:flex}.lms-reports-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.lms-reports-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.page-header-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.page-header-section{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-title{font-size:1.5rem;font-weight:700;color:#111418;margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.2}.page-subtitle{font-size:.875rem;color:#617589;margin:0}@media(min-width:768px){.page-subtitle{font-size:1rem}}.btn-export{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-export.excel{background:#fff;color:#5a5f67;border:1px solid #dbe0e6}.btn-export.excel:hover{background:#f0fdf4}.btn-export.pdf{background:#5a5f67;color:#fff}.btn-export.pdf:hover{background:#586b3e}.filters-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.25rem;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:end}@media(min-width:768px){.filters-grid{grid-template-columns:repeat(3,1fr) auto}}.filter-label{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-label-text{font-size:.875rem;font-weight:600;color:#111418}.select-wrapper,.input-wrapper{position:relative}.filter-input{width:100%;height:2.75rem;border-radius:.5rem;border:1px solid #dbe0e6;background:#f8fafc;padding:0 2.5rem 0 1rem;font-size:.875rem;color:#111418;appearance:none;cursor:pointer;transition:all .2s}.filter-input{padding-left:2.5rem;padding-right:1rem}.filter-select:focus,.filter-input:focus{outline:none;border-color:#5a5f67;background:#fff;box-shadow:0 0 0 3px #5a5f671a}.select-icon,.input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#617589;pointer-events:none;font-size:20px}.input-icon{left:.75rem;right:auto}.btn-apply-filters{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.5rem;background:#5a5f67;color:#fff;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d;width:100%;margin-top:1rem}@media(min-width:768px){.btn-apply-filters{width:auto;margin-top:0}}.btn-apply-filters:hover{background:#586b3e}.btn-apply-filters .material-symbols-outlined{font-size:20px}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background:#fff;border-radius:.75rem;padding:1.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.stat-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.stat-icon-wrapper.primary{background:#5a5f671a;color:#5a5f67}.stat-icon-wrapper.green{background:#5a5f671a;color:#4e535b}.stat-icon-wrapper.purple{background:#9333ea1a;color:#9333ea}.stat-icon-wrapper .material-symbols-outlined{font-size:2rem}.stat-content{flex:1;z-index:1}.stat-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#617589;margin:0 0 .25rem}.stat-value{font-size:1.875rem;font-weight:700;color:#111418;margin:0}.stat-bg-icon{position:absolute;right:0;top:0;padding:.75rem;opacity:.1;z-index:0}.stat-bg-icon .material-symbols-outlined{font-size:6rem;color:#5a5f67}.stat-card:nth-child(2) .stat-bg-icon .material-symbols-outlined{color:#5a5f67}.stat-card:nth-child(3) .stat-bg-icon .material-symbols-outlined{color:#9333ea}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.charts-grid.charts-grid-two-rows{grid-template-columns:1fr;gap:1.5rem}.chart-card-full-width{width:100%}.chart-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.chart-wrapper{width:100%;position:relative}.chart-wrapper-bar{height:420px;min-height:320px}.chart-wrapper-bar-vertical{height:380px;min-height:320px}.chart-wrapper-score-bar{height:280px;min-height:220px}.chart-legend-inline{margin:0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-title{font-size:1.125rem;font-weight:700;color:#111418;margin:0}.chart-link{font-size:.875rem;font-weight:500;color:#5a5f67;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}a.chart-link{text-decoration:none}a.chart-link:hover{text-decoration:underline}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#617589}.legend-dot{width:.5rem;height:.5rem;border-radius:50%}.legend-dot.primary{background:#5a5f67}.legend-dot.red{background:#f87171}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:0 .5rem;height:16rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;cursor:pointer}.bar-container{width:100%;height:12rem;background:#f3f4f6;border-radius:.5rem .5rem 0 0;position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;width:100%;background:#5a5f67;border-radius:.5rem .5rem 0 0;transition:all .5s}.bar-group:hover .bar-fill{background:#586b3e}.bar-label{font-size:.75rem;font-weight:500;color:#617589}.chart-no-data{margin:0;padding:2rem;text-align:center;color:#617589;font-size:.875rem}.reports-error-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;font-size:.875rem;margin-bottom:1rem}.reports-error-banner .material-symbols-outlined{font-size:1.25rem}.reports-loading{padding:1.5rem;text-align:center;color:#617589;font-size:.875rem;margin-bottom:1rem}.distribution-chart{position:relative;height:16rem;background:#f8fafc;border-radius:.5rem;border:1px dashed #e5e7eb;overflow:hidden;padding:1rem}.distribution-bars{display:flex;align-items:flex-end;justify-content:space-between;height:10rem;padding:0 1rem;gap:.25rem}.distribution-bars-two{gap:2rem;justify-content:center}.distribution-bar-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:8rem}.distribution-bar-label{font-size:.75rem;font-weight:500;color:#617589}.distribution-bar.primary{background:#5a5f67b3;width:100%;min-height:2%}.distribution-bar.red{background:#f87171b3;width:100%;min-height:2%}.distribution-bar{flex:1;background:#5a5f6733;border-radius:.25rem .25rem 0 0;position:relative;transition:all .3s}.distribution-bar:nth-child(1){background:#5a5f6733}.distribution-bar:nth-child(2){background:#5a5f674d}.distribution-bar:nth-child(3){background:#5a5f6766}.distribution-bar:nth-child(4){background:#5a5f6799}.distribution-bar.highlight{background:#5a5f67;box-shadow:0 4px 6px -1px #5a5f6733}.distribution-bar.highlight .tooltip{position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#111827;color:#fff;font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:.25rem;box-shadow:0 10px 15px -3px #0000001a;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap;z-index:10}.distribution-bar.highlight:hover .tooltip{opacity:1}.tooltip-arrow{position:absolute;bottom:-.25rem;left:50%;transform:translate(-50%);width:0;height:0;border-left:.25rem solid transparent;border-right:.25rem solid transparent;border-top:.25rem solid #111827}.distribution-labels{position:absolute;bottom:.5rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 1.5rem;font-size:.75rem;color:#617589}.table-card{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;overflow:hidden}.table-header-section{padding:1.25rem;border-bottom:1px solid #f0f2f4;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.table-header-section{flex-direction:row;justify-content:space-between;align-items:center}}.table-title{font-size:1.125rem;font-weight:700;color:#111418;margin:0}.table-controls{display:flex;align-items:center;gap:.5rem;width:100%}@media(min-width:768px){.table-controls{width:auto}}.table-search-wrapper{position:relative;flex:1;max-width:16rem}.table-search{width:100%;height:2.25rem;border-radius:.5rem;border:1px solid #dbe0e6;background:#fff;padding:0 .75rem 0 2.25rem;font-size:.875rem;color:#111418;transition:all .2s}.table-search:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);color:#617589;font-size:18px;pointer-events:none}.table-filter-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #dbe0e6;background:#fff;color:#617589;cursor:pointer;transition:all .2s}.table-filter-btn:hover{background:#f0f2f4;color:#5a5f67}.reports-table{width:100%;border-collapse:collapse}.reports-table thead{background:#5a5f67;color:#fff}.reports-table th{padding:.45rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left}.reports-table th.text-right{text-align:right}.reports-table th.text-center{text-align:center}.reports-table tbody tr{border-bottom:1px solid #f0f2f4;transition:background-color .2s}.reports-table tbody tr:hover{background:#f8fafc}.reports-table td{padding:.4rem .75rem;font-size:.8rem;color:#111418}.reports-table td.text-right{text-align:right}.reports-table td.text-center{text-align:center}.employee-avatar.initials{display:flex;align-items:center;justify-content:center;background:#d8b4fe;color:#9333ea;font-size:.75rem;font-weight:700}.employee-name{font-size:.875rem;font-weight:500;color:#111418;margin:0 0 .125rem;transition:color .2s}.reports-table tbody tr:hover .employee-name{color:#5a5f67}.employee-id{font-size:.75rem;color:#617589;margin:0}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid}.status-badge.completed{background:#dcfce7;color:#4e535b;border-color:#bbf7d0}.status-badge.in-progress{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.status-badge.pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.btn-details{height:2rem;padding:0 .75rem;border-radius:.25rem;background:#4f545c;color:#fff;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-details:hover{background:#2563eb}.table-footer{padding:1rem 1.5rem;border-top:1px solid #f0f2f4;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.table-footer{flex-direction:row;justify-content:space-between}}.pagination-info{font-size:.875rem;color:#617589;margin:0}.pagination-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #dbe0e6;background:#fff;color:#617589;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f0f2f4}.pagination-number{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #dbe0e6;background:#fff;color:#111418;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-number:hover{background:#f0f2f4}.pagination-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-ellipsis{color:#617589;padding:0 .25rem}.no-data{text-align:center;padding:3rem 1.5rem;color:#617589;font-size:.875rem}.training-performance-detail-container{font-family:Inter,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.training-performance-detail-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.training-performance-detail-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.content-wrapper{flex:1;overflow-y:auto;padding:1.5rem;width:100%;box-sizing:border-box;max-width:100%;margin:0 auto}.reports-loading{padding:2rem;text-align:center;color:#666}@media(min-width:768px){.content-wrapper{padding:2.5rem}}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.875rem;margin-bottom:2rem}.breadcrumb-link{color:#777c6e;font-weight:500;text-decoration:none;transition:color .2s;cursor:pointer}.breadcrumb-link:hover{color:#5a5f67}.breadcrumb-separator{color:#777c6e;font-weight:500}.breadcrumb-current{color:#5a5f67;font-weight:600}.page-header-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.page-header-section{flex-direction:row;align-items:flex-end;justify-content:space-between}}.header-text{flex:1;max-width:32rem}.page-title{font-size:1.875rem;font-weight:900;color:#151613;margin:0 0 .5rem;letter-spacing:-.033em;line-height:1.2}@media(min-width:768px){.page-title{font-size:2.25rem}}.page-subtitle{font-size:1rem;color:#777c6e;margin:0;max-width:32rem}.export-buttons{display:flex;gap:.75rem;flex-shrink:0}.btn-export{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-export.pdf{background:#fff;color:#151613;border:1px solid #e5e7eb}.btn-export.pdf:hover{background:#f9fafb}.btn-export.excel{background:#5a5f67;color:#fff}.btn-export.excel:hover{background:#5a6e3d}.btn-export .material-symbols-outlined{font-size:20px}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #f2f3f1;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.kpi-card:hover{border-color:#5a5f674d}.kpi-content{flex:1}.kpi-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;margin:0 0 .25rem}.kpi-value-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.kpi-value{font-size:2.25rem;font-weight:700;color:#151613}.kpi-max{font-size:1.125rem;color:#777c6e}.kpi-change{display:flex;align-items:center;gap:.125rem;font-size:.875rem;font-weight:500}.kpi-change.positive{color:#5a5f67}.kpi-change .material-symbols-outlined{font-size:.875rem}.kpi-subtext{font-size:.75rem;color:#777c6e;margin:0}.kpi-chart{width:4rem;height:4rem;position:relative;flex-shrink:0}.circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{color:#f2f3f1}.circle-progress{color:#5a5f67}.kpi-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.blue{background:#3b82f61a;color:#3b82f6}.kpi-icon.amber{background:#f59e0b1a;color:#f59e0b}.kpi-icon .material-symbols-outlined{font-size:1.5rem}.stars-rating{display:flex;gap:.125rem;color:#fbbf24}.stars-rating .star{font-size:1.125rem}.stars-rating .star.filled{font-variation-settings:"FILL" 1}.stars-rating .star.half{font-variation-settings:"FILL" .5}.tabs-container{background:#fff;border-radius:.75rem;border:1px solid #f2f3f1;box-shadow:0 1px 2px #0000000d;overflow:hidden;min-height:500px}.tabs-header{display:flex;border-bottom:1px solid #f2f3f1;padding:0 1.5rem}.tab-button{padding:1rem 1.5rem;font-size:.875rem;font-weight:600;color:#777c6e;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tab-button:hover{color:#151613;border-bottom-color:#e5e7eb}.tab-button.active{color:#5a5f67;border-bottom-color:#5a5f67}.tabs-content{padding:0}.filters-section{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #f2f3f1}.filter-wrapper{position:relative}.filter-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#777c6e;font-size:18px;pointer-events:none}.filter-select{padding:.5rem 2rem .5rem 2.5rem;background:#f9fafb;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#151613;cursor:pointer;outline:none;appearance:none;transition:all .2s}.filter-select:focus{background:#fff;box-shadow:0 0 0 1px #5a5f67}.table-wrapper{overflow-x:auto}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:#f9fafb}.results-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#777c6e;text-align:left;border-bottom:1px solid #f2f3f1}.results-table th.text-right{text-align:right}.results-table tbody tr{border-bottom:1px solid #f2f3f1;transition:background-color .2s}.results-table tbody tr:hover{background:#5a5f670d}.results-table td{padding:1rem 1.5rem;font-size:.875rem;color:#151613}.results-table td.text-right{text-align:right}.employee-cell{display:flex;align-items:center;gap:.75rem}.employee-avatar{width:2rem;height:2rem;border-radius:50%;background-size:cover;background-position:center;background-color:#e5e7eb;flex-shrink:0}.employee-avatar.initials{display:flex;align-items:center;justify-content:center;background:#d1d5db;color:#4b5563;font-size:.75rem;font-weight:700}.employee-name{font-size:.875rem;font-weight:600;color:#151613;margin:0 0 .125rem}.employee-title{font-size:.75rem;color:#777c6e;margin:0}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge.passed{background:#dcfce7;color:#4e535b}.status-badge.failed{background:#fee2e2;color:#dc2626}.status-badge.in-progress{background:#fef3c7;color:#d97706}.status-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.table-pagination{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1rem 1.5rem;border-top:1px solid #f2f3f1}@media(min-width:768px){.table-pagination{flex-direction:row;justify-content:space-between}}.pagination-info{font-size:.875rem;color:#777c6e}.pagination-btn{padding:.25rem .75rem;border-radius:.25rem;border:1px solid #e5e7eb;background:#fff;color:#151613;font-size:.875rem;cursor:pointer;transition:all .2s}.feedback-content{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}@media(min-width:1024px){.feedback-content{grid-template-columns:repeat(2,1fr)}}.feedback-chart-card,.comments-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #f2f3f1;box-shadow:0 1px 2px #0000000d}.chart-title{font-size:1.125rem;font-weight:700;color:#151613;margin:0 0 1.5rem}.feedback-bars{display:flex;flex-direction:column;gap:1.5rem}.feedback-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-header{display:flex;justify-content:space-between;font-size:.875rem}.bar-label{font-weight:500;color:#151613}.bar-score{color:#777c6e}.bar-container{height:.5rem;width:100%;background:#f2f3f1;border-radius:9999px;overflow:hidden}.bar-fill{height:100%;background:#5a5f67;border-radius:9999px;transition:width .3s}.comments-card{display:flex;flex-direction:column;height:320px}.comments-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.comment-item{padding:.75rem;background:#f9fafb;border-radius:.5rem;border:1px solid #f2f3f1}.comment-text{font-size:.875rem;color:#151613;margin:0 0 .5rem;line-height:1.5}.comment-footer{display:flex;align-items:center;gap:.5rem}.comment-avatar{width:1.25rem;height:1.25rem;border-radius:50%;background-size:cover;background-position:center;background-color:#e5e7eb}.comment-meta{font-size:.75rem;color:#777c6e}.no-data{text-align:center;padding:3rem 1.5rem;color:#777c6e;font-size:.875rem}.training-history-container{font-family:Inter,sans-serif;background:#f3f4f6;min-height:100vh;display:flex}.training-history-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.training-history-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.training-history-container .content-wrapper{flex:1;overflow-y:auto;padding:1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.training-history-container .content-wrapper{padding:2rem}}.page-header{margin-bottom:1.5rem}.page-subtitle{font-size:.75rem;color:#6b7280;margin:0}.filters-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}@media(min-width:768px){.filters-section{flex-direction:row;justify-content:space-between;align-items:center}}.tab-buttons{display:flex;background:#fff;padding:.25rem;border-radius:.5rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d;width:fit-content}.tab-button{padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;color:#6b7280;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.tab-button:hover{color:#1f2937}.tab-button.active{font-weight:700;background:#5a5f67;color:#fff;box-shadow:0 1px 2px #0000001a}.action-buttons{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #E5E7EB;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.table-container{background:#fff;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1;width:100%}.table-header{padding:1rem 1.5rem;border-bottom:1px solid #E5E7EB}.training-history-table{width:100%;border-collapse:collapse}.training-history-table thead{position:sticky;top:0;z-index:10;background:#f9fafb}.training-history-table thead tr{border-bottom:1px solid #E5E7EB}.training-history-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.training-history-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background-color .2s}.training-history-table tbody tr:hover{background:#f9fafb}.training-history-table td{padding:1rem 1.5rem;font-size:.875rem;color:#6b7280}.training-title-cell{display:flex;align-items:left;gap:.75rem}.training-icon{width:2.25rem;height:2.25rem;border-radius:.5rem;background:#5a5f671a;display:flex;align-items:center;justify-content:center;color:#5a5f67;flex-shrink:0}.training-icon i{font-size:20px}.training-name{font-size:.875rem;font-weight:700;color:#1f2937;margin-bottom:.125rem}.training-meta{font-size:.625rem;color:#6b7280}.trainer-cell{display:flex;align-items:center;gap:.5rem}.trainer-avatar,.trainer-avatar-placeholder{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.trainer-avatar-placeholder{background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:#6b7280}.trainer-cell span{font-size:.875rem;color:#1f2937}.score-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;background:#d1fae5;color:#065f46}.no-data{text-align:center;padding:3rem;color:#6b7280}.pagination{display:flex;align-items:center;gap:.5rem}.pagination-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid #E5E7EB;border-radius:.5rem;background:#fff;color:#1f2937;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb}.pagination-btn.active{background:#5a5f67;color:#fff;border-color:#5a5f67;box-shadow:0 1px 2px #0000001a}.pagination-btn .material-symbols-outlined{font-size:18px}.pagination-ellipsis{padding:0 .25rem;color:#6b7280}.screen-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000059}.screen-loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.screen-loader-text{margin:0;font-size:.9375rem;font-weight:600;color:#374151}.screen-loader-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#5a5f67;border-radius:50%;animation:screen-loader-spin .7s linear infinite;flex-shrink:0}@keyframes screen-loader-spin{to{transform:rotate(360deg)}}.exit-approval-v2-container{--p1: #f7f7f7;--p2: #eeeeee;--p3: #393e46;--p4: #929aab;min-height:100vh;background:var(--p1)}.exit-approval-v2-container .main-content{margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-height:100vh}.exit-approval-v2-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.exit-approval-v2-inner{padding:.5rem clamp(1rem,2.8vw,2rem);background:var(--p1)}.exit-approval-v2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:nowrap;margin:.5rem 0 1rem;min-width:0}.exit-approval-v2-toolbar-right{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.exit-approval-v2-actions{display:flex;align-items:center;gap:.55rem}.search-wrap{width:min(280px,36vw);min-width:160px;position:relative}.search-wrap i{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:#8b94a4}.search-wrap input{width:100%;border:1px solid #d5dbe6;border-radius:10px;padding:.52rem .75rem .52rem 2.05rem;background:#fff;font-size:.86rem}.search-wrap input:focus{outline:none;border-color:var(--p3);box-shadow:0 0 0 2px #393e461f}.icon-btn{border:1px solid #d5dbe6;background:#fff;color:#576073;border-radius:10px;width:36px;height:36px}.exit-approval-v2-tabs{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.tab{border:1px solid #d6dde8;border-radius:999px;background:#fff;color:#5f6778;font-size:.74rem;font-weight:600;padding:.4rem .8rem;white-space:nowrap}.tab.active{background:#393e4614;border-color:#393e4633;color:var(--p3)}.page-size-label{display:inline-flex;align-items:center;gap:.4rem;color:#647084;font-size:.78rem;font-weight:600}.page-size-label select{border:1px solid #d6dde8;border-radius:8px;padding:.3rem .5rem;background:#fff;color:var(--p3)}.exit-approval-v2-container .table-card{background:#fff;border:1px solid #d9dfe9;border-radius:14px;box-shadow:0 8px 22px #393e4614;overflow:hidden}.exit-approval-v2-container .table-wrap{overflow-x:hidden;width:100%}.exit-approval-v2-container .table-card table{width:100%;max-width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}.exit-approval-v2-container .table-card thead th:nth-child(1){width:26%}.exit-approval-v2-container .table-card thead th:nth-child(2){width:12%}.exit-approval-v2-container .table-card thead th:nth-child(3){width:14%}.exit-approval-v2-container .table-card thead th:nth-child(4){width:10%}.exit-approval-v2-container .table-card thead th:nth-child(5){width:11%}.exit-approval-v2-container .table-card thead th:nth-child(6){width:19%}.exit-approval-v2-container .table-card thead th:nth-child(7){width:8%}.exit-approval-v2-container .table-card tbody td{overflow-wrap:break-word;word-break:break-word}.exit-approval-v2-container .table-card td.center{word-break:normal}.exit-approval-v2-container .table-card thead tr{background:#f3f5f8;border-bottom:1px solid #dfe4ec}.exit-approval-v2-container .table-card th{padding:.45rem .75rem;text-align:left;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#748097}.exit-approval-v2-container .table-card td{padding:.4rem .75rem;border-bottom:1px solid #eef1f5;font-size:.78rem;color:#3f4652}.exit-approval-v2-container .table-card tbody tr:hover{background:#f9fafb}.exit-approval-v2-container .center{text-align:center!important}.exit-approval-v2-container .right{text-align:right!important}.exit-approval-v2-container .company{font-weight:600;color:#303642}.exit-approval-v2-container .employee-cell{display:flex;align-items:center;gap:.65rem;min-width:0}.exit-approval-v2-container .employee-cell>div:last-child{min-width:0}.exit-approval-v2-container .avatar,.exit-approval-v2-container .initials{width:34px;height:34px;border-radius:50%}.exit-approval-v2-container .initials{display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.exit-approval-v2-container .tone-1{background:#e5e9ef;color:#39414f}.exit-approval-v2-container .tone-2{background:#dce3ee;color:#2c3748}.exit-approval-v2-container .tone-3{background:#e8e7f4;color:#3a3d52}.exit-approval-v2-container .name{margin:0;font-size:.84rem;font-weight:700;color:#2d333e;white-space:normal}.exit-approval-v2-container .dept{margin:.1rem 0 0;font-size:.7rem;color:#7a8392;white-space:normal}.exit-approval-v2-container .reason-badge{display:inline-block;max-width:100%;border-radius:8px;border:1px solid #d8dee9;background:#f4f6f9;color:#434a57;padding:.2rem .55rem;font-size:.67rem;font-weight:700;white-space:normal}.exit-approval-v2-container .timeline{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem;min-width:0}.exit-approval-v2-container .step{display:flex;flex-direction:column;align-items:center;gap:.2rem}.exit-approval-v2-container .step i{font-size:1rem}.exit-approval-v2-container .approved{color:#2f8a63}.exit-approval-v2-container .pending{color:#d39a3a}.exit-approval-v2-container .rejected{color:#c63b3b}.exit-approval-v2-container .hr-inactive{color:#a9b0be}.exit-approval-v2-container .step span{font-size:.58rem;font-weight:700;color:#8b93a2}.exit-approval-v2-container .connector{width:24px;height:2px;background:#d9dee7}.exit-approval-v2-container .connector.active{background:#2f8a63}.exit-approval-v2-container .review-btn{width:30px;height:30px;border-radius:8px;border:1px solid #d7dde8;background:#fff;color:#616a7c}.exit-approval-v2-container .table-footer{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:#f6f8fb;border-top:1px solid #dfe4ec}.exit-approval-v2-container .table-footer p{margin:0;color:#697387;font-size:.76rem}.exit-approval-v2-container .pager{display:flex;align-items:center;gap:.35rem}.exit-approval-v2-container .pager button{min-width:28px;height:28px;border:1px solid #d6dde8;background:#fff;border-radius:7px;color:#546073;font-size:.74rem;font-weight:700}.exit-approval-v2-container .pager button.active{background:var(--p3);border-color:var(--p3);color:#fff}.exit-approval-v2-container .pager button:disabled{opacity:.5}.exit-approval-v2-container .empty-cell{text-align:center;color:#768093;padding:1.6rem!important}@media(max-width:991px){.exit-approval-v2-container .main-content,.exit-approval-v2-container .main-content.sidebar-collapsed{margin-left:0}}@media(max-width:1100px){.exit-approval-v2-toolbar{flex-wrap:wrap;row-gap:.65rem}.exit-approval-v2-tabs{flex:1 1 100%;order:0}.exit-approval-v2-toolbar-right{order:1;width:100%;justify-content:flex-end}}@media(max-width:768px){.exit-approval-v2-toolbar-right{flex-wrap:wrap;justify-content:stretch}.exit-approval-v2-actions{flex:1 1 auto;min-width:0}.search-wrap{flex:1 1 auto;width:auto;min-width:0}}.hod-approval-page{--c1: #f7f7f7;--c2: #eeeeee;--c3: #393e46;--c4: #929aab;min-height:100vh;background:var(--c1)}.hod-approval-page .main-content{margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.hod-approval-page .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.hod-approval-wrap{max-width:1280px;margin:0 auto;padding:1.5rem clamp(1rem,2.6vw,2rem) 2rem}.page-loading{text-align:center;color:#687284;padding:2rem}.top-head{background:#fff;border:1px solid rgba(57,62,70,.12);border-radius:12px;height:60px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.title-left{display:flex;align-items:center;gap:.55rem}.title-left .material-symbols-outlined{color:var(--c3)}.title-left h2{margin:0;color:#2f3641;font-size:1rem;font-weight:700}.icon-circle{width:34px;height:34px;border:1px solid #d6dde8;border-radius:999px;background:#fff;color:#697488;display:inline-flex;align-items:center;justify-content:center}.breadcrumbs{display:flex;align-items:center;gap:.3rem;color:#7a8394;font-size:.82rem;margin-bottom:.9rem}.breadcrumbs button{border:0;background:transparent;color:inherit;padding:0}.breadcrumbs span:last-child{color:#2f3641;font-weight:600}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.page-title-row h1{margin:0;color:#2f3641;font-size:clamp(1.45rem,2.8vw,2.05rem);font-weight:900}.page-title-row p{margin:.3rem 0 0;color:#697284;font-size:.88rem}.review-pill{border:1px solid #e6d7a6;background:#fff8e7;color:#a67420;border-radius:10px;padding:.45rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.1rem}.left-stack,.right-stack{display:flex;flex-direction:column;gap:1rem}.panel{background:#fff;border:1px solid rgba(57,62,70,.12);border-radius:14px;box-shadow:0 8px 24px #393e460f;overflow:hidden}.panel-head{padding:1rem;border-bottom:1px solid rgba(57,62,70,.08);display:flex;align-items:center;gap:.5rem}.panel-head .material-symbols-outlined{color:var(--c3)}.panel-head h3{margin:0;color:#2f3641;font-size:1rem;font-weight:700}.details{padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.item{display:flex;flex-direction:column;gap:.3rem}.label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#7d8697;font-weight:700}.value{border:1px solid #d9e0ea;background:#f7f7f7;border-radius:10px;padding:.55rem .65rem;font-size:.84rem;color:#39404c;display:inline-flex;align-items:center;gap:.4rem}.value .material-symbols-outlined{color:#798295;font-size:17px}.avatar-row{display:flex;align-items:center;gap:.5rem}.avatar{width:30px;height:30px;border-radius:8px;background:#393e461f;color:var(--c3);font-weight:700;font-size:.72rem;display:flex;align-items:center;justify-content:center}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:8px;font-size:.8rem;font-weight:600;padding:.25rem .45rem}.chip.ok{background:#ebf7ef;color:#2f8554;border:1px solid #cae8d3}.strong{font-weight:800}.full-block{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.38rem}.comment{border:1px solid #d9e0ea;background:#f7f7f7;border-radius:10px;padding:.8rem;font-size:.84rem;color:#5d6778;font-style:italic;line-height:1.5}.doc-list{display:flex;flex-direction:column;gap:.5rem}.doc-item{width:100%;border:1px dashed #bbc7d8;background:#f9fafb;border-radius:10px;padding:.62rem .72rem;font-size:.82rem;color:#3f4756;display:flex;align-items:center;gap:.45rem;text-decoration:none}.doc-item .ml-auto{margin-left:auto}.no-docs{color:#8d95a4;font-size:.82rem}.action-body{padding:1rem}.action-body label{display:block;margin-bottom:.4rem;color:#434b5b;font-size:.82rem;font-weight:700}.required{color:#a53939}.action-body textarea{width:100%;border:1px solid #d7dee8;background:#f7f7f7;border-radius:10px;padding:.8rem;font-size:.84rem;color:#3d4451;font-family:inherit;resize:vertical}.action-body textarea:focus{outline:none;border-color:var(--c3);box-shadow:0 0 0 3px #393e461f}.buttons{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.8rem}.btn{border-radius:10px;padding:.62rem .95rem;font-size:.8rem;font-weight:700;border:1px solid transparent}.btn.reject{background:#fff;border-color:#d4dce8;color:#606a7d}.btn.approve{background:var(--c3);color:#fff}.btn:disabled{opacity:.65}.checklist{padding:1rem;display:flex;flex-direction:column;gap:.72rem}.check-row{display:flex;align-items:flex-start;gap:.62rem}.icon-box{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center}.icon-box.is-cleared{background:#eaf7ee;color:#2f8554}.icon-box.is-pending{background:#393e461f;color:var(--c3)}.icon-box.is-unknown{background:#edf1f6;color:#8e97a8}.check-meta{flex:1}.line{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.15rem}.line h4{margin:0;color:#313744;font-size:.8rem;font-weight:700}.check-meta p{margin:0;color:#778193;font-size:.73rem}.check-meta small{margin-top:.15rem;display:block;font-size:.7rem;color:#a53939;font-weight:700}.tag{font-size:.6rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.tag.is-cleared{color:#2f8554}.tag.is-pending{color:#393e46}.tag.is-unknown{color:#8d95a4}.note{border-top:1px solid rgba(57,62,70,.08);background:#929aab1f;color:#4d5666;padding:.75rem 1rem;font-size:.74rem;font-weight:700;display:flex;align-items:center;gap:.35rem}@media(max-width:1100px){.content-grid{grid-template-columns:1fr}}@media(max-width:991px){.hod-approval-page .main-content,.hod-approval-page .main-content.sidebar-collapsed{margin-left:0}}@media(max-width:768px){.page-title-row{flex-direction:column;align-items:flex-start}.details{grid-template-columns:1fr}.buttons{flex-direction:column}}.hr-exit-approval-container{font-family:Inter,Poppins,sans-serif;background:#f3f4f6;min-height:100vh;display:flex}.hr-exit-approval-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.hr-exit-approval-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.hr-exit-approval-inner{padding:0;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height, 70px))}.hr-exit-loading-text{padding:2rem;text-align:center;color:#6b7280}.hr-exit-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.hr-exit-error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem}.hr-exit-error-message{color:#6b7280;margin:0 0 1.5rem;max-width:28rem}.hr-exit-no-attachments{color:#9ca3af;font-size:.875rem}.hr-exit-action-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-bottom:1rem}.hr-exit-action-error .material-symbols-outlined{font-size:1.25rem;flex-shrink:0}.hr-exit-approval-page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.hr-exit-approval-header-left{display:flex;align-items:center;gap:.75rem}.hr-exit-approval-icon-wrap{padding:.5rem;background:#5a5f671a;border-radius:.5rem;color:#5a5f67}.hr-exit-approval-icon-wrap .material-symbols-outlined{font-size:1.5rem}.hr-exit-approval-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .25rem}.hr-exit-approval-subtitle{font-size:.75rem;color:#6b7280;margin:0}.hr-exit-approval-view-list{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#5a5f67;background:transparent;border:1px solid #5a5f67;border-radius:12px;cursor:pointer;transition:background .2s}.hr-exit-approval-view-list:hover{background:#5a5f670d}.hr-exit-approval-view-list .material-symbols-outlined{font-size:1.125rem}.hr-exit-approval-main{flex:1;padding:1.5rem 2rem;max-width:80rem;margin:0 auto;width:100%}.hr-exit-approval-layout{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.hr-exit-approval-layout{flex-direction:row}.hr-exit-approval-left{width:60%}.hr-exit-approval-right{width:40%}}.hr-exit-approval-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.hr-exit-approval-card:last-child{margin-bottom:0}.hr-exit-approval-section-title{font-size:1.125rem;font-weight:600;color:#5a5f67;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.hr-exit-approval-section-title .material-symbols-outlined{color:#5a5f67}.hr-exit-interview-qa-card{margin-top:1.5rem}.hr-exit-interview-submitted{font-size:.8125rem;color:#6b7280;margin:-.75rem 0 1rem}.hr-exit-interview-qa-list{display:flex;flex-direction:column;gap:1rem}.hr-exit-interview-qa-row{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background:#f9fafb;border-radius:8px;border-left:3px solid #5a5f67}.hr-exit-interview-qa-q{font-size:.875rem;font-weight:500;color:#374151}.hr-exit-interview-qa-a{font-size:.9375rem;color:#111827}.hr-exit-interview-stars{display:inline-flex;gap:.15rem}.hr-exit-interview-star{color:#d1d5db;font-size:1.125rem}.hr-exit-interview-star.filled{color:#f59e0b}.hr-exit-interview-qa-empty{font-size:.875rem;color:#9ca3af;margin:0;font-style:italic}.hr-exit-approval-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.hr-exit-approval-details-grid{grid-template-columns:1fr}}.hr-exit-field{display:flex;flex-direction:column;gap:.25rem}.hr-exit-field-full{grid-column:1 / -1}.hr-exit-field label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.hr-exit-field-value{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#111827}.hr-exit-status-confirmed{display:flex;align-items:center;gap:.5rem;color:#5a5f67}.hr-exit-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#5a5f67}.hr-exit-reason-row{display:flex;align-items:center;justify-content:space-between}.hr-exit-badge-selected{font-size:.75rem;padding:.25rem .5rem;background:#e5e7eb;color:#6b7280;border-radius:.25rem}.hr-exit-comments{font-style:italic;color:#6b7280}.hr-exit-hod-comments{background:#3b82f60d;border-color:#bfdbfe;color:#111827}.hr-exit-hr-action-card{border-left:4px solid #5a5f67}.hr-exit-hr-form label{display:block;font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.5rem}.hr-exit-required{color:#ef4444}.hr-exit-textarea{width:100%;padding:.75rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#111827;resize:vertical;outline:none}.hr-exit-textarea:focus{border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f6733}.hr-exit-attachments{margin-top:1rem}.hr-exit-attachments label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.hr-exit-attachment-link,.hr-exit-attachment-btn{display:flex;align-items:center;padding:.75rem;border:1px dashed #e5e7eb;border-radius:.5rem;text-decoration:none;transition:all .2s}.hr-exit-attachment-btn{width:100%;text-align:left;background:transparent;cursor:pointer;font:inherit}.hr-exit-attachment-link:hover{border-color:#5a5f67;background:#5a5f670d}.hr-exit-attachment-icon{padding:.5rem;background:#5a5f671a;border-radius:.25rem;color:#5a5f67}.hr-exit-attachment-icon .material-symbols-outlined{font-size:1.25rem}.hr-exit-attachment-info{margin-left:.75rem;flex:1}.hr-exit-attachment-info p{font-size:.875rem;font-weight:500;color:#5a5f67;margin:0 0 .25rem}.hr-exit-attachment-info span{font-size:.75rem;color:#6b7280}.hr-exit-attachment-link .material-symbols-outlined:last-child{font-size:.875rem;color:#6b7280}.hr-exit-attachment-link:hover .material-symbols-outlined:last-child{color:#5a5f67}.hr-exit-clearance-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1.5rem}.hr-exit-clearance-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.hr-exit-clearance-header h3{font-size:.9375rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.hr-exit-clearance-header .material-symbols-outlined{color:#f97316}.hr-exit-clearance-badge{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;background:#fed7aa;color:#c2410c}.hr-exit-clearance-list{border-top:1px solid #e5e7eb}.hr-exit-clearance-item{padding:1rem;border-bottom:1px solid #e5e7eb;transition:background .2s}.hr-exit-clearance-item:last-child{border-bottom:none}.hr-exit-clearance-item:hover{background:#f9fafb}.hr-exit-clearance-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.hr-exit-clearance-item-title{display:flex;align-items:center;gap:.75rem}.hr-exit-clearance-item-title .material-symbols-outlined{font-size:1.25rem;color:#6b7280}.hr-exit-clearance-item-title span:last-child{font-size:.875rem;font-weight:500}.hr-exit-return-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#dc2626;border:1px solid #dc2626;padding:.125rem .25rem;border-radius:.25rem}.hr-exit-clearance-desc{font-size:.75rem;color:#6b7280;font-style:italic;margin:0 0 0 2.25rem}.hr-exit-clearance-asset{margin-left:2.25rem}.hr-exit-clearance-asset p{font-size:.75rem;font-weight:500;color:#111827;margin:0 0 .25rem}.hr-exit-clearance-asset span{font-size:.75rem;color:#6b7280}.hr-exit-return-pending{background:#5a5f670d}.hr-exit-return-pending .hr-exit-clearance-item-title .material-symbols-outlined{color:#5a5f67}.hr-exit-return-pending .hr-exit-clearance-item-title span:last-child{color:#5a5f67}.hr-exit-interviews-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1.5rem}.hr-exit-interviews-header-btn{width:100%;padding:1rem;background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;font:inherit;transition:background .2s}.hr-exit-interviews-header-btn:hover{background:#f3f4f6}.hr-exit-interviews-header-btn h3{font-size:.9375rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.hr-exit-interviews-header-btn .material-symbols-outlined:first-of-type{color:#5a5f67}.hr-exit-interviews-chevron{font-size:1.25rem!important;color:#6b7280!important}.hr-exit-interview-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;border:none;border-bottom:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:background .2s;text-align:left;font:inherit}.hr-exit-interview-item:last-of-type{border-bottom:none}.hr-exit-interview-item:hover{background:#f9fafb}.hr-exit-interview-left{display:flex;align-items:center;gap:.75rem}.hr-exit-interview-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.hr-exit-interview-done{background:#dcfce7;color:#5a5f67}.hr-exit-interview-left p{font-size:.875rem;font-weight:500;margin:0 0 .25rem}.hr-exit-interview-left span{font-size:.75rem;color:#6b7280}.hr-exit-interview-item .material-symbols-outlined:last-child{font-size:.875rem;color:#6b7280}.hr-exit-interview-item:hover .material-symbols-outlined:last-child{color:#5a5f67}.hr-exit-interview-qa-right{padding:1rem;border-top:1px solid #e5e7eb;background:#fafafa;max-height:min(60vh,400px);overflow-y:auto}.hr-exit-interview-qa-right .hr-exit-interview-submitted{font-size:.8125rem;color:#6b7280;margin:0 0 .75rem}.hr-exit-interview-qa-right .hr-exit-interview-qa-list{display:flex;flex-direction:column;gap:.75rem}.hr-exit-interview-qa-right .hr-exit-interview-qa-row{padding:.6rem .75rem;background:#fff;border-radius:8px;border-left:3px solid #5a5f67}.hr-exit-interview-qa-right .hr-exit-interview-qa-q{font-size:.8125rem;font-weight:500;color:#374151}.hr-exit-interview-qa-right .hr-exit-interview-qa-a{font-size:.875rem;color:#111827}.hr-exit-interview-qa-right .hr-exit-interview-qa-empty{font-size:.8125rem;color:#9ca3af;margin:0;font-style:italic}.hr-exit-info-banner{display:flex;gap:.75rem;padding:1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px}.hr-exit-info-banner .material-symbols-outlined{font-size:1.25rem;color:#2563eb;flex-shrink:0}.hr-exit-info-banner p{font-size:.75rem;color:#1e40af;margin:0;line-height:1.5}.hr-exit-approval-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 6px -1px #0000001a;padding:1rem 1.5rem;z-index:40}.hr-exit-footer-inner{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.hr-exit-footer-inner{flex-direction:row;align-items:center;justify-content:space-between}}.hr-exit-footer-reviewing{font-size:.875rem;color:#6b7280;margin:0}.hr-exit-footer-reviewing span{font-weight:500;color:#111827}.hr-exit-footer-actions{display:flex;gap:.75rem;margin-left:auto}.hr-exit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;border:none;transition:all .2s}.hr-exit-btn .material-symbols-outlined{font-size:1.125rem}.hr-exit-btn-reject{color:#dc2626;background:#fff;border:1px solid #fecaca}.hr-exit-btn-reject:hover{background:#fef2f2}.hr-exit-btn-approve{color:#fff;background:#5a5f67;box-shadow:0 4px 6px -1px #5a5f674d}.hr-exit-btn-approve:hover:not(:disabled){background:#4a5d31}.hr-exit-btn-approve:disabled{opacity:.5;cursor:not-allowed}.hr-exit-btn-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hr-exit-spin .7s linear infinite}.hr-exit-btn-reject .hr-exit-btn-spinner{border-color:#dc26264d;border-top-color:#dc2626}@keyframes hr-exit-spin{to{transform:rotate(360deg)}}.mrf-th-referral,.mrf-td-referral{text-align:center;vertical-align:middle;white-space:nowrap}.mrf-referral-switch .form-check-input{cursor:pointer}.mrf-referral-switch .form-check-input:checked{background-color:#8e1616;border-color:#8e1616}.mrf-referral-status-muted{font-size:.8125rem;color:#94a3b8}.mrf-pipeline-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.mrf-pipeline-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.mrf-pipeline-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.mrf-pipeline-inner{padding:2rem}.mrf-pipeline-header{margin-bottom:2rem;display:flex;flex-wrap:wrap;flex-direction:column;gap:1.5rem}.mrf-pipeline-header-brand{display:flex;align-items:center;gap:1rem;min-width:0}.mrf-pipeline-hero-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(145deg,#5a5f6724,#5a5f670f);border:1px solid rgba(90,95,103,.12);display:flex;align-items:center;justify-content:center;color:#5a5f67;font-size:1.5rem}.mrf-pipeline-subtitle-line{margin:0;font-size:.9375rem;color:#64748b;line-height:1.45;max-width:36rem}@media(min-width:768px){.mrf-pipeline-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.mrf-pipeline-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.mrf-breadcrumb-icon{font-size:1rem}.mrf-pipeline-breadcrumb-current{color:#0f172a;font-weight:500}.mrf-pipeline-title{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:#0f172a;margin:0 0 .5rem}.mrf-pipeline-subtitle{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:#64748b}.mrf-pipeline-badge{background:#5a5f671f;color:#5a5f67;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.mrf-pipeline-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mrf-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.mrf-btn .material-symbols-outlined{font-size:1.125rem}.mrf-btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0}.mrf-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.mrf-btn-primary{background:#5a5f67;color:#fff;box-shadow:0 1px 2px #0000000d}.mrf-btn-primary:hover{background:#566b3a;box-shadow:0 4px 12px #5a5f674d}.mrf-btn-view{padding:.375rem 1rem;font-size:.75rem;font-weight:700;background:#5a5f67;color:#fff;border-radius:.5rem}.mrf-btn-view:hover{background:#566b3a}.mrf-btn-icon{padding:.375rem;background:transparent;color:#94a3b8}.mrf-btn-icon:hover{color:#475569}.mrf-pipeline-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0;overflow:hidden}.mrf-pipeline-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.mrf-pipeline-tab{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .2s,border-color .2s}.mrf-pipeline-tab:hover{color:#0f172a}.mrf-pipeline-tab.active{color:#0f172a;border-bottom-color:#5a5f67}.mrf-pipeline-toolbar{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.mrf-pipeline-search-wrap{position:relative;max-width:28rem}.mrf-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#94a3b8;pointer-events:none}.mrf-pipeline-search{width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;border:none;border-radius:.5rem;background:#f1f5f9;outline:none;transition:background .2s}.mrf-pipeline-search:focus{background:#e2e8f0}.mrf-pipeline-loading,.mrf-pipeline-empty{padding:2rem;text-align:center;color:#64748b;font-size:.875rem}.mrf-pipeline-footer-extra{color:#64748b;font-weight:400}.mrf-pipeline-table-wrap{overflow-x:auto}.mrf-pipeline-table{width:100%;border-collapse:collapse;font-size:.875rem}.mrf-pipeline-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.mrf-pipeline-table th{padding:.45rem .75rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.mrf-th-actions{text-align:right}.mrf-pipeline-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mrf-pipeline-table tbody tr:hover{background:#f8fafc}.mrf-pipeline-table td{padding:.4rem .75rem;vertical-align:middle}.mrf-td-mrfid{font-weight:600;color:#5a5f67}.mrf-position{font-weight:700;color:#0f172a;margin:0 0 .125rem}.mrf-department{font-size:.75rem;color:#64748b;margin:0}.mrf-td-date{color:#475569}.mrf-td-candidates{min-width:180px}.mrf-candidates-wrap{display:flex;align-items:center;gap:.5rem}.mrf-candidates-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;cursor:pointer;border-radius:.375rem;transition:background .2s}.mrf-candidates-icon-btn:hover{background:#5a5f671f}.mrf-candidates-icon{font-size:1.125rem;color:#5a5f67}.mrf-candidates-icon-img{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0;opacity:.92}.mrf-candidates-icon-btn:hover .mrf-candidates-icon-img{opacity:1}.mrf-candidates-count{font-size:.875rem;font-weight:500;color:#334155}.mrf-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.mrf-badge-approved{background:#dcfce7;color:#4e535b}.mrf-badge-rejected{background:#fee2e2;color:#b91c1c}.mrf-badge-pending{background:#fef9c3;color:#a16207}.mrf-candidates{display:flex;align-items:center;gap:.5rem;min-width:180px}.mrf-icon-person{font-size:1.125rem;color:#5a5f67}.mrf-td-actions{text-align:right;white-space:nowrap}.mrf-td-actions .mrf-btn,.mrf-td-actions .mrf-btn-icon{margin-left:.25rem}.mrf-btn-view-details{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.mrf-btn-view-details:hover{background:#f8fafc;border-color:#5a5f67;color:#5a5f67}.mrf-btn-view{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;background:#5a5f67;color:#fff;border:1px solid #5a5f67;border-radius:.5rem;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.mrf-btn-view:hover{background:#566b3a;border-color:#566b3a;color:#fff}.mrf-btn-edit{padding:.375rem .75rem;font-size:.8125rem;font-weight:600;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.mrf-btn-edit:hover{background:#f8fafc;border-color:#5a5f67;color:#5a5f67}.mrf-pipeline-section-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0 0 1rem;padding:1rem 1.5rem 0}.mrf-pipeline-section .mrf-pipeline-table-wrap{padding:0 1.5rem 1rem}.mrf-pipeline-footer{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.mrf-pagination-info{font-size:.75rem;color:#64748b;margin:0}.mrf-pagination-bold{font-weight:700;color:#0f172a}.mrf-pagination-controls{display:flex;align-items:center;gap:.5rem}.mrf-pagination-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;font-size:.875rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;border-radius:.5rem;color:#334155;cursor:pointer;transition:all .2s;min-width:2rem}.mrf-pagination-btn .material-symbols-outlined{font-size:.875rem}.mrf-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.mrf-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.mrf-pagination-num.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.mrf-pagination-num.active:hover{background:#566b3a;border-color:#566b3a}.mrf-candidates-modal-backdrop{position:fixed;inset:0;z-index:1050;background:#1c1f214d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mrf-candidates-modal{position:fixed;top:0;right:0;z-index:1051;width:100%;max-width:28rem;height:100%;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:mrf-candidates-modal-slide .3s ease-out}@keyframes mrf-candidates-modal-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.mrf-candidates-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e1e4e7;flex-shrink:0}.mrf-candidates-modal-title{font-size:1.25rem;font-weight:700;color:#1c1f21;margin:0 0 .25rem}.mrf-candidates-modal-subtitle{font-size:.875rem;color:#6a6d70;margin:0}.mrf-candidates-modal-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#6a6d70;cursor:pointer;border-radius:9999px;transition:color .2s,background .2s}.mrf-candidates-modal-close:hover{color:#1c1f21;background:#eff1f2}.mrf-candidates-modal-close .material-symbols-outlined{font-size:1.5rem}.mrf-candidates-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.mrf-candidates-modal-body::-webkit-scrollbar{width:6px}.mrf-candidates-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.mrf-candidates-modal-body::-webkit-scrollbar-thumb{background:#cfd4d9;border-radius:10px}.mrf-candidates-modal-body::-webkit-scrollbar-thumb:hover{background:#5a5f67}.mrf-candidates-modal-loading,.mrf-candidates-modal-empty{font-size:.875rem;color:#6a6d70;margin:0}.mrf-candidates-modal-list{display:flex;flex-direction:column;gap:1rem}.mrf-candidates-modal-card{padding:1rem;background:#fff;border:1px solid #e1e4e7;border-radius:.5rem;transition:box-shadow .2s}.mrf-candidates-modal-card:hover{box-shadow:0 4px 12px #00000014}.mrf-candidates-modal-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mrf-candidates-modal-card-info{display:flex;align-items:center;gap:1rem}.mrf-candidates-modal-avatar{width:3rem;height:3rem;border-radius:9999px;border:1px solid #e1e4e7;background:#f4f6f1;color:#5a5f67;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center}.mrf-candidates-modal-card-name{font-size:.9375rem;font-weight:600;color:#1c1f21;margin:0 0 .125rem}.mrf-candidates-modal-card-dept{font-size:.75rem;color:#6a6d70;margin:0}.mrf-candidates-modal-btn-offer{padding:.375rem 1rem;font-size:.75rem;font-weight:500;background:#5a5f67;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-family:inherit;transition:background .2s,transform .1s}.mrf-candidates-modal-btn-offer:hover{background:#5a6e3d}.mrf-candidates-modal-btn-offer:active{transform:scale(.98)}.mrf-candidates-modal-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.mrf-candidates-modal-card-actions-bottom{margin-top:.6rem}.mrf-candidates-modal-btn-view-offer{display:inline-flex;align-items:center;gap:.35rem;padding:.375rem 1rem;font-size:.75rem;font-weight:500;background:#1a56db;color:#fff;border:none;border-radius:.25rem;cursor:pointer;white-space:nowrap}.mrf-candidates-modal-btn-view-offer:hover{background:#1649b8}.mrf-candidates-modal-btn-view-offer .mrf-candidates-modal-btn-icon{font-size:1rem}.mrf-candidates-modal-btn-backoff{padding:.35rem .85rem;font-size:.75rem;font-weight:600;background:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.35);border-radius:.3rem;cursor:pointer}.mrf-candidates-modal-btn-backoff:hover{background:#d9770633}.mrf-candidates-modal-card-details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;border-top:1px solid #f7f8f9;padding-top:.75rem}.mrf-candidates-modal-label{color:#6a6d70}.mrf-candidates-modal-value{color:#1c1f21;font-weight:500}.mrf-candidates-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;background:#f7f8f9;border-top:1px solid #e1e4e7;flex-shrink:0}.mrf-candidates-modal-btn-cancel{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#6a6d70;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s}.mrf-candidates-modal-btn-cancel:hover{color:#1c1f21}.mrf-candidates-modal-btn-done{padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:#1c1f21;border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;transition:background .2s}.mrf-candidates-modal-btn-done:hover{background:#6a6d70}.recruitment-portal{--rec-primary: #FF1E56;--rec-secondary: #323232;--rec-bg-page: #F5F2F2;--rec-card: #FFFFFF;--rec-font: "Space Grotesk", sans-serif;--rec-font-pacifico: "Pacifico", cursive;background-color:var(--rec-bg-page);color:var(--rec-secondary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.recruitment-portal-body{display:flex;height:100vh;overflow:hidden}.recruitment-sidebar{width:16rem;height:calc(100vh - 2rem);margin:1rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px #00000026;background:var(--rec-secondary)}.recruitment-sidebar-top{display:flex;flex-direction:column;gap:2rem}.recruitment-sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.recruitment-sidebar-logo{width:2.5rem;height:2.5rem;background:var(--rec-primary);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 15px -3px #ff1e5633}.recruitment-sidebar-logo .material-symbols-outlined{font-size:1.5rem}.recruitment-sidebar-title{color:#fff;font-size:1.125rem;font-weight:700;line-height:1.2}.recruitment-sidebar-subtitle{color:#94a3b8;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.recruitment-sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.recruitment-sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#94a3b8;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:color .2s,background .2s}.recruitment-sidebar-nav a:hover{color:#fff}.recruitment-sidebar-nav a.active{background:#ffffff1a;color:var(--rec-primary);border-right:4px solid var(--rec-primary);font-weight:700}.recruitment-sidebar-nav .material-symbols-outlined{font-size:1.25rem}.recruitment-sidebar-bottom{display:flex;flex-direction:column;gap:1rem}.recruitment-quota{background:#ffffff0d;padding:1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.recruitment-quota-label{font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.recruitment-quota-bar{height:6px;width:100%;background:#475569;border-radius:9999px;overflow:hidden}.recruitment-quota-fill{height:100%;width:75%;background:var(--rec-secondary)}.recruitment-btn-new-mrf{width:100%;background:var(--rec-primary);color:#fff;font-weight:700;padding:.75rem 1rem;border-radius:.75rem;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 10px 15px -3px #ff1e5633}.recruitment-btn-new-mrf:hover{background:#ff1e56e6}.recruitment-btn-new-mrf:active{transform:scale(.98)}.recruitment-btn-new-mrf .material-symbols-outlined{font-size:1.25rem}.recruitment-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1rem 2rem}.recruitment-main::-webkit-scrollbar{width:4px}.recruitment-main::-webkit-scrollbar-track{background:#e2e8f0}.recruitment-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.recruitment-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.recruitment-header{flex-direction:row;align-items:center;justify-content:space-between}}.recruitment-header h2{font-size:1.875rem;font-weight:700;color:#000;letter-spacing:-.025em;margin:0}.recruitment-header-desc{color:#323232b3;margin-top:.25rem;margin:0}.recruitment-header-actions{display:flex;align-items:center;gap:1rem}.recruitment-search-wrap{position:relative}.recruitment-search-wrap .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem}.recruitment-search{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:.625rem 1rem .625rem 2.5rem;width:16rem;font-size:.875rem;color:var(--rec-secondary);font-family:inherit}.recruitment-search::placeholder{color:#9ca3af}.recruitment-search:focus{outline:none;box-shadow:0 0 0 1px var(--rec-primary)}.recruitment-icon-btn{padding:.625rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;color:var(--rec-secondary);cursor:pointer;position:relative;transition:color .2s,border-color .2s;font-family:inherit}.recruitment-icon-btn:hover{color:#000}.recruitment-icon-btn .material-symbols-outlined{font-size:1.25rem}.recruitment-user-wrap{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.375rem 1rem .375rem .375rem;border-radius:.75rem;border:1px solid #e5e7eb}.recruitment-user-avatar{width:2rem;height:2rem;border-radius:.5rem;background:#e2e8f0;background-size:cover;background-position:center}.recruitment-user-name{font-size:.75rem;font-weight:700;color:#e2e8f0}.recruitment-stats{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.recruitment-stats{grid-template-columns:repeat(3,1fr)}}.recruitment-stat-card{background:var(--rec-card);padding:1.5rem;border-radius:1rem;border:1px solid #f3f4f6;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.recruitment-stat-card:before{content:"";position:absolute;right:-1rem;top:-1rem;width:6rem;height:6rem;background:#ff1e561a;border-radius:9999px;filter:blur(1.5rem)}.recruitment-stat-card:nth-child(2):before{background:#3232321a}.recruitment-stat-label{color:#94a3b8;font-size:.875rem;font-weight:500;margin:0}.recruitment-stat-value-wrap{display:flex;align-items:flex-end;gap:.5rem;margin-top:.5rem}.recruitment-stat-value{font-size:2.25rem;font-weight:700;color:#000;line-height:1;margin:0}.recruitment-stat-meta{font-size:.75rem;font-weight:700;color:var(--rec-primary);margin-bottom:.25rem;display:flex;align-items:center}.recruitment-stat-card-dark{background:var(--rec-secondary);border-color:#ffffff0d;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.recruitment-stat-card-dark:before{right:-2rem;bottom:-2rem;width:8rem;height:8rem;background:#ff1e5633}.recruitment-stat-card-dark .recruitment-stat-label{color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.recruitment-stat-card-dark .recruitment-stat-value{color:#fff;font-size:1.25rem}.recruitment-stat-card-dark .recruitment-stat-meta{color:#fff9;font-size:.75rem;text-transform:uppercase}.recruitment-stat-card-dark .recruitment-stat-value-wrap{margin-top:auto}.recruitment-stat-card-dark .recruitment-stat-value-wrap .recruitment-stat-value{font-size:2.25rem}.recruitment-stat-dark-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:1}.recruitment-stat-dark-chevron{padding:.375rem;background:#ffffff1a;border-radius:.5rem;color:#fff;cursor:pointer;transition:background .2s}.recruitment-stat-dark-chevron:hover{background:#fff3}.recruitment-card{background:var(--rec-card);border-radius:1rem;border:1px solid #f3f4f6;box-shadow:0 4px 6px -1px #00000014;overflow:hidden;margin-bottom:3rem}.recruitment-card-head{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between}.recruitment-card-title{font-size:1.125rem;font-weight:700;color:#000;margin:0}.recruitment-card-head p{font-size:.75rem;color:#94a3b8;margin:.25rem 0 0}.recruitment-card-filter{color:var(--rec-primary);font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-family:inherit}.recruitment-card-filter:hover{text-decoration:underline}.recruitment-table-wrap{overflow-x:auto}.recruitment-table{width:100%;border-collapse:collapse;text-align:left}.recruitment-table thead tr{background:#f9fafb80}.recruitment-table th{padding:.45rem .75rem;font-size:.75rem;font-weight:700;color:#32323280;text-transform:uppercase;letter-spacing:.05em}.recruitment-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.recruitment-table tbody tr:hover{background:#f9fafb}.recruitment-table td{padding:.4rem .75rem;font-size:.8rem;color:var(--rec-secondary)}.recruitment-table .recruitment-pos-name{font-weight:700;color:#000}.recruitment-table .recruitment-pos-meta{font-size:.75rem;color:#94a3b8}.recruitment-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.recruitment-badge-primary{background:#ff1e5633;color:var(--rec-primary);border:1px solid rgba(255,30,86,.3)}.recruitment-badge-secondary{background:#3232321a;color:var(--rec-secondary);border:1px solid rgba(50,50,50,.2)}.recruitment-badge-dark{background:#000;color:#fff}.recruitment-btn-candidates{display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.375rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;font-weight:700;color:#000;font-size:.875rem;font-family:inherit;transition:background .2s}.recruitment-btn-candidates:hover{background:#e5e7eb}.recruitment-btn-candidates .material-symbols-outlined{color:var(--rec-primary);font-size:1.25rem}.recruitment-btn-view{background:none;border:none;font-weight:700;color:#000;cursor:pointer;font-size:.875rem;font-family:inherit}.recruitment-btn-view:hover{text-decoration:underline}.recruitment-btn-archive{color:var(--rec-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:none;border:none;cursor:pointer;font-family:inherit}.recruitment-btn-archive:hover{color:#ff1e56cc}.recruitment-card-actions{display:flex;gap:.5rem;align-items:center}.recruitment-download-btn{padding:.5rem;background:#f3f4f6;border-radius:.5rem;border:1px solid #e5e7eb;color:var(--rec-secondary);cursor:pointer;transition:color .2s}.recruitment-download-btn:hover{color:#000}.mrf-detail-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.mrf-detail-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.mrf-detail-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.mrf-detail-inner{padding:0;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height, 70px))}.mrf-detail-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid rgba(90,95,103,.1);flex-shrink:0}.mrf-detail-breadcrumb-wrap{display:flex;align-items:center;gap:.35rem;font-size:.875rem}.mrf-detail-breadcrumb-link{background:none;border:none;color:#64748b;cursor:pointer;padding:0;font:inherit}.mrf-detail-breadcrumb-link:hover{color:#5a5f67}.mrf-detail-breadcrumb-sep{color:#cbd5e1}.mrf-detail-loading,.mrf-detail-error{padding:2rem 1.5rem;text-align:center;color:#64748b}.mrf-detail-error{color:#dc2626}.mrf-detail-empty-text{color:#94a3b8;font-size:.875rem;margin:0}.mrf-detail-empty{padding:1.5rem;text-align:center;color:#94a3b8}.mrf-detail-breadcrumb-current{font-weight:600;color:#0f172a}.mrf-detail-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#5a5f67;background:#5a5f671a;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s}.mrf-detail-export-btn:hover{background:#5a5f67;color:#fff}.mrf-detail-export-btn .material-symbols-outlined{font-size:1.125rem}.mrf-detail-content{max-width:92rem;margin:0 auto;width:100%;padding:1.5rem 1.5rem 2rem}.mrf-detail-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0;border:none;background:none;font-size:.9375rem;font-weight:500;color:#64748b;cursor:pointer;transition:color .2s}.mrf-detail-back-btn:hover{color:#5a5f67}.mrf-detail-back-btn .material-symbols-outlined{font-size:1.25rem;transition:transform .2s}.mrf-detail-back-btn:hover .material-symbols-outlined{transform:translate(-2px)}.mrf-detail-tabs{display:flex;gap:0;border-bottom:1px solid rgba(90,95,103,.1);margin-bottom:1.5rem}.mrf-detail-tab{padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.mrf-detail-tab:hover{color:#64748b}.mrf-detail-tab.active{color:#5a5f67;border-bottom-color:#5a5f67}.mrf-detail-tab-content{display:flex;flex-direction:column;gap:1.5rem}.mrf-detail-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid rgba(90,95,103,.1);position:relative;overflow:hidden}.mrf-detail-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#5a5f67}.mrf-detail-hero-left{display:flex;align-items:center;gap:1.5rem}.mrf-detail-hero-icon-wrap{width:5rem;height:5rem;background:#5a5f6714;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.mrf-detail-hero-icon{font-size:2.5rem;color:#5a5f67}.mrf-detail-hero-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem;color:#0f172a}.mrf-detail-hero-meta{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.25rem}.mrf-detail-hero-meta-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:#64748b}.mrf-detail-hero-meta-item .material-symbols-outlined{font-size:1rem;color:#5a5f67}.mrf-detail-hero-right{display:flex;flex-direction:column;align-items:flex-end}.mrf-detail-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5a5f67;background:#5a5f671a;border:1px solid rgba(90,95,103,.2);border-radius:9999px}.mrf-detail-status-dot{width:.5rem;height:.5rem;border-radius:50%;background:#5a5f67}.mrf-detail-requested-by{font-size:.75rem;color:#94a3b8;margin:.5rem 0 0}.mrf-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.mrf-detail-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid rgba(90,95,103,.1);padding:1.5rem;position:relative;overflow:hidden}.mrf-detail-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#5a5f67}.mrf-detail-card-full{grid-column:1 / -1}.mrf-detail-card-workflow .mrf-detail-card-head{flex-wrap:wrap;align-items:center;gap:.75rem}.mrf-detail-workflow-badge{margin-left:auto;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700}.mrf-detail-workflow-badge-pending{background:#fef3c7;color:#b45309}.mrf-detail-workflow-badge-approved{background:#e8ecec;color:#3d4448}.mrf-detail-workflow-badge-rejected{background:#fee2e2;color:#b91c1c}.mrf-detail-workflow-step{font-size:.8125rem;color:#64748b;font-weight:500}.mrf-detail-workflow-timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.mrf-detail-workflow-step-item{padding:.75rem 1rem;border-radius:.5rem;border-left:4px solid #e2e8f0;background:#f8fafc}.mrf-detail-workflow-step-item.mrf-detail-workflow-step-approved{border-left-color:#5a5f67;background:#f2f4f4}.mrf-detail-workflow-step-item.mrf-detail-workflow-step-rejected{border-left-color:#ef4444;background:#fef2f2}.mrf-detail-workflow-step-item.mrf-detail-workflow-step-pending{border-left-color:#f59e0b;background:#fffbeb}.mrf-detail-workflow-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.mrf-detail-workflow-step-num{font-weight:600;color:#0f172a}.mrf-detail-workflow-step-status{font-size:.75rem;font-weight:600;text-transform:uppercase}.mrf-detail-workflow-step-approver,.mrf-detail-workflow-step-decided,.mrf-detail-workflow-step-remark{font-size:.8125rem;color:#64748b;margin:.25rem 0 0}.mrf-detail-workflow-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #e2e8f0}.mrf-detail-workflow-self-note{margin:.75rem 0 0;padding:.65rem .75rem;font-size:.8125rem;line-height:1.45;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem}.mrf-detail-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;font-family:inherit}.mrf-detail-btn:disabled{opacity:.6;cursor:not-allowed}.mrf-detail-btn-approve{background:#5a5f67;color:#fff}.mrf-detail-btn-approve:hover:not(:disabled){background:#5a7040}.mrf-detail-btn-reject{background:#fff;color:#dc2626;border:1px solid #fecaca}.mrf-detail-btn-reject:hover:not(:disabled){background:#fef2f2}.mrf-workflow-remark-label{display:block;font-weight:600;margin-bottom:.5rem;color:#334155}.mrf-workflow-remark-input{width:100%;min-width:280px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem}.mrf-detail-card-head{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(90,95,103,.08)}.mrf-detail-card-icon{color:#5a5f67;font-size:1.25rem}.mrf-detail-card-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0}.mrf-detail-card-body{font-size:.875rem}.mrf-detail-fields{display:grid;gap:1rem}.mrf-detail-field label,.mrf-detail-req-item label,.mrf-detail-kra-label{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.25rem}.mrf-detail-field p,.mrf-detail-req-item p{font-weight:500;color:#0f172a;margin:0;font-size:.875rem}.mrf-detail-badge-inline{display:inline-block;padding:.25rem .5rem;background:#5a5f6714;border:1px solid rgba(90,95,103,.15);border-radius:.25rem;font-size:.875rem;font-weight:500}.mrf-detail-priority{display:inline-flex;align-items:center;gap:.25rem;color:#dc2626;font-weight:500}.mrf-detail-priority .material-symbols-outlined{font-size:1rem}.mrf-detail-field-full{grid-column:1 / -1}.mrf-detail-position-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-bottom:1rem}.mrf-detail-inline-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.mrf-detail-requirements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.mrf-detail-req-item{display:flex;gap:.75rem;align-items:flex-start}.mrf-detail-req-icon-wrap{width:2.5rem;height:2.5rem;background:#f1f5f9;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mrf-detail-req-item .mrf-detail-card-icon{font-size:1.25rem}.mrf-detail-kra-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.mrf-detail-kra-subtitle{font-size:.875rem;font-weight:600;color:#5a5f67;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.mrf-detail-kra-subtitle:before{content:"";width:6px;height:6px;border-radius:50%;background:#5a5f67}.mrf-detail-list{list-style:none;padding:0;margin:0}.mrf-detail-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#475569}.mrf-detail-list-icon{font-size:.875rem;color:#5a5f67;flex-shrink:0;margin-top:.15rem}.mrf-detail-kra-cards{display:flex;flex-direction:column;gap:.75rem}.mrf-detail-kra-card{padding:.75rem;background:#f7f7f6;border:1px solid rgba(90,95,103,.08);border-radius:.5rem}.mrf-detail-kra-card-row{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.mrf-detail-kra-card-row:first-child{margin-top:0}.mrf-detail-kra-label{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#64748b;margin:0}.mrf-detail-kra-weight{font-weight:700}.mrf-detail-special-note{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#5a5f670f;border-radius:.5rem;border:1px solid rgba(90,95,103,.1)}.mrf-detail-special-note-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#5a5f67;margin:0 0 .25rem}.mrf-detail-special-note-text{font-size:.875rem;color:#475569;font-style:italic;margin:0}.mrf-detail-footer-actions{display:flex;justify-content:flex-end;padding-top:1rem;gap:1rem}.mrf-detail-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,box-shadow .2s}.mrf-detail-btn .material-symbols-outlined{font-size:1.125rem}.mrf-detail-btn-primary{background:#5a5f67;color:#fff;box-shadow:0 2px 8px #5a5f6740}.mrf-detail-btn-primary:hover{background:#566b3a;box-shadow:0 4px 12px #5a5f6759}.mrf-detail-candidates-content{gap:1rem}.mrf-detail-candidates-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid rgba(90,95,103,.1);box-shadow:0 1px 3px #0000000f}.mrf-detail-candidates-header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.mrf-detail-mail-btn{padding:.4rem .85rem;font-size:.75rem}.mrf-detail-candidates-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.mrf-detail-candidates-badge{font-size:.75rem;font-weight:500;color:#fff;background:#5a5f67;padding:.25rem .75rem;border-radius:9999px}.mrf-detail-table-wrap{background:#fff;border-radius:.75rem;border:1px solid rgba(90,95,103,.1);box-shadow:0 1px 3px #0000000f;overflow-x:hidden;overflow-y:visible;position:relative}.mrf-detail-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:.875rem;text-align:left;position:relative}.mrf-detail-table th:nth-child(1),.mrf-detail-table td:nth-child(1){width:7rem;min-width:7rem;max-width:7rem;box-sizing:border-box}.mrf-detail-table th:nth-child(1) .mrf-detail-select-all-wrap{flex-wrap:wrap;row-gap:.2rem;max-width:100%}.mrf-detail-table th:nth-child(2),.mrf-detail-table td:nth-child(2){width:20%;min-width:7.5rem;box-sizing:border-box}.mrf-detail-table th:nth-child(3),.mrf-detail-table td:nth-child(3){width:16%}.mrf-detail-table th:nth-child(4),.mrf-detail-table td:nth-child(4){width:9%}.mrf-detail-table th:nth-child(5),.mrf-detail-table td:nth-child(5){width:3.25rem}.mrf-detail-table th:nth-child(6),.mrf-detail-table td:nth-child(6){width:10%}.mrf-detail-table th:nth-child(7),.mrf-detail-table td:nth-child(7){width:2.75rem}.mrf-detail-table th:nth-child(8),.mrf-detail-table td:nth-child(8){width:10%;min-width:5.5rem;box-sizing:border-box}.mrf-detail-table th:nth-child(9),.mrf-detail-table td:nth-child(9){width:18%;min-width:8.5rem;box-sizing:border-box}.mrf-detail-table th:nth-child(10),.mrf-detail-table td:nth-child(10){width:6.75rem;min-width:6.75rem;max-width:6.75rem;box-sizing:border-box}.mrf-detail-table thead th:nth-child(10){white-space:normal;text-align:center;word-break:break-word;line-height:1.2}.mrf-detail-table thead{background:#f8fafc;border-bottom:1px solid rgba(90,95,103,.1)}.mrf-detail-table th{padding:.65rem .5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:normal;line-height:1.25;-webkit-hyphens:auto;hyphens:auto}.mrf-detail-table th.text-center,.mrf-detail-table td.text-center{white-space:nowrap}.mrf-detail-table td{padding:.65rem .5rem;border-bottom:1px solid #f1f5f9;vertical-align:top}.mrf-detail-table td:nth-child(1),.mrf-detail-table td:nth-child(5),.mrf-detail-table td:nth-child(7),.mrf-detail-table td.text-center{vertical-align:middle}.mrf-detail-table tbody tr:hover{background:#5a5f670a}.mrf-detail-row-highlight{background:#5a5f670f}.mrf-detail-row-shortlisted{background:#22c55e0d}.mrf-detail-row-selected{background:#3b82f614}.text-center{text-align:center}.mrf-detail-star-btn{background:none;border:none;padding:0;cursor:pointer;color:#cbd5e1;transition:color .2s}.mrf-detail-select-all-wrap{display:inline-flex;align-items:center;gap:.35rem}.mrf-detail-row-checkbox{width:.9rem;height:.9rem;accent-color:#5a5f67;cursor:pointer}.mrf-detail-star-btn:hover{color:#f59e0b}.mrf-detail-star-btn .material-symbols-outlined.filled{color:#f59e0b;font-variation-settings:"FILL" 1}.mrf-detail-candidate-name{display:flex;align-items:center;gap:.75rem}.mrf-detail-candidate-name-stack{align-items:flex-start}.mrf-detail-candidate-name-block{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.mrf-detail-candidate-name-primary{font-weight:600;color:#0f172a;line-height:1.3;word-break:break-word}.mrf-detail-candidate-status-sub{font-size:.6875rem;font-weight:600;color:#64748b;line-height:1.35;word-break:break-word}.mrf-detail-td-name,.mrf-detail-td-decision{vertical-align:top}.mrf-detail-candidate-name-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.mrf-detail-shortlist-badge{display:inline-block;padding:.125rem .5rem;background:#22c55e26;color:#4e535b;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.mrf-detail-priority-badge{display:inline-block;padding:.125rem .5rem;background:#f59e0b2e;color:#92400e;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mrf-detail-selected-badge{display:inline-block;padding:.125rem .5rem;background:#2563eb29;color:#1d4ed8;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mrf-detail-backoff-badge{display:inline-block;padding:.125rem .5rem;background:#d9770629;color:#b45309;border-radius:.25rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.mrf-detail-avatar{width:1.75rem;height:1.75rem;border-radius:50%;background:#5a5f6726;color:#5a5f67;font-size:.625rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mrf-detail-email-phone{font-weight:500;color:#475569;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.mrf-detail-phone{font-size:.625rem;color:#94a3b8}.mrf-detail-cell-text{font-size:.75rem;white-space:nowrap}.mrf-detail-cell-wrap{white-space:normal;word-break:break-word;display:inline-block;max-width:100%;vertical-align:top}.mrf-detail-source-badge-tight{display:inline-block;max-width:100%;word-break:break-word;white-space:normal;text-align:left;line-height:1.25}.mrf-detail-offer-blocked{font-size:.75rem;color:#94a3b8;cursor:help}.mrf-detail-source-badge{display:inline-block;padding:.125rem .5rem;background:#f1f5f9;border-radius:.25rem;font-size:.625rem;font-weight:500;color:#475569}.mrf-detail-cv-btn{background:none;border:none;padding:0;cursor:pointer;color:#5a5f67;transition:opacity .2s}.mrf-detail-cv-btn:hover{opacity:.8}.mrf-detail-cv-btn .material-symbols-outlined{font-size:1.25rem}.mrf-detail-cv-btn:disabled{cursor:not-allowed;opacity:.7}.mrf-detail-offer-file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}.mrf-detail-action-buttons{display:inline-flex;align-items:center;gap:.35rem}.mrf-detail-backoff-btn{color:#b45309}.mrf-detail-cv-loader{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(90,95,103,.2);border-top-color:#5a5f67;border-radius:50%;animation:mrf-detail-spin .7s linear infinite}.mrf-detail-btn-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mrf-detail-spin .7s linear infinite}@keyframes mrf-detail-spin{to{transform:rotate(360deg)}}.mrf-detail-select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font-size:.75rem;padding:.375rem .35rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#0f172a}.mrf-detail-select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f6733}.mrf-detail-select:disabled,.mrf-detail-feedback-input:disabled{opacity:.8;cursor:not-allowed;background:#f1f5f9;color:#475569}.mrf-detail-feedback-input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;font-size:.75rem;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#0f172a}.mrf-detail-feedback-input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f6726}.mrf-detail-candidates-footer{display:flex;justify-content:flex-end;padding-top:.5rem}.mrf-detail-btn-save-feedback{min-width:12.5rem;justify-content:center}@media(max-width:1024px){.mrf-detail-grid{grid-template-columns:1fr}.mrf-detail-requirements-grid{grid-template-columns:repeat(2,1fr)}.mrf-detail-kra-row{grid-template-columns:1fr}}@media(max-width:768px){.mrf-detail-position-row,.mrf-detail-inline-grid,.mrf-detail-requirements-grid{grid-template-columns:1fr}.mrf-detail-hero{flex-direction:column;align-items:flex-start}.mrf-detail-hero-right{align-items:flex-start}}.mrf-detail-drawer-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:mrf-detail-drawer-fade-in .2s ease-out}@keyframes mrf-detail-drawer-fade-in{0%{opacity:0}to{opacity:1}}.mrf-detail-drawer{position:fixed;top:0;right:0;width:35%;min-width:1000px;max-width:520px;height:100%;background:#fff;box-shadow:-4px 0 24px #00000026;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease-out}.mrf-detail-drawer.mrf-detail-drawer-open{transform:translate(0)}.mrf-detail-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.mrf-detail-drawer-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.mrf-detail-drawer-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;background:none;color:#94a3b8;border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.mrf-detail-drawer-close:hover{background:#f1f5f9;color:#64748b}.mrf-detail-drawer-close .material-symbols-outlined{font-size:1.25rem}.mrf-detail-drawer-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.mrf-detail-drawer-form{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.mrf-detail-drawer-field{display:flex;flex-direction:column;gap:.375rem}.mrf-detail-drawer-section-title{font-size:.8125rem;font-weight:600;color:#334155;margin-top:.5rem;margin-bottom:-.25rem}.mrf-detail-drawer-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.mrf-detail-drawer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mrf-detail-drawer-col{display:flex;flex-direction:column;gap:1rem}.mrf-detail-drawer-divider{height:1px;background:#e2e8f0;margin:1rem 0}.mrf-detail-drawer-file-simple{width:100%;padding:.5rem 0;font-size:.875rem}@media(max-width:768px){.mrf-detail-drawer-grid-3,.mrf-detail-drawer-grid-2{grid-template-columns:1fr}}.mrf-detail-drawer-field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.mrf-detail-drawer-field-row{grid-template-columns:1fr}}.mrf-detail-drawer-textarea{resize:vertical;min-height:4rem}.mrf-detail-drawer-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.mrf-detail-drawer-required{color:#dc2626}.mrf-detail-drawer-field-error{font-size:.75rem;color:#dc2626;margin-top:.125rem}.mrf-detail-drawer-field-employee-search{position:relative}.mrf-detail-drawer-employee-search-loading{position:absolute;right:.75rem;top:2.25rem;font-size:.75rem;color:#64748b}.mrf-detail-drawer-employee-dropdown{position:absolute;left:0;right:0;top:100%;margin:.25rem 0 0;padding:.25rem 0;list-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 12px #00000014;max-height:12rem;overflow-y:auto;z-index:10}.mrf-detail-drawer-employee-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer;font-size:.875rem;transition:background .15s}.mrf-detail-drawer-employee-dropdown-item:hover{background:#f1f5f9}.mrf-detail-drawer-employee-dropdown-name{font-weight:500;color:#0f172a}.mrf-detail-drawer-employee-dropdown-no{font-size:.75rem;color:#64748b}.mrf-detail-drawer-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.5rem;color:#0f172a;background:#fff;transition:border-color .2s,box-shadow .2s}.mrf-detail-drawer-input:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f6726}.mrf-detail-drawer-input::placeholder{color:#94a3b8}.mrf-detail-drawer-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.mrf-detail-drawer-ctc-wrap{position:relative}.mrf-detail-drawer-ctc-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#94a3b8;pointer-events:none}.mrf-detail-drawer-ctc-input{padding-left:1.75rem}.mrf-detail-drawer-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed #e2e8f0;border-radius:.75rem;cursor:pointer;transition:border-color .2s,background .2s}.mrf-detail-drawer-upload:hover{border-color:#5a5f6780;background:#5a5f670a}.mrf-detail-drawer-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.mrf-detail-drawer-upload-icon{font-size:2.5rem;color:#cbd5e1;transition:color .2s}.mrf-detail-drawer-upload:hover .mrf-detail-drawer-upload-icon{color:#5a5f67}.mrf-detail-drawer-upload-text{font-size:.875rem;color:#475569;margin:0}.mrf-detail-drawer-upload-highlight{color:#5a5f67;font-weight:600}.mrf-detail-drawer-upload-hint{font-size:.625rem;text-transform:uppercase;color:#94a3b8;margin:0}.mrf-detail-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.mrf-detail-drawer-btn{padding:.5rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.mrf-detail-drawer-btn-cancel{border:1px solid #e2e8f0;background:#fff;color:#64748b}.mrf-detail-drawer-btn-cancel:hover{background:#f1f5f9;color:#475569}.mrf-detail-drawer-btn-submit{padding:.5rem 2rem;border:none;background:#5a5f67;color:#fff;box-shadow:0 2px 8px #5a5f674d}.mrf-detail-drawer-btn-submit:hover{background:#566b3a;box-shadow:0 4px 12px #5a5f6759}@media(max-width:640px){.mrf-detail-drawer{width:100%;min-width:100%;max-width:100%}}.mrf-approvals-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.mrf-approvals-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.mrf-approvals-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.mrf-approvals-inner{padding:2rem}.mrf-approvals-header{margin-bottom:1.5rem}.mrf-approvals-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.mrf-approvals-subtitle{font-size:.875rem;color:#64748b;margin:0}.mrf-approvals-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;min-height:200px}.mrf-approvals-loading,.mrf-approvals-empty{text-align:center;color:#64748b;padding:2rem;margin:0}.mrf-approvals-table-wrap{overflow-x:auto}.mrf-approvals-table{width:100%;border-collapse:collapse;font-size:.875rem}.mrf-approvals-table th,.mrf-approvals-table td{padding:.4rem .65rem;text-align:left;border-bottom:1px solid #e2e8f0}.mrf-approvals-table th{font-weight:600;color:#475569;background:#f8fafc}.mrf-approvals-th-actions{text-align:right}.mrf-approvals-row:hover{background:#f8fafc}.mrf-approvals-td-id{font-weight:600;color:#0f172a}.mrf-approvals-td-date{color:#64748b}.mrf-approvals-td-actions{text-align:right;white-space:nowrap}.mrf-approvals-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:.375rem;border:none;cursor:pointer;margin-left:.5rem;font-family:inherit}.mrf-approvals-btn:first-child{margin-left:0}.mrf-approvals-btn:disabled{opacity:.6;cursor:not-allowed}.mrf-approvals-btn-view{background:#e2e8f0;color:#334155}.mrf-approvals-btn-view:hover:not(:disabled){background:#cbd5e1}.mrf-approvals-btn-approve{background:#5a5f67;color:#fff}.mrf-approvals-btn-approve:hover:not(:disabled){background:#5a7040}.mrf-approvals-btn-reject{background:#fff;color:#dc2626;border:1px solid #fecaca}.mrf-approvals-btn-reject:hover:not(:disabled){background:#fef2f2}.mrf-approvals-self-note{display:inline-block;margin-left:.35rem;font-size:.72rem;font-weight:600;color:#92400e;background:#fffbeb;padding:.2rem .45rem;border-radius:.35rem;border:1px solid #fde68a;vertical-align:middle}.mrf-approvals-remark-label{display:block;font-weight:600;margin-bottom:.5rem;color:#334155}.mrf-approvals-remark-input{width:100%;min-width:280px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem}.create-mrf-container{font-family:Inter,Poppins,sans-serif;background:#f3f4f6;min-height:100vh;display:flex}.create-mrf-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.create-mrf-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.create-mrf-inner{padding:1rem 2rem 4rem;max-width:1200px;margin:0 auto}.create-mrf-header{margin-bottom:2rem}.create-mrf-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.create-mrf-breadcrumb-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.create-mrf-breadcrumb-link:hover{color:#5a5f67}.create-mrf-breadcrumb-sep{margin:0 .25rem}.create-mrf-breadcrumb-current{color:#111827;font-weight:500}.create-mrf-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.create-mrf-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.create-mrf-type-toggle{display:flex;background:#e5e7eb;padding:.25rem;border-radius:.5rem}.create-mrf-toggle-btn{padding:.375rem 1rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:#6b7280;border-radius:.375rem;cursor:pointer;transition:all .2s}.create-mrf-toggle-btn:hover{color:#374151}.create-mrf-toggle-btn.active{background:#fff;color:#5a5f67;box-shadow:0 1px 2px #0000000d}.create-mrf-toggle-btn:disabled,.create-mrf-toggle-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.create-mrf-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #e5e7eb;padding:1.5rem;margin-bottom:1.5rem}.create-mrf-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.create-mrf-card-head-flex{justify-content:space-between;flex-wrap:wrap;gap:.75rem}.create-mrf-card-head-left{display:flex;align-items:center;gap:.5rem}.create-mrf-card-icon{color:#5a5f67;font-size:1.5rem}.create-mrf-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.create-mrf-btn-add{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:none;border-radius:.25rem;background:#5a5f67;color:#fff;cursor:pointer;transition:background .2s}.create-mrf-btn-add:hover{background:#566b3a}.create-mrf-btn-add .material-symbols-outlined{font-size:1rem}.create-mrf-form{display:flex;flex-direction:column;gap:0}.create-mrf-grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}.create-mrf-grid-2{grid-template-columns:1fr 1fr}.create-mrf-grid-3{grid-template-columns:repeat(3,1fr)}.create-mrf-grid-4{grid-template-columns:repeat(4,1fr)}.create-mrf-grid-4 .create-mrf-field:last-child{grid-column:span 1}.create-mrf-field{display:flex;flex-direction:column;gap:.25rem}.create-mrf-field label{font-size:.875rem;font-weight:500;color:#374151}.create-mrf-required{color:#dc2626}.create-mrf-field-error{font-size:.75rem;color:#dc2626;margin-top:.125rem;display:block}.create-mrf-field-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:block}.create-mrf-budget-status{margin-top:.35rem;font-size:.78rem;font-weight:500;display:block}.create-mrf-budget-status-success{color:#4e535b}.create-mrf-budget-status-error{color:#dc2626}.create-mrf-optional{font-weight:400;color:#6b7280;font-size:.8125rem}.create-mrf-field input[type=text],.create-mrf-field input[type=number],.create-mrf-field input[type=date],.create-mrf-field select,.create-mrf-field textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#111827;transition:border-color .2s,box-shadow .2s}.create-mrf-field input:focus,.create-mrf-field select:focus,.create-mrf-field textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f6726}.create-mrf-input-readonly,.create-mrf-field input:disabled{background:#f9fafb!important;color:#6b7280!important;cursor:not-allowed}.create-mrf-input-wrap-icon{position:relative}.create-mrf-input-wrap-icon .material-symbols-outlined{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;color:#9ca3af;pointer-events:none;z-index:0}.create-mrf-input-wrap-icon input{padding-left:3rem;position:relative;z-index:1}.create-mrf-priority-wrap{display:flex;align-items:center;gap:.5rem}.create-mrf-priority-dot{width:.75rem;height:.75rem;border-radius:50%;background:#5a5f67}.create-mrf-currency-wrap{position:relative}.create-mrf-currency-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem;color:#6b7280;pointer-events:none;z-index:0}.create-mrf-currency-wrap input{padding-left:3rem;position:relative;z-index:1}.create-mrf-radio-group{display:flex;gap:1rem;margin-top:.5rem}.create-mrf-radio-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.create-mrf-radio{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-mrf-exp-row{margin-top:0}.create-mrf-exp-range{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.create-mrf-exp-group{display:flex;flex-direction:column;gap:.25rem}.create-mrf-exp-label{font-size:.75rem;color:#6b7280;font-weight:500}.create-mrf-exp-inputs{display:flex;align-items:center;gap:.35rem}.create-mrf-exp-inputs input{width:3rem;min-width:2.5rem;text-align:center}.create-mrf-exp-unit{font-size:.75rem;color:#6b7280;min-width:1.5rem}.create-mrf-exp-sep{color:#9ca3af;align-self:center;padding-top:1.5rem}.create-mrf-field textarea{min-height:6rem;resize:vertical}.create-mrf-table-wrap{overflow-x:auto;border-radius:.5rem;border:1px solid #e5e7eb}.create-mrf-table{width:100%;border-collapse:collapse;font-size:.875rem}.create-mrf-table thead{background:#f9fafb}.create-mrf-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.create-mrf-th-w{width:8rem}.create-mrf-th-action,.create-mrf-td-action{width:6rem;text-align:right}.create-mrf-th-check,.create-mrf-td-check{width:6rem;text-align:center}.create-mrf-table td{padding:.75rem 1rem;border-top:1px solid #e5e7eb;vertical-align:middle}.create-mrf-table tbody tr:hover{background:#f9fafb}.create-mrf-table-input{width:100%;padding:.375rem .5rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.25rem;background:#fff}.create-mrf-table-input:focus{outline:none;border-color:#5a5f67}.create-mrf-table-input-num{max-width:5rem}.create-mrf-table-input-sm{font-size:.8125rem}.create-mrf-table-input:disabled,.create-mrf-table-input[readOnly]{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.create-mrf-td-name{font-weight:500;color:#111827}.create-mrf-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:none;cursor:pointer;border-radius:.25rem;color:#6b7280;transition:color .2s,background .2s}.create-mrf-btn-icon:hover{background:#fef2f2;color:#dc2626}.create-mrf-btn-delete .material-symbols-outlined{font-size:1.25rem}.create-mrf-table tfoot{background:#f9fafb;font-weight:500}.create-mrf-table tfoot td{border-top:1px solid #e5e7eb;padding:.75rem 1rem}.create-mrf-footer-label{text-align:right;color:#111827}.create-mrf-footer-total{font-weight:700;color:#5a5f67}.create-mrf-checkbox{width:1rem;height:1rem;accent-color:#5a5f67;cursor:pointer}.create-mrf-declaration{margin-top:2rem}.create-mrf-info-box{padding:1rem;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:.25rem;font-size:.875rem;color:#1e40af;margin-bottom:1rem}.create-mrf-agreement-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#111827;cursor:pointer;margin-bottom:1rem}.create-mrf-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;margin-top:1rem;border-top:1px solid #e5e7eb}.create-mrf-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s}.create-mrf-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.create-mrf-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.create-mrf-btn-primary{background:#5a5f67;border:none;color:#fff;padding:.5rem 1.5rem;box-shadow:0 1px 2px #0000000d}.create-mrf-btn-primary:hover:not(:disabled){background:#566b3a;transform:scale(1.02)}.create-mrf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.create-mrf-btn-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:create-mrf-spin .7s linear infinite}@keyframes create-mrf-spin{to{transform:rotate(360deg)}}.create-mrf-screen-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000059}.create-mrf-screen-loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#fff;border-radius:.75rem;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.create-mrf-screen-loader-text{margin:0;font-size:.9375rem;font-weight:600;color:#374151}.create-mrf-loader-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid #e5e7eb;border-top-color:#5a5f67;border-radius:50%;animation:create-mrf-spin .7s linear infinite;flex-shrink:0}.create-mrf-loader-spinner-lg{width:2rem;height:2rem;border-width:3px;border-color:#e5e7eb;border-top-color:#5a5f67}.create-mrf-inline-loader{margin-left:.5rem;font-size:.8125rem;font-weight:500;color:#6b7280}.create-mrf-footer{margin-top:2rem;text-align:center;font-size:.75rem;color:#9ca3af}@media(max-width:1024px){.create-mrf-grid-3,.create-mrf-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:768px){.create-mrf-inner{padding:1rem}.create-mrf-header-row{flex-direction:column;align-items:flex-start}.create-mrf-grid-2,.create-mrf-grid-3,.create-mrf-grid-4{grid-template-columns:1fr}.create-mrf-card-head-flex{flex-direction:column;align-items:flex-start}.create-mrf-form-actions{flex-direction:column}.create-mrf-form-actions .create-mrf-btn{width:100%}}:root{--edf-primary: #5a5f67;--edf-primary-dark: #5a6d3a;--edf-bg-light: #f1f5f9;--edf-surface: #f8fafc;--edf-surface-strong: #f1f5f9}.edf-container{font-family:Inter,Poppins,sans-serif;background:var(--edf-bg-light);min-height:100vh;display:flex}.edf-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-width:0;display:flex;flex-direction:column}.edf-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.edf-inner{flex:1;display:flex;flex-direction:column;min-height:0}.edf-header{height:4rem;border-bottom:2px solid var(--edf-primary);background:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.edf-header-left{display:flex;flex-direction:column;gap:.125rem}.edf-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b}.edf-breadcrumb-link{background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit}.edf-breadcrumb-link:hover{color:var(--edf-primary)}.edf-breadcrumb-icon{font-size:12px!important}.edf-breadcrumb-current{font-weight:500;color:#1e293b}.edf-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0;color:#1e293b}.edf-header-actions{display:flex;align-items:center;gap:1rem}.edf-search-wrap{position:relative;display:none}@media(min-width:768px){.edf-search-wrap{display:block}}.edf-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.25rem!important}.edf-search-input{width:16rem;padding:.5rem 1rem .5rem 2.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b}.edf-search-input::placeholder{color:#94a3b8}.edf-search-input:focus{outline:none;border-color:var(--edf-primary);box-shadow:0 0 0 2px #5a5f6733}.edf-icon-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;cursor:pointer}.edf-icon-btn:hover{background:var(--edf-surface-strong);color:var(--edf-primary)}.edf-tabs-wrap{background:#fff;border-bottom:1px solid #e2e8f0;padding:.75rem 2rem 1rem;flex-shrink:0;border-radius:10px;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f}.edf-tabs{display:flex;align-items:center;gap:0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:.25rem 0}.edf-tabs::-webkit-scrollbar{display:none}.edf-tab{position:relative;padding:.625rem 1.25rem;border-radius:1.25rem;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.edf-tab:hover{color:var(--edf-primary);background:var(--edf-surface-strong);border-color:#5a5f6766}.edf-tab-active{color:#fff!important;font-weight:600;background:#5a5f67!important;border-color:#5a5f67!important;box-shadow:0 10px 22px #5a5f674d,0 2px 8px #0f172a26;transform:translateY(-1px);animation:edf-tab-heartbeat 1.6s ease-in-out infinite}.edf-tab-active .edf-tab-glow{position:absolute;inset:-3px;border-radius:inherit;border:2px solid rgba(90,95,103,.35);pointer-events:none;animation:edf-tab-glow-pulse 1.6s ease-in-out infinite}.edf-tab-completed{color:#64748b;border-color:#5a5f674d;background:#fff}.edf-tab-pending{color:#94a3b8}.edf-tab-upcoming{color:#475569;border-color:#5a5f6773;background:#f8fafc;box-shadow:inset 0 0 0 1px #5a5f6714}.edf-tab-recent{color:#334155;border-color:#5a5f6759;background:#fff;box-shadow:inset 0 0 0 1px #5a5f670d}.edf-tab-label{position:relative;z-index:1}.edf-tab-connector{flex-shrink:0;width:36px;height:14px;margin:0 2px;color:#cbd5e1;transition:color .25s ease}.edf-tab-connector-svg{width:100%;height:100%;display:block}.edf-tab-connector-path{transition:stroke .25s ease}.edf-tab-connector-completed{color:var(--edf-primary)}.edf-tab-connector-next{color:#5a5f67d9}.edf-tab-connector-next .edf-tab-connector-path{stroke-dasharray:6 6;animation:edf-connector-move 1s linear infinite}@keyframes edf-tab-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.05)}38%{transform:scale(.99)}55%{transform:scale(1.03)}}@keyframes edf-tab-glow-pulse{0%,to{opacity:.25}50%{opacity:.6}}@keyframes edf-connector-move{to{stroke-dashoffset:-12}}.edf-content{flex:1;padding:2rem;max-width:64rem;margin:0 auto;width:100%;overflow-y:auto;background:var(--edf-bg-light)}.edf-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f;border:none;overflow:hidden}.edf-basic-wrap{position:relative}.edf-loader-overlay{position:absolute;inset:0;background:#ffffffd9;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;z-index:10}.edf-loader-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--edf-primary);border-radius:50%;animation:edf-spin .8s linear infinite}.edf-loader-text{font-size:.875rem;font-weight:600;color:#475569}.edf-card-head{padding:1.5rem;border-bottom:1px solid #e2e8f0;background:var(--edf-surface)}.edf-card-title{font-weight:700;color:#1e293b;margin:0 0 .25rem}.edf-card-desc{font-size:.75rem;color:#64748b;margin:0}.edf-form{padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.edf-section{margin:0}.edf-section-present{padding-top:1.5rem;border-top:1px solid #f1f5f9}.edf-section-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.edf-section-head-flex{justify-content:space-between;flex-wrap:wrap;gap:.5rem}.edf-section-head-left{display:flex;align-items:center;gap:.5rem}.edf-section-bar{width:6px;height:1.5rem;background:var(--edf-primary);border-radius:9999px;flex-shrink:0}.edf-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0}.edf-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.75rem;font-weight:500;color:#475569}.edf-checkbox-label:hover{color:var(--edf-primary)}.edf-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #cbd5e1;accent-color:var(--edf-primary)}.edf-grid{display:grid;gap:1.5rem}.edf-grid-3{grid-template-columns:1fr}@media(min-width:768px){.edf-grid-3{grid-template-columns:repeat(3,1fr)}}.edf-grid-address{grid-template-columns:1fr}@media(min-width:768px){.edf-grid-address{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.edf-grid-address{grid-template-columns:minmax(4.5rem,1fr) minmax(0,2.25fr) minmax(0,1.75fr) minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1.25fr) minmax(9rem,1.35fr) minmax(9rem,1.35fr)}.edf-field-house{grid-column:span 1}.edf-field-street1{grid-column:span 3}.edf-field-street2,.edf-field-city{grid-column:span 2}}.edf-field{display:flex;flex-direction:column;gap:.375rem}.edf-field label{font-size:.75rem;font-weight:600;color:#334155}.edf-required{color:#ef4444}.edf-field input,.edf-field select{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.edf-field input:focus,.edf-field select:focus{outline:none;border-color:var(--edf-primary);box-shadow:0 0 0 3px #5a5f6733}.edf-field input:disabled,.edf-field select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.8}.edf-field-invalid input,.edf-field-invalid select,.edf-field-invalid textarea{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.edf-field-invalid input:focus,.edf-field-invalid select:focus,.edf-field-invalid textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444440}.edf-field-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem}.edf-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.edf-btn{padding:.625rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.edf-btn-secondary{border:1px solid var(--edf-primary);background:transparent;color:var(--edf-primary)}.edf-btn-secondary:hover{background:#5a5f6726}.edf-btn-primary{padding-left:2rem;padding-right:2rem;background:var(--edf-primary);color:#fff;border:none;box-shadow:0 4px 6px -1px #0003}.edf-btn-primary:hover{filter:brightness(1.1)}.edf-btn-primary:active{transform:scale(.98)}.edf-emergency-form{display:flex;flex-direction:column;gap:2rem}.edf-emergency-panel{position:relative;background-color:#fff;border-radius:1.5rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f;border:none;overflow:hidden}.edf-emergency-panel:before{content:"";position:absolute;left:50%;top:1.5rem;bottom:1.5rem;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(90,95,103,.3) 15%,rgba(90,95,103,.5) 50%,rgba(90,95,103,.3) 85%,transparent 100%);pointer-events:none;display:none}@media(min-width:1024px){.edf-emergency-panel:before{display:block}}.edf-emergency-grid{display:grid;grid-template-columns:1fr;gap:0}@media(min-width:1024px){.edf-emergency-grid{grid-template-columns:1fr 1fr}}.edf-contact-card{background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.edf-contact-zone-a{padding:1.5rem}@media(min-width:1024px){.edf-contact-zone-a{padding:1.75rem 1.75rem 1.75rem 2rem}}.edf-contact-zone-b{padding:1.5rem}@media(min-width:1024px){.edf-contact-zone-b{padding:1.75rem 2rem 1.75rem 1.75rem}}.edf-contact-card-head{padding:0 0 1rem;border-bottom:none;background:transparent;display:flex;align-items:center;gap:.625rem}.edf-contact-card-head:before{content:"";width:4px;height:1.5rem;border-radius:9999px;background:var(--edf-primary);flex-shrink:0}.edf-contact-zone-a .edf-contact-card-head:before{background:linear-gradient(180deg,rgba(90,95,103,.8) 0%,var(--edf-primary) 100%)}.edf-contact-zone-b .edf-contact-card-head:before{background:linear-gradient(180deg,var(--edf-primary) 0%,rgba(90,95,103,.8) 100%)}.edf-contact-icon{font-size:1.125rem!important;color:var(--edf-primary)}.edf-contact-icon-primary{color:var(--edf-primary)}.edf-contact-card-title{font-weight:700;color:#1e293b;margin:0;font-size:.9375rem;letter-spacing:-.01em}.edf-contact-card-body{padding:0;padding-top:.25rem;display:flex;flex-direction:column;gap:1rem}.edf-ec-field{display:flex;flex-direction:column;gap:.375rem}.edf-ec-label{font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#334155}.edf-ec-field input,.edf-ec-field select,.edf-ec-field textarea{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;color:#1e293b;transition:border-color .2s,box-shadow .2s}.edf-ec-field input:focus,.edf-ec-field select:focus,.edf-ec-field textarea:focus{outline:none;border-color:var(--edf-primary);box-shadow:0 0 0 2px #5a5f6740}.edf-ec-field input::placeholder,.edf-ec-field textarea::placeholder{color:#94a3b8}.edf-ec-field textarea{resize:vertical;min-height:4.5rem}.edf-ec-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:767px){.edf-ec-row{grid-template-columns:1fr}}.edf-mobile-wrap{display:flex}.edf-mobile-wrap input{border-radius:0 .5rem .5rem 0;border-left:none}.edf-mobile-prefix{display:inline-flex;align-items:center;padding:.5rem .75rem;border:1px solid #e2e8f0;border-right:none;border-radius:.5rem 0 0 .5rem;background:#f1f5f9;color:#64748b;font-size:.875rem}.edf-tab-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.edf-tab-actions .edf-btn-secondary{order:1}.edf-tab-actions .edf-btn-primary{order:2}@media(min-width:768px){.edf-tab-actions{flex-direction:row}}.edf-tab-actions .edf-btn-icon{font-size:1.125rem!important}.edf-flip-card-wrap{perspective:1200px;min-height:320px}.edf-flip-card-inner{position:relative;width:100%;min-height:320px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.edf-flip-card-inner.edf-flip-card-flipped{transform:rotateY(180deg)}.edf-flip-card-front,.edf-flip-card-back{position:absolute;left:0;top:0;width:100%;min-height:320px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.edf-flip-card-back{transform:rotateY(180deg)}.edf-flip-card-back .edf-card{height:100%;display:flex;flex-direction:column}.edf-flip-card-back .edf-edu-table-wrap{flex:1;min-height:0}.edf-flip-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:1.25rem 1.5rem;border-top:1px solid #f1f5f9;background:#f8fafc80}.edf-flip-actions .edf-btn{min-width:140px}.edf-education-form{display:flex;flex-direction:column;gap:2rem}.edf-page-head{display:flex;flex-direction:column;gap:.25rem}.edf-page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.025em;color:#0f172a;margin:0}.edf-page-desc{font-size:.875rem;color:#64748b;margin:0}.edf-edu-form-body{padding:1.5rem}.edf-edu-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.edf-edu-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.edf-edu-grid{grid-template-columns:repeat(4,1fr)}.edf-edu-institute,.edf-edu-spec{grid-column:span 2}}.edf-edu-add-wrap{margin-top:2rem;display:flex;justify-content:flex-end}.edf-btn-add{display:inline-flex;align-items:center;gap:.5rem}.edf-btn-icon{font-size:1rem!important}.edf-edu-table-head{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#f8fafc80;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.edf-edu-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.25rem .625rem;border-radius:9999px;background:#f1f5f9;color:#64748b}.edf-edu-table-wrap{overflow-x:auto}.edf-edu-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.edf-edu-table thead tr{background:#f8fafccc}.edf-edu-table th{padding:1rem 1.5rem;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.edf-edu-th-center{text-align:center}.edf-edu-th-actions{text-align:right}.edf-edu-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.edf-edu-table tbody tr:hover{background:#f8fafc80}.edf-edu-table td{padding:1rem 1.5rem;color:#475569}.edf-edu-td-degree{font-weight:600;color:#1e293b}.edf-edu-td-center{text-align:center}.edf-edu-td-actions{text-align:right;white-space:nowrap}.edf-edu-grade{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.edf-edu-grade-pass{background:#dcfce7;color:#3d4448}.edf-edu-grade-fail{background:#fee2e2;color:#991b1b}.edf-edu-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;margin-left:.25rem;border:none;background:none;color:#94a3b8;border-radius:.5rem;cursor:pointer;transition:color .15s,background .15s}.edf-edu-action-btn:hover{color:var(--edf-primary);background:#5a5f671a}.edf-edu-action-delete:hover{color:#ef4444;background:#ef44441a}.edf-edu-action-btn .material-symbols-outlined{font-size:20px!important}.edf-edu-empty{text-align:center;color:#94a3b8;padding:2rem!important}.edf-exp-reason-cell{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edf-experience-form{display:flex;flex-direction:column;gap:2rem}.edf-exp-card-head{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0);background:#f8fafc80}.edf-exp-heading{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.edf-exp-subheading{font-size:.875rem;color:#64748b;margin:0}.edf-exp-form-body{padding:1.5rem}.edf-exp-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.edf-exp-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.edf-exp-grid{grid-template-columns:repeat(3,1fr)}.edf-exp-reason{grid-column:span 3}}.edf-exp-reason textarea{resize:vertical;min-height:4.5rem}.edf-salary-wrap{display:flex}.edf-salary-wrap input{flex:1;border-radius:0 .5rem .5rem 0;border-left:none}.edf-salary-prefix{display:inline-flex;align-items:center;padding:.5rem .75rem;border:1px solid #e2e8f0;border-right:none;border-radius:.5rem 0 0 .5rem;background:#f8fafc;color:#64748b;font-size:.875rem}.edf-exp-add-wrap{margin-top:1.5rem;display:flex;justify-content:flex-end}.edf-exp-tab-actions{flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border-color, #e2e8f0)}.edf-exp-footer-right{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.edf-nomination-form{display:flex;flex-direction:column;gap:2rem}.edf-nomination-title{font-size:1.875rem;font-weight:900;letter-spacing:-.025em;color:#0f172a;margin:0 0 .5rem}.edf-nom-card-head{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:.5rem}.edf-nom-icon{color:var(--edf-primary);font-size:1.25rem!important}.edf-nom-form-body{padding:2rem}.edf-nom-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:768px){.edf-nom-grid{grid-template-columns:repeat(3,1fr)}}.edf-nom-actions{display:flex;justify-content:flex-end;gap:.75rem}.edf-nom-table-head{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#f8fafc80;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.edf-nom-table-head-left{display:flex;align-items:center;gap:.5rem}.edf-nom-badge{font-size:.75rem;font-weight:600;color:#64748b;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0;background:var(--edf-surface)}.edf-nom-actions-cell{text-align:center}.edf-nom-actions-cell .edf-edu-action-btn{margin-left:.25rem}.edf-nom-actions-cell .edf-edu-action-btn:first-child{margin-left:0}.edf-placeholder{padding:2rem;color:#64748b;margin:0}.edf-footer{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem 3rem;font-size:.75rem;font-weight:500;color:#64748b;flex-shrink:0}.edf-footer-item{display:flex;align-items:center;gap:.375rem}.edf-footer-icon{font-size:14px!important}.edf-footer-dot{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.edf-edf-details-form{display:flex;flex-direction:column;gap:2rem}.edf-edf-details-card{overflow:hidden}.edf-edf-details-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid var(--border-color, #e2e8f0)}.edf-edf-details-card-head .edf-card-title{display:flex;align-items:center;gap:.5rem;margin:0}.edf-edf-details-icon{color:var(--edf-primary);font-size:1.25rem!important}.edf-edf-details-required-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.edf-edf-details-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem 1.5rem;padding:1.5rem}@media(min-width:768px){.edf-edf-details-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.edf-edf-details-grid{grid-template-columns:repeat(3,1fr)}}.edf-edf-details-grid .edf-field input,.edf-edf-details-grid .edf-field select{width:100%}.edf-punching-row{display:flex;gap:.75rem;flex-wrap:wrap}.edf-punching-row select{flex:1;min-width:0;max-width:100%}.edf-punching-row select:disabled{opacity:.7;cursor:not-allowed}.edf-field-error{margin:.35rem 0 0;font-size:.75rem;color:#b91c1c;font-weight:500}.edf-input-invalid{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262633}.edf-searchable-wrap{position:relative;width:100%}.edf-searchable-trigger{display:flex;align-items:center;width:100%;min-height:2.25rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.375rem;background:var(--edf-surface);cursor:pointer;transition:border-color .2s,box-shadow .2s}.edf-searchable-trigger:hover{border-color:#cbd5e1}.edf-searchable-trigger.edf-searchable-open{border-color:var(--edf-primary);box-shadow:0 0 0 3px #5a5f6733;outline:none}.edf-searchable-value{flex:1;text-align:left;font-size:.875rem;color:#334155}.edf-searchable-value:empty:before,.edf-searchable-trigger:not(.edf-searchable-open) .edf-searchable-value{color:#94a3b8}.edf-searchable-input{flex:1;min-width:0;border:none;padding:0;font-size:.875rem;color:#334155;background:transparent;outline:none}.edf-searchable-input::placeholder{color:#94a3b8}.edf-searchable-chevron{font-size:1.25rem!important;color:#64748b;flex-shrink:0;transition:transform .2s}.edf-searchable-open .edf-searchable-chevron{transform:rotate(180deg)}.edf-searchable-list{position:absolute;left:0;right:0;top:100%;margin-top:2px;max-height:220px;overflow-y:auto;background:var(--edf-surface);border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 18px 38px #0f172a33,0 8px 18px #0f172a1f;z-index:50}.edf-searchable-item{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;text-align:left;border:none;background:none;cursor:pointer;color:#334155;transition:background .15s}.edf-searchable-item:hover{background:#f1f5f9}.edf-searchable-item-selected{background:#5a5f671f;color:var(--edf-primary);font-weight:600}.edf-searchable-loading,.edf-searchable-empty{color:#64748b;padding:.75rem;cursor:default}.edf-ctc-check-status{font-size:.75rem;color:#64748b;margin:.35rem 0 0}.edf-ctc-check-message{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;margin:.5rem 0 0;padding:.5rem .75rem;border-radius:.375rem;color:#334155}.edf-ctc-check-icon{font-size:1.125rem!important;flex-shrink:0}.edf-ctc-check-message-valid{background:#22c55e1f;color:#4e535b;border:1px solid rgba(34,197,94,.3)}.edf-ctc-check-message-invalid{background:#dc26261a;color:#b91c1c;border:1px solid rgba(220,38,38,.35);font-weight:600}.edf-ctc-check-message-invalid .edf-ctc-check-icon{color:#b91c1c}.edf-tab-actions .edf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.edf-edf-details-photo-section{padding:0 1.5rem 1.5rem}.edf-edf-details-photo-section .edf-ec-label{display:block;margin-bottom:.75rem}.edf-edf-details-photo-wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:.75rem}.edf-edf-details-photo-preview{width:6rem;height:6rem;border-radius:.5rem;background:#e2e8f0;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edf-edf-details-photo-img{width:100%;height:100%;object-fit:cover}.edf-edf-details-photo-placeholder{font-size:3rem!important;color:#94a3b8}.edf-edf-details-photo-actions{flex:1;min-width:200px}.edf-edf-details-photo-hint{font-size:.75rem;color:#64748b;margin:0 0 .75rem}.edf-edf-details-photo-btns{display:flex;gap:.5rem;flex-wrap:wrap}.edf-input-file{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.edf-btn-sm{padding:.4rem .75rem;font-size:.8125rem;cursor:pointer;position:relative}.edf-policy-page{display:flex;flex-direction:column;gap:2rem}.edf-policy-list{display:flex;flex-direction:column;gap:1.25rem}.edf-policy-card{background:var(--edf-surface);border-radius:.75rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f;border:none;overflow:hidden}.edf-policy-card-head{padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.edf-policy-title{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.edf-policy-code{font-size:.75rem;color:#64748b;font-weight:600}.edf-policy-company{font-size:.75rem;color:#64748b;margin-left:auto}.edf-policy-card-body{padding:1.25rem;font-size:.875rem;color:#334155;line-height:1.5}.edf-policy-body p,.edf-policy-notes p{margin:0 0 .5rem}.edf-policy-body p:last-child,.edf-policy-notes p:last-child{margin-bottom:0}.edf-policy-declaration{margin-top:1rem;padding-top:1rem;border-top:1px dashed #e2e8f0}.edf-policy-declaration-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#64748b;margin:0 0 .35rem}.edf-policy-declaration-text{margin:0;font-style:italic;color:#475569}.edf-policy-notes{margin-top:.75rem;font-size:.8125rem;color:#64748b}.edf-policy-accept{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0;cursor:pointer;font-size:.875rem;font-weight:500;color:#334155}.edf-policy-accept input{width:1.125rem;height:1.125rem;accent-color:var(--edf-primary, #5a5f67);cursor:pointer}.edf-policy-accept span{-webkit-user-select:none;user-select:none}.edf-ctc-page{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem}.edf-ctc-header-card{background:var(--edf-surface);border:none;border-radius:.75rem;padding:1.5rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f}.edf-ctc-header-content{text-align:center}@media(min-width:768px){.edf-ctc-header-content{text-align:left}}.edf-ctc-header-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--edf-primary);margin:0 0 .25rem}.edf-ctc-header-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.edf-ctc-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;justify-content:center;color:#64748b;font-size:.875rem}@media(min-width:768px){.edf-ctc-header-meta{justify-content:flex-start}}.edf-ctc-meta-item{display:inline-flex;align-items:center;gap:.35rem}.edf-ctc-meta-icon{font-size:1.125rem!important}.edf-ctc-pf-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer;margin-left:.5rem;padding-left:.75rem;border-left:1px solid #e2e8f0}.edf-ctc-pf-toggle input{width:1rem;height:1rem;accent-color:var(--edf-primary);cursor:pointer}.edf-ctc-pf-toggle input:disabled{cursor:not-allowed;opacity:.6}.edf-ctc-stored-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.edf-ctc-stored-badge.is-saved{background:#10b9811f;color:#047857}.edf-ctc-stored-badge.is-preview{background:#f59e0b26;color:#b45309}.edf-ctc-inputs-error{border-color:#fecaca;background:#fef2f2}.edf-ctc-params-card{padding:1.25rem 1.5rem}.edf-ctc-params-title{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:#1e293b}.edf-ctc-params-hint{margin:0 0 1rem;font-size:.8125rem;color:#64748b;line-height:1.45}.edf-ctc-params-warning{margin:0 0 1rem;padding:.65rem .85rem;border-radius:.5rem;font-size:.8125rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a}.edf-ctc-params-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.edf-ctc-params-grid{grid-template-columns:repeat(2,1fr)}}.edf-ctc-param-field{display:flex;flex-direction:column;gap:.35rem}.edf-ctc-param-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.edf-ctc-param-value{font-size:.9375rem;font-weight:600;color:#1e293b}.edf-ctc-param-control{max-width:12rem}.edf-ctc-params-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.edf-ctc-preview-loading{padding:1rem 1.25rem}.edf-ctc-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.edf-ctc-grid{grid-template-columns:2fr 1fr}}.edf-ctc-earnings-wrap,.edf-ctc-deductions-wrap{display:flex;flex-direction:column;gap:1rem}.edf-ctc-card .edf-ctc-card-head{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.edf-ctc-card-icon{color:var(--edf-primary);font-size:1.25rem!important}.edf-ctc-card-title{margin:0;font-size:.9375rem;font-weight:700;color:#1e293b}.edf-ctc-table-wrap{overflow-x:auto}.edf-ctc-table{width:100%;border-collapse:collapse;font-size:.875rem}.edf-ctc-table th,.edf-ctc-table td{padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid #f1f5f9}.edf-ctc-table thead th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.edf-ctc-th-right,.edf-ctc-td-right{text-align:right}.edf-ctc-td-name{font-weight:500;color:#334155}.edf-ctc-td-calc{color:#64748b}.edf-ctc-tfoot-row{background:#5a5f6714;color:var(--edf-primary);border-top:1px solid rgba(90,95,103,.2)}.edf-ctc-tfoot-row .edf-ctc-td-name{font-weight:700;color:inherit}.edf-ctc-td-total{font-weight:700}.edf-ctc-deductions-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.edf-ctc-deduction-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.edf-ctc-deduction-toggle{align-items:center}.edf-ctc-check-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;cursor:pointer}.edf-ctc-check-label input{width:1rem;height:1rem;accent-color:var(--edf-primary);cursor:pointer}.edf-ctc-status{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.edf-ctc-deduction-name{margin:0;font-size:.875rem;font-weight:500;color:#334155}.edf-ctc-deduction-calc{margin:.25rem 0 0;font-size:.6875rem;color:#64748b}.edf-ctc-deduction-amount{font-size:.875rem;font-weight:600;color:#334155}.edf-ctc-deduction-total{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;margin-top:.25rem;border-bottom:none;padding-bottom:0}.edf-ctc-deduction-total .edf-ctc-deduction-name,.edf-ctc-primary{font-weight:700;color:var(--edf-primary)}.edf-ctc-actions{margin-top:.5rem}.edf-upload-page{display:flex;flex-direction:column;gap:1.5rem}.edf-upload-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.edf-upload-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;font-size:.875rem}.edf-upload-error .material-symbols-outlined{font-size:1.25rem;flex-shrink:0}.edf-upload-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:edf-spin .6s linear infinite}@keyframes edf-spin{to{transform:rotate(360deg)}}.edf-upload-doc-row-loading{opacity:.85;pointer-events:none}.edf-upload-doc-row-loading .edf-upload-doc-actions button:disabled{cursor:not-allowed}.edf-upload-page .edf-page-head{margin-bottom:0}.edf-upload-progress-card{background:var(--edf-surface);border:none;border-radius:1rem;padding:1.5rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.edf-upload-progress-left{display:flex;align-items:center;gap:1.25rem}.edf-upload-progress-circle-wrap{position:relative;width:4rem;height:4rem;flex-shrink:0}.edf-upload-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.edf-upload-progress-bg{fill:transparent;stroke:#e2e8f0;stroke-width:6}.edf-upload-progress-fill{fill:transparent;stroke:var(--edf-primary);stroke-width:6;transition:stroke-dashoffset .3s ease}.edf-upload-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:800;color:#334155}.edf-upload-progress-title{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.edf-upload-progress-sub{margin:.25rem 0 0;font-size:.875rem;color:#64748b}.edf-upload-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.edf-upload-filter-btn{padding:.5rem 1rem;font-size:.75rem;font-weight:700;border-radius:9999px;border:1px solid #e2e8f0;background:var(--edf-surface);color:#475569;cursor:pointer;transition:all .2s ease}.edf-upload-filter-btn:hover{border-color:#5a5f6780}.edf-upload-filter-active{background:var(--edf-primary);color:#fff;border-color:var(--edf-primary)}.edf-upload-filter-badge{padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;margin-left:.25rem}.edf-upload-badge-amber{background:#fef3c7;color:#b45309}.edf-upload-badge-red{background:#fee2e2;color:#b91c1c}.edf-upload-doc-card{background:var(--edf-surface);border:none;border-radius:1.5rem;box-shadow:0 14px 36px #0f172a1a,0 4px 14px #0f172a0f;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.edf-upload-doc-header{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:1rem 2rem;border-bottom:1px solid #f1f5f9;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.edf-upload-doc-th-name{text-align:left}.edf-upload-doc-th-status{text-align:center;min-width:7rem}.edf-upload-doc-th-actions{text-align:right;min-width:10rem}.edf-upload-doc-section{margin-bottom:1.5rem}.edf-upload-doc-section:last-child{margin-bottom:0}.edf-upload-doc-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;padding-bottom:.35rem;border-bottom:1px solid #e2e8f0}.edf-upload-doc-section-title-optional{font-weight:600;color:#64748b}.edf-upload-doc-section-icon{font-size:1.25rem!important;color:#5a5f67}.edf-upload-doc-section-title-optional .edf-upload-doc-section-icon{color:#94a3b8}.edf-upload-doc-required-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;background:#dc26261a;color:#b91c1c;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.edf-upload-doc-list{flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.edf-upload-doc-list::-webkit-scrollbar{display:none}.edf-upload-doc-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid #f8fafc;transition:background .2s ease}.edf-upload-doc-row:hover{background:#00000005}.edf-upload-doc-row-uploaded{background:#5a5f670d}.edf-upload-doc-row-uploaded:hover{background:#5a5f6714}.edf-upload-doc-info{display:flex;align-items:center;gap:1rem;min-width:0}.edf-upload-doc-icon-wrap{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edf-upload-doc-icon-wrap .material-symbols-outlined{font-size:1.25rem!important}.edf-upload-doc-icon-pending,.edf-upload-doc-icon-action_required{background:#5a5f671a;color:var(--edf-primary)}.edf-upload-doc-icon-action_required.edf-upload-doc-icon-wrap{background:#fee2e2;color:#b91c1c}.edf-upload-doc-icon-uploaded{background:var(--edf-primary);color:#fff}.edf-upload-doc-meta{min-width:0}.edf-upload-doc-title{margin:0;font-size:.875rem;font-weight:700;color:#1e293b;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.edf-upload-doc-desc{margin:.25rem 0 0;font-size:.6875rem;color:#64748b;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4}.edf-upload-doc-status-cell{display:flex;align-items:center;justify-content:center;min-width:7rem}.edf-upload-status{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.625rem;font-weight:700;border-radius:9999px}.edf-upload-status .material-symbols-outlined{font-size:.875rem!important}.edf-upload-status-pending{background:#f1f5f9;color:#64748b}.edf-upload-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.edf-upload-status-action{background:#fee2e2;color:#b91c1c}.edf-upload-status-uploaded{background:#5a5f6726;color:var(--edf-primary)}.edf-upload-doc-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;min-width:10rem}.edf-upload-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;color:var(--edf-primary);background:none;border:none;cursor:pointer;padding:0}.edf-upload-link:hover{text-decoration:underline}.edf-upload-link .material-symbols-outlined{font-size:.875rem!important}.edf-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;border-radius:.75rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.edf-upload-btn .material-symbols-outlined{font-size:.875rem!important}.edf-upload-btn-primary{background:var(--edf-primary);color:#fff}.edf-upload-btn-primary:hover{background:#5a5f67e6}.edf-upload-btn-outline,.edf-upload-btn-icon{background:var(--edf-surface);border-color:#e2e8f0;color:#475569}.edf-upload-btn-outline:hover,.edf-upload-btn-icon:hover{background:#f8fafc}.edf-upload-btn-icon{padding:.5rem}.edf-upload-btn-reject{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.edf-upload-btn-reject:hover:not(:disabled){background:#fee2e2}@media(max-width:768px){.edf-upload-doc-header .edf-upload-doc-th-status{display:none}.edf-upload-doc-row{grid-template-columns:1fr auto}.edf-upload-doc-status-cell{display:none}}.edf-list-container{display:flex;min-height:100vh;background:var(--edf-bg-light, #f1f5f9)}.edf-list-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-width:0;display:flex;flex-direction:column}.edf-list-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.edf-list-inner{flex:1;padding:1.5rem 2rem;overflow:auto}.edf-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.edf-list-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.edf-list-desc{font-size:.875rem;color:#64748b;margin:0}.edf-list-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--edf-primary, #5a5f67);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap}.edf-list-btn-primary:hover{filter:brightness(1.05)}.edf-list-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014;overflow:hidden}.edf-list-loading,.edf-list-empty{padding:3rem 2rem;text-align:center;color:#64748b}.edf-list-empty .material-symbols-outlined{font-size:3rem;opacity:.5;margin-bottom:.5rem}.edf-list-empty p{margin:0 0 1rem;font-size:.9375rem}.edf-list-table-wrap{overflow-x:auto}.edf-list-table{width:100%;border-collapse:collapse;font-size:.875rem}.edf-list-table th,.edf-list-table td{padding:.4rem .65rem;text-align:left;border-bottom:1px solid #f1f5f9}.edf-list-table th{background:#f8fafc;font-weight:600;color:#475569}.edf-list-table tbody tr:hover{background:#f8fafc}.edf-list-th-action,.edf-list-td-action{width:1%;white-space:nowrap}.edf-list-btn-continue{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#e2e8f0;color:#334155;border:none;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer}.edf-list-btn-continue:hover{background:var(--edf-primary, #5a5f67);color:#fff}.edf-list-btn-continue .material-symbols-outlined{font-size:1rem}.edf-list-btn-view{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer}.edf-list-btn-view:hover{background:#e2e8f0;color:#334155}.edf-list-btn-view .material-symbols-outlined{font-size:1rem}.edf-approvals-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.edf-approvals-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.edf-approvals-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.edf-approvals-inner{padding:2rem}.edf-approvals-header{margin-bottom:1.5rem}.edf-approvals-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.edf-approvals-subtitle{font-size:.875rem;color:#64748b;margin:0}.edf-approvals-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;min-height:200px}.edf-approvals-loading,.edf-approvals-empty{text-align:center;color:#64748b;padding:2rem;margin:0}.edf-approvals-table-wrap{overflow-x:auto}.edf-approvals-table{width:100%;border-collapse:collapse;font-size:.875rem}.edf-approvals-table th,.edf-approvals-table td{padding:.4rem .65rem;text-align:left;border-bottom:1px solid #e2e8f0}.edf-approvals-table th{font-weight:600;color:#475569;background:#f8fafc}.edf-approvals-th-actions{text-align:right}.edf-approvals-row:hover{background:#f8fafc}.edf-approvals-td-id{font-weight:600;color:#0f172a}.edf-approvals-td-date{color:#64748b}.edf-approvals-td-actions{text-align:right;white-space:nowrap}.edf-approvals-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:.375rem;border:none;cursor:pointer;margin-left:.5rem;font-family:inherit}.edf-approvals-btn:first-child{margin-left:0}.edf-approvals-btn:disabled{opacity:.6;cursor:not-allowed}.edf-approvals-btn-view{background:#e2e8f0;color:#334155}.edf-approvals-btn-view:hover:not(:disabled){background:#cbd5e1}.edf-approvals-btn-approve{background:#5a5f67;color:#fff}.edf-approvals-btn-approve:hover:not(:disabled){background:#5a7040}.edf-approvals-btn-reject{background:#fff;color:#dc2626;border:1px solid #fecaca}.edf-approvals-btn-reject:hover:not(:disabled){background:#fef2f2}.edf-approvals-self-note{display:inline-block;margin-left:.35rem;font-size:.72rem;font-weight:600;color:#92400e;background:#fffbeb;padding:.2rem .45rem;border-radius:.35rem;border:1px solid #fde68a;vertical-align:middle}.edf-approvals-btn-appointment{background:#4e535b;color:#fff;font-weight:600}.edf-approvals-btn-appointment:hover:not(:disabled){background:#3d4448}.edf-approvals-remark-label{display:block;font-weight:600;margin-bottom:.5rem;color:#334155}.edf-approvals-remark-input{width:100%;min-width:280px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem}:root{--go-primary: #5a5f67;--go-bg: #f7f7f6}.go-left input:disabled,.go-left select:disabled,.go-left textarea:disabled{cursor:not-allowed;opacity:.92}.go-container{display:flex;min-height:100vh;background:var(--go-bg)}.go-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-width:0;display:flex;flex-direction:column}.go-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.go-main{flex:1;padding:1.5rem 2rem;max-width:1440px;margin:0 auto;width:100%}.go-loading{color:#64748b;font-size:.9375rem;margin:2rem 0}.go-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:768px){.go-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.go-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-bottom:.25rem}.go-breadcrumb-chevron{font-size:14px!important}.go-breadcrumb-current{color:var(--go-primary);font-weight:600}.go-title{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0}.go-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.9375rem}.go-actions{display:flex;gap:.75rem;flex-shrink:0;align-items:center}.go-status-info{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#5a5f67;background:#5a5f671a;border:1px solid rgba(90,95,103,.2)}.go-status-icon{font-size:1.125rem;color:#5a5f67}.go-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent}.go-btn-secondary{background:#fff;border-color:#cbd5e1;color:#334155}.go-btn-secondary:hover{background:#f8fafc}.go-btn-primary{background:var(--go-primary);color:#fff;box-shadow:0 4px 14px #5a5f6740}.go-btn-primary:hover{filter:brightness(1.05)}.go-btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:none}.go-actions .go-btn+.go-btn{margin-left:.5rem}.go-btn-approve{background:#4e535b;color:#fff;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.go-btn-approve:hover{filter:brightness(1.05)}.go-btn-reject{background:#dc2626;color:#fff;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.go-btn-reject:hover{filter:brightness(1.05)}.go-btn-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:go-spin .7s linear infinite}@keyframes go-spin{to{transform:rotate(360deg)}}.go-btn-icon{font-size:1.125rem!important}.go-actions-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.go-form-error,.go-form-success{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.8125rem;padding:.4rem .5rem;border-radius:.375rem}.go-form-error{background:#dc26261a;color:#b91c1c}.go-form-error-icon{font-size:1.125rem!important;flex-shrink:0;color:#b91c1c}.go-form-success{background:#22c55e1f;color:#4e535b}.go-form-success-icon{font-size:1.125rem!important;flex-shrink:0;color:#4e535b}.go-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.go-grid{grid-template-columns:7fr 5fr}}.go-left{display:flex;flex-direction:column;gap:1.5rem}.go-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.go-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.go-card-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}.go-card-title-section{margin-bottom:1rem}.go-card-icon{color:var(--go-primary);font-size:1.25rem!important}.go-badge{padding:.25rem .5rem;border-radius:.25rem;background:#5a5f671f;color:var(--go-primary);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.go-form-grid{display:grid;grid-template-columns:1fr;gap:1rem 1.5rem}@media(min-width:768px){.go-form-grid{grid-template-columns:repeat(3,1fr)}}.go-form-grid-2 .go-field-full{grid-column:1 / -1}@media(min-width:768px){.go-form-grid-2{grid-template-columns:repeat(2,1fr)}}.go-field{display:flex;flex-direction:column;gap:.35rem}.go-label{font-size:.875rem;font-weight:600;color:#334155}.go-field input,.go-field select,.go-field textarea{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;background:#fff}.go-field input:focus,.go-field select:focus,.go-field textarea:focus{outline:none;border-color:var(--go-primary);box-shadow:0 0 0 2px #5a5f6733}.go-field textarea{min-height:80px;resize:vertical}.go-field-error{display:block;font-size:.75rem;color:#b91c1c;margin-top:.25rem}.go-offer-letter-checkboxes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.25rem}.go-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#334155;cursor:pointer}.go-checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--go-primary);cursor:pointer}.go-ctc-budget-status{font-size:.75rem;color:#64748b;margin:.35rem 0 0}.go-ctc-budget-message{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;margin:.35rem 0 0;padding:.4rem .5rem;border-radius:.375rem}.go-ctc-budget-icon{font-size:1.125rem!important;flex-shrink:0}.go-ctc-budget-valid{background:#22c55e1f;color:#4e535b}.go-ctc-budget-valid .go-ctc-budget-icon{color:#4e535b}.go-ctc-budget-invalid{background:#dc26261a;color:#b91c1c}.go-ctc-budget-invalid .go-ctc-budget-icon{color:#b91c1c}.go-right{position:relative}.go-preview-sticky{position:sticky;top:6rem}.go-preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.go-preview-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#64748b;margin:0}.go-preview-actions{display:flex;align-items:center;gap:.5rem}.go-btn-download{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid var(--go-primary);background:#fff;color:var(--go-primary)}.go-btn-download:hover{background:#5a5f6714}.go-btn-download:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.go-preview-zoom{padding:.375rem;border:none;background:none;color:#64748b;cursor:pointer;border-radius:.375rem}.go-preview-zoom:hover{background:#f1f5f9}.go-preview-paper{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000026;padding:2rem;min-height:700px;overflow-y:auto;position:relative;border:1px solid #e2e8f0}.go-preview-paper::-webkit-scrollbar{width:6px}.go-preview-paper::-webkit-scrollbar-track{background:transparent}.go-preview-paper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.go-letterhead{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:2px solid var(--go-primary)}.go-letterhead-brand{display:flex;align-items:center;gap:.5rem;color:var(--go-primary)}.go-letterhead-icon{font-size:2rem!important}.go-letterhead-name{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin:0;line-height:1.2}.go-letterhead-sub{font-size:.625rem;text-transform:uppercase;font-weight:700;letter-spacing:.15em;opacity:.85;margin:0}.go-letterhead-address{font-size:.625rem;color:#64748b;text-align:right;line-height:1.5;margin:0}.go-letter-body{font-size:.875rem;color:#334155;line-height:1.6}.go-letter-date{font-weight:500;margin-bottom:.5rem}.go-letter-to{padding-top:.5rem}.go-letter-name{font-weight:700;margin:0 0 .15rem}.go-letter-meta{margin:0;font-size:.8125rem;color:#64748b}.go-letter-subject{font-weight:700;font-size:1rem;padding-top:1rem;margin:0 0 .5rem}.go-letter-highlight{text-decoration:underline;text-underline-offset:2px;text-decoration-color:#5a5f6766}.go-letter-block{padding:.5rem 0}.go-letter-block-title{font-weight:700;border-bottom:1px solid #f1f5f9;padding-bottom:.25rem;margin:0 0 .35rem}.go-letter-list{margin:.5rem 0 1rem 1.5rem;padding:0}.go-letter-address-block{white-space:pre-line;margin:.5rem 0 1rem}.go-letter-for{margin-top:2rem;font-weight:600}.go-letter-closing{padding-top:1.5rem;margin:0 0 2.5rem}.go-letter-sign{display:flex;justify-content:space-between;align-items:flex-end;padding-top:2.5rem}.go-letter-sign-block{display:flex;flex-direction:column;gap:0}.go-letter-sign-initials{font-family:Great Vibes,cursive;font-size:2.5rem;color:#1a1a1a;line-height:1;margin-bottom:.25rem;min-height:2rem}.go-letter-sign-line{width:11rem;height:1px;background:#334155;margin-bottom:.4rem}.go-letter-sign-name{font-weight:700;font-size:.8125rem;color:#1e293b;margin:0;letter-spacing:.02em;text-transform:uppercase}.go-letter-sign-role{font-size:.6875rem;color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:.2rem 0 0}.go-letter-seal{opacity:.2;display:flex;flex-direction:column;align-items:center;gap:.25rem}.go-letter-seal .material-symbols-outlined{font-size:3rem!important}.go-letter-seal p{font-size:.5rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;margin:0}.go-preview-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:7rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:#000;opacity:.03;transform:rotate(-30deg)}@media print{#sidebar,.sidebar,.topbar,.go-container .main-content,.go-container .main-content.sidebar-collapsed{margin-left:0!important}#sidebar,.sidebar,.topbar,.go-header,.go-actions,.go-left,.go-preview-head,.go-preview-zoom,.go-preview-actions,.go-preview-watermark,.go-loading{display:none!important}.go-container{background:#fff}.go-grid{display:block}.go-right,.go-preview-sticky{position:static}.go-preview-paper{box-shadow:none;border:none;min-height:auto}}.go-email-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.go-email-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:480px;width:100%;max-height:90vh;overflow:auto}.go-email-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.go-email-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.go-email-modal-close{background:none;border:none;padding:.25rem;cursor:pointer;color:#64748b;border-radius:4px}.go-email-modal-close:hover{color:#1e293b;background:#f1f5f9}.go-email-modal-hint{margin:0;padding:.75rem 1.25rem;font-size:.8125rem;color:#64748b;border-bottom:1px solid #f1f5f9}.go-email-attachments-preview{padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.go-email-attachment-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#475569}.go-email-attachment-icon{font-size:1.125rem!important;color:#dc2626;flex-shrink:0}.go-email-attachment-name{font-weight:500;flex:1}.go-email-attachment-note{font-size:.6875rem;color:#94a3b8;font-style:italic}.go-email-modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.go-email-field{display:flex;flex-direction:column;gap:.35rem}.go-email-label{font-size:.8125rem;font-weight:500;color:#475569}.go-email-input,.go-email-textarea{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit}.go-email-input:focus,.go-email-textarea:focus{outline:none;border-color:var(--go-primary, #5a5f67);box-shadow:0 0 0 2px #5a5f6733}.go-email-textarea{resize:vertical;min-height:80px}.go-email-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #e2e8f0}.offer-approvals-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.offer-approvals-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.offer-approvals-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.offer-approvals-inner{padding:2rem}.offer-approvals-header{margin-bottom:1rem}.offer-approvals-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.offer-approvals-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;font-family:inherit}.offer-approvals-tab:hover{color:#334155;background:#f8fafc}.offer-approvals-tab.active{color:#5a5f67;background:#5a5f6714;border-color:#5a5f67}.offer-approvals-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.75rem;font-weight:600;color:#fff;background:#5a5f67;border-radius:999px}.offer-approvals-tab:not(.active) .offer-approvals-tab-count{background:#94a3b8}.offer-approvals-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.offer-approvals-subtitle{font-size:.875rem;color:#64748b;margin:0}.offer-approvals-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;min-height:200px}.offer-approvals-loading,.offer-approvals-empty{text-align:center;color:#64748b;padding:2rem;margin:0}.offer-approvals-table-wrap{overflow-x:auto}.offer-approvals-table{width:100%;border-collapse:collapse;font-size:.875rem}.offer-approvals-table th,.offer-approvals-table td{padding:.4rem .65rem;text-align:left;border-bottom:1px solid #e2e8f0}.offer-approvals-table th{font-weight:600;color:#475569;background:#f8fafc}.offer-approvals-th-actions{text-align:right}.offer-approvals-row:hover{background:#f8fafc}.offer-approvals-td-id{font-weight:600;color:#0f172a}.offer-approvals-td-name{font-weight:500;color:#334155}.offer-approvals-td-date{color:#64748b}.offer-approvals-td-actions{text-align:right;white-space:nowrap}.offer-approvals-badge{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;background:#5a5f671f;color:#5a5f67}.offer-approvals-badge-approved{background:#22c55e1f;color:#5a5f67}.offer-approvals-badge-rejected{background:#ef44441f;color:#dc2626}.offer-approvals-download-link{color:#5a5f67;text-decoration:none;font-weight:500}.offer-approvals-download-link:hover{text-decoration:underline}.offer-approvals-download-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit}.offer-approvals-download-btn:disabled{cursor:not-allowed;opacity:.7}.offer-approvals-no-file{color:#94a3b8}.offer-approvals-btn{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;border-radius:.375rem;border:none;cursor:pointer;font-family:inherit}.offer-approvals-btn-view{background:#5a5f67;color:#fff}.offer-approvals-btn-view:hover{filter:brightness(1.05)}:root{--al-primary: #5a5f67;--al-bg: #f7f7f6}.al-container{display:flex;min-height:100vh;background:var(--al-bg)}.al-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-width:0;display:flex;flex-direction:column}.al-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.al-main{flex:1;padding:1.5rem 2rem;max-width:1600px;margin:0 auto;width:100%}.al-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.al-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.al-breadcrumb{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-bottom:.25rem}.al-breadcrumb-chevron{font-size:14px!important}.al-breadcrumb-current{color:var(--al-primary);font-weight:600}.al-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.al-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.al-actions{display:flex;gap:.75rem;flex-shrink:0}.al-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.al-btn-icon{font-size:1.125rem!important}.al-btn-secondary{background:#fff;border-color:#e2e8f0;color:#475569}.al-btn-secondary:hover{background:#f8fafc;border-color:var(--al-primary);color:var(--al-primary)}.al-btn-primary{background:var(--al-primary);color:#fff}.al-btn-primary:hover{background:#5a6d3a;color:#fff}.al-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media(min-width:1024px){.al-grid{grid-template-columns:380px 1fr}}.al-left{min-width:0}.al-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.al-card-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;color:#1e293b}.al-card-icon{font-size:1.25rem!important;color:var(--al-primary)}.al-form-grid{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.al-field{flex:1 1 calc(50% - .5rem);min-width:0}.al-field-full{flex:1 1 100%}.al-label{display:block;font-size:.75rem;font-weight:600;color:#475569;margin-bottom:.25rem}.al-field input,.al-field select,.al-field textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;color:#1e293b}.al-field input:focus,.al-field select:focus,.al-field textarea:focus{outline:none;border-color:var(--al-primary);box-shadow:0 0 0 2px #5a5f6733}.al-field textarea{resize:vertical;min-height:80px}.al-preview-sticky{position:sticky;top:1rem}.al-preview-head{margin-bottom:.75rem}.al-preview-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:#1e293b}.al-preview-title .material-symbols-outlined{font-size:1.25rem!important;color:var(--al-primary)}.al-preview-paper{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px -1px #00000014;padding:2rem 2.5rem;max-height:calc(100vh - 12rem);overflow-y:auto}.al-letter{font-family:Times New Roman,Georgia,serif;font-size:11pt;line-height:1.5;color:#1e293b}.al-letter p{margin:0 0 .5rem}.al-letter-ref{font-weight:600;margin-bottom:.35rem}.al-letter-name{font-weight:700;text-transform:uppercase;margin-bottom:.25rem}.al-letter-address{margin-bottom:.75rem}.al-letter-address p{margin:0 0 .15rem;font-size:10.5pt}.al-letter-sub{font-weight:700;margin:.5rem 0}.al-letter-dear{margin:.5rem 0 .75rem}.al-letter-clause-title{font-weight:700;margin-top:.75rem!important;margin-bottom:.35rem!important}.al-letter strong{font-weight:700}.al-letter-sign-space{margin-top:1.5rem;margin-bottom:.5rem}.al-letter-acceptance{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.al-letter-sign-line{margin:.5rem 0;letter-spacing:.2em}@media print{.al-container .main-content{margin-left:0!important}.al-left,.al-actions,.al-header>.al-actions,.al-breadcrumb,.al-subtitle,.al-preview-head,.sidebar,.header,.al-btn{display:none!important}.al-grid{display:block}.al-preview-paper{max-height:none;box-shadow:none;border:none;padding:1rem}.al-main{padding:0}}.ceo-dashboard-page main{max-width:100%}.ceo-dashboard-page{--ceo-bg-1: #0e162d;--ceo-bg-2: #141f3d;--ceo-cyan: #24d2d1;--ceo-blue: #5f88ff;--ceo-magenta: #f264c7;--ceo-orange: #ff9f43;--ceo-shell-max: 80rem;--ceo-radius-bento: 2.5rem;--ceo-border-card: 1px solid rgba(205, 212, 231, .55);--ceo-shadow-card: 0 20px 60px -15px rgba(90, 95, 103, .1);--ceo-shadow-card-soft: 0 12px 40px -12px rgba(90, 95, 103, .08);min-width:0;overflow-x:hidden}.ceo-page-shell{max-width:min(var(--ceo-shell-max),100%);margin-left:auto;margin-right:auto;width:100%;min-width:0}.ceo-dashboard-stack{display:flex;flex-direction:column;gap:clamp(1.75rem,3.2vw,2.75rem)}.ceo-dashboard-stack>*{animation:ceoRiseIn .58s cubic-bezier(.22,1,.36,1) both}.ceo-dashboard-stack>*:nth-child(1){animation-delay:0ms}.ceo-dashboard-stack>*:nth-child(2){animation-delay:55ms}.ceo-dashboard-stack>*:nth-child(3){animation-delay:.11s}.ceo-dashboard-stack>*:nth-child(4){animation-delay:165ms}.ceo-dashboard-stack>*:nth-child(5){animation-delay:.22s}.ceo-dashboard-stack>*:nth-child(6){animation-delay:275ms}.ceo-dashboard-stack>*:nth-child(7){animation-delay:.33s}.ceo-dashboard-stack>*:nth-child(8){animation-delay:385ms}.ceo-dashboard-stack>*:nth-child(9){animation-delay:.44s}.ceo-dashboard-stack>*:nth-child(10){animation-delay:495ms}.ceo-dashboard-stack>*:nth-child(11){animation-delay:.55s}.ceo-dashboard-stack>*:nth-child(12){animation-delay:605ms}.ceo-dashboard-stack>.ceo-card-grid{animation:none}.ceo-dashboard-stack>.ceo-card-grid>*{animation:ceoRiseIn .56s cubic-bezier(.22,1,.36,1) both}.ceo-dashboard-stack>.ceo-card-grid>*:nth-child(1){animation-delay:.14s}.ceo-dashboard-stack>.ceo-card-grid>*:nth-child(2){animation-delay:.22s}.ceo-dashboard-stack>.ceo-card-grid>*:nth-child(3){animation-delay:.3s}.ceo-perf-matrix>.ceo-perf-matrix-header{animation:ceoFadeSlide .48s cubic-bezier(.22,1,.36,1) both;animation-delay:40ms}.ceo-perf-matrix>.ceo-perf-executive-card:nth-child(2){animation:ceoRiseIn .54s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.ceo-perf-matrix>.ceo-perf-executive-card:nth-child(3){animation:ceoRiseIn .54s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s}.ceo-mrf-cyber-shell>*{animation:ceoFadeSlide .52s cubic-bezier(.22,1,.36,1) both}.ceo-mrf-cyber-shell>*:nth-child(1){animation-delay:60ms}.ceo-mrf-cyber-shell>*:nth-child(2){animation-delay:.13s}.ceo-mrf-cyber-shell>*:nth-child(3){animation-delay:.2s}.ceo-mrf-cyber-shell>*:nth-child(4){animation-delay:.27s}.ceo-mrf-cyber-shell>*:nth-child(5){animation-delay:.34s}.ceo-dashboard-stack section>h2.ceo-section-heading:first-child,.ceo-dashboard-stack section>h2.exec-headline:first-child{animation:ceoFadeSlide .42s cubic-bezier(.22,1,.36,1) both;animation-delay:20ms}.ceo-skill-vault-events .ceo-skill-vault-event{animation:ceoFadeSlide .4s cubic-bezier(.22,1,.36,1) both}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(1){animation-delay:.32s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(2){animation-delay:.36s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(3){animation-delay:.4s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(4){animation-delay:.44s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(5){animation-delay:.48s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(6){animation-delay:.52s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(7){animation-delay:.56s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(8){animation-delay:.6s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(9){animation-delay:.64s}.ceo-skill-vault-events .ceo-skill-vault-event:nth-child(10){animation-delay:.68s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col{animation:ceoFadeSlide .38s cubic-bezier(.22,1,.36,1) both}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(1){animation-delay:.2s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(2){animation-delay:.24s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(3){animation-delay:.28s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(4){animation-delay:.32s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(5){animation-delay:.36s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(6){animation-delay:.4s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(7){animation-delay:.44s}.ceo-skill-vault-power-row .ceo-skill-vault-power-col:nth-child(8){animation-delay:.48s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile{animation:ceoFadeSlide .38s cubic-bezier(.22,1,.36,1) both}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(1){animation-delay:80ms}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(2){animation-delay:.12s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(3){animation-delay:.16s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(4){animation-delay:.2s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(5){animation-delay:.24s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(6){animation-delay:.28s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(7){animation-delay:.32s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(8){animation-delay:.36s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(9){animation-delay:.4s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(10){animation-delay:.44s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(11){animation-delay:.48s}.ceo-exec-birthday-tiles .ceo-exec-birthday-tile:nth-child(12){animation-delay:.52s}.ceo-budget-mini-grid .ceo-budget-mini-card{animation:ceoRiseIn .5s cubic-bezier(.22,1,.36,1) both}.ceo-budget-mini-grid .ceo-budget-mini-card:nth-child(1){animation-delay:.2s}.ceo-budget-mini-grid .ceo-budget-mini-card:nth-child(2){animation-delay:.28s}.ceo-panel{background:#fff;border-radius:var(--ceo-radius-bento);border:var(--ceo-border-card);box-shadow:var(--ceo-shadow-card-soft)}.ceo-section-heading{margin:0 0 .65rem;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;letter-spacing:-.02em;color:#2d3435}.ceo-meta-control-outer{font-family:Space Grotesk,system-ui,sans-serif}.ceo-meta-control-hub{background:#5a5f67;padding:4px;border-radius:40px;box-shadow:inset 0 4px 10px #0000004d,0 30px 60px -12px #0006;display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.ceo-meta-hub-section{background:#343a40;padding:1.75rem;display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 200px}.ceo-meta-hub-l{border-radius:36px 8px 8px 36px;border-right:1px solid rgba(255,255,255,.05)}.ceo-meta-hub-mid{background:#2d3238;border-right:1px solid rgba(255,255,255,.05);border-radius:8px}.ceo-meta-hub-r{border-radius:8px 36px 36px 8px}.ceo-meta-control-hub .ceo-meta-hub-section{animation:ceoFadeSlide .44s cubic-bezier(.22,1,.36,1) both}.ceo-meta-control-hub .ceo-meta-hub-l{animation-delay:40ms}.ceo-meta-control-hub .ceo-meta-hub-mid{animation-delay:.11s}.ceo-meta-control-hub .ceo-meta-hub-r{animation-delay:.18s}.ceo-meta-data-tag{align-self:flex-start;background:#cdd4e7;clip-path:polygon(0 0,100% 0,85% 100%,0% 100%);padding:4px 20px 4px 10px;font-weight:800;color:#343a40;font-size:10px;text-transform:none;margin-bottom:1rem}.ceo-meta-company-title{margin:0;color:#fff;font-size:clamp(1.45rem,3.8vw,2.25rem);font-weight:700;text-transform:none;letter-spacing:-.04em;line-height:.95}.ceo-meta-system-active{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:10px;color:#fff6;text-transform:none;font-weight:700;letter-spacing:.06em}.ceo-meta-system-dot{width:8px;height:8px;border-radius:9999px;background:#22c55e;box-shadow:0 0 10px #22c55e;flex-shrink:0}.ceo-meta-kpi-label{margin:0 0 .35rem;font-size:10px;font-weight:700;color:#cdd4e7;text-transform:none;letter-spacing:.06em}.ceo-meta-kpi-sequence{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.ceo-meta-kpi-q{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;color:#fff;line-height:1}.ceo-meta-kpi-y{font-size:1.25rem;font-weight:300;color:#cdd4e7}.ceo-meta-kpi-dots{margin-top:1rem;display:flex;gap:.25rem;align-items:center}.ceo-meta-kpi-dot-long{width:2.5rem;height:4px;background:#cdd4e7;border-radius:2px}.ceo-meta-kpi-dot{width:8px;height:4px;background:#ffffff1a;border-radius:2px}.ceo-meta-kpi-period-hint{margin:.85rem 0 0;font-size:9px;color:#ffffff73;line-height:1.35;font-weight:600;text-transform:none;letter-spacing:.08em}.ceo-meta-hub-r-grid{display:flex;gap:2.5rem;flex-wrap:wrap}.ceo-meta-r-k{margin:0 0 .2rem;font-size:9px;font-weight:700;color:#ffffff4d;text-transform:none}.ceo-meta-r-v{margin:0;font-size:.875rem;font-weight:700;color:#fff;letter-spacing:.12em}.ceo-meta-sync-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.ceo-meta-sync-sig{margin:.35rem 0 0;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:10px;color:#cdd4e7e0;text-transform:none;letter-spacing:.02em;word-break:break-all}@media(max-width:899px){.ceo-meta-hub-l{border-radius:36px 36px 8px 8px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.ceo-meta-hub-mid{border-radius:8px;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.ceo-meta-hub-r{border-radius:8px 8px 36px 36px}}@media(min-width:900px){.ceo-meta-hub-section{padding:2rem 2.75rem}}.ceo-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem}.ceo-filter-grid input,.ceo-filter-grid select{border:1px solid rgba(197,198,203,.45);border-radius:.75rem;padding:.55rem .65rem;font-size:.85rem;background:#fafafa;color:#2d3435;transition:border-color .15s ease,box-shadow .15s ease}.ceo-filter-grid select:focus{outline:none;border-color:#da003773;box-shadow:0 0 0 3px #da00371f}.ceo-filter-grid select:disabled{opacity:.62;cursor:not-allowed}.ceo-error,.ceo-loading{padding:.62rem .8rem;border-radius:.62rem;background:var(--ds-surface-container-low);color:var(--ds-on-surface)}.ceo-card-grid{display:flex;flex-direction:column;gap:.72rem}@media(min-width:1024px){.ceo-card-grid.ceo-card-grid-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(17.5rem,24rem);align-items:stretch;gap:1rem 1.25rem}.ceo-card-grid.ceo-card-grid-hero .ceo-metric-card-headcount{margin-left:0;margin-right:0;max-width:none;justify-self:stretch;align-self:start}.ceo-card-grid.ceo-card-grid-hero .ceo-budget-command{min-width:0}}.ceo-metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.72rem;width:100%;min-width:0}.ceo-metric-strip .ceo-metric-card{animation:ceoRiseIn .52s ease both}.ceo-metric-strip .ceo-metric-card:nth-child(1){animation-delay:60ms}.ceo-metric-strip .ceo-metric-card:nth-child(2){animation-delay:.12s}.ceo-metric-strip .ceo-metric-card:nth-child(3){animation-delay:.18s}.ceo-metric-strip .ceo-metric-card:nth-child(4){animation-delay:.24s}.ceo-metric-strip .ceo-metric-card:nth-child(5){animation-delay:.3s}.ceo-metric-card{position:relative;padding:1rem 1.05rem;overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.executive-portal-root .ceo-metric-card.ep-card-round{border-radius:var(--ep-radius-card, 1.5rem);box-shadow:var(--ep-shadow-soft, 0 6px 28px rgba(0, 0, 0, .07), 0 2px 10px rgba(0, 0, 0, .04));border-color:#e3e7eef2}.ceo-metric-card:hover{transform:translateY(-4px);box-shadow:var(--ep-shadow-soft-hover, 0 12px 40px rgba(0, 0, 0, .1), 0 4px 14px rgba(0, 0, 0, .05));border-color:#4866bf59}.ceo-metric-card:after{content:"";position:absolute;inset:-40% auto auto -35%;width:65%;height:160%;background:radial-gradient(circle at center,#ffffff52,#fff0);transform:rotate(17deg);opacity:0;transition:opacity .24s ease;pointer-events:none}.ceo-metric-card:hover:after{opacity:1}.ceo-metric-card:before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:3px;border-radius:999px;background:linear-gradient(180deg,#5a5f67,#3d4448)}.ceo-metric-strip .ceo-metric-card:nth-child(1):before{background:linear-gradient(180deg,#5a5f67,#3d4148)}.ceo-metric-strip .ceo-metric-card:nth-child(2):before{background:linear-gradient(180deg,#16a34a,#15803d)}.ceo-metric-strip .ceo-metric-card:nth-child(3):before{background:linear-gradient(180deg,#64748b,#475569)}.ceo-metric-strip .ceo-metric-card:nth-child(4):before{background:linear-gradient(180deg,#d946ef,#a21caf)}.ceo-metric-strip .ceo-metric-card:nth-child(5):before{background:linear-gradient(180deg,#f59e0b,#d97706)}.ceo-metric-card-headcount{width:100%;align-self:stretch;max-width:32rem;margin-left:auto;margin-right:auto;border:none;background:transparent;box-shadow:none;border-radius:0;padding:0;overflow:visible}.ceo-metric-card-headcount:before,.ceo-metric-card-headcount:after{display:none}.ceo-metric-card-headcount:hover{transform:none;box-shadow:none;border-color:transparent}.ceo-total-active-card{container-type:inline-size;background:#fff;border-radius:48px;border:1px solid #cdd4e7;box-shadow:0 40px 100px -20px #5a5f671a;position:relative;overflow:hidden;padding:2.5rem 2rem 2.75rem;text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .35s ease,box-shadow .35s ease}.ceo-metric-card-headcount:hover .ceo-total-active-card{transform:translateY(-5px);border-color:#5a5f67}.ceo-total-active-tag-wrap{display:flex;justify-content:center;margin-bottom:1.75rem}.ceo-total-active-tag{display:inline-block;background:#cdd4e7;color:#5a5f67;padding:.5rem 1.25rem;border-radius:9999px;font-size:10px;font-weight:900;text-transform:none;letter-spacing:.3em}.ceo-total-active-rule-details{margin:-.5rem auto 1rem;max-width:26rem;text-align:left}.ceo-total-active-rule-details summary{cursor:pointer;list-style:none;font-size:.65rem;font-weight:800;text-transform:none;letter-spacing:.12em;color:#94a3b8}.ceo-total-active-rule-details summary::-webkit-details-marker{display:none}.ceo-total-active-rule-details summary:after{content:" ▾";font-size:.55rem;opacity:.7}.ceo-total-active-rule-details[open] summary:after{content:" ▴"}.ceo-total-active-rule-mono{margin:.5rem 0 0;padding:.55rem .65rem;font-size:.58rem;line-height:1.4;color:#475569;background:#f8fafc;border:1px solid rgba(205,212,231,.9);border-radius:.65rem;word-break:break-word;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace}.ceo-total-active-figure{margin-bottom:.5rem}.ceo-total-active-big{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(3.25rem,11vw,5.75rem);font-weight:900;line-height:.95;letter-spacing:-.06em;text-transform:none;font-variant-numeric:tabular-nums;color:#0f172a;background-image:linear-gradient(180deg,#1e293b,#020617);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@supports not (background-clip: text){.ceo-total-active-big{background:none;-webkit-text-fill-color:#0f172a;color:#0f172a}}.ceo-total-active-copy{display:flex;flex-direction:column;gap:.35rem}.ceo-total-active-title{margin:0;font-size:1.125rem;font-weight:700;color:#5a5f67;letter-spacing:-.02em}.ceo-total-active-meta{margin:0;font-size:10px;font-weight:700;color:#94a3b8;text-transform:none;letter-spacing:.2em}.ceo-total-active-accent{margin-top:2.5rem;display:flex;justify-content:center}.ceo-total-active-accent-bar{width:3.5rem;height:.3rem;border-radius:9999px;background:linear-gradient(90deg,#5a5f67,#cdd4e7);opacity:.85}.ceo-gap-box{border-left:1px solid rgba(148,163,184,.28);padding-left:.85rem;min-width:140px}.ceo-gap-box span{text-transform:none;font-size:.56rem;color:#5a6061;font-weight:800;letter-spacing:.08em}.ceo-gap-box strong{display:block;margin-top:.15rem;font-size:2rem;line-height:1;color:#1f2937}.ceo-gap-box em{font-style:normal;color:#64748b;font-size:.67rem}.ceo-metric-strip .ceo-metric-card p{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:none;color:var(--ds-on-surface-variant)}.ceo-metric-card h3{margin:0;font-size:1.85rem;line-height:1.1;letter-spacing:-.01em;color:#2d3435;font-family:Manrope,system-ui,sans-serif;text-wrap:balance}.ceo-metric-card small{display:block;margin-top:.45rem;font-size:.72rem;color:#64748b;font-weight:600}.ceo-metric-sub-line{display:block;margin-top:.38rem;font-size:.68rem;line-height:1.35;color:#5a6061;font-weight:600;letter-spacing:.01em}.ceo-gap-box .ceo-metric-sub-line{margin-top:.35rem;font-style:normal;color:#64748b;font-weight:600}.ceo-chart-hint{margin:-.15rem 0 .5rem;font-size:.72rem;line-height:1.45;color:#5a6061;font-weight:500;max-width:42rem}.ceo-chart-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.72rem;min-width:0;width:100%}.ceo-chart-grid>.ceo-chart-card{animation:ceoRiseIn .56s ease both}.ceo-chart-grid>.ceo-chart-card:nth-child(1){animation-delay:40ms}.ceo-chart-grid>.ceo-chart-card:nth-child(2){animation-delay:90ms}.ceo-chart-grid>.ceo-chart-card:nth-child(3){animation-delay:.14s}.ceo-chart-grid>.ceo-chart-card:nth-child(4){animation-delay:.19s}.ceo-chart-grid>.ceo-chart-card:nth-child(5){animation-delay:.24s}.ceo-chart-card{position:relative;padding:.9rem 1rem 1rem;min-height:310px;overflow:hidden;background:linear-gradient(165deg,#fffffff2,#f8fafff7),radial-gradient(circle at 12% 10%,#5f88ff29,#5f88ff00),radial-gradient(circle at 85% 14%,#24d2d11f,#24d2d100);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.ceo-chart-card:hover{transform:translateY(-4px);border-color:#5f88ff5c;box-shadow:0 20px 42px #081c5421,0 6px 18px #081c5414}.ceo-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ceo-cyan),var(--ceo-blue),var(--ceo-magenta));opacity:.95}.ceo-chart-card:after{content:"";position:absolute;width:220px;height:220px;right:-90px;bottom:-110px;background:radial-gradient(circle at center,#5f88ff29,#5f88ff00);pointer-events:none}.executive-portal-root .ceo-chart-card.ep-card-round{border-radius:var(--ceo-radius-bento, 2.5rem);box-shadow:var(--ceo-shadow-card-soft);border:var(--ceo-border-card)}.ceo-chart-card h4{margin:0 0 .58rem;font-size:.92rem;font-weight:800;letter-spacing:.01em;color:#2d3435;font-family:Manrope,system-ui,sans-serif;text-transform:none;display:flex;align-items:center;gap:.42rem}.ceo-chart-card h4:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(180deg,var(--ceo-cyan),var(--ceo-blue));box-shadow:0 0 0 4px #5f88ff1f}.ceo-chart-canvas{height:250px;position:relative;z-index:2}.ceo-chart-card-desc{margin:-.25rem 0 .55rem;font-size:.72rem;line-height:1.45;color:var(--ds-on-surface-variant, #64748b);font-weight:500}.ceo-attrition-zero-note{margin:.5rem 0 0;padding:.5rem .62rem;font-size:.74rem;line-height:1.4;color:#92400e;background:color-mix(in srgb,#f59e0b 18%,transparent);border-radius:.5rem;border:1px solid color-mix(in srgb,#f59e0b 35%,transparent)}.ceo-attrition-table-block{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(148,163,184,.28)}.ceo-attrition-table-title{margin:0 0 .55rem;font-size:.8rem;font-weight:700;color:var(--ds-on-surface, #1e293b)}.ceo-attrition-table-empty{margin:0;font-size:.78rem;color:var(--ds-on-surface-variant, #64748b)}.ceo-attrition-table-scroll{overflow-x:hidden;border-radius:.55rem;border:1px solid rgba(148,163,184,.22);max-width:100%}.ceo-attrition-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:clamp(.62rem,1.8vw,.74rem)}.ceo-attrition-table abbr{text-decoration:none;cursor:help;border-bottom:0}.ceo-attrition-table th,.ceo-attrition-table td{padding:.35rem .28rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.18);vertical-align:middle}@media(min-width:640px){.ceo-attrition-table th,.ceo-attrition-table td{padding:.42rem .45rem}}.ceo-attrition-table thead th{font-weight:700;font-size:.62rem;text-transform:none;letter-spacing:.03em;color:var(--ds-on-surface-variant, #475569);background:linear-gradient(180deg,#e2e8f0,#cbd5e1);white-space:normal;line-height:1.15;-webkit-hyphens:auto;hyphens:auto}.ceo-attrition-table tbody th[scope=row]{font-weight:600;color:var(--ds-on-surface, #334155);overflow-wrap:anywhere;word-break:break-word}.ceo-attrition-table tbody tr:nth-child(2n) td,.ceo-attrition-table tbody tr:nth-child(2n) th[scope=row]{background:#fef3e873}.ceo-attrition-table-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:11%}.ceo-attrition-table thead th:first-child,.ceo-attrition-table tbody th[scope=row]{width:23%}.ceo-attrition-table tbody tr:last-child th,.ceo-attrition-table tbody tr:last-child td{border-bottom:none}.ceo-chart-card-full{grid-column:1 / -1}.ceo-dashboard-page .ceo-chart-card.ceo-skill-vault-card,.ceo-chart-card.ceo-skill-vault-card{min-height:420px;padding:1rem 1.1rem 1.15rem;background:#000;border-color:#cdd4e724;box-shadow:0 24px 60px -20px #0000008c,inset 0 1px #ffffff0a}.ceo-dashboard-page .ceo-chart-card.ceo-skill-vault-card:hover,.ceo-chart-card.ceo-skill-vault-card:hover{transform:translateY(-2px);border-color:#cdd4e738;box-shadow:0 28px 64px -18px #0009,inset 0 1px #ffffff0f}.ceo-chart-card.ceo-skill-vault-card:before{height:1px;opacity:.35;background:linear-gradient(90deg,transparent,rgba(90,95,103,.9),transparent)}.ceo-chart-card.ceo-skill-vault-card:after{background:radial-gradient(circle at 88% 12%,rgba(205,212,231,.07),transparent 55%)}.ceo-chart-card.ceo-skill-vault-card h4{color:#fff}.ceo-chart-card.ceo-skill-vault-card h4:before{background:#cdd4e7;box-shadow:0 0 12px #cdd4e766}.ceo-dashboard-page .ceo-chart-card.ceo-skill-vault-card .ceo-chart-hint,.ceo-skill-vault-card .ceo-chart-hint{color:#cdd4e780;margin-bottom:.75rem}.ceo-skill-vault-conduit{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1.45fr);gap:clamp(1rem,3vw,2.5rem);align-items:stretch;min-height:320px;position:relative;z-index:2}@media(max-width:1100px){.ceo-skill-vault-conduit{grid-template-columns:1fr;gap:1.5rem;min-height:0}}.ceo-skill-vault-divider{width:1px;min-height:100%;background:linear-gradient(to bottom,transparent,rgba(90,95,103,.75),transparent);opacity:.45}@media(max-width:1100px){.ceo-skill-vault-divider{width:100%;height:1px;min-height:0;background:linear-gradient(to right,transparent,rgba(90,95,103,.85),transparent)}}.ceo-skill-vault-left{display:flex;flex-direction:column;min-width:0;font-family:Space Grotesk,system-ui,sans-serif;color:#cdd4e7}.ceo-skill-vault-head{margin-bottom:1.25rem}.ceo-skill-vault-kicker{margin:0 0 .35rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#94a3b8d9}.ceo-skill-vault-title{margin:0;font-size:clamp(1.65rem,3.2vw,2.15rem);font-weight:300;letter-spacing:-.04em;text-transform:uppercase;color:#fff;line-height:1.05}.ceo-skill-vault-title-accent{font-weight:700;color:#cdd4e7}.ceo-skill-vault-counts{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.35rem}.ceo-skill-vault-count-label{margin:0 0 .2rem;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8eb}.ceo-skill-vault-count-value{margin:0;font-size:clamp(2.25rem,5vw,3rem);font-weight:800;line-height:1}.ceo-skill-vault-count-value--light{color:#fff}.ceo-skill-vault-count-value--muted{color:#5a5f67}.ceo-skill-vault-count-rule{width:3rem;height:1px;background:#334155f2;flex-shrink:0}.ceo-skill-vault-power-scroll{flex:1;min-height:200px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(90,95,103,.65) transparent;padding-bottom:4px}.ceo-skill-vault-power-scroll::-webkit-scrollbar{height:6px}.ceo-skill-vault-power-scroll::-webkit-scrollbar-thumb{background:#5a5f67a6;border-radius:999px}.ceo-skill-vault-power-row{display:flex;flex-direction:row;align-items:flex-end;gap:.65rem;min-height:200px;width:max-content;min-width:100%}.ceo-skill-vault-power-col{text-align:center;flex:0 0 5.25rem;min-width:5.25rem;max-width:6.5rem}.ceo-skill-vault-power-cell{background:#5a5f671f;border:1px solid rgba(205,212,231,.06);border-radius:4px;height:168px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;transition:border-color .35s ease,background .35s ease}.ceo-skill-vault-power-cell:hover{border-color:#cdd4e759;background:#cdd4e70d}.ceo-skill-vault-energy{width:100%;border-radius:2px;background:#cdd4e7;box-shadow:0 0 14px #cdd4e747;transition:height .5s ease}.ceo-skill-vault-energy--pending{background:#5a5f67;box-shadow:none}.ceo-skill-vault-power-dept{margin:.65rem 0 .15rem;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8eb;word-break:break-word}.ceo-skill-vault-power-mono{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px;font-weight:600;color:#fff;letter-spacing:-.02em;line-height:1.35;white-space:nowrap}.ceo-skill-vault-right{display:flex;flex-direction:column;min-width:0;max-height:380px;font-family:Space Grotesk,system-ui,sans-serif}@media(max-width:1100px){.ceo-skill-vault-right{max-height:none}}.ceo-skill-vault-schedule-title{margin:0 0 1rem;font-size:10px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:#94a3b8e0}.ceo-skill-vault-events{flex:1;overflow-y:auto;padding-right:.35rem;display:flex;flex-direction:column;gap:1.6rem}.ceo-skill-vault-events::-webkit-scrollbar{width:6px}.ceo-skill-vault-events::-webkit-scrollbar-thumb{background:#5a5f67a6;border-radius:999px}.ceo-skill-vault-event{border-left:2px solid #5a5f67;padding-left:1.1rem;margin-left:2px;position:relative}.ceo-skill-vault-event:before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;background:#cdd4e7;border-radius:50%}.ceo-skill-vault-event--dim{opacity:.62}.ceo-skill-vault-event--dim:before{background:#94a3b8d9}.ceo-skill-vault-event-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.ceo-skill-vault-event-id{margin:0 0 .25rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:#cdd4e7}.ceo-skill-vault-event-title{margin:0;font-size:clamp(.95rem,1.9vw,1.05rem);font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:#fff;line-height:1.2}.ceo-skill-vault-event-dept{margin:.35rem 0 0;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8f2}.ceo-skill-vault-pill{flex-shrink:0;font-size:9px;font-weight:800;padding:.2rem .45rem;border-radius:4px;background:#cdd4e7;color:#000}.ceo-skill-vault-pill--muted{background:#1e293bf2;color:#94a3b8f2}.ceo-skill-vault-event-meta{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-top:.65rem;font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8eb}.ceo-skill-vault-meta-sep{color:#334155f2}.ceo-skill-vault-foot{margin-top:1.25rem;padding:1.1rem 1.25rem;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05}.ceo-skill-vault-foot p{margin:0;font-size:10px;font-weight:700;line-height:1.55;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8eb}.ceo-skill-vault-foot-strong{color:#fff}.ceo-skill-vault-empty{margin:0;font-size:.78rem;color:#94a3b8d1;grid-column:1 / -1}.ceo-skill-vault-teaser{margin:0;font-size:.78rem;line-height:1.45;color:#64748b}.ceo-skill-vault-teaser-link{color:#5a5f67;font-weight:800;text-decoration:underline;text-underline-offset:2px}.ceo-skill-vault-teaser-link:hover{color:#2d3435}.ceo-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;min-width:0}.ceo-exec-celebration-wrap{grid-column:1 / -1;display:grid;grid-template-columns:minmax(1,0fr) minmax(220px,280px);gap:1.75rem;align-items:stretch;padding:.35rem 0 .15rem;overflow:visible}@media(max-width:960px){.ceo-exec-celebration-wrap{grid-template-columns:1fr}}.ceo-exec-celebration-main{position:relative;overflow:visible;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000047;padding:0;background:transparent}.ceo-exec-celebration-clip{position:relative;isolation:isolate;overflow:visible;border-radius:inherit;background:linear-gradient(135deg,#5a5f67,#343a40);border:1px solid rgba(205,212,231,.14);box-shadow:inset 0 1px #ffffff0f;color:#fff;padding:2.5rem 2.25rem 2.35rem;min-height:22rem}.ceo-exec-balloon-layer{position:absolute;inset:-.35rem;z-index:1;pointer-events:none;overflow:visible}.ceo-exec-celebration-inner{position:relative;z-index:2}.ceo-exec-celebration-topbar{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.ceo-exec-suite-title{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:800;color:#cdd4e7;letter-spacing:-.04em}.ceo-exec-date-pill{font-size:10px;font-weight:800;color:#5a5f67;background:#fff;padding:.45rem 1rem;border-radius:999px;box-shadow:0 4px 14px #00000014}.ceo-exec-party-heading{margin:0 0 .35rem;font-family:Manrope,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#fff;animation:ceoExecPartyPulse 3s ease-in-out infinite}@keyframes ceoExecPartyPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.015)}}.ceo-exec-celebration-kicker{margin:0 0 1.5rem;font-size:10px;font-weight:800;text-transform:none;letter-spacing:.28em;color:#cdd4e7}.ceo-exec-birthday-grid-scroll{max-height:min(280px,42vh);overflow-y:auto;overflow-x:hidden;margin-bottom:1.25rem;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(205,212,231,.45) transparent}.ceo-exec-birthday-grid-scroll::-webkit-scrollbar{width:5px}.ceo-exec-birthday-grid-scroll::-webkit-scrollbar-thumb{background:#cdd4e766;border-radius:10px}.ceo-exec-birthday-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}@media(min-width:640px){.ceo-exec-birthday-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.ceo-exec-birthday-tile{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:1.35rem;padding:.85rem 1rem;min-width:0}.ceo-exec-birthday-tile-dept{margin:0 0 .35rem;font-size:9px;font-weight:900;text-transform:none;letter-spacing:.12em;color:#cdd4e7}.ceo-exec-birthday-tile-name{margin:0;font-size:.8rem;font-weight:800;text-transform:none;letter-spacing:.04em;color:#fff;line-height:1.25;word-break:break-word}.ceo-exec-birthday-tile-dob{margin:.38rem 0 0;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#ffffffdb}.ceo-exec-birthday-empty{margin:0;padding:1.5rem .5rem;text-align:center;font-size:.8rem;font-weight:700;color:#ffffffbf}.ceo-exec-launch-btn{border:none;cursor:pointer;padding:.95rem 1.75rem;border-radius:1rem;font-size:11px;font-weight:900;text-transform:none;letter-spacing:.16em;color:#5a5f67;background:#cdd4e7;box-shadow:0 14px 28px #00000038;transition:transform .2s ease,filter .2s ease}.ceo-exec-launch-btn:hover{transform:scale(1.03);filter:brightness(1.05)}.ceo-exec-launch-btn:active{transform:scale(.99)}.ceo-exec-balloon{position:absolute;line-height:1;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));animation:ceoExecBalloonFloat 5s ease-in-out infinite;will-change:transform}.ceo-exec-balloon-a{top:-4%;right:-2%;font-size:clamp(3.25rem,12vmin,6.25rem);animation-delay:0s}.ceo-exec-balloon-b{top:8%;right:18%;font-size:clamp(2.25rem,8vmin,4.25rem);animation-delay:.9s;animation-duration:4.2s}.ceo-exec-balloon-c{bottom:-2%;left:-1%;font-size:clamp(2.75rem,10vmin,5.25rem);animation-delay:.45s;animation-duration:4.6s}.ceo-exec-balloon-d{top:28%;left:-3%;font-size:clamp(2rem,7vmin,3.75rem);animation-delay:1.35s;animation-duration:5.5s;opacity:.92}@keyframes ceoExecBalloonFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(6deg)}}.ceo-exec-celebration-aside{display:flex;flex-direction:column;gap:1.25rem}.ceo-exec-aside-card{border-radius:2.5rem;padding:1.75rem 1.5rem;flex:1;min-height:0;box-shadow:0 12px 30px #0000000f}.ceo-exec-aside-card-white{background:#fff;border:1px solid rgba(205,212,231,.85)}.ceo-exec-aside-card-lavender{background:#cdd4e7;border:1px solid rgba(90,95,103,.12)}.ceo-exec-aside-label{margin:0 0 .65rem;font-size:10px;font-weight:900;text-transform:none;letter-spacing:.22em;color:#5a5f6773}.ceo-exec-aside-value{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.85rem,3.5vw,2.35rem);font-weight:900;color:#5a5f67;letter-spacing:-.03em;line-height:1.1}.ceo-exec-aside-value-unit{font-size:.55em;font-weight:800;margin-left:.15em}.ceo-exec-aside-hint{margin:.5rem 0 0;font-size:.72rem;font-weight:700;color:#5a5f67}.ceo-list-grid>*{animation:ceoRiseIn .56s cubic-bezier(.22,1,.36,1) both}.ceo-list-grid>*:nth-child(1){animation-delay:40ms}.ceo-list-grid>*:nth-child(2){animation-delay:.1s}.ceo-list-grid>*:nth-child(3){animation-delay:.16s}.ceo-list-grid>*:nth-child(4){animation-delay:.22s}.ceo-list-card{position:relative;padding:.95rem 1rem;overflow:hidden;background:linear-gradient(165deg,#fffffff5,#f6f8fffa),radial-gradient(circle at 100% 0%,#f264c724,#f264c700),radial-gradient(circle at 0% 100%,#24d2d11a,#24d2d100)}.executive-portal-root .ceo-list-card.ep-card-round{border-radius:var(--ceo-radius-bento, 2.5rem);box-shadow:var(--ceo-shadow-card-soft);border:var(--ceo-border-card);transition:box-shadow .2s ease,transform .2s ease}.executive-portal-root .ceo-list-card.ep-card-round:hover{transform:translateY(-3px);box-shadow:var(--ceo-shadow-card)}.ceo-birthday-scroll{max-height:min(360px,55vh);overflow-y:auto;overflow-x:hidden;padding-right:.4rem;margin-right:-.2rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.ceo-birthday-scroll::-webkit-scrollbar{width:6px}.ceo-birthday-scroll::-webkit-scrollbar-track{background:#94a3b81f;border-radius:999px}.ceo-birthday-scroll::-webkit-scrollbar-thumb{background:#5a606159;border-radius:999px}.ceo-birthday-scroll::-webkit-scrollbar-thumb:hover{background:#5a606180}.ceo-list-card h4{margin:0 0 .58rem;font-size:.9rem;font-weight:800;color:#2d3435;font-family:Manrope,system-ui,sans-serif;text-transform:none;letter-spacing:.02em}.ceo-list-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.ceo-list-card li{display:flex;justify-content:space-between;align-items:center;gap:.7rem;font-size:.82rem;padding:.52rem .58rem;border-radius:.52rem;background:linear-gradient(180deg,#ffffffb3,#f4f7ffd6);border:1px solid rgba(139,163,210,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ceo-list-card li:hover{transform:translate(4px);border-color:#5f88ff5c;box-shadow:0 6px 18px #081c541a}.ceo-list-card li>div{display:flex;flex-direction:column;gap:.08rem}.ceo-list-card li span{color:var(--ds-on-surface-variant);font-size:.74rem}.ceo-list-card li em{font-style:normal;font-weight:700;color:#334155;background:linear-gradient(180deg,#eff4ff,#dde8ff);border:1px solid rgba(95,136,255,.32);border-radius:999px;padding:.14rem .48rem;min-width:3.2rem;text-align:center}.ceo-mrf-cyber-section{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.02em;border-radius:var(--ceo-radius-bento);padding:1.25rem 1rem 1.75rem;background:linear-gradient(180deg,#0d0e12,#08090c);color:#cdd4e7;box-shadow:var(--ceo-shadow-card);border:1px solid rgba(205,212,231,.12)}.ceo-mrf-cyber-shell{font-family:inherit}.ceo-mrf-cyber-panel{background:linear-gradient(180deg,#cdd4e70d,#cdd4e700);border:1px solid rgba(205,212,231,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;position:relative;overflow:hidden}.ceo-mrf-radar-bg{background-image:radial-gradient(circle at 50% 50%,rgba(205,212,231,.1) 0%,transparent 70%),repeating-radial-gradient(circle at 50% 50%,rgba(205,212,231,.05) 0,rgba(205,212,231,.05) 2px,transparent 2px,transparent 40px)}.ceo-mrf-intel-kicker{display:block;font-size:clamp(.6875rem,1.1vw,.8125rem);font-weight:800;color:#cbd5e1;text-transform:none;letter-spacing:.12em;margin-bottom:.45rem}.ceo-mrf-scanner-title{font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:900;color:#fff;text-transform:none;letter-spacing:-.04em;margin:.15rem 0 0;line-height:1.15}.ceo-mrf-scanner-accent{color:#5a5f67}.ceo-mrf-scanner-sub{margin:.45rem 0 0;font-size:clamp(.9rem,1.35vw,1.05rem);font-weight:600;color:#e2e8f0eb;line-height:1.45}.ceo-mrf-fy-created{font-weight:600;opacity:.85}.ceo-mrf-stat-k{margin:0 0 .25rem;font-size:clamp(.6875rem,1vw,.75rem);font-weight:800;color:#94a3b8;text-transform:none;letter-spacing:.06em}.ceo-mrf-stat-v{font-size:clamp(2.25rem,5vw,3rem);font-weight:900;color:#fff;margin:0;line-height:1;font-variant-numeric:tabular-nums}.ceo-mrf-status-v{margin:0;font-size:1.15rem;font-weight:900;color:#cdd4e7;text-transform:none;letter-spacing:.04em}.ceo-mrf-header-rule{width:1px;min-height:3.5rem;background:#ffffff1a;align-self:stretch}.ceo-mrf-radar-title{margin:0;font-size:clamp(.9375rem,1.65vw,1.125rem);font-weight:800;color:#e2e8f0;text-transform:none;letter-spacing:.04em;line-height:1.3}.ceo-mrf-radar-canvas{isolation:isolate}.ceo-mrf-svg-num{font-variant-numeric:tabular-nums}.ceo-mrf-bubble-canvas{min-height:280px;isolation:isolate}.ceo-mrf-bubble-footnote{margin:.85rem 0 0;font-size:clamp(.6875rem,1.05vw,.8125rem);font-weight:600;color:#94a3b8;text-align:center;line-height:1.45;padding:0 .5rem}.ceo-mrf-bubble-g{animation:ceoBubbleIn .48s cubic-bezier(.22,1,.36,1) both}@keyframes ceoBubbleIn{0%{opacity:0;transform-origin:center;transform:scale(.45)}to{opacity:1;transform:scale(1)}}.ceo-mrf-bubble-legend{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(.625rem,1vw,.6875rem);font-weight:800;text-transform:none;letter-spacing:.05em;padding:.32rem .72rem;border-radius:999px}.ceo-mrf-bubble-legend:before{content:"";width:7px;height:7px;border-radius:999px;display:inline-block}.ceo-mrf-bubble-legend-red{color:#fca5a5;border:1px solid rgba(239,68,68,.35);background:#ef44441f}.ceo-mrf-bubble-legend-red:before{background:#ef4444}.ceo-mrf-bubble-legend-yellow{color:#fde047;border:1px solid rgba(234,179,8,.35);background:#eab3081f}.ceo-mrf-bubble-legend-yellow:before{background:#eab308}.ceo-mrf-bubble-legend-green{color:#86efac;border:1px solid rgba(34,197,94,.35);background:#22c55e1f}.ceo-mrf-bubble-legend-green:before{background:#22c55e}.ceo-mrf-bubble-hp-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:clamp(.625rem,1vw,.75rem);font-weight:900;text-transform:none;letter-spacing:.05em;padding:.35rem .8rem;border-radius:999px;color:#fff;background:#ef44448c;border:1px solid rgba(239,68,68,.7)}.ceo-mrf-pulse-dot{animation:ceoMrfPulseGlow 2s ease-in-out infinite}@keyframes ceoMrfPulseGlow{50%{opacity:.25;transform:scale(1.25);transform-origin:center}}.ceo-mrf-side-title{margin:0 0 1.1rem;font-size:clamp(.8125rem,1.25vw,.9375rem);font-weight:800;color:#cbd5e1;text-transform:none;letter-spacing:.06em}.ceo-mrf-type-cell{padding:1rem;border-radius:.75rem}.ceo-mrf-type-new{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.ceo-mrf-type-repl{background:#cdd4e7;color:#0f172a}.ceo-mrf-type-k{margin:0 0 .4rem;font-size:clamp(.6875rem,1vw,.75rem);font-weight:800;text-transform:none;color:#cbd5e1}.ceo-mrf-type-repl .ceo-mrf-type-k{color:#0f172ab8}.ceo-mrf-type-v{margin:0;font-size:1.75rem;font-weight:900;font-variant-numeric:tabular-nums}.ceo-mrf-log-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;background:#ffffff0d;transition:background .2s ease}.ceo-mrf-log-row:hover{background:#ffffff14}.ceo-mrf-log-row-high{border-left:2px solid #cdd4e7}.ceo-mrf-log-title{margin:0;font-size:clamp(.8125rem,1.15vw,.9375rem);font-weight:700;color:#fff;text-transform:none;letter-spacing:.02em;line-height:1.35}.ceo-mrf-log-meta{margin:.28rem 0 0;font-size:clamp(.6875rem,1vw,.8125rem);font-weight:600;color:#94a3b8;text-transform:none;line-height:1.35}.ceo-mrf-log-id{font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(.6875rem,1vw,.8125rem);font-weight:700;color:#e2e8f0;flex-shrink:0}.ceo-list-card-full{grid-column:1 / -1}.ceo-funnel{margin-top:.4rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.ceo-funnel>div{text-align:center;font-size:.73rem;font-weight:800;text-transform:none;letter-spacing:.04em;color:#0f172a;padding:.42rem .5rem;border-radius:.38rem}.ceo-funnel-l1{width:100%;background:#e2e8f0}.ceo-funnel-l2{width:84%;background:#cbd5e1}.ceo-funnel-l3{width:68%;background:#67e8f9}.ceo-funnel-l4{width:52%;background:#f9a8d4}.ceo-health-wrap{display:flex;flex-direction:column;align-items:center;gap:.55rem}.ceo-health-gauge{position:relative;width:150px;height:150px}.ceo-health-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.ceo-health-center strong{font-size:1.15rem}.ceo-health-center span{font-size:.66rem;color:#64748b;text-transform:none;letter-spacing:.06em}.ceo-health-wrap p{margin:0;text-align:center;font-size:.74rem;color:#64748b}@media(max-width:1200px){.ceo-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ceo-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.ceo-list-grid{grid-template-columns:1fr}}@media(max-width:480px){.ceo-metric-strip{grid-template-columns:1fr}}.ceo-dashboard-page .ep-hero-round{box-shadow:0 12px 44px #2a2f3147,0 4px 16px #0000000f}.ceo-dashboard-page .ep-btn-pill-primary{background:linear-gradient(180deg,var(--ds-primary) 0%,var(--ds-primary-dim) 100%);color:var(--ds-on-primary);box-shadow:0 4px 16px #2d343538}.ceo-dashboard-page .ep-btn-pill-primary:hover{opacity:.96;box-shadow:0 6px 22px #2d34354d}.ceo-dashboard-page .ep-dashboard-spinner{border-top-color:var(--ds-primary)}.ceo-dashboard-page .ceo-metric-card{background:linear-gradient(165deg,#fffffffa,#f5f8fffa),radial-gradient(circle at 100% 0%,#5d8cff1c,#5d8cff00)}.ceo-dashboard-page .ceo-metric-card h3{font-size:clamp(1.45rem,1.8vw,2rem)}.ceo-progress-track{margin-top:.58rem;height:.36rem;width:100%;border-radius:999px;background:linear-gradient(90deg,#a0aed033,#a0aed01a);overflow:hidden}.ceo-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#24d2d1,#5f88ff,#f264c7);box-shadow:0 0 12px #5f88ff73;transform-origin:left center;animation:ceoBarGrow .8s cubic-bezier(.22,1,.36,1) both}.ceo-dashboard-page .ceo-chart-card{border:1px solid rgba(101,128,198,.2)}.ceo-dashboard-page .ceo-chart-card.ceo-skill-vault-card{background:#000;border:1px solid rgba(205,212,231,.14)}.ceo-dashboard-page .ceo-chart-card .ceo-chart-hint{color:#4e5b74}.ceo-dashboard-page .ceo-chart-card.ceo-skill-vault-card .ceo-chart-hint{color:#cdd4e780}.ceo-dashboard-page .ceo-list-card h4,.ceo-dashboard-page .ceo-list-card li strong{color:#253047}.ceo-dashboard-page .ceo-birthday-scroll{max-height:min(420px,60vh)}.ceo-birthday-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#5a5f67,#343a40);color:#fff;border-radius:2.5rem;box-shadow:0 25px 50px -12px #0000004d}.ceo-birthday-head{position:relative;z-index:2;margin-bottom:.8rem}.ceo-birthday-head h4{color:#fff;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:800;font-family:Manrope,system-ui,sans-serif;text-transform:none;letter-spacing:-.03em;margin:0}.ceo-birthday-meta{margin-top:.35rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.ceo-birthday-pill{font-size:.62rem;font-weight:800;text-transform:none;letter-spacing:.3em;padding:.28rem .62rem;border-radius:999px;color:#cdd4e7;border:1px solid rgba(205,212,231,.35);background:#cdd4e71f}.ceo-birthday-meta strong{font-size:1.15rem;color:#fff;font-weight:800}.ceo-birthday-scroll-premium{position:relative;z-index:2;max-height:min(360px,55vh);overflow-y:auto;overflow-x:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:1.2rem;padding:.72rem;margin-top:.55rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.ceo-birthday-scroll-premium::-webkit-scrollbar{width:5px}.ceo-birthday-scroll-premium::-webkit-scrollbar-thumb{background:#cdd4e7;border-radius:10px}.ceo-birthday-list-premium{display:flex;flex-direction:column;gap:.52rem}.ceo-birthday-list-scroll{margin:0;padding:0;list-style:none}.ceo-birthday-item-premium{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.58rem;background:#ffffff17;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;padding:.52rem;transition:background .2s ease,transform .2s ease}.ceo-birthday-item-premium:hover{background:#ffffff29;transform:translateY(-1px)}.ceo-birthday-avatar{width:30px;height:30px;border-radius:999px;background:#cdd4e7;color:#5a5f67;display:inline-flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:900}.ceo-birthday-person{min-width:0}.ceo-birthday-person strong{display:block;color:#fff;font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ceo-birthday-person span{color:#cfd7ea;font-size:.62rem}.ceo-birthday-item-premium em{color:#cdd4e7;background:#cdd4e72e;border:1px solid rgba(205,212,231,.3)}.ceo-birthday-empty{color:#d9deee;font-size:.75rem;text-align:center;padding:.45rem 0}.ceo-birthday-cta{position:relative;z-index:2;width:100%;margin-top:.78rem;border:none;border-radius:.95rem;padding:.78rem .9rem;font-size:.67rem;font-weight:900;text-transform:none;letter-spacing:.18em;color:#5a5f67;background:#cdd4e7;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 14px 26px #00000040}.ceo-birthday-cta:hover{transform:translateY(-1px) scale(1.01);filter:brightness(1.04)}.ceo-birthday-cta:active{transform:translateY(1px) scale(.995)}.ceo-confetti-layer{pointer-events:none;position:absolute;left:0;right:0;bottom:.5rem;height:0;z-index:3;overflow:visible}.ceo-confetti-layer-exec{inset:0;height:auto;min-height:100%;z-index:20}.ceo-confetti-piece{--xpx: 0px;--delay: 0s;--rot: 20deg;--hue: 210;position:absolute;left:50%;bottom:18%;width:8px;height:14px;border-radius:2px;background:hsl(var(--hue),86%,72%);opacity:0;transform:translate(calc(-50% + var(--xpx))) translateY(0) rotate(var(--rot));animation:ceoConfettiPop 1.85s cubic-bezier(.19,.89,.32,1.05) forwards;animation-delay:var(--delay)}.ceo-confetti-piece:nth-child(3n){width:6px;height:10px;border-radius:999px}.ceo-confetti-piece:nth-child(5n){background:#fff}.ceo-birthday-balloon{position:absolute;z-index:1;pointer-events:none;opacity:.88;animation:ceoBalloonFloat 4s ease-in-out infinite}.ceo-birthday-balloon-a{right:.9rem;top:.8rem;font-size:2rem;animation-delay:0s}.ceo-birthday-balloon-b{right:3rem;top:1.7rem;font-size:1.55rem;animation-delay:1.5s}.ceo-birthday-balloon-c{left:1rem;bottom:-.35rem;font-size:1.9rem;opacity:.32;animation-delay:.8s}@keyframes ceoBarGrow{0%{transform:scaleX(.18);opacity:.7}to{transform:scaleX(1);opacity:1}}@keyframes ceoBalloonFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(7deg)}}@keyframes ceoConfettiPop{0%{opacity:0;transform:translate(var(--x)) translateY(0) rotate(var(--rot)) scale(.8)}10%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) * 1.55)) translateY(-170px) rotate(calc(var(--rot) * 3))}}.ceo-attrition-premium{background:linear-gradient(165deg,#f1f3f7,#eef1f5);border-radius:28px;box-shadow:20px 20px 60px #ced1d5,-20px -20px 60px #fff}.ceo-attrition-premium-grid{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:1rem}.ceo-attrition-radial-card,.ceo-attrition-trend-card{border-radius:22px;background:#f0f2f5;border:1px solid rgba(255,255,255,.4);box-shadow:14px 14px 38px #b5bbc673,-14px -14px 38px #ffffffd6;padding:1rem}.ceo-attrition-radial-card h5,.ceo-attrition-trend-card h5{margin:0;font-size:.72rem;font-weight:800;text-transform:none;letter-spacing:.12em;color:#5a5f67}.ceo-radial-wrap{margin:1rem auto 0;width:210px;height:210px;position:relative}.ceo-radial-canvas{width:100%;height:100%}.ceo-radial-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ceo-radial-center strong{font-size:2.05rem;line-height:1;color:#5a5f67}.ceo-radial-center span{margin-top:.28rem;font-size:.62rem;text-transform:none;letter-spacing:.14em;font-weight:700;color:#575f6f}.ceo-radial-stats{margin-top:.8rem;border-top:1px solid #d9deea;padding-top:.72rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ceo-radial-stats p{margin:0;font-size:.56rem;letter-spacing:.1em;text-transform:none;color:#575f6f;font-weight:800}.ceo-radial-stats strong{margin-top:.18rem;display:block;font-size:1.35rem;color:#5a5f67}.ceo-attrition-trend-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ceo-attrition-trend-head span{font-size:.62rem;padding:.22rem .5rem;border-radius:999px;font-weight:700;color:#5a5f67;background:#cdd4e7}.ceo-attrition-trend-canvas{margin-top:.65rem;height:180px}.ceo-attrition-mini-list{margin-top:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.ceo-attrition-mini-item{position:relative;border-radius:16px;padding:.62rem;background:#f7f8fb;border:1px solid #dde2ef}.ceo-attrition-mini-item h6{margin:0;font-size:.76rem;color:#4b5261;font-weight:800}.ceo-attrition-mini-item p{margin:.22rem 0 0;font-size:.62rem;color:#6f7788;font-weight:600}.ceo-attrition-mini-item>span{position:absolute;top:.56rem;right:.56rem;font-size:.76rem;color:#5a5f67;font-weight:900}.ceo-attrition-mini-progress{margin-top:.58rem;width:100%;height:5px;border-radius:999px;background:#e8ebf3;overflow:hidden}.ceo-attrition-mini-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5a5f67,#cdd4e7)}@media(max-width:980px){.ceo-attrition-premium-grid,.ceo-attrition-mini-list{grid-template-columns:1fr}}.ceo-budget-command{width:100%;min-width:0}.ceo-budget-glass{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--ceo-radius-bento);background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--ceo-border-card);box-shadow:var(--ceo-shadow-card-soft)}.ceo-budget-glass-left{flex:1 1 auto;background:#1e2125;color:#fff;padding:2.25rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:2.5rem}.ceo-budget-kicker{margin:0 0 1rem;font-size:.62rem;font-weight:900;text-transform:none;letter-spacing:.42em;color:#cdd4e7}.ceo-budget-hero{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .25rem;font-family:Manrope,system-ui,sans-serif;line-height:1}.ceo-budget-rupee{font-size:1.75rem;font-weight:800;color:#fff;opacity:.9}.ceo-budget-hero-main{font-size:clamp(2.75rem,5vw,3.75rem);font-weight:900;letter-spacing:-.04em;color:#fff}.ceo-budget-hero-unit{font-size:1.15rem;font-weight:800;color:#cdd4e7;opacity:.45;margin-left:.35rem}.ceo-budget-hero-sub{margin:.5rem 0 0;font-size:.75rem;color:#cdd4e7;opacity:.62}.ceo-budget-util-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.35rem;background:#ffffff0f;border-radius:2rem;border:1px solid rgba(255,255,255,.12)}.ceo-budget-util-pill{flex-shrink:0;width:3rem;height:3rem;border-radius:1rem;background:#cdd4e7;color:#1e2125;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900}.ceo-budget-util-label{margin:0;font-size:.62rem;font-weight:800;text-transform:none;letter-spacing:.08em;color:#cdd4e7}.ceo-budget-util-desc{margin:.2rem 0 0;font-size:.82rem;font-weight:600;color:#ffffffeb}.ceo-budget-glass-right{flex:1 1 auto;padding:2.25rem 2.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;min-width:0}.ceo-budget-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem}.ceo-budget-mini-card{border-radius:2rem;padding:1.65rem 1.35rem;transition:transform .28s ease,box-shadow .28s ease}.ceo-budget-mini-card:hover{transform:scale(1.02)}.ceo-budget-mini-lavender{background:#cdd4e738;border:1px solid rgba(205,212,231,.45)}.ceo-budget-mini-green{background:#10b9811a;border:1px solid rgba(16,185,129,.22)}.ceo-budget-mini-amber{background:#f59e0b1f;border:1px solid rgba(245,158,11,.28)}.ceo-budget-mini-kicker{margin:0 0 .35rem;font-size:.62rem;font-weight:900;text-transform:none;letter-spacing:.12em;color:#5a5f67}.ceo-budget-mini-kicker-green{margin:0 0 .35rem;font-size:.62rem;font-weight:900;text-transform:none;letter-spacing:.12em;color:#10b981}.ceo-budget-mini-kicker-amber{margin:0 0 .35rem;font-size:.62rem;font-weight:900;text-transform:none;letter-spacing:.12em;color:#d97706}.ceo-budget-mini-value{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:900;letter-spacing:-.02em;color:#5a5f67}.ceo-budget-mini-value-green{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:900;letter-spacing:-.02em;color:#10b981}.ceo-budget-mini-value-amber{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:900;letter-spacing:-.02em;color:#d97706}.ceo-budget-mini-unit{font-size:.85rem;font-weight:800;opacity:.55;margin-left:.2rem}.ceo-budget-deploy{margin-top:.25rem}.ceo-budget-deploy-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.65rem}.ceo-budget-deploy-title{margin:0;font-size:.8rem;font-weight:800;color:#5a5f67}.ceo-budget-deploy-hint{margin:.15rem 0 0;font-size:.62rem;color:#94a3b8}.ceo-budget-deploy-pct{font-size:1.45rem;font-weight:900;letter-spacing:-.03em;color:#5a5f67}.ceo-budget-deploy-track{width:100%;height:1rem;border-radius:999px;background:#e8ecf1;padding:.2rem;box-sizing:border-box}.ceo-budget-deploy-fill{height:100%;border-radius:999px;background:#5a5f67;max-width:100%;transition:width 2s cubic-bezier(.65,0,.35,1)}.ceo-budget-deploy-legend{display:flex;justify-content:space-between;margin-top:.85rem}.ceo-budget-legend-item{display:flex;align-items:center;gap:.45rem;font-size:.58rem;font-weight:800;text-transform:none;letter-spacing:.12em;color:#94a3b8}.ceo-budget-dot{width:.45rem;height:.45rem;border-radius:999px}.ceo-budget-dot-slate{background:#5a5f67}.ceo-budget-dot-muted{background:#cbd5e1}.ceo-budget-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.75rem;margin-top:.25rem;border-top:1px solid #e8ecf1;flex-wrap:wrap}.ceo-budget-footer-left{display:flex;align-items:center;gap:.65rem}.ceo-budget-footer-badge{width:2.5rem;height:2.5rem;border-radius:999px;background:#5a5f67;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;box-shadow:0 10px 24px #5a5f6759}.ceo-budget-footer-left span{font-size:.68rem;font-weight:800;text-transform:none;letter-spacing:.06em;color:#5a5f67}.ceo-budget-audit-btn{border:none;background:none;cursor:pointer;font-size:.62rem;font-weight:900;text-transform:none;letter-spacing:.22em;color:#5a5f67;padding:0 0 .2rem;border-bottom:2px solid #5a5f67}.ceo-budget-audit-btn:hover{opacity:.85}.ceo-budget-fineprint{margin:0;font-size:1rem;color:#94a3b8;font-weight:600}@media(min-width:900px){.ceo-budget-glass{flex-direction:row;align-items:stretch}.ceo-budget-glass-left{flex:0 0 40%;max-width:42%}.ceo-budget-glass-right{flex:1 1 58%}}@media(max-width:640px){.ceo-budget-mini-grid{grid-template-columns:1fr}}.ceo-perf-matrix{padding:1.5rem 1rem 1.75rem;border-radius:var(--ceo-radius-bento);background:linear-gradient(180deg,#f1f5f9b8,#ffffff59);border:var(--ceo-border-card);box-shadow:var(--ceo-shadow-card-soft);min-width:0;overflow-x:hidden}@media(min-width:768px){.ceo-perf-matrix{padding:1.75rem 1.5rem 2rem}}.ceo-perf-executive-card{background:#fff;border-radius:var(--ceo-radius-bento);border:var(--ceo-border-card);box-shadow:var(--ceo-shadow-card-soft)}.ceo-perf-matrix-chart-h{min-height:18rem;height:20rem;width:100%;position:relative;isolation:isolate}.ceo-perf-matrix-chart-h canvas{display:block;max-width:100%}.ceo-perf-kpi-fallback{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;align-items:center;padding:1.25rem .5rem .5rem}.ceo-perf-kpi-fallback-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:none}.ceo-perf-kpi-fallback-chip-high{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.35)}.ceo-perf-kpi-fallback-chip-mid{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.35)}.ceo-perf-kpi-fallback-chip-low{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.ceo-perf-roster-scroll{overflow-x:hidden;max-width:100%}.ceo-perf-roster-table{table-layout:fixed;width:100%;font-size:clamp(.65rem,1.65vw,.8125rem)}.ceo-perf-roster-head th{vertical-align:bottom;line-height:1.2}.ceo-perf-roster-th{padding:.45rem .3rem}@media(min-width:640px){.ceo-perf-roster-th{padding:.65rem .85rem}}.ceo-perf-roster-th:first-child{width:30%}.ceo-perf-roster-th:nth-child(2){width:26%}.ceo-perf-roster-th-num{width:10%}.ceo-perf-roster-th:nth-child(4){width:14%}.ceo-perf-roster-th:nth-child(5){width:12%}.ceo-perf-roster-td{padding:.4rem .3rem;vertical-align:middle}@media(min-width:640px){.ceo-perf-roster-td{padding:.55rem .85rem}}.ceo-perf-roster-dept{overflow-wrap:anywhere;word-break:break-word;line-height:1.3}.ceo-perf-status{font-size:9px;font-weight:900;text-transform:none;letter-spacing:.04em}.ceo-perf-status-low{color:#dc2626}.ceo-perf-status-mid{color:#d97706}.ceo-perf-status-high{color:#059669}.ceo-perf-roster-table tbody tr{transition:background-color .12s ease}.ceo-perf-roster-row-risk{background-color:#fef2f259}.ceo-perf-roster-avatar{width:1.65rem;height:1.65rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;flex-shrink:0}@media(min-width:640px){.ceo-perf-roster-avatar{width:2rem;height:2rem;font-size:10px}}.ceo-perf-roster-avatar-risk{background:#ef4444;color:#fff}.ceo-perf-roster-avatar-neutral{background:#cdd4e7;color:#5a5f67}@keyframes ceoFadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ceoRiseIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ceo-dashboard-stack>*,.ceo-dashboard-stack>.ceo-card-grid>*,.ceo-meta-control-hub .ceo-meta-hub-section,.ceo-perf-matrix>.ceo-perf-matrix-header,.ceo-perf-matrix>.ceo-perf-executive-card:nth-child(2),.ceo-perf-matrix>.ceo-perf-executive-card:nth-child(3),.ceo-mrf-cyber-shell>*,.ceo-dashboard-stack section>h2.ceo-section-heading:first-child,.ceo-dashboard-stack section>h2.exec-headline:first-child,.ceo-skill-vault-events .ceo-skill-vault-event,.ceo-skill-vault-power-row .ceo-skill-vault-power-col,.ceo-exec-birthday-tiles .ceo-exec-birthday-tile,.ceo-budget-mini-grid .ceo-budget-mini-card,.ceo-metric-strip .ceo-metric-card,.ceo-chart-grid>.ceo-chart-card,.ceo-list-grid>*{animation:none!important}.ceo-metric-card-headcount:hover .ceo-total-active-card{transform:none}.ceo-total-active-card{transition:none}.ceo-metric-card,.ceo-chart-card,.ceo-list-card li,.ceo-mrf-log-row{transition:none!important}.ceo-mrf-pulse-dot{animation:none!important}.ceo-budget-deploy-fill{transition:none!important}.ceo-budget-mini-card:hover{transform:none!important}.ceo-exec-party-heading,.ceo-exec-balloon{animation:none!important}}.exit-terms-admin-container{min-height:100vh;background:#f7f8fa}.exit-terms-admin-inner{padding:20px;display:grid;gap:16px}.exit-terms-admin-form-card,.exit-terms-admin-list-card{background:#fff;border-radius:12px;border:1px solid #e8ecf2;padding:16px}.exit-terms-admin-form-card h2,.exit-terms-admin-list-card h3{margin:0 0 14px}.exit-terms-admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.exit-terms-admin-field input,.exit-terms-admin-field textarea{border:1px solid #d7dde8;border-radius:8px;padding:10px 12px;font-size:14px}.exit-terms-admin-row{display:flex;align-items:center;gap:16px}.exit-terms-admin-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:18px}.exit-terms-admin-actions{display:flex;gap:10px;margin-top:6px}.exit-terms-admin-actions button,.row-actions button{border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600}.exit-terms-admin-actions .primary{background:#393e46;color:#fff}.exit-terms-admin-actions .secondary,.row-actions button{background:#eef2f7;color:#1f2937}.exit-terms-admin-table-wrap{overflow:auto}.exit-terms-admin-table{width:100%;border-collapse:collapse}.exit-terms-admin-table th,.exit-terms-admin-table td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid #edf1f7}.term-title{font-weight:600;margin-bottom:4px}.term-preview{white-space:pre-line;color:#4b5563;font-size:13px}.status{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status.active{background:#e8f9ef;color:#0d7a3c}.status.inactive{background:#fcecec;color:#b42318}.row-actions{display:flex;gap:8px}.empty{text-align:center;color:#6b7280}.sdb-wrap{min-height:100vh;background:#f4f6f9}.sdb-inner{padding:1rem 1.25rem 2rem;max-width:100%}.sdb-intro{margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:10px;border:1px solid #e8ecf1;font-size:.875rem;color:#4a5568;line-height:1.45}.sdb-intro strong{color:#2d3748}.sdb-filters{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e8ecf1}.sdb-filters .sdb-field{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.sdb-filters label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.02em}.sdb-filters input{height:38px;padding:0 .65rem;border:1px solid #cbd5e0;border-radius:8px;font-size:.875rem}.sdb-filters input:focus{outline:none;border-color:#393e46;box-shadow:0 0 0 2px #393e461f}.sdb-filter-actions{display:flex;gap:.5rem;margin-left:auto}.sdb-btn{height:38px;padding:0 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none}.sdb-btn-primary{background:#393e46;color:#fff}.sdb-btn-primary:hover{background:#2d3138}.sdb-btn-ghost{background:#edf2f7;color:#2d3748}.sdb-btn-ghost:hover{background:#e2e8f0}.sdb-summary{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:.75rem;padding:.65rem 1rem;background:#fff;border-radius:10px;border:1px solid #e8ecf1;font-size:.8125rem;color:#4a5568}.sdb-summary span{font-weight:600;color:#2d3748}.sdb-error{margin-bottom:.75rem;padding:.65rem 1rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.875rem}.sdb-card{background:#fff;border-radius:10px;border:1px solid #e8ecf1;overflow:hidden}.sdb-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sdb-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.75rem}.sdb-table thead th{background:#f7fafc;color:#2d3748;font-weight:600;text-align:center;padding:.5rem .35rem;border:1px solid #e2e8f0;white-space:nowrap}.sdb-table thead tr:first-child th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;color:#4a5568}.sdb-table tbody td{padding:.45rem .4rem;border:1px solid #edf2f7;text-align:right;white-space:nowrap;color:#2d3748}.sdb-table tbody td.sdb-td-org{text-align:left;max-width:160px;overflow:hidden;text-overflow:ellipsis}.sdb-table tbody tr:nth-child(2n){background:#fafbfc}.sdb-table tbody tr:hover{background:#f0f4f8}.sdb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid #e8ecf1;font-size:.8125rem;color:#4a5568}.sdb-foot label{display:inline-flex;align-items:center;gap:.35rem}.sdb-foot select{height:32px;border-radius:6px;border:1px solid #cbd5e0;padding:0 .5rem}.sdb-pager{display:flex;align-items:center;gap:.5rem}.sdb-pager button{min-width:36px;height:32px;border-radius:6px;border:1px solid #cbd5e0;background:#fff;cursor:pointer;font-size:.875rem}.sdb-pager button:disabled{opacity:.45;cursor:not-allowed}.sdb-pager button:not(:disabled):hover{background:#f7fafc}.sdb-empty{padding:2.5rem 1rem;text-align:center;color:#718096;font-size:.9rem}.sdb-view-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding:.5rem 0}.sdb-view-toggle{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid #cbd5e0;background:#fff}.sdb-btn-tab{height:36px;padding:0 1rem;font-size:.8125rem;font-weight:600;border:none;background:#fff;color:#4a5568;cursor:pointer}.sdb-btn-tab+.sdb-btn-tab{border-left:1px solid #cbd5e0}.sdb-btn-tab.active{background:#393e46;color:#fff}.sdb-btn-tab:not(.active):hover{background:#f7fafc}.sdb-tree-actions{display:flex;gap:.5rem}.sdb-btn-sm{height:32px;padding:0 .75rem;font-size:.8125rem}.sdb-table-tree tbody .sdb-tree-row-company td{background:#edf2f7}.sdb-table-tree tbody .sdb-tree-row-company .sdb-tree-cell{font-weight:700;color:#1a202c;text-align:left;border-left:3px solid #393e46!important}.sdb-table-tree tbody .sdb-tree-row-branch td{background:#f7fafc}.sdb-table-tree tbody .sdb-tree-row-branch .sdb-tree-cell{font-weight:600;color:#2d3748;text-align:left;border-left:3px solid #718096!important}.sdb-table-tree tbody .sdb-tree-row-main td{background:#fafbfc}.sdb-table-tree tbody .sdb-tree-row-main .sdb-tree-cell{font-weight:600;color:#4a5568;text-align:left;border-left:3px solid #cbd5e0!important}.sdb-chart-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:.5rem 0}.sdb-flowchart{position:relative;min-height:280px;padding:1.5rem 1rem 2.5rem}.sdb-flowchart-watermark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;z-index:0;border:2px dashed #cbd5e0;border-radius:12px;padding:.45rem 1rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#a0aec0;background:#ffffffe0;box-shadow:0 1px #0000000a}.sdb-flow-company{position:relative;z-index:1;margin-bottom:2.5rem}.sdb-flow-company:last-child{margin-bottom:0}.sdb-flow-stack{display:flex;flex-direction:column;align-items:center;width:100%}.sdb-flow-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:.55rem 2rem .55rem 1rem;min-width:148px;max-width:min(340px,92vw);box-shadow:0 2px 8px #393e461f;transition:transform .15s ease,box-shadow .15s ease}button.sdb-flow-node:hover{transform:translateY(-1px);box-shadow:0 4px 14px #393e462e}.sdb-flow-node-type{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.88}.sdb-flow-node-title{font-size:.8125rem;font-weight:700;margin-top:.2rem;line-height:1.3;word-break:break-word}.sdb-flow-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.95;pointer-events:none}.sdb-flow-node--company{background:linear-gradient(165deg,#3d4450,#393e46 45%,#2d3238);color:#fff;border:1px solid #2d3238}.sdb-flow-node--branch{background:linear-gradient(165deg,#4a5568,#3d4756);color:#fff;border:1px solid #2d3748}.sdb-flow-node--main{background:#f7fafc;color:#2d3748;border:2px solid #718096}.sdb-flow-node--sub{background:#fff;color:#1a202c;border:2px dashed #a0aec0;padding:.5rem 1rem;cursor:default;box-shadow:0 1px 4px #0000000f}.sdb-flow-line{width:2px;flex-shrink:0;background:#2d3748;border-radius:1px}.sdb-flow-line--down{height:22px}.sdb-flow-line--short{height:14px}.sdb-flow-line--tiny{height:10px;background:#4a5568}.sdb-flow-line--stem-up{width:2px;height:14px;margin-bottom:4px;background:#2d3748;border-radius:1px}.sdb-flow-line--stem-secondary{background:#4a5568}.sdb-flow-line--stem-tertiary{background:#718096;height:12px}.sdb-flow-rail{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1100px;margin:0 auto}.sdb-flow-rail-bar{width:min(88%,720px);height:2px;background:#2d3748;border-radius:1px;flex-shrink:0}.sdb-flow-rail-bar--secondary{width:min(92%,560px);background:#4a5568}.sdb-flow-rail-bar--tertiary{width:min(95%,480px);background:#718096}.sdb-flow-rail-children{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem 1.75rem;width:100%;padding:0 .5rem .25rem}.sdb-flow-branch-col,.sdb-flow-main-col{display:flex;flex-direction:column;align-items:center;max-width:min(320px,100%)}.sdb-flow-leaf{display:flex;flex-direction:column;align-items:center;max-width:min(300px,100%)}.sdb-flow-leaves{gap:1rem 1.25rem}.sdb-flow-metrics{width:100%;max-width:280px;padding:.65rem .75rem .5rem;border:2px dashed #cbd5e0;border-radius:10px;background:#fafbfc;text-align:left}.sdb-flow-metrics-title{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#718096;margin-bottom:.45rem;text-align:center}.sdb-flow-dl{margin:0;display:grid;gap:.35rem .75rem;font-size:.75rem}.sdb-flow-dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-bottom:1px dotted #e2e8f0;padding-bottom:.25rem}.sdb-flow-dl>div:last-of-type{border-bottom:none}.sdb-flow-dl dt{margin:0;color:#718096;font-weight:600}.sdb-flow-dl dd{margin:0;font-weight:700;color:#2d3748;text-align:right;font-variant-numeric:tabular-nums}.sdb-flow-dd-highlight{color:#393e46!important;font-size:.8125rem}.sdb-flow-metrics-hint{margin:.5rem 0 0;font-size:.625rem;color:#a0aec0;line-height:1.35;text-align:center}.sdb-table-tree tbody .sdb-tree-row-leaf td{background:#fff}.sdb-tree-cell{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;vertical-align:middle;padding:.5rem!important}.sdb-tree-indent-1{padding-left:1.75rem!important}.sdb-tree-indent-2{padding-left:2.75rem!important}.sdb-tree-indent-3{padding-left:3.75rem!important}.sdb-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#4a5568;cursor:pointer;flex-shrink:0}.sdb-tree-toggle:hover{background:#0000000f}.sdb-tree-label{flex:1;min-width:0;font-size:.8125rem}.sdb-tree-count{font-size:.6875rem;font-weight:500;color:#718096;white-space:nowrap}.sdb-tree-placeholder{background:inherit;border-left:none!important}.sdb-tree-leaf-marker{color:#a0aec0;font-size:.75rem;margin-right:.15rem;-webkit-user-select:none;user-select:none}.pending-assessments-container{font-family:Inter,sans-serif;background:#f3f4f6;min-height:100vh;display:flex}.pending-assessments-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.pending-assessments-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.pending-assessments-container .content-wrapper{flex:1;overflow-y:auto;padding:1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.pending-assessments-container .content-wrapper{padding:2rem}}.page-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.page-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.page-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}@media(min-width:768px){.page-title{font-size:1.875rem}}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0}.header-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #E5E7EB;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.action-btn:hover{background:#f9fafb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d}.stat-label{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem}.stat-value-wrapper{display:flex;align-items:baseline;gap:.5rem}.stat-value{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.stat-value.amber{color:#d97706}.stat-value.red{color:#ef4444}.stat-badge{font-size:.75rem;font-weight:500;color:#5a5f67}.stat-badge.assigned{color:#5a5f67}.stat-badge.amber{color:#d97706}.stat-badge.red{color:#ef4444}.table-container{background:#fff;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.table-header{padding:1rem 1.5rem;border-bottom:1px solid #E5E7EB;background:#f9fafb}.search-box{display:flex;align-items:center;gap:.5rem;max-width:400px;height:2.25rem;background:#f3f4f6;border-radius:.5rem;padding:0 .75rem}.search-box .material-symbols-outlined{font-size:18px;color:#6b7280}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.75rem;color:#1f2937}.search-box input::placeholder{color:#6b7280}.table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;width:100%}.assessments-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:auto}.assessments-table thead{position:sticky;top:0;z-index:10;background:#f9fafb}.assessments-table thead tr{border-bottom:1px solid #E5E7EB}.assessments-table th{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.assessments-table th.text-right{text-align:right}.assessments-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background-color .2s}.assessments-table tbody tr:hover{background:#f9fafb}.assessments-table td{padding:1.25rem 1.5rem;font-size:.875rem;color:#6b7280}.assessments-table td.text-right{text-align:right}.assessment-title-cell{display:flex;align-items:center;gap:.75rem}.assessment-icon{padding:.5rem;background:#5a5f671a;border-radius:.5rem;color:#5a5f67;display:flex;align-items:center;justify-content:center}.assessment-icon .material-symbols-outlined{font-size:20px}.assessment-title{font-size:.875rem;font-weight:700;color:#1f2937}.training-name,.duration{font-size:.875rem;color:#6b7280}.due-date{font-size:.875rem;font-weight:600;color:#1f2937}.due-date.overdue{color:#dc2626}.due-date.due-soon{color:#d97706}.status-badge{display:inline-block;padding:.25rem .625rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;border:1px solid}.overdue-badge{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.due-soon-badge{background:#fef3c7;color:#92400e;border-color:#fde68a}.pending-badge{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.btn-start-assessment{background:#5a5f67;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-start-assessment:hover{background:#4c5b37}.table-footer{padding:1rem 1.5rem;background:#f3f4f6;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:640px){.table-footer{flex-direction:row;justify-content:space-between}}.pagination-info{font-size:.75rem;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.25rem;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){color:#5a5f67}.pagination-page-info{font-size:.75rem;font-weight:600;color:#1f2937;padding:0 .5rem}.no-data{text-align:center;padding:3rem 1.5rem;color:#6b7280;font-size:.875rem}.info-section{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1024px){.info-section{flex-direction:row}}.guidelines-card{flex:2;background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d}.guidelines-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.guidelines-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.guidelines-grid{grid-template-columns:repeat(2,1fr)}}.guideline-item{display:flex;gap:.75rem}.guideline-icon{color:#5a5f67;font-size:24px;flex-shrink:0}.guideline-title{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.guideline-description{font-size:.75rem;color:#6b7280;margin:0;line-height:1.5}.help-card{flex:1;background:#5a5f67;color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden}.help-card-bg{position:absolute;top:0;right:0;width:8rem;height:8rem;background:#ffffff1a;border-radius:0 0 0 100%;transform:translate(2rem,-2rem)}.help-title{font-size:1.125rem;font-weight:700;margin:0 0 .5rem;position:relative;z-index:1}.help-description{font-size:.875rem;color:#fffc;margin:0 0 1rem;position:relative;z-index:1}.btn-contact-support{width:100%;background:#fff;color:#5a5f67;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;position:relative;z-index:1}.btn-contact-support:hover{background:#f3f4f6}.assessment-intro-container{font-family:Inter,sans-serif;background:#f3f4f6;min-height:100vh;display:flex;flex-direction:column}.assessment-intro-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden;padding-bottom:100px}.assessment-intro-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.assessment-intro-container .content-wrapper{flex:1;overflow-y:auto;padding:1rem;width:100%;box-sizing:border-box}@media(min-width:768px){.assessment-intro-container .content-wrapper{padding:2rem}}.page-header-custom{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s;padding:.5rem}.back-button:hover{color:#5a5f67}.back-button .material-symbols-outlined{font-size:20px}.back-text{display:none}@media(min-width:768px){.back-text{display:inline}}.header-divider{height:1.5rem;width:1px;background:#e5e7eb}.page-title-custom{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.page-title-custom{font-size:1.25rem}}.assessment-content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1152px;margin:0 auto}@media(min-width:1024px){.assessment-content-grid{grid-template-columns:1fr 2fr}}.main-content-column{display:flex;flex-direction:column;gap:1.5rem}.content-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d}@media(min-width:768px){.content-card{padding:2rem}}.content-sections{display:flex;flex-direction:column;gap:2rem}.content-section{display:flex;flex-direction:column;gap:.75rem}.section-title{font-size:.875rem;font-weight:700;color:#5a5f67;text-transform:uppercase;letter-spacing:.05em;margin:0}.section-description{font-size:.875rem;color:#1f2937;line-height:1.75;margin:0}.training-context-card{background:#f3f4f6;padding:1rem;border-radius:.5rem;border:1px solid #E5E7EB;display:flex;align-items:center;gap:1rem}.training-icon{font-size:3rem;color:#5a5f67;flex-shrink:0}.training-name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.training-date{font-size:.75rem;color:#6b7280;margin:0}.topics-list{display:grid;grid-template-columns:1fr;gap:.75rem;list-style:none;padding:0;margin:0}@media(min-width:768px){.topics-list{grid-template-columns:repeat(2,1fr)}}.topic-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.topic-check{font-size:1rem;color:#5a5f67;flex-shrink:0}.instructions-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d}.instructions-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.instructions-title .material-symbols-outlined{color:#5a5f67}.instructions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.instructions-grid{grid-template-columns:repeat(2,1fr)}}.instruction-item{display:flex;gap:.75rem}.instruction-icon{font-size:24px;flex-shrink:0}.instruction-icon.amber{color:#f59e0b}.instruction-icon.blue{color:#3b82f6}.instruction-icon.red{color:#ef4444}.instruction-icon.green{color:#5a5f67}.instruction-title{font-size:.875rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.instruction-description{font-size:.75rem;color:#6b7280;margin:0;line-height:1.5}.sidebar-column{display:flex;flex-direction:column}.session-details-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0000000d;position:relative}.session-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.session-title .material-symbols-outlined{color:#5a5f67}.session-details-list{display:flex;flex-direction:column}.session-detail-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #E5E7EB}.session-detail-item:last-of-type{border-bottom:none}.session-detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.session-detail-label .material-symbols-outlined{font-size:1.125rem}.session-detail-value{font-size:.875rem;font-weight:700;color:#1f2937}.session-detail-value.brand{color:#5a5f67}.session-note{margin-top:2rem;background:#5a5f670d;padding:1rem;border-radius:.5rem;border:1px solid rgba(90,95,103,.1)}.session-note p{font-size:.75rem;color:#4c5b37;margin:0;line-height:1.5}.note-bold{font-weight:700}.assessment-footer{position:fixed;bottom:0;left:var(--sidebar-width, 250px);right:0;background:#fff;border-top:1px solid #E5E7EB;padding:1rem 1.5rem;box-shadow:0 -4px 6px -1px #0000001a;z-index:50;transition:left .3s ease}.assessment-intro-container .main-content.sidebar-collapsed~.assessment-footer{left:var(--sidebar-collapsed, 70px)}.footer-content{max-width:1152px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.terms-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.checkbox-input{width:1.25rem;height:1.25rem;border-radius:.25rem;border:1px solid #E5E7EB;accent-color:#5a5f67;cursor:pointer}.checkbox-label{font-size:.875rem;font-weight:500;color:#1f2937;transition:color .2s}.terms-checkbox:hover .checkbox-label{color:#5a5f67}.btn-start-assessment{width:100%;padding:.75rem 2.5rem;background:#5a5f67;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(min-width:768px){.btn-start-assessment{width:auto}}.btn-start-assessment:hover:not(.disabled){background:#4c5b37;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.btn-start-assessment:active:not(.disabled){transform:translateY(0)}.btn-start-assessment.disabled{opacity:.5;cursor:not-allowed}.btn-start-assessment .material-symbols-outlined{font-size:1.125rem}.feedback-form-container{display:flex;min-height:100vh;background-color:#f7f7f6}.feedback-form-container .main-content{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease}.feedback-form-main{flex:1;display:flex;justify-content:center;padding:2.5rem 1rem;overflow-y:auto}.feedback-form-wrapper{width:100%;max-width:100%;display:flex;flex-direction:column;gap:2rem}.progress-header{display:flex;flex-direction:column;gap:.5rem}.progress-header-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.back-link{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#777c6e;text-decoration:none;margin-bottom:.25rem;transition:color .2s}.back-link:hover{color:#5a5f67}.back-link .material-symbols-outlined{font-size:16px}.page-title{font-size:1.875rem;font-weight:700;color:#151613;margin:0;letter-spacing:-.025em}.progress-info{text-align:right}.progress-step{display:block;font-size:.875rem;font-weight:600;color:#5a5f67}.progress-label{display:block;font-size:.875rem;color:#777c6e}.progress-bar{height:.5rem;width:100%;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#5a5f67;border-radius:9999px;transition:width .3s ease}.course-context-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e4e0;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.course-context-card{flex-direction:row;align-items:center}}.course-icon{width:4rem;height:4rem;border-radius:.5rem;background:#5a5f671a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-icon .material-symbols-outlined{font-size:32px;color:#5a5f67}.course-info{flex:1}.course-title{font-size:1.25rem;font-weight:700;color:#151613;margin:0 0 .25rem}.course-meta{font-size:.875rem;color:#777c6e;display:flex;align-items:center;gap:.5rem;margin:0}.course-meta .material-symbols-outlined{font-size:16px}.separator{margin:0 .25rem}.instructor-info{display:flex;align-items:center;gap:.75rem;padding-left:1.5rem;border-left:1px solid #e2e4e0}.instructor-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;background-size:cover;background-position:center}.instructor-avatar img{width:100%;height:100%;object-fit:cover}.instructor-name{font-size:.875rem;font-weight:500;color:#151613;margin:0}.instructor-role{font-size:.75rem;color:#777c6e;margin:0}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.question-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e4e0;padding:1.5rem;position:relative}@media(min-width:768px){.question-card{padding:2rem}}.rating-question{overflow:hidden}.question-accent{height:.375rem;background-color:#5a5f67;width:100%;position:absolute;top:0;left:0}.question-content{margin-top:0}.question-header-section{margin-bottom:1rem}.question-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.question-title{font-size:1.125rem;font-weight:700;color:#151613;margin:0 0 .5rem}.question-description{font-size:.875rem;color:#777c6e;margin:0 0 1.5rem}.optional-badge{font-size:.75rem;font-weight:500;color:#777c6e;background:#f7f7f6;padding:.25rem .5rem;border-radius:.25rem}.rating-section{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.star-rating{display:flex;gap:.5rem}.star-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s;color:#d1d5db}.star-btn:hover{transform:scale(1.1)}.star-btn.filled{color:#5a5f67}.star-btn .material-symbols-outlined{font-size:32px;font-variation-settings:"FILL" 1}.star-btn:not(.filled) .material-symbols-outlined{font-variation-settings:"FILL" 0}.rating-label{font-size:.875rem;font-weight:500;color:#5a5f67;background:#5a5f671a;padding:.25rem .5rem;border-radius:.25rem}.choice-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}@media(min-width:768px){.choice-grid{grid-template-columns:repeat(3,1fr)}}.choice-option{position:relative;display:flex;cursor:pointer;border-radius:.5rem;border:1px solid #e2e4e0;background:#f7f7f6;padding:1rem;box-shadow:0 1px 2px #0000000d;transition:all .2s}.choice-option:hover{border-color:#5a5f6780}.choice-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.choice-option.selected{border:2px solid #5a5f67;background:#5a5f670d}.choice-content{flex:1;display:flex;flex-direction:column}.choice-title{display:block;font-size:.875rem;font-weight:500;color:#151613;margin-bottom:.25rem}.choice-option.selected .choice-title{font-weight:700;color:#5a5f67}.choice-subtitle{display:flex;align-items:center;font-size:.75rem;color:#777c6e;margin-top:.25rem}.choice-option.selected .choice-subtitle{color:#151613}.choice-check{position:absolute;top:1rem;right:1rem;color:#5a5f67;opacity:0;transition:opacity .2s}.choice-option.selected .choice-check{opacity:1}.choice-check .material-symbols-outlined{font-size:20px}.likert-scale{display:flex;flex-direction:column;gap:.5rem;background:#f7f7f6;padding:1rem;border-radius:.5rem;margin-top:1.5rem}@media(min-width:640px){.likert-scale{flex-direction:row;align-items:center;justify-content:space-between}}.likert-label{font-size:.75rem;font-weight:600;color:#777c6e;text-transform:uppercase;letter-spacing:.05em;text-align:center;width:6rem}@media(min-width:640px){.likert-label:first-child{text-align:left}.likert-label:last-child{text-align:right}}.likert-options{display:flex;flex:1;justify-content:space-between;padding:0 1rem;gap:.5rem}.likert-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.likert-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.likert-circle{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #e2e4e0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:#777c6e;transition:all .2s}.likert-option:hover .likert-circle{border-color:#5a5f67}.likert-circle.selected{background:#5a5f67;color:#fff;border-color:#5a5f67}.textarea-wrapper{position:relative;margin-top:1rem}.feedback-textarea{width:100%;min-height:160px;border-radius:.5rem;border:1px solid #e2e4e0;background:#f7f7f6;padding:1rem;font-size:.875rem;color:#151613;font-family:inherit;resize:vertical;transition:all .2s}.feedback-textarea::placeholder{color:#777c6e80}.feedback-textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f67}.char-count{position:absolute;bottom:.75rem;right:.75rem;font-size:.75rem;color:#777c6e}.form-footer{position:sticky;bottom:0;z-index:10;margin:1rem -1rem -1rem;padding:1.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e2e4e0;display:flex;justify-content:space-between;align-items:center}@media(min-width:768px){.form-footer{margin:1rem -2.5rem -2.5rem;padding:1.5rem 2.5rem}}.btn-draft{padding:.625rem 1.5rem;border-radius:.5rem;border:1px solid #e2e4e0;background:#fff;color:#151613;font-weight:500;cursor:pointer;transition:all .2s}.btn-draft:hover{background:#f9fafb}.footer-actions{display:flex;gap:1rem}.btn-cancel{display:none;padding:.625rem 1.5rem;color:#777c6e;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}@media(min-width:640px){.btn-cancel{display:block}}.btn-cancel:hover{color:#151613}.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.625rem 2rem;border-radius:.5rem;background:#5a5f67;color:#fff;font-weight:700;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s}.btn-submit:hover{background:#566b38;box-shadow:0 4px 6px -1px #0000001a}.btn-submit .material-symbols-outlined{font-size:20px}.exit-layout{--p1: #f7f7f7;--p2: #eeeeee;--p3: #393e46;--p4: #929aab;min-height:100vh;background:var(--p2)}.exit-layout .main-content{margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;min-height:100vh}.exit-layout .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.exit-main-area{padding:1.6rem clamp(1rem,3vw,2rem) 2rem;max-width:1680px;margin:0 auto}.exit-breadcrumb-row{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#6d7584;margin-bottom:1.1rem}.exit-breadcrumb-row strong{color:var(--p3)}.exit-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.8rem}.exit-page-head h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:800;color:var(--p3)}.exit-page-head p{margin:.45rem 0 0;color:#657082;max-width:760px}.exit-loader{min-height:280px;display:flex;flex-direction:column;gap:.9rem;align-items:center;justify-content:center}.exit-loader-spinner{width:44px;height:44px;border:3px solid #d2d7e0;border-top-color:var(--p3);border-radius:50%;animation:exitspin .75s linear infinite}.exit-loader p{margin:0;color:#616b7b}@keyframes exitspin{to{transform:rotate(360deg)}}.exit-status-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;align-items:stretch}.exit-block-card{background:#fff;border:1px solid rgba(57,62,70,.11);border-radius:16px;padding:1.3rem;box-shadow:0 20px 30px -16px #393e4638;position:relative;overflow:hidden}.exit-block-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(57,62,70,.5) .5px,transparent .5px);background-size:12px 12px;opacity:.03;pointer-events:none}.exit-block-card>*{position:relative}.exit-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.15rem}.exit-icon-chip{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#393e46,#929aab);color:#fff;font-size:1.15rem}.exit-icon-chip.neutral{background:linear-gradient(135deg,#5d6677,#929aab)}.exit-icon-chip.success{background:linear-gradient(135deg,#2b7f6c,#5eb28f)}.exit-card-head h3{margin:0;font-size:1.18rem;color:var(--p3)}.exit-card-head p{margin:.2rem 0 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8a91a0;font-weight:700}.exit-form-group{margin-bottom:.95rem}.exit-form-group label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#7b8291;margin-bottom:.35rem}.exit-form-group input,.exit-form-group select,.exit-form-group textarea{width:100%;border:1px solid #d3d8e2;border-radius:10px;background:#f7f7f7;color:#2d3138;padding:.68rem .75rem;font-size:.86rem;font-family:inherit}.exit-form-group textarea{resize:none}.exit-form-group input:focus,.exit-form-group select:focus,.exit-form-group textarea:focus{outline:none;border-color:var(--p3);box-shadow:0 0 0 3px #393e461c}.exit-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.exit-upload{border:1.5px dashed #b4bccb;border-radius:12px;background:#f7f7f7;padding:.85rem;margin-top:.35rem}.exit-upload.drag-over{border-color:#393e46;background:#eceff4}.exit-upload label{display:flex;gap:.7rem;align-items:center;cursor:pointer}.exit-upload i{width:34px;height:34px;border-radius:10px;background:#393e4617;color:#393e46;display:flex;align-items:center;justify-content:center}.exit-upload p{margin:0;font-size:.8rem;color:#2f3540;font-weight:600}.exit-upload small{display:block;color:#798091;margin-top:.1rem;font-size:.67rem}.exit-upload .file-name{color:var(--p3);font-weight:700}.exit-upload input{display:none}.exit-attachment-list{list-style:none;margin:.7rem 0 0;padding:0}.exit-attachment-list li{display:flex;align-items:center;gap:.4rem;font-size:.83rem;color:#525b69;padding:.3rem 0}.exit-terms-box{border:1px solid rgba(57,62,70,.12);background:#393e460a;border-radius:12px;padding:.8rem}.exit-terms-box h4{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#393e46}.exit-terms-scroll{max-height:120px;overflow-y:auto;padding-right:.3rem}.exit-terms-scroll p{margin:0 0 .45rem;font-size:.76rem;line-height:1.45;color:#4f5867}.exit-check-row{margin-top:.9rem;display:flex;align-items:flex-start;gap:.55rem;font-size:.78rem;color:#4a515d;cursor:pointer}.exit-check-row input{margin-top:.12rem;accent-color:#393e46}.exit-submitted-badge{margin:.9rem 0 0;display:inline-flex;gap:.45rem;align-items:center;background:#393e4614;color:#393e46;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:700}.exit-action-stack{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.exit-action-btn{width:100%;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:.82rem;padding:.72rem .9rem;font-family:inherit}.exit-action-btn.primary{background:#393e46;color:#fff}.exit-action-btn.primary:disabled{opacity:.75}.exit-action-btn.secondary{background:#fff;border-color:#c6cedc;color:#414753}@media(max-width:991px){.exit-layout .main-content,.exit-layout .main-content.sidebar-collapsed{margin-left:0}}@media(max-width:768px){.exit-page-head{flex-direction:column;align-items:flex-start}.exit-form-row{grid-template-columns:1fr}}.exitv2-content{--c-1: #f7f7f7;--c-2: #eeeeee;--c-3: #393e46;--c-4: #929aab;--radius: 16px;color:var(--c-3);padding:0 0 28px;overflow-y:auto}.exit-interview-page-head{align-items:flex-start;flex-wrap:wrap;gap:1rem}.exit-interview-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.exitv2-intro span{display:inline-block;background:#393e46;color:#fff;border-radius:999px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:6px 10px}.exitv2-intro p{margin:0;color:#666d79;max-width:800px}.exitv2-loading{margin:14px 0;color:#666d79}.exitv2-toolbar{display:flex;justify-content:flex-start;margin-bottom:12px;width:150px}.exitv2-back-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(57,62,70,.2);background:#fff}.exitv2-stack{display:flex;flex-direction:column;gap:18px;margin-top:20px;padding-bottom:30px}.exitv2-reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.exitv2-reason-card{background:#fff;border:2px solid transparent;border-radius:18px;padding:20px;min-height:168px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px #393e4614}.exitv2-reason-card i{font-size:1.6rem;color:#393e46}.exitv2-reason-card h4{margin:14px 0 6px;font-size:1rem}.exitv2-reason-card p{margin:0;color:#666d79;font-size:.8rem}.exitv2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.exitv2-submitted-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.exitv2-submitted-grid>.exitv2-col,.exitv2-submitted-grid>.exitv2-card{min-height:100%}.exitv2-submitted-grid>.exitv2-col{display:flex;flex-direction:column;gap:18px}.exitv2-submitted-grid>.exitv2-card{height:100%}.exitv2-submitted-grid>.exitv2-col>.exitv2-card:first-child{flex:1}.exitv2-future-card{height:auto}.exitv2-col{display:flex;flex-direction:column;gap:18px}.exitv2-card{background:#fff;border:1px solid rgba(57,62,70,.1);border-radius:var(--radius);box-shadow:0 10px 24px #393e4612;padding:22px}.exitv2-card-title{display:flex;align-items:center;gap:10px;font-size:1.03rem;font-weight:700;margin-bottom:14px}.exitv2-muted{color:#666d79;margin:0 0 10px;font-size:.9rem}.exitv2-feedback{display:flex;flex-direction:column;gap:14px}.exitv2-field label{display:block;margin-bottom:8px;font-size:.86rem;font-weight:600}.exitv2-field textarea{width:100%;border:1px solid rgba(57,62,70,.2);background:#f7f7f7;border-radius:12px;padding:12px;font-family:inherit;font-size:.9rem;color:#393e46;resize:vertical}.exitv2-field textarea:focus{outline:none;border-color:#393e46;box-shadow:0 0 0 3px #393e461f}.exitv2-q-list{display:flex;flex-direction:column;gap:0}.exitv2-q-row{padding:12px 0;border-bottom:1px solid rgba(57,62,70,.08);display:flex;align-items:center;justify-content:space-between;gap:12px}.exitv2-q-row:last-child{border-bottom:none}.exitv2-q-label label{font-size:.9rem;font-weight:600}.exitv2-required{color:#a93030}.exitv2-yesno{display:flex;gap:18px;align-items:center}.exitv2-yesno label{display:inline-flex;align-items:center;gap:6px;font-size:.87rem}.exitv2-yesno input{accent-color:#393e46}.exitv2-stars{display:inline-flex;align-items:center;gap:3px}.exitv2-stars button{border:0;background:transparent;padding:0;line-height:1}.exitv2-stars i{font-size:1.35rem;color:#d5d8df}.exitv2-stars .bi-star-fill{color:#393e46}.exitv2-value{font-weight:700;color:#393e46}.exitv2-readonly{margin:0;background:#f7f7f7;border:1px solid rgba(57,62,70,.1);border-radius:12px;padding:12px}.exitv2-rehire{display:flex;justify-content:space-between;align-items:center}.exitv2-switch{position:relative;display:inline-flex}.exitv2-switch input{position:absolute;opacity:0}.exitv2-switch span{width:52px;height:28px;border-radius:999px;background:#c7ccd6;position:relative;transition:background .2s ease}.exitv2-switch span:after{content:"";width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .2s ease}.exitv2-switch input:checked+span{background:#393e46}.exitv2-switch input:checked+span:after{transform:translate(24px)}.exitv2-footer{display:flex;justify-content:flex-end}.exitv2-btn{border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:.9rem}.exitv2-btn.ghost{background:transparent;color:#5f6673}.exitv2-btn.primary{background:#393e46;color:#fff}.exitv2-btn.primary:disabled{opacity:.75}@media(max-width:1200px){.exitv2-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:992px){.exitv2-submitted-grid,.exitv2-form-grid{grid-template-columns:1fr}}@media(max-width:640px){.exit-interview-actions{width:100%;flex-direction:column;align-items:stretch}.exitv2-content{padding-bottom:14px}.exitv2-reason-grid{grid-template-columns:1fr}.exitv2-q-row{flex-direction:column;align-items:flex-start}}.apply-leave-container{--primary-olive: #5a5f67;--primary-olive-dark: #4d5e34;--primary-olive-light: #f1f4ed;--primary-olive-tint: #c5d1b5;--background-light: #f8faf9;--card-border: #e2e8f0}.apply-leave-container{font-family:Inter,Poppins,sans-serif;background:var(--background-light);min-height:100vh;width:100%;display:flex}.apply-leave-container .main-content{flex:1;min-width:0;width:100%;max-width:none;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:auto}.apply-leave-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.apply-leave-inner{padding:2rem;flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.apply-leave-header{margin-bottom:1.5rem}.apply-leave-title-section{display:flex;align-items:center;gap:.75rem}.apply-leave-icon{background:var(--primary-olive);padding:.5rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center}.apply-leave-icon .material-symbols-outlined{color:#fff;font-size:1.5rem}.apply-leave-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.apply-leave-card{width:100%;max-width:100%;background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;border:1px solid var(--card-border);box-sizing:border-box}.apply-leave-container .leave-balance-header{padding:1rem 2rem;background:#f8fafc;border-bottom:1px solid var(--card-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.apply-leave-container .reporting-to-section{display:flex;align-items:center;gap:.5rem}.apply-leave-container .reporting-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.apply-leave-container .reporting-name{font-size:.875rem;font-weight:700;color:var(--primary-olive)}.apply-leave-container .leave-balance-badges{display:flex;align-items:center;gap:.75rem}.apply-leave-container .leave-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--primary-olive-light);color:var(--primary-olive-dark);border-radius:9999px;font-size:.75rem;font-weight:700;border:1px solid rgba(197,209,181,.3)}.apply-leave-container .badge-label{opacity:.7}.apply-leave-container .badge-value{font-weight:700}.apply-leave-form-section{padding:2rem;background:#fff;width:100%;max-width:100%;box-sizing:border-box}.apply-leave-container .form-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;width:100%;max-width:100%;box-sizing:border-box}@media(min-width:1024px){.apply-leave-container .form-grid.form-grid--with-right{grid-template-columns:minmax(0,1fr) minmax(0,1.42fr)!important;gap:1.75rem;align-items:start}.apply-leave-container .form-grid.form-grid--with-right .form-left{min-width:0}}.apply-leave-container .comp-off-date-field{max-width:22rem;width:100%}.apply-leave-container .comp-off-list-section{min-width:0;width:100%}.apply-leave-container .comp-off-table-wrap{overflow-x:hidden;width:100%}.apply-leave-container .comp-off-table-wrap .comp-off-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.8125rem}.apply-leave-container .comp-off-table-wrap .comp-off-table th,.apply-leave-container .comp-off-table-wrap .comp-off-table td{padding:.625rem .75rem;text-align:left;word-break:break-word;overflow-wrap:anywhere;white-space:normal;vertical-align:top;box-sizing:border-box}.apply-leave-container .comp-off-table-wrap .comp-off-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.apply-leave-container .comp-off-table-wrap .comp-off-table th{font-weight:700;color:#64748b;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}.apply-leave-container .comp-off-table-wrap .comp-off-table .co-col-date{width:22%}.apply-leave-container .comp-off-table-wrap .comp-off-table .co-col-type{width:16%}.apply-leave-container .comp-off-table-wrap .comp-off-table .co-col-work{width:26%}.apply-leave-container .comp-off-table-wrap .comp-off-table .co-col-status{width:16%}.apply-leave-container .comp-off-table-wrap .comp-off-table .co-col-remark{width:20%}.apply-leave-container .form-left{display:flex;flex-direction:column;gap:1.5rem;width:100%}.apply-leave-container .form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.apply-leave-container .form-row{grid-template-columns:repeat(3,1fr)}.apply-leave-container .form-row:has(.date-input-wrapper){grid-template-columns:repeat(2,1fr)}.apply-leave-container .form-row:has(.file-upload-label){grid-template-columns:repeat(2,1fr)}}.apply-leave-container .form-group{display:flex;flex-direction:column;gap:.5rem}.apply-leave-container .form-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;display:inline-block;white-space:nowrap}.apply-leave-container .form-label .required{color:#ef4444;margin-left:.25rem;display:inline}.apply-leave-container .form-select,.apply-leave-container .form-input,.apply-leave-container .form-textarea{width:100%;background:#f8fafc;border:1px solid var(--card-border);border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;color:#1e293b;font-family:inherit;transition:all .2s;box-sizing:border-box}.apply-leave-container .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem}.apply-leave-container .form-select:focus,.apply-leave-container .form-input:focus,.apply-leave-container .form-textarea:focus{outline:none;border-color:var(--primary-olive);box-shadow:0 0 0 3px #5a5f6726;background:#fff}.apply-leave-container .form-select:hover,.apply-leave-container .form-input:hover,.apply-leave-container .form-textarea:hover{border-color:#cbd5e1}.apply-leave-container .form-textarea{resize:vertical;min-height:4rem;line-height:1.5}.apply-leave-container .form-textarea::placeholder{color:#94a3b8}.apply-leave-container .date-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.apply-leave-container .date-icon-left{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem;pointer-events:none;z-index:1}.apply-leave-container .date-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.25rem;pointer-events:none;z-index:1}.apply-leave-container .date-input{padding-left:2.5rem;padding-right:.75rem;width:100%}.apply-leave-container .date-input::-webkit-calendar-picker-indicator{position:absolute;right:.75rem;width:1.25rem;height:1.25rem;opacity:1;cursor:pointer;z-index:2}.apply-leave-container .file-upload-label{width:100%;min-height:2.75rem;border:2px dashed #e2e8f0;background:#fff;border-radius:.5rem;padding:.625rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s;box-sizing:border-box}.apply-leave-container .file-upload-label:hover{background:#f8fafc;border-color:var(--primary-olive)}.apply-leave-container .file-upload-label .material-symbols-outlined{color:#94a3b8;font-size:1.25rem}.apply-leave-container .file-upload-text{font-size:.75rem;color:#64748b}.apply-leave-container .file-input{display:none}.apply-leave-container .form-right{position:relative;min-width:0;width:100%}.apply-leave-container .form-actions{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.apply-leave-container .btn-submit{background:var(--primary-olive);color:#fff;padding:.75rem 2.5rem;border-radius:9999px;font-weight:700;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #5a5f674d;transition:all .2s;font-family:inherit}.apply-leave-container .btn-submit:hover:not(:disabled){background:var(--primary-olive-dark);transform:translateY(-2px);box-shadow:0 10px 20px -5px #5a5f6759}.apply-leave-container .btn-submit:active{transform:translateY(0)}.apply-leave-container .btn-submit:disabled{opacity:.7;cursor:not-allowed}.apply-leave-container .btn-cancel{color:#94a3b8;font-weight:500;font-size:.875rem;background:none;border:none;cursor:pointer;transition:color .2s;font-family:inherit;text-decoration:none}.apply-leave-container .btn-cancel:hover:not(:disabled){color:#64748b}.apply-leave-container .leave-history-section{margin-top:1rem}.apply-leave-container .history-header{padding:1rem 2rem;background:#f8fafc;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:.5rem}.apply-leave-container .history-icon{color:var(--primary-olive);font-size:1.25rem}.apply-leave-container .history-title{font-size:.875rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.08em;margin:0}.apply-leave-container .history-table-wrapper{overflow-x:hidden}.apply-leave-container .history-table{width:100%;font-size:.875rem;table-layout:fixed}.apply-leave-container .history-table thead{background:#f8fafc;border-bottom:1px solid var(--card-border)}.apply-leave-container .history-table th{padding:.75rem .875rem;text-align:left;font-weight:700;color:#64748b;text-transform:uppercase;font-size:.75rem;letter-spacing:.02em}.apply-leave-container .history-table th.text-center{text-align:center}.apply-leave-container .history-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.apply-leave-container .history-table tbody tr:nth-child(odd){background:#fff}.apply-leave-container .history-table tbody tr:nth-child(2n){background:#f8fafc}.apply-leave-container .history-table tbody tr:hover{background:#f1f5f9}.apply-leave-container .history-table td{padding:.75rem .875rem;color:#475569;vertical-align:middle}.apply-leave-container .history-table td.font-medium{font-weight:500;color:#1e293b}.apply-leave-container .history-table td.text-center{text-align:center}.apply-leave-container .history-table .date-range-cell{white-space:normal;word-break:break-word}.apply-leave-container .history-date-nice{font-variant-numeric:tabular-nums;color:#334155;font-weight:500}.apply-leave-container .status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.apply-leave-container .status-badge.status-approved{background:var(--primary-olive-light);color:var(--primary-olive);border:1px solid rgba(197,209,181,.3)}.apply-leave-container .status-badge.status-pending{background:#fef3c7;color:#b45309}.apply-leave-container .status-badge.status-denied{background:#fee2e2;color:#dc2626}.apply-leave-container .attachment-icon{color:var(--primary-olive);cursor:pointer;font-size:1.25rem}.apply-leave-container .delete-btn{color:#f87171;background:none;border:none;cursor:pointer;padding:.25rem;transition:color .2s;display:inline-flex;align-items:center}.apply-leave-container .delete-btn:hover{color:#dc2626}.apply-leave-container .delete-btn .material-symbols-outlined{font-size:1.25rem}.apply-leave-container .disabled-icon{color:#cbd5e1;font-size:1.25rem;-webkit-user-select:none;user-select:none}@media(max-width:1200px){.apply-leave-container .history-table th,.apply-leave-container .history-table td{padding:.625rem;font-size:.8125rem}.apply-leave-container .status-badge{padding:.125rem .45rem;font-size:.6875rem}}.apply-leave-container .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle}.apply-leave-container .history-footer{padding:12px 24px;border-top:1px solid #f1f5f9;background-color:#f8fafc4d;text-align:right}.apply-leave-container .view-all-btn{color:var(--primary-olive);font-weight:700;font-size:12px;text-transform:uppercase;background:none;border:none;cursor:pointer;padding:4px 8px;transition:text-decoration .2s}.apply-leave-container .view-all-btn:hover{text-decoration:underline}.claim-compoff-page{display:flex;min-height:100vh;background-color:#f7f7f6;font-family:Inter,sans-serif}.claim-compoff-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.page-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.page-header h1{font-size:20px;font-weight:700;color:#1e293b;margin:0;line-height:1.2;letter-spacing:-.025em}.page-header p{font-size:12px;color:#64748b;font-weight:500;margin:0}.header-right{display:flex;align-items:center;gap:16px}.icon-btn{padding:8px;color:#64748b;background:none;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f1f5f9}.divider{height:32px;width:1px;background-color:#e2e8f0}.user-info{text-align:right}.user-name{font-size:14px;font-weight:600;color:#1e293b;margin:0}.user-id{font-size:12px;color:#64748b;margin:0}.content-wrapper{padding:32px;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:32px}.form-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc80;display:flex;align-items:center;justify-content:space-between}.card-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.card-body{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:#334155}.form-group label .required{color:#ef4444;margin-left:4px}.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;color:#1e293b;font-family:Inter,sans-serif;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed;background-color:#f8fafc}.readonly-input{background-color:#f8fafc!important;color:#64748b!important;cursor:not-allowed}.form-error{font-size:12px;color:#dc2626;margin-top:4px;white-space:pre-line}.form-hint{font-size:12px;color:#64748b;margin-top:4px}.form-actions{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.claim-compoff-page .form-actions .btn-clear,.claim-compoff-page .form-actions .btn-submit{width:auto;max-width:100%;flex:0 0 auto;align-self:center;text-align:center}.btn-clear{padding:10px 20px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#475569;background:#fff;cursor:pointer;transition:all .2s}.btn-clear:hover:not(:disabled){background-color:#f8fafc}.btn-clear:disabled{opacity:.6;cursor:not-allowed}.btn-submit{padding:10px 24px;border-radius:8px;background-color:#5a5f67;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-submit:hover:not(:disabled){background-color:#5a5f67e6}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.shift-summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.card-header-primary{padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#5a5f670d;display:flex;align-items:center;justify-content:space-between}.card-header-primary h2{font-size:18px;font-weight:700;color:#5a5f67;margin:0;display:flex;align-items:center;gap:8px}.card-header-primary .material-symbols-outlined{font-size:20px}.history-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.history-card .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-card .card-header-titles{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.history-download-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.history-download-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.history-download-btn:disabled{opacity:.55;cursor:not-allowed}.history-download-btn .material-symbols-outlined{font-size:22px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#f1f5f9;color:#475569}.summary-table,.history-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table thead,.history-table thead{background-color:#f8fafc80}.summary-table th,.history-table th{padding:12px 24px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #e2e8f0}.summary-table th.text-center,.history-table th.text-center{text-align:center}.summary-table tbody tr,.history-table tbody tr{border-bottom:1px solid #f1f5f9}.summary-table tbody tr:hover,.history-table tbody tr:hover{background-color:#f8fafc}.summary-table td,.history-table td{padding:16px 24px;color:#475569}.summary-table .font-medium,.history-table .font-medium{font-weight:500;color:#1e293b}.summary-table .text-primary{color:#5a5f67}.summary-table .font-semibold{font-weight:600}.summary-table .font-bold{font-weight:700;color:#1e293b}.history-table .whitespace-nowrap{white-space:nowrap}.action-buttons{display:flex;align-items:center;justify-content:center;gap:12px}.action-btn{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;transition:color .2s}.action-btn.view-btn{color:#94a3b8}.action-btn.view-btn:hover{color:#5a5f67}.action-btn.delete-btn{color:#94a3b8}.action-btn.delete-btn:hover{color:#dc2626}.action-btn.disabled-btn{color:#cbd5e1;cursor:not-allowed}.action-btn .material-symbols-outlined{font-size:18px}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media(max-width:768px){.main-content,.main-content.collapsed{margin-left:0}.content-wrapper{padding:16px}.page-header{padding:16px;flex-direction:column;align-items:flex-start;height:auto}.header-right{margin-top:8px}.form-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.summary-table,.history-table{font-size:12px}.summary-table th,.summary-table td,.history-table th,.history-table td{padding:12px 16px}}:root{--primary-olive: #5a5f67;--primary-olive-dark: #4d5e34;--primary-olive-light: #f1f4ed;--primary-olive-tint: #c5d1b5}.compoff-approval-container{font-family:Inter,Poppins,sans-serif;background:#f7f7f6;min-height:100vh;display:flex}.compoff-approval-container .main-content{flex:1;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease}.compoff-approval-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.compoff-approval-inner{padding:2rem}.compoff-approval-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;border:1px solid #e2e8f0}.compoff-approval-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:.75rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#fafafa}.compoff-approval-download-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.compoff-approval-download-btn:hover:not(:disabled){background:#f8fafc;border-color:var(--primary-olive);color:var(--primary-olive)}.compoff-approval-download-btn:disabled{opacity:.55;cursor:not-allowed}.compoff-approval-container .compoff-approval-download-btn .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.filters-section{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;flex-wrap:wrap}.filter-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase}.filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;color:#1e293b;cursor:pointer;min-width:150px}.filter-select:focus{outline:none;border-color:var(--primary-olive);box-shadow:0 0 0 3px #5a5f671a}.compoff-approval-container .table-wrapper{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.loading-state,.empty-state{padding:3rem;text-align:center;color:#64748b}.approval-table{width:100%;border-collapse:collapse;font-size:.875rem}.approval-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.approval-table th{padding:.45rem .65rem;text-align:left;font-weight:700;color:#64748b;text-transform:uppercase;font-size:.75rem}.approval-table th.text-center{text-align:center}.approval-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.approval-table tbody tr:hover{background:#f8fafc}.approval-table td{padding:.4rem .65rem;color:#1e293b}.approval-table td.text-center{text-align:center}.status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-badge.status-approved{background:var(--primary-olive-light);color:var(--primary-olive)}.status-badge.status-pending{background:#fef3c7;color:#b45309}.status-badge.status-denied{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-approve,.btn-reject{padding:.375rem;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-approve{background:var(--primary-olive-light);color:var(--primary-olive)}.btn-approve:hover{background:var(--primary-olive);color:#fff}.btn-reject{background:#fee2e2;color:#dc2626}.btn-reject:hover{background:#dc2626;color:#fff}.btn-approve .material-symbols-outlined,.btn-reject .material-symbols-outlined{font-size:1.125rem}.disabled-icon{color:#cbd5e1;font-size:1.25rem;-webkit-user-select:none;user-select:none}.pagination{padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#1e293b;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:var(--primary-olive)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.25rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle}.leave-history-page{display:flex;min-height:100vh;width:100%;background-color:#f8faf9;font-family:Inter,sans-serif}.main-content{flex:1;min-width:0;max-width:none;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column}.leave-history-main{padding:24px 32px;width:100%;max-width:100%;box-sizing:border-box}.history-container{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.history-container{grid-template-columns:1fr;gap:32px;align-items:start}}.history-main-section{width:100%}.quick-request-section{display:none}.history-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.history-table{width:100%;font-size:14px;border-collapse:collapse}.history-table thead{background-color:#f8fafc80;border-bottom:1px solid #e2e8f0}.history-table th{padding:7px 12px;font-weight:700;color:#64748b;text-transform:uppercase;font-size:10px;text-align:left}.history-table tbody tr{background-color:#fff;border-bottom:1px solid #f1f5f9;transition:background-color .2s}.history-table tbody tr:hover{background-color:#f8fafc}.history-table tbody tr:nth-child(2n){background-color:#f8fafc4d}.history-table tbody tr:nth-child(2n):hover{background-color:#f1f5f9}.history-table td{padding:8px 12px;color:#475569}.history-table td.font-medium{font-weight:500;color:#1e293b}.history-table .text-center{text-align:center}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:10px;font-weight:700}.status-badge.status-approved{background-color:#f1f4ed;color:#5a5f67}.status-badge.status-denied{background-color:#fee2e2;color:#dc2626}.no-data{text-align:center;padding:48px 24px;color:#94a3b8}.loading-state{padding:48px 24px;text-align:center;color:#64748b}.quick-request-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.quick-request-form{padding:20px;display:flex;flex-direction:column;gap:16px}.quick-request-form .form-group{display:flex;flex-direction:column;gap:4px}.quick-request-form label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase}.quick-request-form select,.quick-request-form input,.quick-request-form textarea{width:100%;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:12px;color:#1e293b;font-family:Inter,sans-serif}.quick-request-form select:focus,.quick-request-form input:focus,.quick-request-form textarea:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a}.quick-request-form select:disabled,.quick-request-form input:disabled,.quick-request-form textarea:disabled{opacity:.6;cursor:not-allowed}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit-btn{width:100%;background-color:#5a5f67;color:#fff;padding:10px;border-radius:8px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.submit-btn:hover:not(:disabled){background-color:#4d5e34;transform:scale(1.02)}.submit-btn:active:not(:disabled){transform:scale(.95)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{width:100%;background:none;border:none;color:#94a3b8;font-size:12px;font-weight:500;padding:4px;cursor:pointer;transition:color .2s}.cancel-btn:hover:not(:disabled){color:#64748b}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.leave-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.preview-header{background-color:#5a5f67;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.preview-header-left{display:flex;align-items:center;gap:8px}.preview-header-left .material-symbols-outlined{color:#fff;font-size:12px}.preview-header h3{color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}.preview-days{color:#fff;font-size:10px;font-weight:700}.preview-content{padding:12px;background-color:#f8fafc;display:flex;justify-content:space-between;align-items:center;font-size:11px}.preview-dates{color:#64748b}.preview-info{color:#94a3b8;font-size:14px;cursor:pointer}@media(max-width:768px){.main-content,.main-content.collapsed{margin-left:0}.leave-history-main{padding:16px}.history-container{grid-template-columns:1fr}.history-table{font-size:12px}.history-table th,.history-table td{padding:6px 10px}.date-grid{grid-template-columns:1fr}}.leave-approval-page{display:flex;min-height:100vh;background-color:#f7f7f6;font-family:Inter,sans-serif}.leave-approval-page .main-content{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.leave-approval-page .main-content.collapsed{margin-left:80px}.leave-approval-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.content-wrapper{padding:32px;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.filters-section{display:flex;gap:16px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label{font-size:14px;font-weight:600;color:#334155}.filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;font-family:Inter,sans-serif;transition:all .2s}.filter-group select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.filter-group input[type=date]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;font-family:Inter,sans-serif;transition:all .2s}.filter-group input[type=date]:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.clear-filters-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;background:#fff;cursor:pointer;transition:all .2s;margin-top:24px;align-self:flex-end}.clear-filters-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.table-card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.table-container{overflow-x:hidden;max-width:100%}.leave-approval-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.leave-approval-table col.lac-col-name{width:16%}.leave-approval-table col.lac-col-type{width:12%}.leave-approval-table col.lac-col-dates{width:16%}.leave-approval-table col.lac-col-dur{width:11%}.leave-approval-table col.lac-col-reason{width:22%}.leave-approval-table col.lac-col-attach{width:12%}.leave-approval-table col.lac-col-action{width:11%}.leave-approval-table thead{background-color:#5a5f67}.leave-approval-table th{padding:7px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.1);color:#f8fafc;box-sizing:border-box}.leave-approval-table thead th{white-space:nowrap;word-break:normal;overflow-wrap:normal}.leave-approval-table thead th:nth-child(4){padding-right:16px}.leave-approval-table thead th:nth-child(5){padding-left:8px}.leave-approval-table th.text-center{text-align:center}.leave-approval-table tbody tr{border-bottom:1px solid #f1f5f9}.leave-approval-table tbody tr:hover{background-color:#f8fafc}.leave-approval-table td{padding:8px 12px;color:#475569;vertical-align:top;line-height:1.2;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box}.leave-approval-table .font-medium{font-weight:500;color:#1e293b}.leave-approval-table .whitespace-nowrap{white-space:nowrap}.leave-approval-table .reason-cell{white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:anywhere;line-height:1.35}.leave-approval-table .date-range-cell{font-size:.82rem;line-height:1.35;white-space:normal;vertical-align:top}.leave-approval-table .date-range-line{display:block}.leave-approval-table .date-range-line+.date-range-line{margin-top:2px}.leave-approval-table .text-center{text-align:center}.leave-approval-table td.text-center{vertical-align:middle}.leave-approval-table td.text-center,.leave-approval-table td.action-cell{white-space:nowrap}.leave-approval-table td.action-cell{vertical-align:middle}.action-buttons{display:flex!important;align-items:center;justify-content:center;gap:6px;max-width:100%;visibility:visible!important;opacity:1!important}.action-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:50%!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .2s;box-shadow:0 2px 6px #0003!important;position:relative;z-index:10!important;flex-shrink:0;visibility:visible!important;opacity:1!important;font-size:12px!important;font-weight:700!important}.action-btn.approve-btn{background-color:#5a5f67!important;color:#fff!important;border:2px solid #5a5f67!important}.action-btn.approve-btn:hover{background-color:#4e535b!important;border-color:#4e535b!important;transform:scale(1.1);box-shadow:0 4px 8px #5a5f6766!important}.action-btn.approve-btn:active{transform:scale(.95)}.action-btn.reject-btn{background-color:#ef4444!important;color:#fff!important;border:2px solid #ef4444!important}.action-btn.reject-btn:hover{background-color:#dc2626!important;border-color:#dc2626!important;transform:scale(1.1);box-shadow:0 4px 8px #ef444466!important}.action-btn.reject-btn:active{transform:scale(.95)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge.status-approved{background-color:#e8ecec;color:#3d4448}.status-badge.status-pending{background-color:#fef3c7;color:#92400e}.status-badge.status-rejected{background-color:#fee2e2;color:#991b1b}.loading-state,.no-data{padding:48px 24px;text-align:center;color:#64748b}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;border-top:1px solid #e2e8f0;background-color:#f8fafc}.pagination-btn{padding:8px 16px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#475569;background:#fff;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#5a5f67;color:#5a5f67}.pagination-info{font-size:14px;color:#64748b}.leave-approval-page .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}@media(max-width:768px){.main-content,.main-content.collapsed{margin-left:0}.content-wrapper{padding:16px}.filters-section{flex-direction:column}.filter-group{width:100%}.table-container{overflow-x:hidden}.leave-approval-table{font-size:12px}.leave-approval-table th,.leave-approval-table td{padding:6px 8px}.leave-approval-table col.lac-col-name{width:16%}.leave-approval-table col.lac-col-type{width:12%}.leave-approval-table col.lac-col-dates{width:16%}.leave-approval-table col.lac-col-dur{width:11%}.leave-approval-table col.lac-col-reason{width:22%}.leave-approval-table col.lac-col-attach{width:12%}.leave-approval-table col.lac-col-action{width:11%}}.loan-page-container{min-height:100vh;width:100%;display:flex}.loan-page-container .main-content{flex:1;min-width:0;width:100%;max-width:none;margin-left:var(--sidebar-width, 250px);transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:auto}.loan-page-container .main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed, 70px)}.loan-page-inner{padding:2rem;flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.loan-subheader{border:1px solid color-mix(in srgb,var(--color-outline-variant, #c1c6d5) 45%,transparent);box-shadow:0 1px #00000008}.loan-form-tablist{display:flex;flex-wrap:wrap;align-items:stretch;gap:.25rem;padding-bottom:0;border-bottom:1px solid color-mix(in srgb,var(--color-outline-variant, #c1c6d5) 35%,transparent)}.loan-form-tab{position:relative;margin:0;padding:.75rem 1.125rem 1rem;border:none;border-radius:.5rem .5rem 0 0;background:transparent;color:var(--color-on-surface-variant, #414753);font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:.875rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.loan-form-tab:hover{color:var(--color-primary, #005ab4);background:color-mix(in srgb,var(--color-primary, #005ab4) 6%,transparent)}.loan-form-tab:focus-visible{outline:2px solid var(--color-primary, #005ab4);outline-offset:2px}.loan-form-tab--active{color:var(--color-primary, #005ab4);font-weight:700;background:color-mix(in srgb,var(--color-primary, #005ab4) 8%,transparent);box-shadow:inset 0 -2px 0 0 var(--color-primary, #005ab4),0 -1px color-mix(in srgb,var(--color-outline-variant, #c1c6d5) 25%,transparent)}.loan-form-tab--active:hover{background:color-mix(in srgb,var(--color-primary, #005ab4) 11%,transparent)}.loan-form-tab--disabled,.loan-form-tab:disabled{cursor:not-allowed;opacity:.45;color:var(--color-on-surface-variant, #414753)}.loan-form-tab--disabled:hover,.loan-form-tab:disabled:hover{color:var(--color-on-surface-variant, #414753);background:transparent}.loan-part-a-summary{min-height:4.5rem;border:1px dashed color-mix(in srgb,var(--color-outline-variant, #c1c6d5) 55%,transparent);background:var(--color-surface-container-lowest, #ffffff)}.loan-part-a-summary--empty{color:var(--color-on-surface-variant, #414753);font-style:italic}.loan-guarantor-step{--loan-accent: #8e1616;--loan-on-accent: #ffffff}.loan-guarantor-step .loan-guarantor-input:focus{background-color:#fff}.loan-basic-step .loan-basic-card{background:var(--ds-surface-container-lowest);border:1px solid var(--ds-ghost-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-ambient)}.loan-basic-step .loan-basic-part-a{background:var(--ds-surface-container-low);border-left:4px solid color-mix(in srgb,var(--ds-primary) 38%,transparent);border-radius:var(--ds-radius-lg);border-top:1px solid var(--ds-ghost-border);border-right:1px solid var(--ds-ghost-border);border-bottom:1px solid var(--ds-ghost-border)}.loan-basic-step .loan-basic-input,.loan-basic-step select.loan-basic-input,.loan-basic-step textarea.loan-basic-input{width:100%;box-sizing:border-box;font-family:var(--ds-font-body);font-size:.875rem;font-weight:600;line-height:1.35;color:var(--ds-on-surface);background:var(--ds-surface-container-low);border:1px solid color-mix(in srgb,var(--ds-outline-variant) 45%,transparent);border-radius:var(--ds-radius-lg);padding:.625rem 1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.loan-basic-step .loan-basic-input--inr{padding-left:2.25rem}.loan-basic-step .loan-basic-input:focus:not(:read-only),.loan-basic-step select.loan-basic-input:focus{border-color:color-mix(in srgb,var(--ds-primary) 42%,var(--ds-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary) 14%,transparent);background:var(--ds-surface-container-lowest)}.loan-basic-step .loan-basic-input:read-only{cursor:default}.loan-basic-step .loan-basic-readonly-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--ds-surface-container-low);border:1px solid color-mix(in srgb,var(--ds-primary) 12%,transparent);border-radius:var(--ds-radius-lg);padding:.625rem 1rem}.loan-basic-step .loan-basic-readonly-row-strong{font-size:.875rem;font-weight:700;color:var(--ds-primary)}.loan-basic-step .loan-basic-btn-ghost{font-family:var(--ds-font-body);font-size:.875rem;font-weight:600;color:var(--ds-on-surface);background:var(--ds-surface-container-high);border:1px solid color-mix(in srgb,var(--ds-on-surface) 22%,transparent);border-radius:var(--ds-radius-lg);padding:.75rem 1.75rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.loan-basic-step .loan-basic-btn-ghost:hover{background:var(--ds-surface-container-highest);border-color:color-mix(in srgb,var(--ds-on-surface) 34%,transparent)}.loan-basic-step .loan-basic-btn-submit{padding:.75rem 2.5rem;border-radius:var(--ds-radius-lg);display:inline-flex;align-items:center;gap:.5rem}.loan-basic-step .loan-basic-upload{border:2px dashed color-mix(in srgb,var(--ds-outline-variant) 65%,transparent);border-radius:var(--ds-radius-lg);background:var(--ds-surface);transition:background .15s ease,border-color .15s ease}.loan-basic-step .loan-basic-upload:hover{background:var(--ds-surface-container-low);border-color:color-mix(in srgb,var(--ds-primary) 28%,var(--ds-outline-variant))}.loan-basic-step .loan-basic-upload .material-symbols-outlined{color:var(--ds-on-surface-variant);transition:color .15s ease}.loan-basic-step .loan-basic-upload:hover .material-symbols-outlined{color:var(--ds-primary)}.loan-basic-step .loan-basic-link{color:var(--ds-primary);font-weight:700}.loan-basic-step .loan-basic-link:hover{color:var(--ds-primary-dim)}.loan-basic-step .loan-basic-badge{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:color-mix(in srgb,var(--ds-primary) 12%,transparent);color:var(--ds-primary)}.loan-basic-step .loan-basic-badge--filled{background:var(--ds-primary);color:var(--ds-on-primary)}.loan-basic-step .loan-basic-metric{border-radius:var(--ds-radius-lg);background:var(--ds-surface-container-lowest);box-shadow:var(--ds-shadow-ambient);border:1px solid var(--ds-ghost-border)}.loan-basic-step .loan-basic-tip{font-family:var(--ds-font-body);font-size:.75rem;line-height:1.45;color:var(--ds-on-surface-variant)}.loan-basic-step .loan-basic-tip strong{font-weight:600;color:var(--ds-on-surface)}.loan-lists-stack{width:100%;min-width:0}.loan-queue-card{border-radius:var(--ds-radius-lg, .75rem);border:1px solid var(--ds-ghost-border, color-mix(in srgb, var(--ds-outline-variant) 35%, transparent));background:var(--ds-surface-container-lowest, #fff);padding:1rem 1.25rem;box-sizing:border-box}.loan-queue-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.75rem}.loan-queue-title{margin:0;font-family:var(--ds-font-display, "Manrope", system-ui, sans-serif);font-size:.9375rem;font-weight:700;color:var(--ds-on-surface, #2d3435)}.loan-queue-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ds-on-surface-variant, #5a6061);padding:.2rem .5rem;border-radius:999px;background:var(--ds-surface-container-low, #f2f4f4)}.loan-queue-refresh{border:1px solid color-mix(in srgb,var(--ds-outline-variant) 45%,transparent);background:var(--ds-surface-container-lowest, #fff);color:var(--ds-primary, #5a5f67);font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:.5rem;cursor:pointer}.loan-queue-refresh:disabled{opacity:.55;cursor:not-allowed}.loan-queue-empty{margin:0;font-size:.8125rem;color:var(--ds-on-surface-variant, #5a6061)}.loan-queue-table-wrap{overflow-x:auto;margin:0 -.25rem}.loan-queue-table{width:100%;border-collapse:collapse;font-size:.75rem}.loan-queue-table th,.loan-queue-table td{text-align:left;padding:.4rem .65rem;border-bottom:1px solid color-mix(in srgb,var(--ds-outline-variant) 25%,transparent);white-space:nowrap}.loan-queue-table th{font-weight:700;color:var(--ds-on-surface-variant, #5a6061);font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em}.loan-queue-table tbody tr:last-child td{border-bottom:none}.loan-queue-sub{font-weight:500;color:var(--ds-on-surface-variant, #5a6061)}.loan-queue-link{border:none;background:none;padding:0;font-size:.75rem;font-weight:700;color:var(--ds-primary, #5a5f67);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.loan-queue-link:hover{color:var(--ds-primary-dim, #4e535b)}.loan-approvals-page{min-height:100vh;width:100%;display:flex}.loan-approvals-main{padding:1.25rem}.loan-approvals-card{border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 30%,transparent);border-radius:.75rem;background:var(--ds-surface-container-lowest, #fff);padding:1rem 1.1rem}.loan-approvals-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.loan-approvals-head h2{margin:0;font-size:.95rem;font-weight:700}.loan-approvals-refresh{border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 40%,transparent);background:#fff;color:var(--ds-primary, #5a5f67);border-radius:.5rem;font-size:.75rem;font-weight:600;padding:.3rem .6rem}.loan-approvals-error{margin-bottom:.75rem;color:var(--ds-error, #9f403d);font-size:.78rem}.loan-approvals-empty{margin:0;font-size:.78rem;color:var(--ds-on-surface-variant, #5a6061)}.loan-approvals-table-wrap{overflow-x:auto}.loan-approvals-table{width:100%;border-collapse:collapse;font-size:.75rem}.loan-approvals-table th,.loan-approvals-table td{padding:.38rem .55rem;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 25%,transparent);white-space:nowrap}.loan-approvals-table th{font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-on-surface-variant, #5a6061)}.loan-approvals-sub{color:var(--ds-on-surface-variant, #5a6061)}.loan-approvals-link{border:none;background:transparent;color:var(--ds-primary, #5a5f67);text-decoration:underline;text-underline-offset:2px;font-weight:700;padding:0}.loan-approvals-actions{display:inline-flex;align-items:center;gap:.65rem}.loan-approvals-link:disabled{opacity:.55;cursor:not-allowed}.loan-approvals-btn{border:1px solid transparent;border-radius:.4rem;font-size:.68rem;font-weight:700;line-height:1;padding:.28rem .5rem}.loan-approvals-btn--approve{background:color-mix(in srgb,#2f7d32 14%,#fff);color:#2f7d32;border-color:color-mix(in srgb,#2f7d32 35%,transparent)}.loan-approvals-btn--reject{background:color-mix(in srgb,#9f403d 12%,#fff);color:#9f403d;border-color:color-mix(in srgb,#9f403d 35%,transparent)}.loan-approvals-btn:disabled{opacity:.55;cursor:not-allowed}.attendance-page{display:flex;min-height:100vh;background-color:#f7f7f6}.attendance-page .main-content{flex:1;margin-left:250px;transition:margin-left .3s ease}.attendance-page .main-content.collapsed{margin-left:80px}.attendance-page .content-wrapper{padding:clamp(.75rem,2vw,2rem) clamp(.75rem,2.5vw,2.5rem);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.attendance-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}.header-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.breadcrumb-separator{color:#94a3b8}.breadcrumb-active{color:#5a5f67}.page-title{font-size:1.875rem;font-weight:800;line-height:1.2;letter-spacing:-.015em;color:#0f172a;margin:0}.page-subtitle{font-size:.875rem;color:#64748b;margin:0}.page-subtitle .highlight{font-weight:600;color:#475569}.header-actions{display:flex;gap:.75rem;align-items:center}.btn-filter,.btn-export{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-filter{background:#fff;border:1px solid #e2e8f0;color:#374151}.btn-filter:hover{background:#f8fafc}.btn-export{background:#5a5f67;color:#fff;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 2px #0000000d}.btn-export:hover{background:#5a6b3a}.btn-filter .material-symbols-outlined,.btn-export .material-symbols-outlined{font-size:18px}.filter-section{display:flex;gap:1rem;align-items:flex-end;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group input[type=date]{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.filter-actions{display:flex;gap:.5rem}.btn-apply,.btn-reset{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-apply{background:#5a5f67;color:#fff}.btn-apply:hover{background:#5a6b3a}.btn-reset{background:#f3f4f6;color:#374151}.btn-reset:hover{background:#e5e7eb}.table-container{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;overflow:hidden}.table-wrapper{overflow-x:hidden;width:100%}.attendance-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}.attendance-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.attendance-table th{padding:.45rem .75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.attendance-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.attendance-table tbody tr:hover{background:#f8fafc}.attendance-table td{padding:clamp(.3rem,.6vw,.45rem) clamp(.3rem,.6vw,.75rem);font-size:clamp(.7rem,.9vw,.8rem);color:#475569;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.attendance-table td:last-child{-webkit-hyphens:auto;hyphens:auto}.time-pair-cell{display:flex;flex-wrap:wrap;align-items:center;gap:.15em .25em;font-variant-numeric:tabular-nums;line-height:1.35}.time-pair-sep{color:#94a3b8;font-weight:400;flex-shrink:0}.attendance-table .font-medium{font-weight:500;color:#1e293b}.attendance-table .font-mono{font-family:Courier New,monospace;color:#64748b}.attendance-table .text-center{text-align:center}.attendance-table .hours-col{white-space:nowrap;min-width:5.25rem}.attendance-table .text-muted{color:#94a3b8}.attendance-table .text-primary{color:#5a5f67}.attendance-table .text-error{color:#ef4444}.attendance-table .text-warning{color:#f59e0b}.attendance-table .font-semibold{font-weight:600}.attendance-table .font-bold{font-weight:700}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:700}.status-present{background:#5a5f6733;color:#5a5f67}.status-weekoff{background:#f1f5f9;color:#475569}.status-absent{background:#ef44441a;color:#ef4444}.status-halfday{background:#f59e0b1a;color:#f59e0b}.status-default{background:#f1f5f9;color:#64748b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.attendance-table tbody td.empty-cell{text-align:center;padding:2.5rem 1rem!important;color:#64748b;font-size:.9375rem;font-weight:500;background:#fafafa;border-bottom:none}.spinner{width:40px;height:40px;border:4px solid #f1f5f9;border-top-color:#5a5f67;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;border-top:1px solid #e2e8f0}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8fafc}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#5a5f67;color:#fff;border-color:#5a5f67;font-weight:700}.pagination-ellipsis{padding:0 .5rem;color:#cbd5e1}@media(min-width:1440px){.attendance-page .content-wrapper{max-width:min(1760px,100%)}}@media(min-width:1920px){.attendance-page .content-wrapper{max-width:min(1920px,100%)}}@media(max-width:1024px){.attendance-table th:nth-child(1){width:16%}.attendance-table th:nth-child(2){width:7%}.attendance-table th:nth-child(3){width:8%}.attendance-table th:nth-child(4),.attendance-table th:nth-child(5){width:15%}.attendance-table th:nth-child(6){width:7%}.attendance-table th:nth-child(7){width:9%}.th-stacked-sub{display:none}.time-pair-cell{flex-direction:column;align-items:flex-start;gap:.1rem}.time-pair-sep{display:none}}@media(max-width:768px){.attendance-page .main-content,.attendance-page .main-content.collapsed{margin-left:0}.attendance-page .content-wrapper{padding:.75rem}.attendance-header{flex-direction:column;align-items:flex-start}.header-actions{flex-direction:row;width:100%;margin-top:1rem}.btn-filter,.btn-export{flex:1;justify-content:center}.filter-section{flex-direction:column;align-items:stretch}.pagination-container{flex-direction:column;gap:1rem}.attendance-table th,.attendance-table td{padding:.5rem .35rem}.attendance-table th:nth-child(2),.attendance-table td:nth-child(2){display:none}}.misspunch-page{display:flex;min-height:100vh;background-color:#f7f9f5;font-family:Inter,sans-serif}.misspunch-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:2rem;max-width:1440px;margin:0 auto;width:100%;box-sizing:border-box}.header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.5rem;width:100%;flex-wrap:wrap}.header-content>div{text-align:left;flex:0 1 auto}.btn-view-history{background-color:#5a5f67;color:#fff;padding:.625rem 1.5rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d;white-space:nowrap;margin-top:0}.btn-view-history:hover{background-color:#5a5f67e6}.btn-view-history .material-symbols-outlined{font-size:1.25rem}.misspunch-top-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:1rem;flex-wrap:wrap}.reporting-inline{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.reporting-inline-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.reporting-inline-value{font-size:.95rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(56vw,460px)}.manager-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;padding:1.5rem;margin-bottom:2rem}.manager-card h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.manager-card h3 .material-symbols-outlined{color:#5a5f67;font-size:1.5rem}.manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.manager-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;background-color:#f7f9f5;border:1px solid #f1f5f9}.manager-icon{width:3rem;height:3rem;border-radius:9999px;background-color:#5a5f671a;display:flex;align-items:center;justify-content:center;color:#5a5f67;flex-shrink:0}.manager-icon .material-symbols-outlined{font-size:1.5rem}.manager-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin:0}.manager-value{color:#0f172a;font-weight:600;margin:0;font-size:.875rem}.table-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden;width:100%}.table-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.table-actions{display:flex;gap:.5rem}.btn-filter{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#475569;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s}.btn-filter:hover{background-color:#f8fafc}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.misspunch-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.misspunch-table thead{background-color:#f8fafc;position:sticky;top:0;z-index:10}.misspunch-table th{padding:.45rem .75rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap}.misspunch-table th:first-child{padding-left:.75rem}.misspunch-table th:not(:first-child):not(:last-child){padding:.45rem .65rem}.misspunch-table th.text-center{text-align:center}.misspunch-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.misspunch-table tbody tr:hover{background-color:#f8fafc80}.misspunch-table tbody tr.row-applied{background-color:#f8fafc4d}.misspunch-table td{padding:.4rem .75rem;color:#0f172a;white-space:nowrap;font-size:.875rem}.misspunch-table td:first-child{padding-left:1.5rem}.misspunch-table td:not(:first-child):not(:last-child){padding:1rem}.misspunch-table td.font-medium{font-weight:500}.misspunch-table td.text-center{text-align:center;white-space:nowrap}.misspunch-table .whitespace-nowrap{white-space:nowrap}.misspunch-table td.min-w-\[240px\]{min-width:240px;white-space:normal}.text-red-500{color:#ef4444}.text-italic{font-style:italic}.text-slate-500{color:#64748b}.status-missing-in,.status-missing-out{background-color:#fef3c7;color:#92400e}.status-absent{background-color:#fee2e2;color:#991b1b}.status-regularized{background-color:#e8ecec;color:#3d4448}.reason-select{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid #cbd5e1;background:#fff;font-size:.875rem;color:#0f172a;cursor:pointer;transition:all .2s;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}.reason-select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.reason-select:disabled{background-color:#f1f5f9;cursor:not-allowed}.btn-apply{background-color:#5a5f67;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.btn-apply:hover:not(:disabled){background-color:#5a5f67e6}.btn-apply:disabled{background-color:#cbd5e1;cursor:not-allowed;opacity:.6}.btn-applied{background-color:#e2e8f0;color:#94a3b8;padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;border:none;cursor:not-allowed}.pagination-controls{display:flex;gap:.5rem}@media(max-width:768px){.misspunch-top-row{align-items:flex-start}.reporting-inline-value{max-width:100%;white-space:normal}.header-content{flex-direction:column;align-items:flex-start}.btn-view-history{align-self:flex-start}}@media(max-width:768px){.misspunch-table th,.misspunch-table td{padding:.75rem .5rem;font-size:.75rem}.misspunch-table th:first-child,.misspunch-table td:first-child{padding-left:1rem}.misspunch-table th:last-child,.misspunch-table td:last-child{padding-right:1rem}}.misspunch-history-page{display:flex;min-height:100vh;background-color:#f7f9f5;font-family:Inter,sans-serif}.main-content{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.main-content.collapsed{margin-left:80px}.misspunch-history-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:2rem;max-width:1440px;margin:0 auto;width:100%}.page-header-section{margin-bottom:2rem}.breadcrumbs{display:flex;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.breadcrumbs a{color:#64748b;text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:#5a5f67}.breadcrumbs .active{color:#5a5f67;font-weight:500}.breadcrumbs span{color:#94a3b8}.header-content{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.header-content>div{text-align:left;width:100%}.header-content h1{font-size:1.875rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.025em;text-align:left}.header-content p{color:#64748b;margin-top:.25rem;font-size:.875rem;text-align:left}.table-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.table-header{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.table-header h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:0}.table-container{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.875rem}.history-table thead{background-color:#f8fafc}.history-table th{padding:.45rem .75rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #e2e8f0}.history-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.history-table tbody tr:hover{background-color:#f8fafc80}.history-table td{padding:.4rem .75rem;color:#0f172a}.history-table td.font-medium{font-weight:500}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-pending{background-color:#fef3c7;color:#92400e}.status-approved{background-color:#e8ecec;color:#3d4448}.status-rejected{background-color:#fee2e2;color:#991b1b}.table-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background-color:#f8fafc80;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#64748b}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-btn{padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:#e2e8f0}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:.75rem;color:#64748b;margin:0 .5rem}.loading-state,.no-data{padding:3rem 1.5rem;text-align:center;color:#64748b}.no-data{font-size:.875rem}.misspunch-approval-page{display:flex;min-height:100vh;background-color:#f7f9f5;font-family:Inter,sans-serif}.misspunch-approval-page .main-content{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.misspunch-approval-page .main-content.collapsed{margin-left:80px}.misspunch-approval-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:clamp(.75rem,2vw,2rem);max-width:1440px;margin:0 auto;width:100%;min-width:0;box-sizing:border-box}.misspunch-approval-page .mpa-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.misspunch-approval-page .mpa-filters{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.misspunch-approval-page .mpa-filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:140px}.misspunch-approval-page .mpa-filter-label{font-size:.875rem;font-weight:600;color:#334155}.misspunch-approval-page .mpa-filter-select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;background:#fff;font-family:inherit;cursor:pointer}.misspunch-approval-page .mpa-filter-select:focus{outline:none;border-color:#5a5f67;box-shadow:0 0 0 3px #5a5f671a}.misspunch-approval-page .mpa-clear-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#64748b;background:#fff;cursor:pointer;margin-top:1.35rem;font-family:inherit}.misspunch-approval-page .mpa-clear-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.misspunch-approval-page .mpa-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.misspunch-approval-page .mpa-table{width:100%;max-width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8125rem}.misspunch-approval-page .mpa-table col.mpa-col-name{width:26%}.misspunch-approval-page .mpa-table col.mpa-col-date{width:14%}.misspunch-approval-page .mpa-table col.mpa-col-reason{width:26%}.misspunch-approval-page .mpa-table col.mpa-col-status{width:18%}.misspunch-approval-page .mpa-table col.mpa-col-actions{width:16%}.approval-table th{padding:.45rem .75rem;text-align:left;vertical-align:middle;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.12);box-sizing:border-box}.misspunch-approval-page .mpa-table th.mpa-th-center{text-align:center}.misspunch-approval-page .mpa-table td{padding:.65rem .75rem;color:#0f172a;vertical-align:middle;line-height:1.35;border-bottom:1px solid #e2e8f0;box-sizing:border-box;word-break:break-word}.misspunch-approval-page .mpa-table tbody tr:hover{background-color:#f8fafc}.misspunch-approval-page .mpa-td-name{font-weight:500;color:#1e293b}.misspunch-approval-page .mpa-td-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;color:#475569}.misspunch-approval-page .mpa-td-reason{white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#475569;max-width:0}.misspunch-approval-page .mpa-td-status{white-space:nowrap}.misspunch-approval-page .mpa-td-actions{text-align:center;white-space:nowrap}.misspunch-approval-page .mpa-pill{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.misspunch-approval-page .mpa-pill--pending{background-color:#fef3c7;color:#92400e}.misspunch-approval-page .mpa-pill--approved{background-color:#e8ecec;color:#3d4448}.misspunch-approval-page .mpa-pill--rejected{background-color:#fee2e2;color:#991b1b}.misspunch-approval-page .mpa-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.misspunch-approval-page .mpa-icon-btn{width:30px;height:30px;min-width:30px;min-height:30px;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;box-shadow:0 1px 3px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.misspunch-approval-page .mpa-icon-btn--ok{background-color:#5a5f67;color:#fff}.misspunch-approval-page .mpa-icon-btn--ok:hover{transform:scale(1.05);box-shadow:0 2px 6px #5a5f6759}.misspunch-approval-page .mpa-icon-btn--no{background-color:#ef4444;color:#fff}.misspunch-approval-page .mpa-icon-btn--no:hover{transform:scale(1.05);box-shadow:0 2px 6px #ef444459}.misspunch-approval-page .mpa-dash{color:#94a3b8}.misspunch-approval-page .mpa-footer{padding:.85rem 1.25rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#64748b}.misspunch-approval-page .mpa-pagination{display:flex;gap:.5rem;align-items:center}.misspunch-approval-page .mpa-page-btn{padding:.25rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;color:#475569}.misspunch-approval-page .mpa-page-btn:hover:not(:disabled){background-color:#e2e8f0}.misspunch-approval-page .mpa-page-btn:disabled{opacity:.3;cursor:not-allowed}.misspunch-approval-page .mpa-page-info{font-size:.75rem;color:#64748b;margin:0 .35rem}.misspunch-approval-page .mpa-loading,.misspunch-approval-page .mpa-empty{padding:2.5rem 1.25rem;text-align:center;color:#64748b;font-size:.875rem}.misspunch-approval-page .material-symbols-outlined{font-size:1.25rem;line-height:1;vertical-align:middle}@media(max-width:768px){.misspunch-approval-page .main-content,.misspunch-approval-page .main-content.collapsed{margin-left:0}.misspunch-approval-page .mpa-table col.mpa-col-name{width:28%}.misspunch-approval-page .mpa-table col.mpa-col-date{width:16%}.misspunch-approval-page .mpa-table col.mpa-col-reason{width:22%}.misspunch-approval-page .mpa-table col.mpa-col-status{width:18%}.misspunch-approval-page .mpa-table col.mpa-col-actions{width:16%}.misspunch-approval-page .mpa-table th,.misspunch-approval-page .mpa-table td{padding:.5rem .45rem;font-size:.75rem}}.hod-shift-page{display:flex;min-height:100vh;background-color:var(--ds-surface, #f9f9f9);font-family:var(--ds-font-body, "Inter", system-ui, sans-serif);color:var(--ds-on-surface, #2d3435)}.hod-shift-page .main-content{flex:1;margin-left:var(--sidebar-width, var(--ds-sidebar-width, 250px));transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.hod-shift-page .main-content.collapsed{margin-left:var(--sidebar-collapsed, var(--ds-sidebar-collapsed, 80px))}.hod-shift-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0;max-width:100%;width:100%;min-width:0}.hod-shift-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hod-shift-canvas{flex:1;display:flex;flex-direction:column;min-height:0;padding:clamp(.75rem,1.5vw,1.5rem) clamp(.75rem,2vw,2.5rem) 1.25rem;gap:1rem}.hod-shift-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.hod-shift-hero-title{margin:0 0 .35rem;font-family:var(--ds-font-display, "Manrope", system-ui, sans-serif);font-size:clamp(1.65rem,3.2vw,2.35rem);font-weight:800;letter-spacing:-.03em;color:var(--ds-on-surface, #2d3435);line-height:1.1}.hod-shift-hero-accent{color:var(--ds-primary-dim, #4e535b)}.hod-shift-hero-lede{margin:0;max-width:40rem;font-size:.875rem;font-weight:400;color:var(--ds-on-surface-variant, #5a6061);line-height:1.55}.hod-shift-calendar-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem 1.25rem;width:100%;min-width:0}.hod-shift-month-strip{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hod-shift-month-strip::-webkit-scrollbar{height:4px}.hod-shift-month-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 55%,transparent);border-radius:999px}.hod-shift-month-strip button{border:none;background:transparent;padding:.35rem .15rem .5rem;font-size:.8125rem;font-weight:600;color:var(--ds-on-surface-variant, #94a3b8);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease}.hod-shift-month-strip button:hover{color:var(--ds-on-surface, #2d3435)}.hod-shift-month-strip button.is-active{color:var(--ds-on-surface, #2d3435);border-bottom-color:var(--ds-primary, #5a5f67)}.hod-shift-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.65rem 1rem;flex:0 0 auto;width:100%;min-width:0}.hod-shift-controls-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.hod-shift-search{position:relative;display:flex;align-items:center}.hod-shift-search i{position:absolute;left:.65rem;font-size:.85rem;color:#94a3b8;pointer-events:none}.hod-shift-search input{width:min(16rem,100%);border:none;border-radius:.5rem;padding:.45rem .65rem .45rem 2.1rem;font-size:.8125rem;background:var(--ds-surface-container-low, #f2f4f4);color:var(--ds-on-surface, #2d3435)}.hod-shift-search input:focus{outline:2px solid color-mix(in srgb,var(--ds-primary, #5a5f67) 35%,transparent);outline-offset:0}.hod-shift-month-select-wrap select{border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 40%,transparent);border-radius:.5rem;padding:.42rem .55rem;font-size:.78rem;font-weight:600;background:#fff;color:var(--ds-on-surface, #2d3435)}.hod-shift-btn-ghost{border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 40%,transparent);background:#fff;border-radius:.5rem;padding:.42rem .75rem;font-size:.78rem;font-weight:600;color:var(--ds-primary, #5a5f67);cursor:pointer}.hod-shift-btn-ghost:hover{background:var(--ds-surface-container-low, #f2f4f4)}.hod-shift-btn-excel{display:inline-flex;align-items:center;justify-content:center;min-width:2.35rem;padding:.42rem .55rem;border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 40%,transparent);background:#fff;border-radius:.5rem;color:var(--ds-primary, #5a5f67);cursor:pointer;line-height:1}.hod-shift-btn-excel .bi{font-size:1.05rem}.hod-shift-btn-excel:hover:not(:disabled){background:var(--ds-surface-container-low, #f2f4f4)}.hod-shift-btn-excel:disabled{opacity:.45;cursor:not-allowed}.hod-shift-excel-spin .bi{animation:hod-shift-excel-spin .75s linear infinite}@keyframes hod-shift-excel-spin{to{transform:rotate(360deg)}}.hod-shift-table-shell{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--ds-surface-container-lowest, #fff);border-radius:.75rem;border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 25%,transparent);box-shadow:0 10px 30px #2d34350f;overflow:hidden}.hod-shift-legend{margin-top:.25rem;padding:1rem 1.1rem 1.15rem;background:var(--ds-surface-container-lowest, #fff);border-radius:.75rem;border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 25%,transparent);box-shadow:0 4px 18px #2d34350a}.hod-shift-legend-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.65rem}.hod-shift-legend-head h2{margin:0;font-family:var(--ds-font-display, "Manrope", system-ui, sans-serif);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-on-surface-variant, #5a6061)}.hod-shift-legend-hint{margin:0;font-size:.625rem;font-weight:600;font-style:italic;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.hod-shift-legend-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.hod-shift-legend-chips li{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.6875rem;font-weight:600;background:var(--ds-surface-container-low, #f2f4f4);color:var(--ds-on-surface, #2d3435)}.hod-shift-legend-dot{width:.45rem;height:.45rem;border-radius:50%;flex-shrink:0}.hod-shift-legend-dot--d{background:var(--ds-primary, #5a5f67)}.hod-shift-legend-dot--n{background:var(--ds-primary-dim, #4e535b)}.hod-shift-legend-dot--off{background:var(--ds-surface-container-highest, #dde4e5);border:1px solid var(--ds-outline-variant, #adb3b4)}.hod-shift-legend-dot--l{background:var(--ds-error, #9f403d)}.hod-shift-legend-dot--co{background:var(--ds-secondary-fixed-dim, #d0d4de)}.hod-shift-legend-dot--pn{background:var(--ds-tertiary-fixed-dim, #e3e6e6)}.hod-shift-legend-dot--g{background:#fff;border:1px solid #cbd5e1}.hod-shift-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.65rem 1rem;margin-bottom:.5rem}.hod-shift-toolbar h1{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0 0 .15rem;letter-spacing:-.02em}.hod-shift-toolbar p{margin:0;color:#64748b;font-size:.82rem;line-height:1.35;max-width:52rem}.hod-shift-month-controls{display:flex;align-items:center;gap:.5rem}.hod-shift-month-controls label{font-size:.8rem;font-weight:600;color:#475569}.hod-shift-month-controls select{border:1px solid #cbd5e1;border-radius:.5rem;padding:.45rem .65rem;font-size:.875rem;background:#fff}.hod-shift-month-controls button{border:1px solid #cbd5e1;background:#fff;border-radius:.5rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;color:#334155;cursor:pointer}.hod-shift-month-controls button:hover{background:#f1f5f9}.hod-shift-banner{padding:.45rem .75rem;border-radius:.45rem;background:#fef3c7;color:#92400e;font-size:.8rem;line-height:1.35;margin-bottom:.5rem;border:1px solid #fcd34d}.hod-shift-banner--info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.hod-shift-zoombar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .85rem;margin-bottom:.45rem}.hod-shift-view-toggle{display:inline-flex;border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 45%,transparent);border-radius:.5rem;overflow:hidden;background:var(--ds-surface-container-lowest, #fff)}.hod-shift-view-toggle button{border:none;background:transparent;padding:.4rem .85rem;font-size:.78rem;font-weight:600;color:var(--ds-on-surface-variant, #5a6061);cursor:pointer}.hod-shift-view-toggle button+button{border-left:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 40%,transparent)}.hod-shift-view-toggle button.is-active{background:var(--ds-primary, #5a5f67);color:var(--ds-on-primary, #f5f7ff)}.hod-shift-week-chips{display:flex;flex-wrap:nowrap;gap:.35rem;align-items:center;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hod-shift-week-chips::-webkit-scrollbar{height:4px}.hod-shift-week-chips::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 55%,transparent);border-radius:999px}.hod-shift-week-chips button{border:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 45%,transparent);background:var(--ds-surface-container-lowest, #fff);border-radius:999px;padding:.3rem .75rem;font-size:.72rem;font-weight:600;color:var(--ds-on-surface-variant, #5a6061);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s ease,border-color .12s ease,color .12s ease}.hod-shift-week-chips button:hover{border-color:color-mix(in srgb,var(--ds-primary, #5a5f67) 28%,transparent);color:var(--ds-on-surface, #2d3435)}.hod-shift-week-chips button.is-active{background:color-mix(in srgb,var(--ds-primary, #5a5f67) 12%,#fff);border-color:color-mix(in srgb,var(--ds-primary, #5a5f67) 45%,transparent);color:var(--ds-primary-dim, #4e535b)}.hod-shift-heatmap{margin-bottom:.45rem;padding:.45rem .55rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fafafa}.hod-shift-heatmap-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.45rem}.hod-shift-heatmap-title{font-size:.8rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em}.hod-shift-heatmap-hint{font-size:.72rem;color:#64748b}.hod-shift-heatmap-grid{display:grid;grid-template-columns:minmax(4.25rem,5.25rem) minmax(0,1fr);gap:.2rem .35rem;align-items:stretch}.hod-shift-heatmap-corner{min-height:1.25rem}.hod-shift-heatmap-dow-row{display:flex;gap:3px;min-width:0}.hod-shift-heatmap-dow-row span{flex:1 1 0;min-width:0;text-align:center;font-size:.58rem;font-weight:700;color:#64748b;line-height:1.2}.hod-shift-heatmap-dow-row span.is-sun{color:#b91c1c}.hod-shift-heatmap-emp{display:flex;align-items:center;justify-content:flex-end;padding-right:.25rem;min-width:0}.hod-shift-heatmap-emp-no{font-size:.62rem;font-weight:700;color:#334155;font-variant-numeric:tabular-nums}.hod-shift-heatmap-cells{display:flex;gap:3px;min-width:0}.hod-shift-mini{flex:1 1 0;min-width:0;min-height:22px;border:none;border-radius:3px;padding:0;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.hod-shift-mini:hover{transform:scale(1.15);z-index:1;box-shadow:0 2px 6px #0000002e}.hod-shift-scroll{flex:1;min-height:0;min-width:0;width:100%;overflow:auto;border:none;border-radius:0;background:var(--ds-surface-container-lowest, #fff);box-shadow:none}.hod-shift-scroll--editorial{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.hod-shift-scroll--editorial::-webkit-scrollbar{height:8px;width:8px}.hod-shift-scroll--editorial::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.hod-shift-scroll--week{overflow-x:hidden}.hod-shift-table{--hod-staff-w: 14.5rem;--hod-shift-w: 3.1rem;--hod-thead-r1-sticky-top: 2.85rem;border-collapse:separate;border-spacing:0;font-size:.72rem;min-width:max-content}.hod-shift-table.hod-shift-table--month{--hod-staff-w: 11.25rem;--hod-shift-w: 2.65rem;font-size:.56rem}.hod-shift-table.hod-shift-table--month .hod-shift-identity-name{font-size:.72rem}.hod-shift-table.hod-shift-table--month .hod-shift-identity-sub,.hod-shift-table.hod-shift-table--month .hod-shift-identity-sub .hod-shift-identity-meta{font-size:.5rem}.hod-shift-table.hod-shift-table--month .hod-shift-avatar{width:1.65rem;height:1.65rem;font-size:.5rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-avatar{width:1.75rem;height:1.75rem;font-size:.54rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-identity-name{font-size:.78rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-identity-sub{font-size:.54rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-identity-sub .hod-shift-identity-meta,.hod-shift-table.hod-shift-table--stretch .hod-shift-attend-label,.hod-shift-table.hod-shift-table--stretch .shift-label{font-size:.5rem}.hod-shift-table.hod-shift-table--stretch{--hod-staff-w: 9.25rem;--hod-shift-w: 2.35rem;width:100%;max-width:100%;min-width:0;table-layout:fixed;font-size:.6rem}.hod-shift-table.hod-shift-table--stretch col.hod-shift-cg-staff{width:9.25rem}.hod-shift-table.hod-shift-table--stretch col.hod-shift-cg-shift{width:2.35rem}.hod-shift-table.hod-shift-table--stretch col.hod-shift-cg-day{width:auto}.hod-shift-table.hod-shift-table--stretch th,.hod-shift-table.hod-shift-table--stretch td,.hod-shift-table.hod-shift-table--month th,.hod-shift-table.hod-shift-table--month td{padding:.16rem .2rem}.hod-shift-table.hod-shift-table--month th,.hod-shift-table.hod-shift-table--month td{padding:.1rem .12rem}.hod-shift-table.hod-shift-table--stretch th,.hod-shift-table.hod-shift-table--stretch td{padding:.08rem .1rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-col-staff{min-width:0;max-width:none;width:var(--hod-staff-w);padding:.32rem .42rem}.hod-shift-table.hod-shift-table--month .hod-shift-col-staff{min-width:var(--hod-staff-w);max-width:var(--hod-staff-w);width:var(--hod-staff-w);padding:.28rem .4rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-col-shift{min-width:0;max-width:none;width:var(--hod-shift-w);font-size:.5rem;padding:.06rem}.hod-shift-table.hod-shift-table--month .hod-shift-col-shift{min-width:var(--hod-shift-w);max-width:var(--hod-shift-w);width:var(--hod-shift-w);font-size:.48rem;padding:.08rem .06rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-cell-btn,.hod-shift-table.hod-shift-table--month .hod-shift-cell-btn{width:100%;box-sizing:border-box;min-width:0;min-height:1.35rem;font-size:.58rem;padding:.08rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-cell-btn{min-height:1.38rem;padding:.05rem .08rem;font-size:.54rem;border-radius:.22rem}.hod-shift-table tbody tr.row-plan.hod-shift-emp-block-start>th,.hod-shift-table tbody tr.row-plan.hod-shift-emp-block-start>td{border-top:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 55%,transparent)}.hod-shift-table.hod-shift-table--month tbody tr.row-plan.hod-shift-emp-block-start>th,.hod-shift-table.hod-shift-table--month tbody tr.row-plan.hod-shift-emp-block-start>td,.hod-shift-table.hod-shift-table--stretch tbody tr.row-plan.hod-shift-emp-block-start>th,.hod-shift-table.hod-shift-table--stretch tbody tr.row-plan.hod-shift-emp-block-start>td{border-top:2px solid color-mix(in srgb,#64748b 28%,var(--ds-outline-variant, #adb3b4))}.hod-shift-table th,.hod-shift-table td{border-right:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 35%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 35%,transparent);padding:.28rem .35rem;text-align:center;vertical-align:middle;white-space:nowrap}.hod-shift-table.hod-shift-table--month th,.hod-shift-table.hod-shift-table--month td,.hod-shift-table.hod-shift-table--stretch th,.hod-shift-table.hod-shift-table--stretch td{border-right:2px solid color-mix(in srgb,#64748b 22%,var(--ds-outline-variant, #adb3b4));border-bottom:2px solid color-mix(in srgb,#64748b 22%,var(--ds-outline-variant, #adb3b4))}.hod-shift-table thead th{position:sticky;top:0;z-index:3;background:#f8fafc;font-weight:700;color:#334155}.hod-shift-table thead tr:first-child th{top:0;z-index:4}.hod-shift-table thead tr:nth-child(2) th{top:var(--hod-thead-r1-sticky-top, 2.85rem);z-index:3}.hod-shift-table thead tr:nth-child(2) .hod-shift-col-staff,.hod-shift-table thead tr:nth-child(2) .hod-shift-col-shift{z-index:9}.hod-shift-col-staff{position:sticky;left:0;z-index:6;min-width:var(--hod-staff-w);max-width:var(--hod-staff-w);width:var(--hod-staff-w);text-align:left;vertical-align:middle;background:var(--ds-surface-container-lowest, #fff);box-shadow:1px 0 #e2e8f0e6}.hod-shift-col-shift{position:sticky;left:var(--hod-staff-w);z-index:5;min-width:var(--hod-shift-w);max-width:var(--hod-shift-w);width:var(--hod-shift-w);background:var(--ds-surface-container-low, #f2f4f4);box-shadow:1px 0 #e2e8f0e6}.hod-shift-table thead .hod-shift-col-staff{z-index:8;background:var(--ds-surface-container-low, #f2f4f4);font-family:var(--ds-font-display, "Manrope", system-ui, sans-serif);font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-on-surface-variant, #5a6061);padding:.65rem .85rem}.hod-shift-table thead .hod-shift-col-shift{z-index:8;background:var(--ds-surface-container-low, #f2f4f4)}.hod-shift-shift-head-gap{padding:0!important;background:var(--ds-surface-container-low, #f2f4f4)!important}.hod-shift-staff-cell{padding:.4rem .5rem!important;font-weight:400;background:var(--ds-surface-container-lowest, #fff)!important}.hod-shift-table.hod-shift-table--stretch .hod-shift-staff-cell{padding:.26rem .38rem!important}.hod-shift-table.hod-shift-table--stretch thead .hod-shift-col-staff{padding:.48rem .55rem;font-size:.58rem}.hod-shift-staff-plan{vertical-align:middle}.hod-shift-staff-attend{padding:.2rem .5rem!important;vertical-align:middle;background:color-mix(in srgb,var(--ds-surface-container-low, #f2f4f4) 55%,#fff)!important}.hod-shift-table.hod-shift-table--stretch .hod-shift-staff-attend{padding:.14rem .32rem!important}.hod-shift-attend-label{display:block;font-size:.5625rem;font-weight:800;letter-spacing:.09em;line-height:1.05;text-transform:uppercase;color:color-mix(in srgb,var(--ds-primary, #5a5f67) 32%,var(--ds-on-surface-variant, #5a6061))}.hod-shift-table.hod-shift-table--month .hod-shift-attend-label{font-size:.5rem}.hod-shift-table tbody .hod-shift-col-shift.shift-label--vertical{writing-mode:horizontal-tb;text-orientation:mixed;font-size:.52rem!important;line-height:1.1!important;letter-spacing:.06em;text-transform:uppercase;font-weight:800;white-space:nowrap;padding:.3rem .06rem!important;overflow:visible;color:color-mix(in srgb,var(--ds-primary, #5a5f67) 28%,var(--ds-on-surface-variant, #5a6061))}.hod-shift-table.hod-shift-table--stretch tbody .hod-shift-col-shift.shift-label--vertical{font-size:.46rem!important;padding:.22rem .05rem!important}.hod-shift-table.hod-shift-table--month tbody .hod-shift-col-shift.shift-label--vertical{font-size:.42rem!important;padding:.18rem .04rem!important}.hod-shift-identity{display:flex;align-items:center;gap:.4rem;min-width:0}.hod-shift-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5625rem;font-weight:800;flex-shrink:0}.hod-shift-avatar--tone-1{background:var(--ds-primary-container, #dee3ec);color:var(--ds-on-primary-container, #4d525a)}.hod-shift-avatar--tone-2{background:var(--ds-secondary-container, #dee2ec);color:var(--ds-on-secondary-container, #4d525a)}.hod-shift-avatar--tone-3{background:var(--ds-tertiary-container, #f2f4f4);color:var(--ds-on-tertiary-container, #595c5d)}.hod-shift-avatar--tone-4{background:var(--ds-surface-container-high, #e4e9ea);color:var(--ds-on-surface, #2d3435)}.hod-shift-identity-text{min-width:0}.hod-shift-identity-name{font-size:.8125rem;font-weight:700;color:var(--ds-on-surface, #2d3435);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}.hod-shift-identity-line1{min-width:0;line-height:1.1}.hod-shift-identity-sub{display:flex;align-items:baseline;flex-wrap:nowrap;gap:0;min-width:0;margin-top:.1rem;font-size:.5625rem;font-weight:500;line-height:1.15;color:var(--ds-on-surface-variant, #5a6061)}.hod-shift-identity-sub .hod-shift-identity-role{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;font-weight:500;color:inherit}.hod-shift-identity-sep{flex-shrink:0;padding:0 .1rem;color:#94a3b8;font-weight:500;font-size:.65rem}.hod-shift-identity-sub .hod-shift-identity-meta{flex-shrink:0;font-size:.5625rem;font-weight:600;color:#94a3b8;font-variant-numeric:tabular-nums}.hod-shift-table tbody tr.row-plan>td,.hod-shift-table tbody tr.row-actual>td{vertical-align:top}.hod-shift-th-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 42%,var(--ds-surface-container-low, #f2f4f4))!important}.hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 28%,#fff)!important}.hod-shift-table tbody tr.row-actual .hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 22%,#fafafa)!important}.hod-shift-table .shift-label{min-width:var(--hod-shift-w);max-width:var(--hod-shift-w);width:var(--hod-shift-w);font-weight:700;font-size:.58rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-on-surface-variant, #5a6061);background:var(--ds-surface-container-low, #f2f4f4)}.hod-shift-table tbody tr.row-actual .shift-label,.hod-shift-table tbody tr.row-actual td:not(.hod-shift-col-staff){background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 18%,#fff)}.hod-shift-table tbody tr.row-actual .hod-shift-col-shift{background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 22%,var(--ds-surface-container-low, #f2f4f4))}.hod-shift-table tbody tr.row-actual .hod-shift-staff-attend{background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 12%,#fff)!important}.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--0>th,.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--0>td{background:#f1f5f9!important}.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--0>th,.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--0>td{background:color-mix(in srgb,#94a3b8 8%,#f1f5f9)!important}.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--1>th,.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--1>td{background:#fff!important}.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--1>th,.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--1>td{background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 16%,#fff)!important}.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--0>td.hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 40%,#e8edf3)!important}.hod-shift-table tbody tr.row-plan.hod-shift-emp-band--1>td.hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 28%,#fff)!important}.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--0>td.hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 32%,#eef2f7)!important}.hod-shift-table tbody tr.row-actual.hod-shift-emp-band--1>td.hod-shift-td-weekend{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 22%,#fafafa)!important}.hod-shift-legend-dot--p{background:#499450}.hod-shift-cell-btn{display:block;width:100%;min-width:1.85rem;min-height:1.65rem;border:none;border-radius:.25rem;font-size:.68rem;font-weight:700;cursor:pointer;padding:.15rem;transition:transform .12s ease,box-shadow .12s ease}.hod-shift-cell-btn:hover{transform:scale(1.04);box-shadow:0 2px 6px #0000001f}.hod-shift-cell-btn:focus-visible{outline:2px solid #5a5f67;outline-offset:1px}.hod-shift-cell-chip{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin-left:auto;margin-right:auto;border-radius:.35rem;font-size:.5625rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-cell-chip,.hod-shift-table.hod-shift-table--month .hod-shift-cell-chip{width:1.55rem;height:1.55rem;min-width:1.55rem;min-height:1.55rem;font-size:.5rem}.hod-shift-table.hod-shift-table--stretch .hod-shift-cell-chip{width:1.38rem;height:1.38rem;min-width:1.38rem;min-height:1.38rem;font-size:.46rem;border-radius:.26rem}.hod-shift-table.hod-shift-table--month .hod-shift-cell-chip{width:1.35rem;height:1.35rem;min-width:1.35rem;min-height:1.35rem;font-size:.45rem;border-radius:.28rem}.hod-shift-table tbody tr.row-actual .hod-shift-cell-chip--actual{box-shadow:inset 0 0 0 1px #2d34350f}.hod-shift-cell--plan-d{background:var(--ds-primary, #5a5f67);color:var(--ds-on-primary, #f5f7ff)}.hod-shift-cell--plan-n{background:var(--ds-primary-dim, #4e535b);color:var(--ds-on-primary, #f5f7ff)}.hod-shift-cell--plan-pd{background:#e4e9ea;color:#2d3435}.hod-shift-cell--plan-pn{background:#dce0e0;color:#2d3435}.hod-shift-cell--g{background:var(--ds-surface-container-lowest, #fff);color:var(--ds-on-surface, #2d3435);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ds-outline-variant, #adb3b4) 35%,transparent)}.hod-shift-cell--off{background:var(--ds-surface-container-highest, #dde4e5);color:var(--ds-on-surface-variant, #5a6061);font-weight:700}.hod-shift-cell--co{background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 70%,#fff);color:var(--ds-on-secondary-container, #4a5261);font-weight:700}.hod-shift-cell--plan-l{background:color-mix(in srgb,var(--ds-error, #9f403d) 14%,#fff5f4);color:#8b3835;font-weight:700}.hod-shift-cell--act-l{background:color-mix(in srgb,var(--ds-error, #9f403d) 10%,#fef8f7);color:#9f403d;font-weight:700}.hod-shift-cell--present{background:color-mix(in srgb,#22c55e 16%,#f0fdf4);color:#166534;font-weight:700;box-shadow:inset 0 0 0 1px color-mix(in srgb,#22c55e 22%,transparent)}.hod-shift-cell--absent{background:color-mix(in srgb,var(--ds-error, #9f403d) 12%,#fff1f0);color:#8b3835;font-weight:700}.hod-shift-cell--neutral{background:var(--ds-surface-container-low, #f2f4f4);color:var(--ds-on-surface-variant, #5a6061);font-weight:600}.hod-shift-cell--sun{background:color-mix(in srgb,var(--ds-error, #9f403d) 8%,#fff7f7);color:#6b4a4a}.hod-shift-table thead th.hod-shift-cell--sun{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 55%,#fff);color:var(--ds-on-surface-variant, #5a6061)}.hod-shift-cell-chip--actual.hod-shift-cell--plan-d{background:color-mix(in srgb,var(--ds-primary, #5a5f67) 26%,#fff);color:var(--ds-primary-dim, #4e535b)}.hod-shift-cell-chip--actual.hod-shift-cell--plan-n{background:color-mix(in srgb,var(--ds-primary-dim, #4e535b) 22%,#fff);color:var(--ds-primary-dim, #4e535b)}.hod-shift-cell-chip--actual.hod-shift-cell--plan-pd,.hod-shift-cell-chip--actual.hod-shift-cell--plan-pn{background:#f4f5f6;color:#6b7280}.hod-shift-cell-chip--actual.hod-shift-cell--off{background:color-mix(in srgb,var(--ds-surface-container-highest, #dde4e5) 45%,#fff);color:#8b9394}.hod-shift-cell-chip--actual.hod-shift-cell--g{background:#fafafa;color:#7a8283;box-shadow:inset 0 0 0 1px #2d34350d}.hod-shift-cell-chip--actual.hod-shift-cell--co{background:color-mix(in srgb,var(--ds-secondary-fixed-dim, #cdd4e7) 35%,#fff);color:#6b7280}.hod-shift-cell-chip--actual.hod-shift-cell--plan-l,.hod-shift-cell-chip--actual.hod-shift-cell--act-l{background:color-mix(in srgb,var(--ds-error, #9f403d) 8%,#fff);color:#b45350}.hod-shift-table tbody tr.row-actual .hod-shift-cell-chip--actual.hod-shift-cell--present{background:color-mix(in srgb,#22c55e 10%,#f7fef9);color:#15803d;box-shadow:inset 0 0 0 1px color-mix(in srgb,#22c55e 14%,transparent)}.hod-shift-cell-chip--actual.hod-shift-cell--absent{background:color-mix(in srgb,var(--ds-error, #9f403d) 8%,#fff);color:#b45350}.hod-shift-cell-chip--actual.hod-shift-cell--neutral{background:#f4f5f5;color:#8b9394}.hod-shift-cell-chip--actual.hod-shift-cell--sun{background:#faf8f8;color:#9ca3a3}.hod-shift-loading{padding:3rem;text-align:center;color:#64748b}.hod-shift-modal-backdrop{position:fixed;inset:0;background:#0f172a73;z-index:12000;display:flex;align-items:center;justify-content:center;padding:1rem}.hod-shift-modal{background:#fff;border-radius:.85rem;max-width:420px;width:100%;box-shadow:0 20px 50px #0003;padding:1.35rem 1.5rem}.hod-shift-modal h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:800;color:#0f172a}.hod-shift-modal .meta{font-size:.85rem;color:#64748b;margin-bottom:1.1rem}.hod-shift-modal label{display:block;font-size:.8rem;font-weight:600;color:#334155;margin-bottom:.35rem}.hod-shift-modal select,.hod-shift-modal textarea{width:100%;border:1px solid #cbd5e1;border-radius:.5rem;padding:.5rem .65rem;font-size:.9rem;margin-bottom:1rem;font-family:inherit}.hod-shift-modal textarea{min-height:72px;resize:vertical}.hod-shift-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.hod-shift-modal-actions button{border-radius:.5rem;padding:.5rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;border:none}.hod-shift-modal-actions .btn-cancel{background:#f1f5f9;color:#475569}.hod-shift-modal-actions .btn-submit{background:#5a5f67;color:#fff}.hod-shift-modal-actions .btn-submit:disabled{opacity:.6;cursor:not-allowed}.hod-shift-page .main-content .hod-shift-table th,.hod-shift-page .main-content .hod-shift-table td{padding:.28rem .35rem}@media(max-width:992px){.hod-shift-page .main-content,.hod-shift-page .main-content.collapsed{margin-left:0}.hod-shift-canvas{padding:.75rem 1rem 1rem}}.ess-page-container{display:flex;min-height:100vh;width:100%}.ess-page-inner{padding:1.25rem 1.5rem 2rem;max-width:960px}.ess-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #0000000a}.ess-card h2{font-size:1.125rem;margin:0 0 .75rem;font-weight:600}.ess-phase-badge{display:inline-block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:1rem}.ess-page-inner:has(.ess-pdf-page){max-width:none;padding-left:1rem;padding-right:1rem;padding-bottom:.75rem}.ess-page-container:has(.payslip-full-page)>.main-content{display:flex;flex-direction:column;min-height:0}.ess-page-container:has(.payslip-full-page) .ess-page-inner{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:.5rem}.ess-pdf-page{width:100%}.ess-pdf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.ess-pdf-toolbar h2{margin:0}.ess-pdf-frame{width:100%;min-height:min(75vh,900px);height:calc(100vh - 12rem);border:1px solid #e5e7eb;border-radius:.5rem;background:#f3f4f6}.ess-coming-soon-card{display:flex;flex-direction:column;min-height:min(60vh,520px);justify-content:center;align-items:center;text-align:center}.ess-coming-soon-card h2{margin-bottom:1rem}.ess-coming-soon{margin:0;font-size:1.25rem;font-weight:600;color:#6b7280;letter-spacing:.02em}.payslip-page{max-width:56rem;margin:0 auto}.payslip-page.ess-pdf-page{max-width:none;margin:0;width:100%}.payslip-full-page{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.payslip-full-page__toolbar.payslip-toolbar-card{margin-bottom:.35rem;padding:.4rem .65rem;flex-shrink:0}.payslip-full-page__toolbar-row{align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:nowrap}.payslip-full-page__meta-col{flex:1 1 auto;min-width:0}.payslip-full-page__meta-inline{margin:0;font-size:.72rem;line-height:1.35;color:#5a6061;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payslip-full-page__meta-inline strong{color:#2d3435;font-weight:700}.payslip-full-page__loading-inline{font-size:.72rem;font-weight:600;color:#7a8082}.payslip-full-page__filter-group{flex-shrink:0;gap:.45rem}.payslip-full-page__filter-group .payslip-period-label{font-size:.72rem}.payslip-full-page__filter-group .payslip-period-select{min-width:11rem;height:2rem;padding:0 .55rem;font-size:.78rem}.payslip-full-page__frame-wrap{flex:1 1 auto;min-height:min(82dvh,980px);width:100%;display:flex;flex-direction:column;background:#fff;border-radius:.5rem;overflow:hidden;border:1px solid #e8eaed;box-shadow:none}.payslip-full-page__iframe{flex:1 1 auto;min-height:0;width:100%;height:100%;border:none;background:#fff}.payslip-info-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem 1rem;margin-bottom:1rem;font-size:.8125rem;font-weight:600;color:#5a6061;background:color-mix(in srgb,var(--ds-primary, #5a5f67) 8%,#f2f4f4);border:1px solid color-mix(in srgb,var(--ds-ghost-border, #dde4e5) 90%,transparent);border-radius:.75rem;line-height:1.45}.payslip-toolbar-card{margin-bottom:1rem;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #2d34350f}.payslip-toolbar-inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem}.payslip-period-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-width:0}.payslip-hr-employee{flex-direction:column;align-items:stretch;min-width:12rem;max-width:18rem}.payslip-employee-input{width:100%;height:2.5rem;padding:0 .75rem;font-size:.875rem;color:#2d3435;background:#fafbfb;border:1px solid #d1d5db;border-radius:.5rem}.payslip-employee-input:focus{outline:none;border-color:var(--ds-primary, #5a5f67);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary, #5a5f67) 18%,transparent)}.payslip-field-hint{margin:0;font-size:.6875rem;font-weight:500;color:#7a8082;line-height:1.35}.payslip-period-label{margin:0;font-size:.875rem;font-weight:600;color:#2d3435;letter-spacing:-.01em;white-space:nowrap}.payslip-period-select{min-width:12rem;max-width:100%;height:2.5rem;padding:0 .75rem;font-size:.875rem;color:#2d3435;background:#fafbfb;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.payslip-period-select:hover{border-color:#9ca3af}.payslip-period-select:focus{outline:none;border-color:var(--ds-primary, #5a5f67);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary, #5a5f67) 18%,transparent)}.payslip-actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem}.payslip-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:0 1rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:1px solid #e1e2df;background:#fff;color:#2d3435;cursor:pointer;transition:background .15s ease,border-color .15s ease}.payslip-btn:disabled{opacity:.5;cursor:not-allowed}.payslip-btn-icon{font-size:1.125rem;line-height:1}.payslip-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.payslip-btn--primary{background:var(--ds-primary, #5a5f67);border-color:var(--ds-primary, #5a5f67);color:#fff}.payslip-btn--primary:hover:not(:disabled){filter:brightness(1.05);background:var(--ds-primary, #5a5f67)}.payslip-meta-line{margin:0 0 .75rem;font-size:.8125rem;color:#5a6061}.payslip-meta-line strong{color:#2d3435;font-weight:700}.payslip-status{padding:.75rem 0;font-size:.875rem;color:#5a6061}.payslip-error{padding:.75rem 1rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.payslip-missing{padding:1rem 1.25rem;margin-bottom:1rem;font-size:.875rem;color:#3d4244;background:#fafbfb;border:1px solid #e5e7eb;border-radius:.75rem}.payslip-missing-detail{margin:.5rem 0 0;font-size:.8125rem;color:#5a6061}.payslip-missing code{font-size:.8125rem;padding:.1rem .35rem;background:#f3f4f6;border-radius:.25rem}@media(max-width:540px){.payslip-full-page__toolbar-row{flex-wrap:wrap;align-items:flex-start}.payslip-full-page__actions.payslip-actions{width:100%;justify-content:flex-end}.payslip-toolbar-inner,.payslip-period-group{flex-direction:column;align-items:stretch}.payslip-hr-employee{max-width:none}.payslip-period-select{min-width:0;width:100%}.payslip-actions{display:grid;grid-template-columns:1fr;width:100%}}@media print{.payslip-info-banner,.payslip-toolbar-card,.payslip-meta-line,.payslip-status,.payslip-error,.payslip-missing{display:none!important}.payslip-full-page__frame-wrap{border:none;box-shadow:none;min-height:100vh}.payslip-full-page__iframe{min-height:100vh;height:100vh}}.mediclaim-page{width:100%}.mediclaim-intro{margin-bottom:1.5rem}.mediclaim-intro h2{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}.mediclaim-intro p{margin:0;font-size:.9rem;color:#64748b;max-width:52rem;line-height:1.5}.mediclaim-req{color:#b91c1c;font-weight:700}.mediclaim-required-hint{margin:0 0 .75rem;font-size:.78rem;color:#64748b;line-height:1.4}.mediclaim-list-card{max-width:48rem}.mediclaim-layout{display:flex;flex-direction:column;gap:1.25rem;width:100%;min-width:0}.mediclaim-files-section{width:100%;max-width:48rem}.mediclaim-nominees-section{width:100%;min-width:0}.mediclaim-nominees-actions-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.35rem}.mediclaim-nominees-section .mediclaim-list-card{max-width:none;width:100%}.mediclaim-panel--nominees-full .mediclaim-panel-head{justify-content:flex-start}.mediclaim-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.65rem;overflow:hidden;box-shadow:0 1px 3px #0000000f}.mediclaim-panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.mediclaim-panel-head h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.mediclaim-panel-head h3 i{color:#5a5f67;font-size:1.15rem}.mediclaim-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;border-radius:.45rem;text-decoration:none;border:none;cursor:pointer;font-family:inherit}.mediclaim-btn--primary{background:#5a5f67;color:#fff}.mediclaim-btn--primary:hover{filter:brightness(1.06)}.mediclaim-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.mediclaim-pptx-body{padding:1.1rem 1rem 1.25rem}.mediclaim-pptx-body p{margin:0 0 1rem;font-size:.875rem;color:#64748b;line-height:1.55}.mediclaim-files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.mediclaim-file-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.55rem;padding:.45rem .55rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fafbfc}.mediclaim-file-row .mediclaim-btn{flex-shrink:0}.mediclaim-file-name{min-width:0;font-size:.8rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mediclaim-file-meta{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.12rem}.mediclaim-file-size{font-size:.72rem;color:#64748b}.mediclaim-panel--files,.mediclaim-panel--nominees{max-width:none}.mediclaim-text-danger{color:#b91c1c}.mediclaim-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.mediclaim-nominees-table{width:100%;min-width:0;border-collapse:collapse;font-size:.8125rem}.mediclaim-nominees-table th:last-child,.mediclaim-nominees-table td:last-child{text-align:right;width:1%;white-space:nowrap}.mediclaim-nominees-table th,.mediclaim-nominees-table td{text-align:left;padding:.5rem .45rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.mediclaim-nominees-table th{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}.mediclaim-nominees-table tbody tr:hover{background:#fafbfc}.mediclaim-nominee-notes{font-weight:400;color:#64748b;font-size:.75rem}.mediclaim-badge{display:inline-block;padding:.12rem .45rem;border-radius:999px;font-size:.68rem;font-weight:600;background:#e2e8f0;color:#475569}.mediclaim-badge--edf{background:#e0f2fe;color:#0369a1}.mediclaim-attach-actions{display:flex;flex-wrap:wrap;gap:.35rem .5rem}.mediclaim-linkish{border:none;background:none;padding:0;font-size:.75rem;font-weight:600;color:#5a5f67;text-decoration:underline;cursor:pointer;font-family:inherit}.mediclaim-linkish:disabled{opacity:.5;cursor:not-allowed}.mediclaim-nominee-actions{white-space:nowrap;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.mediclaim-btn--ghost{background:#fff;color:#334155;border:1px solid #e2e8f0}.mediclaim-btn--ghost:hover{background:#f8fafc}.mediclaim-btn--danger{background:#fff;color:#b91c1c;border:1px solid #fecaca}.mediclaim-btn--danger:hover{background:#fef2f2}.mediclaim-modal-backdrop{position:fixed;inset:0;z-index:1050;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem}.mediclaim-modal{width:min(32rem,100%);max-height:min(90vh,40rem);overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:.65rem;border:1px solid #e5e7eb;box-shadow:0 20px 50px #0000002e}.mediclaim-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.mediclaim-modal-head h2{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}.mediclaim-modal-close{border:none;background:transparent;font-size:1.5rem;line-height:1;color:#64748b;cursor:pointer;padding:.15rem .35rem;border-radius:.35rem}.mediclaim-modal-close:hover{background:#e2e8f0;color:#0f172a}.mediclaim-modal-body{padding:1rem;overflow-y:auto}.mediclaim-modal-foot{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb;background:#fafbfc}.mediclaim-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .85rem}.mediclaim-field--full{grid-column:1 / -1}.mediclaim-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.mediclaim-field>span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.mediclaim-field input,.mediclaim-field select,.mediclaim-field textarea{font:inherit;font-size:.875rem;padding:.45rem .55rem;border:1px solid #e2e8f0;border-radius:.45rem;color:#0f172a;background:#fff}.mediclaim-field textarea{resize:vertical;min-height:3rem}.mediclaim-check{flex-direction:row;align-items:center;gap:.5rem}.mediclaim-check input{width:auto}.mediclaim-check span{font-size:.8125rem;font-weight:500;color:#334155;text-transform:none;letter-spacing:normal}@media(max-width:720px){.mediclaim-form-grid{grid-template-columns:1fr}.mediclaim-nominees-table thead{display:none}.mediclaim-nominees-table tr{display:block;padding:.65rem 0;border-bottom:1px solid #e5e7eb}.mediclaim-nominees-table td{display:flex;justify-content:space-between;gap:.5rem;border:none;padding:.25rem 0}.mediclaim-nominees-table td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.7rem;text-transform:uppercase;flex-shrink:0}.mediclaim-nominee-actions{justify-content:flex-start}.mediclaim-nominees-table td.mediclaim-nominee-actions:before{display:none}}.ess-emergency-intro{color:#6b7280;font-size:.875rem;margin-bottom:1.25rem;max-width:42rem}.ess-emergency-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.ess-emergency-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.ess-emergency-card{background:linear-gradient(145deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:.75rem;padding:1.35rem 1.35rem 1.25rem;box-shadow:0 1px 2px #0f172a0f,0 4px 12px #0f172a0a;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease}.ess-emergency-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0f172a14,0 8px 20px #0f172a0f}.ess-emergency-card--internal{border-top:3px solid #2563eb}.ess-emergency-card--external{border-top:3px solid #dc2626}.ess-emergency-card__head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid #f3f4f6}.ess-emergency-card__icon{width:2.5rem;height:2.5rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.ess-emergency-card--internal .ess-emergency-card__icon{background:#eff6ff;color:#1d4ed8}.ess-emergency-card--external .ess-emergency-card__icon{background:#fef2f2;color:#b91c1c}.ess-emergency-card__title{margin:0;font-size:1.05rem;font-weight:600;color:#111827;line-height:1.3}.ess-emergency-card__subtitle{margin:.2rem 0 0;font-size:.8rem;color:#6b7280;font-weight:400}.ess-emergency-card__list{list-style:none;margin:0;padding:0;flex:1}.ess-emergency-card__item{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem 0;border-bottom:1px solid #f3f4f6}.ess-emergency-card__item-body{flex:1;min-width:0}.ess-emergency-card__item:last-child{border-bottom:0;padding-bottom:0}.ess-emergency-card__item:first-child{padding-top:0}.ess-emergency-card__item-label{font-size:.8rem;font-weight:600;color:#374151;min-width:0}.ess-emergency-card__item-meta{font-size:.8rem;color:#6b7280;margin-top:.15rem}.ess-emergency-card__item-phone{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem;color:#111827;white-space:nowrap}.ess-emergency-card__item-phone--link{text-decoration:none;color:#1d4ed8}.ess-emergency-card__item-phone--link:hover{text-decoration:underline}.ess-emergency-card--external .ess-emergency-card__item-phone--link{color:#b91c1c}.ess-emergency-site-status{margin:0 0 .75rem;font-size:.85rem;color:#6b7280}.ess-emergency-site-error{margin:0 0 .75rem;padding:.5rem .65rem;font-size:.8rem;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem}.ess-emergency-site-empty{margin:0 0 .85rem;font-size:.85rem;color:#6b7280}.ess-emergency-card__item--has-actions{flex-wrap:wrap}.ess-site-contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;width:100%;margin-top:.35rem;padding-top:.35rem;border-top:1px dashed #e5e7eb}.ess-site-admin-form{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.ess-site-admin-form__title{margin:0 0 .65rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.ess-site-admin-form__grid{display:grid;grid-template-columns:1fr;gap:.55rem .65rem}@media(min-width:480px){.ess-site-admin-form__grid{grid-template-columns:1fr 1fr}.ess-site-field--span{grid-column:1 / -1}}.ess-site-field{display:flex;flex-direction:column;gap:.25rem}.ess-site-field__label{font-size:.75rem;font-weight:500;color:#4b5563}.ess-site-field__input{border:1px solid #d1d5db;border-radius:.45rem;padding:.45rem .55rem;font-size:.875rem;color:#111827;background:#fff}.ess-site-field__input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.ess-site-admin-form__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;margin-top:.75rem}.ess-site-btn{font-size:.8rem;font-weight:600;padding:.4rem .75rem;border-radius:.45rem;border:1px solid transparent;cursor:pointer;line-height:1.25}.ess-site-btn:disabled{opacity:.6;cursor:not-allowed}.ess-site-btn--primary{background:#2563eb;border-color:#1d4ed8;color:#fff}.ess-site-btn--primary:hover:not(:disabled){background:#1d4ed8}.ess-site-btn--ghost{background:#fff;border-color:#d1d5db;color:#374151}.ess-site-btn--ghost:hover:not(:disabled){background:#f9fafb}.ess-site-btn--danger{background:#fff;border-color:#fecaca;color:#b91c1c}.ess-site-btn--danger:hover:not(:disabled){background:#fef2f2}.ref-prog-page{max-width:1200px;margin:0 auto;padding:.25rem 0 2.5rem;font-family:Inter,system-ui,sans-serif;color:#181c22;background:#f7f7f6;border-radius:.75rem}.ref-prog-page .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.ref-prog-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ref-prog-search-wrap{position:relative;flex:1;min-width:200px;max-width:420px}.ref-prog-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#717785;pointer-events:none}.ref-prog-search-input{width:100%;border:none;border-radius:.5rem;background:#e0e2ec;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;color:#181c22}.ref-prog-search-input:focus{outline:none;box-shadow:0 0 0 1px #5a5f67;background:#fff}.ref-prog-submit-header{border:none;color:#fff;font-weight:700;font-size:.875rem;padding:.5rem 1.25rem;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 14px #5a5f6740;white-space:nowrap}.ref-prog-submit-header:hover{filter:brightness(1.06)}.ref-prog-section-head{margin-bottom:1.5rem}.ref-prog-h1{font-family:Manrope,Inter,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .35rem}.ref-prog-lead{margin:0;font-size:.875rem;font-weight:500;color:#414753}.ref-prog-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e0e2ec;margin-bottom:1.5rem}.ref-prog-tab{border:none;background:transparent;padding:.65rem 1rem;font-size:.875rem;font-weight:600;color:#414753;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.ref-prog-tab.active{color:#5a5f67;border-bottom-color:#5a5f67}.ref-prog-alert{background:#ffdad6;color:#93000a;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.ref-prog-panel{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #181c2214;overflow:hidden;margin-bottom:1.5rem}.ref-prog-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #ecedf7}.ref-prog-filters-glass{background:#f9f9ffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ref-prog-filters-left{display:flex;align-items:center;gap:1rem;flex:1;flex-wrap:wrap}.ref-prog-filters-left-wrap{flex:1 1 auto}.ref-prog-filters-right{display:flex;align-items:center;gap:.25rem}.ref-prog-select-wrap{position:relative}.ref-prog-select{appearance:none;background:#f2f3fd;border:none;border-radius:.5rem;padding:.5rem 2.25rem .5rem 1rem;font-size:.875rem;font-weight:600;color:#181c22;cursor:pointer;min-width:10rem}.ref-prog-select:focus{outline:none;box-shadow:0 0 0 1px #5a5f67}.ref-prog-select-chevron{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#717785;pointer-events:none}.ref-prog-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ref-prog-toggle-label{font-size:.875rem;font-weight:700;color:#414753}.ref-prog-switch{position:relative;display:inline-block;width:2.75rem;height:1.5rem}.ref-prog-switch input{opacity:0;width:0;height:0}.ref-prog-switch-slider{position:absolute;inset:0;background:#e0e2ec;border-radius:999px;transition:background .2s;cursor:pointer}.ref-prog-switch-slider:after{content:"";position:absolute;width:1.25rem;height:1.25rem;left:2px;top:2px;background:#fff;border:1px solid #c1c6d5;border-radius:50%;transition:transform .2s}.ref-prog-switch input:checked+.ref-prog-switch-slider{background:#5a5f67}.ref-prog-switch input:checked+.ref-prog-switch-slider:after{transform:translate(1.2rem);border-color:#fff}.ref-prog-switch input:focus-visible+.ref-prog-switch-slider{box-shadow:0 0 0 2px #5a5f6759}.ref-prog-icon-btn{border:none;background:transparent;padding:.5rem;border-radius:.5rem;color:#414753;cursor:pointer;line-height:1}.ref-prog-icon-btn:hover:not(:disabled){background:#ecedf7}.ref-prog-icon-btn:disabled{opacity:.45;cursor:not-allowed}.ref-prog-table-scroll{overflow-x:auto}.ref-prog-loading{padding:2rem 1.5rem;margin:0;color:#414753;font-size:.875rem}.ref-prog-table{width:100%;border-collapse:collapse;text-align:left}.ref-prog-th{padding:1.15rem .75rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#414753;background:#f2f3fda6;white-space:nowrap}.ref-prog-th-padl{padding-left:2rem}.ref-prog-th-actions,.ref-prog-th-right{text-align:right;padding-right:2rem}.ref-prog-td{padding:1.25rem .75rem;vertical-align:middle;font-size:.875rem}.ref-prog-td-padl{padding-left:2rem}.ref-prog-td-right,.ref-prog-td-actions{text-align:right;padding-right:2rem}.ref-prog-td-empty{padding:2.5rem 1.5rem;text-align:center;color:#414753;font-size:.875rem}.ref-prog-td-muted{color:#414753;font-weight:500}.ref-prog-tr:hover{background:#f2f3fd59}.ref-prog-tr-alt{background:#f2f3fd33}.ref-prog-strong{font-weight:700;color:#181c22}.ref-prog-strong-sm{font-size:.875rem}.ref-prog-subtle{font-size:.75rem;color:#414753;margin-top:.125rem}.ref-prog-dept-cell{display:block;max-width:320px;line-height:1.4;color:#181c22}.ref-prog-th-window,.ref-prog-td-window{width:140px;max-width:140px}.ref-prog-td-window{font-size:.8125rem}.ref-prog-pill{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ref-prog-pill-job-open{background:#dcfce7;color:#15803d}.ref-prog-pill-job-closed{background:#e2e8f0;color:#475569}.ref-prog-pill-window{font-weight:700;text-transform:none;letter-spacing:.02em;font-size:.6875rem}.ref-prog-pill-win-active{background:#5a5f671f;color:#5a5f67}.ref-prog-pill-win-scheduled{background:#ffedd5;color:#c2410c}.ref-prog-pill-win-ended,.ref-prog-pill-win-inactive{background:#e2e8f0;color:#475569}.ref-prog-btn-table-primary{border:none;color:#fff;font-weight:700;font-size:.75rem;padding:.45rem .9rem;border-radius:.5rem;cursor:pointer;box-shadow:0 1px 4px #5a5f6733}.ref-prog-btn-table-primary:hover{filter:brightness(1.06)}.ref-prog-table-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #ecedf7}.ref-prog-footer-meta{font-size:.75rem;font-weight:700;color:#414753}.ref-prog-pagination{display:flex;align-items:center;gap:.5rem}.ref-prog-page-btn{border:none;background:transparent;padding:.35rem;border-radius:.5rem;cursor:pointer;color:#181c22;display:flex;align-items:center;justify-content:center}.ref-prog-page-btn:hover:not(:disabled){background:#ecedf7}.ref-prog-page-btn:disabled{opacity:.35;cursor:not-allowed}.ref-prog-page-num{min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:#5a5f67;color:#fff;font-size:.75rem;font-weight:800}.ref-prog-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}@media(max-width:992px){.ref-prog-bento{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.ref-prog-bento{grid-template-columns:1fr}}.ref-prog-bento-card{background:#fff;padding:1.25rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 3px #181c2214;transition:box-shadow .2s}.ref-prog-bento-card:hover{box-shadow:0 4px 12px #181c221a}.ref-prog-bento-card-ring{box-shadow:0 1px 3px #181c2214,0 0 0 2px #5a5f6714}.ref-prog-bento-card-ring-blue{box-shadow:0 1px 3px #181c2214,0 0 0 2px #2563eb14}.ref-prog-bento-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.ref-prog-bento-icon{width:2.25rem;height:2.25rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.ref-prog-bento-icon-blue{background:#eff6ff;color:#2563eb}.ref-prog-bento-icon-orange{background:#fff7ed;color:#ea580c}.ref-prog-bento-icon-red{background:#fef2f2;color:#5a5f67}.ref-prog-bento-icon-pay{background:#eff6ff;color:#1d4ed8}.ref-prog-bento-label{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#414753;margin:0 0 .25rem}.ref-prog-bento-value{font-family:Manrope,Inter,sans-serif;font-size:1.75rem;font-weight:800;margin:0;line-height:1.1}.ref-prog-bento-value-accent{color:#5a5f67}.ref-prog-bento-value-blue{color:#1d4ed8}.ref-prog-cand{display:flex;align-items:center;gap:.75rem}.ref-prog-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.ref-prog-avatar-0{background:#dbeafe;color:#1d4ed8}.ref-prog-avatar-1{background:#f3e8ff;color:#7c3aed}.ref-prog-avatar-2{background:#ffedd5;color:#c2410c}.ref-prog-avatar-3{background:#e2e8f0;color:#475569}.ref-prog-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:700;width:fit-content}.ref-prog-status-selected{background:#5a5f671f;border:1px solid rgba(90,95,103,.24);color:#5a5f67}.ref-prog-status-neutral{background:#f1f5f9;color:#475569}.ref-prog-status-confirmed{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.ref-prog-status-rejected{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.ref-prog-dot{width:6px;height:6px;border-radius:50%;background:#5a5f67}.ref-prog-dot-slate{background:#94a3b8}.ref-prog-dot-green{background:#22c55e}.ref-prog-dot-red{background:#f87171}.ref-prog-reward{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:.5rem;font-size:.75rem;font-weight:700;width:fit-content}.ref-prog-reward-eligible{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.ref-prog-reward-pending{background:#f1f5f9;color:#64748b}.ref-prog-reward-paid{background:#22c55e;color:#fff;box-shadow:0 1px 3px #22c55e59}.ref-prog-reward-na{background:#f8fafc;color:#94a3b8;opacity:.85}.ref-prog-reward-icon{font-size:1rem}.ref-prog-row-actions{display:flex;justify-content:flex-end;gap:.35rem;opacity:0;transition:opacity .15s ease}.ref-prog-tr-group:hover .ref-prog-row-actions{opacity:1}@media(hover:none){.ref-prog-row-actions{opacity:1}}.ref-prog-btn-ghost{border:none;background:transparent;font-size:.75rem;font-weight:700;color:#181c22;padding:.35rem .65rem;border-radius:.5rem;cursor:pointer}.ref-prog-btn-ghost:hover{background:#ecedf7}.ref-prog-btn-row-primary{border:none;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .65rem;border-radius:.5rem;cursor:pointer;box-shadow:0 1px 3px #5a5f6740}.ref-prog-btn-row-primary:hover{filter:brightness(1.06)}.ref-prog-promo-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;margin-top:.5rem}@media(max-width:900px){.ref-prog-promo-grid{grid-template-columns:1fr}}.ref-prog-promo-dark{position:relative;background:#0f172a;border-radius:.5rem;padding:2rem;overflow:hidden;min-height:200px}.ref-prog-promo-tag{display:inline-block;color:#fff;font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:.25rem;margin-bottom:.75rem}.ref-prog-promo-h3{font-family:Manrope,Inter,sans-serif;font-size:1.375rem;font-weight:800;color:#fff;margin:0 0 .5rem;position:relative;z-index:1}.ref-prog-promo-copy{font-size:.875rem;color:#94a3b8;margin:0 0 1.25rem;max-width:28rem;line-height:1.5;position:relative;z-index:1}.ref-prog-promo-link{border:none;background:none;display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:700;cursor:pointer;padding:0;position:relative;z-index:1}.ref-prog-promo-link:hover{transform:translate(2px)}.ref-prog-promo-deco{position:absolute;right:1.5rem;bottom:1rem;font-size:5rem;color:#fff;opacity:.12;pointer-events:none}.ref-prog-promo-dashed{border:2px dashed rgba(193,198,213,.55);border-radius:.5rem;background:#e0e2ec40;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.ref-prog-promo-circle{width:4rem;height:4rem;border-radius:50%;background:#fff;box-shadow:0 2px 8px #181c2214;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.ref-prog-promo-plus{font-size:1.75rem}.ref-prog-promo-h4{font-size:1rem;font-weight:700;margin:0 0 .35rem}.ref-prog-promo-small{font-size:.75rem;color:#414753;margin:0 0 1rem;max-width:14rem}.ref-prog-promo-outline{border:1px solid rgba(193,198,213,.8);background:#fff;font-size:.75rem;font-weight:700;padding:.45rem 1rem;border-radius:.5rem;cursor:pointer}.ref-prog-promo-outline:hover{box-shadow:0 2px 8px #181c220f}.ref-cand-page{font-family:Inter,system-ui,sans-serif;color:#181c22;padding-bottom:2rem}.ref-cand-inner{max-width:720px;margin:0 auto}.ref-cand-h1{font-family:Manrope,Inter,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem}.ref-cand-context{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 1.5rem;background:#f2f3fd;border-radius:.5rem;margin-bottom:2rem}@media(max-width:600px){.ref-cand-context{grid-template-columns:1fr}}.ref-cand-k{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#414753;margin:0 0 .25rem}.ref-cand-v{font-size:1.0625rem;font-weight:600;margin:0}.ref-cand-form{display:flex;flex-direction:column;gap:2.5rem}.ref-cand-section-head{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.ref-cand-bar{width:4px;height:1.5rem;background:#5a5f67;border-radius:999px}.ref-cand-h2{font-family:Manrope,Inter,sans-serif;font-size:1.125rem;font-weight:700;margin:0}.ref-cand-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}.ref-cand-span2{grid-column:1 / -1}@media(max-width:700px){.ref-cand-grid2{grid-template-columns:1fr}.ref-cand-span2{grid-column:1}}.ref-cand-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.ref-cand-grid3{grid-template-columns:1fr}}.ref-cand-field label{display:block;font-size:.875rem;font-weight:500;color:#414753;margin-bottom:.35rem}.ref-cand-required{color:#ba1a1a;font-weight:700}.ref-cand-input{width:100%;padding:.75rem 1rem;border:none;border-radius:.5rem;background:#e0e2ec;font-size:.9375rem;color:#181c22;box-sizing:border-box}.ref-cand-input:focus{outline:none;box-shadow:0 0 0 1px #5a5f67;background:#fff}.ref-cand-input-error{box-shadow:0 0 0 1px #ba1a1a;background:#fff}.ref-cand-error{margin:.35rem 0 0;font-size:.75rem;color:#ba1a1a;line-height:1.4}.ref-cand-phone-row{display:flex;gap:.5rem}.ref-cand-dial{flex:0 0 7.5rem;max-width:40%}.ref-cand-phone{flex:1}.ref-cand-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem;border:2px dashed #c1c6d5;border-radius:.75rem;background:#fff;cursor:pointer;transition:border-color .2s}.ref-cand-drop:hover{border-color:#5a5f6773}.ref-cand-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ref-cand-upload-icon{font-size:2.25rem;color:#5a5f67;margin-bottom:.75rem}.ref-cand-drop-title{font-weight:600;font-size:1rem;margin-bottom:.25rem}.ref-cand-drop-hint{font-size:.8125rem;color:#414753}.ref-cand-file-name{margin-top:.75rem;font-size:.8125rem;font-weight:600;color:#405882}.ref-cand-consent{display:flex;gap:.75rem;align-items:flex-start}.ref-cand-check{margin-top:.2rem;accent-color:#5a5f67}.ref-cand-consent-label{font-size:.875rem;color:#414753;line-height:1.5;cursor:pointer}.ref-cand-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(193,198,213,.5)}.ref-cand-btn-secondary{border:none;background:transparent;color:#414753;font-weight:700;font-size:.875rem;padding:.65rem 1.25rem;border-radius:.5rem;cursor:pointer}.ref-cand-btn-secondary:hover:not(:disabled){background:#e6e8f1}.ref-cand-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.ref-cand-btn-primary{border:none;color:#fff;font-weight:700;font-size:.875rem;padding:.65rem 1.35rem;border-radius:.5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;box-shadow:0 2px 10px #5a5f674d}.ref-cand-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.ref-cand-btn-primary:disabled{opacity:.55;cursor:not-allowed}.ref-cand-send{font-size:1rem}.notification-history-page{display:flex;min-height:100vh;background:linear-gradient(160deg,#eef2e9,#f7f9f5 45%,#f0f4ec);font-family:Inter,system-ui,sans-serif}.notification-history-page .main-content{flex:1;margin-left:250px;transition:margin-left .3s ease;display:flex;flex-direction:column;overflow:hidden}.notification-history-page .main-content.collapsed{margin-left:80px}.notification-history-main{flex:1;overflow-y:auto;padding:1.25rem 1.5rem 2.5rem;width:100%}.nh-page-inner{max-width:920px;margin:0 auto;width:100%}.nh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nh-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b;margin-bottom:1rem}.nh-breadcrumb a{color:#64748b;text-decoration:none;transition:color .2s}.nh-breadcrumb a:hover{color:#5a5f67}.nh-bc-sep{color:#cbd5e1;-webkit-user-select:none;user-select:none}.nh-bc-current{color:#5a5f67;font-weight:600}.nh-panel{background:#fff;border-radius:16px;border:1px solid rgba(90,95,103,.12);box-shadow:0 4px 6px -1px #0000000a,0 12px 24px -8px #5a5f671f;overflow:hidden}.nh-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,#fafcf8,#fff);border-bottom:1px solid #e8ede3}.nh-filters{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.nh-filters button{padding:.5rem 1rem;border:1px solid #d4dcc8;background:#fff;border-radius:999px;cursor:pointer;font-size:.8125rem;font-weight:600;color:#475569;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.nh-filters button:hover{border-color:#5a5f67;color:#5a5f67;background:#5a5f670f}.nh-filters button.active{background:linear-gradient(135deg,#5a5f67,#5a6d3c);border-color:transparent;color:#fff;box-shadow:0 2px 8px #5a5f6759}.nh-toolbar-meta{display:flex;align-items:center}.nh-count-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#5a5f671a;border:1px solid rgba(90,95,103,.2);border-radius:999px;font-size:.8125rem;font-weight:600;color:#4d5c33}.nh-count-pill i{font-size:.95rem;opacity:.85}.nh-body{min-height:280px}.nh-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3.5rem 1.5rem;color:#64748b;font-size:.9375rem}.nh-spinner{width:40px;height:40px;border:3px solid #e8ede3;border-top-color:#5a5f67;border-radius:50%;animation:nh-spin .75s linear infinite}@keyframes nh-spin{to{transform:rotate(360deg)}}.nh-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem 3.5rem}.nh-empty-icon{width:88px;height:88px;border-radius:50%;background:linear-gradient(145deg,#f0f4ea,#e3ead8);border:1px solid rgba(90,95,103,.15);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.nh-empty-icon i{font-size:2.25rem;color:#5a5f67;opacity:.85}.nh-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#1e293b}.nh-empty-text{margin:0;max-width:320px;font-size:.9375rem;line-height:1.5;color:#64748b}.nh-list{list-style:none;margin:0;padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.nh-card{position:relative;display:flex;border-radius:12px;border:1px solid #e8ede3;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s}.nh-card:hover{border-color:#5a5f6740;box-shadow:0 4px 14px #0000000d}.nh-card.is-unread{background:linear-gradient(90deg,#5a5f670f,#fff 48%)}.nh-card-accent{width:4px;flex-shrink:0;background:#e2e8f0}.nh-card.is-unread .nh-card-accent{background:linear-gradient(180deg,#5a5f67,#8faa5c)}.nh-card-inner{flex:1;min-width:0;padding:1rem 1.1rem 1rem .85rem}.nh-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem}.nh-type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5a5f67}.nh-time{font-size:.75rem;color:#94a3b8}.nh-card-title{margin:0 0 .35rem;font-size:1.02rem;font-weight:700;color:#0f172a;line-height:1.35}.nh-card-body{margin:0;font-size:.875rem;line-height:1.55;color:#475569;white-space:pre-wrap}.nh-card-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.65rem;font-size:.72rem;color:#94a3b8}.nh-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid #f1f5f0}.nh-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.nh-btn-ghost{border:1px solid #d4dcc8;background:#fff;color:#475569}.nh-btn-ghost:hover:not(:disabled){border-color:#5a5f67;color:#5a5f67;background:#5a5f670f}.nh-btn-primary{border:none;background:linear-gradient(135deg,#5a5f67,#5a6d3c);color:#fff;box-shadow:0 2px 6px #5a5f674d}.nh-btn-primary:hover{filter:brightness(1.05)}.nh-btn-primary i{font-size:.75rem;opacity:.9}.nh-btn:disabled{opacity:.55;cursor:not-allowed}.nh-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-top:1px solid #e8ede3;background:#fafcf8}.nh-page-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border-radius:10px;border:1px solid #d4dcc8;background:#fff;font-size:.875rem;font-weight:600;color:#334155;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.nh-page-btn:hover:not(:disabled){border-color:#5a5f67;color:#5a5f67;background:#5a5f670f}.nh-page-btn:disabled{opacity:.45;cursor:not-allowed}.nh-page-info{font-size:.875rem;color:#64748b}.nh-page-info strong{color:#334155;font-weight:700}@media(max-width:640px){.notification-history-main{padding:1rem}.nh-toolbar{flex-direction:column;align-items:stretch}.nh-filters,.nh-toolbar-meta{justify-content:flex-start}}.pm-page .content-wrapper{display:flex;flex-direction:column;gap:16px}.pm-filter-card,.pm-table-card{background:#fff;border-radius:10px;border:1px solid #e7e7e7;padding:16px}.pm-table-card{background:transparent;border:none;border-radius:0;padding:0}.pm-filter-title{margin:0 0 8px;font-size:1.1rem}.pm-filter-hint{margin:0 0 12px;font-size:.8rem;color:#64748b;line-height:1.45}.pm-filter-hint code{font-size:.78rem;background:#f1f5f9;padding:.12em .4em;border-radius:4px}.pm-filter-label{font-size:.85rem;font-weight:600;color:#344054}.pm-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.pm-filter-group{display:flex;flex-direction:column;gap:6px}.pm-filter-group label{font-size:.85rem;font-weight:600}.pm-filter-group input{border:1px solid #d9d9d9;border-radius:6px;padding:8px 10px}.pm-filter-date-input{max-width:11rem;font-variant-numeric:tabular-nums}.pm-filter-month-input{max-width:100%;min-width:10.5rem;min-height:2.5rem;padding:.45rem .65rem;border:1px solid #d9d9d9;border-radius:6px;font:inherit;font-size:.9rem;font-variant-numeric:tabular-nums;color:#1e293b;background:#fff;cursor:pointer}.pm-filter-month-input:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}.pm-filter-format-hint{font-size:.72rem;font-weight:500;color:#94a3b8;letter-spacing:.01em}.pm-filter-placeholder{font-size:.78rem;color:#94a3b8;font-style:italic;font-variant-numeric:tabular-nums}.pm-filter-dd-preview{font-size:.78rem;color:#64748b;font-variant-numeric:tabular-nums}.pm-filter-api-code{font-size:.76rem;background:#f1f5f9;padding:.1em .35em;border-radius:4px;color:#334155}.pm-active-months,.pm-available-months{margin:10px 0 0;font-size:.85rem;color:#475467}.pm-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.pm-stat-card{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:12px;text-align:left;cursor:pointer}.pm-stat-card.active{border-color:#5a5f67;box-shadow:0 0 0 1px #5a5f6733}.pm-stat-title{margin:0 0 8px;font-weight:700;color:#23272f;font-size:.9rem}.pm-stat-values{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#606977}.pm-filter-actions{margin-top:12px;display:flex;gap:8px}.pm-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pm-graphs-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:14px}.pm-graph-card{border:1px solid #eceef2;border-radius:8px;padding:12px;background:#fff}.pm-graph-title{margin:0 0 10px;font-size:.95rem;color:#23272f}.pm-line-chart-wrap{height:320px}@media(max-width:1100px){.pm-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.pm-graphs-grid{grid-template-columns:1fr}}@media(max-width:768px){.pm-filter-grid{grid-template-columns:1fr}}.pm-page{display:flex;min-height:100vh;overflow-x:hidden;width:100%;max-width:100%}.pm-page .pm-page-main{flex:1 1 0%;min-width:0;max-width:100%;display:flex;flex-direction:column}.pm-page .pm-page-content{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;box-sizing:border-box}.pm-filter-card,.pm-table-card{background:#fff;border-radius:10px;border:1px solid #e7e7e7;padding:16px 18px;min-width:0;max-width:100%;box-sizing:border-box}.pm-filter-card-head{margin-bottom:14px}.pm-filter-title{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.pm-filter-hint{margin:0;font-size:.78rem;line-height:1.45;color:#64748b}.pm-filter-hint strong{color:#475569;font-weight:600}.pm-filter-dates{display:grid;grid-template-columns:repeat(2,minmax(0,12rem));gap:12px 16px;margin-bottom:14px;max-width:28rem}.pm-filter-multi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;margin-bottom:14px}.pm-filter-group{display:flex;flex-direction:column;gap:5px;min-width:0}.pm-filter-group label{font-size:.78rem;font-weight:600;color:#334155}.pm-filter-label-hint{font-weight:500;color:#94a3b8}.pm-filter-group input{border:1px solid #d9d9d9;border-radius:6px;padding:7px 10px;font-size:.875rem;max-width:100%}.pm-report-filter-select{width:100%;min-width:0;max-width:100%;font-size:.8125rem;line-height:1.35;padding:.42rem 2rem .42rem .55rem;border-radius:6px;border:1px solid #cbd5e1;background-color:#fff;box-sizing:border-box}.pm-filter-actions{margin-top:4px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 12px;padding-top:12px;border-top:1px solid #f1f5f9}.pm-filter-actions-primary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pm-filter-actions-icons{display:flex;align-items:center;gap:8px}.pm-filter-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#475569;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pm-filter-icon-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.pm-filter-icon-btn:disabled{opacity:.45;cursor:not-allowed}.pm-filter-icon-btn--csv{color:#0f766e;border-color:#99f6e4;background:#f0fdfa}.pm-filter-icon-btn--csv:hover:not(:disabled){background:#ccfbf1;border-color:#5eead4;color:#0f766e}.pm-filter-icon-btn .bi{font-size:1.15rem}.pm-filter-icon-spin .bi{animation:pm-filter-spin .75s linear infinite}@keyframes pm-filter-spin{to{transform:rotate(360deg)}}.pm-table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;flex-wrap:wrap}.pm-table-header h3{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.pm-table-header span{font-size:.8rem;color:#64748b;white-space:nowrap}.pm-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.86rem}.pm-table-card .pm-table-scroll{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;max-height:min(70vh,720px)}.pm-table-card .pm-table-scroll .pm-table{min-width:1200px}.pm-table thead th{position:sticky;top:0;z-index:2;background:#f8fafc;box-shadow:inset 0 -1px #e2e8f0}.pm-table th,.pm-table td{border-bottom:1px solid #efefef;padding:8px 10px;text-align:left;white-space:nowrap}.pm-empty{text-align:center;color:#777;padding:20px 8px}.pm-error{margin-bottom:10px;padding:8px 10px;border-radius:6px;background:#fff0f0;color:#b42318;border:1px solid #ffd2d2}.pm-pagination{margin-top:12px;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:1100px){.pm-filter-multi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.pm-filter-dates{grid-template-columns:1fr;max-width:none}.pm-filter-multi-grid{grid-template-columns:1fr}.pm-filter-actions{flex-direction:column;align-items:stretch}.pm-filter-actions-icons{justify-content:flex-end}}.master-primary-btn{background:#5a5f67;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem;line-height:1.2;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.master-primary-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.master-primary-btn:hover:before{width:300px;height:300px}.master-primary-btn:hover{color:#fff;opacity:.95;background-color:#4d5e34;transform:translateY(-2px);box-shadow:0 10px 20px -5px #5a5f6759}.master-primary-btn:disabled{cursor:not-allowed;opacity:.7}.master-secondary-btn{background:transparent;color:#5a5f67;padding:.5rem 1rem;border-radius:9999px;font-weight:600;font-size:.875rem;line-height:1.2;border:1px solid #5a5f67;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.master-secondary-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#5a5f6726;transform:translate(-50%,-50%);transition:width .6s,height .6s}.master-secondary-btn:hover:before{width:300px;height:300px}.master-secondary-btn:hover{color:#fff;background-color:#5a5f67;transform:translateY(-2px);box-shadow:0 10px 20px -5px #5a5f6759}.master-secondary-btn:disabled{cursor:not-allowed;opacity:.7}.master-input{border:1px solid #e2e8f0;font-size:12px;font-family:Inter,sans-serif;width:100%;background:#f8fafc;padding:.625rem .75rem;font-size:.875rem;color:#1e293b;transition:all .2s;border-radius:.5rem}.master-input:focus{border-color:#5a5f67;box-shadow:0 0 0 2px #5a5f671a;outline:none}.master-input-error{border-color:#dc2626}.master-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261f}.master-field{display:flex;flex-direction:column;gap:.45rem}.master-label{color:#334155;font-size:.9rem;font-weight:600}.master-label-required{color:#dc2626}.master-field-error{margin:0;color:#dc2626;font-size:.8rem}.master-field-helper{margin:0;color:#64748b;font-size:.8rem}.master-textarea{min-height:170px;resize:vertical}.master-select{appearance:auto}.master-filter-bar{margin-bottom:1.25rem}.master-filter-grid{flex:1;display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,1fr) minmax(180px,1fr);gap:1rem}.master-filter-search{flex:1;min-width:min(100%,320px)}.master-chip-filter-group{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem;border:1px solid #e2e8f0;border-radius:9999px;background:#fff}.master-chip-filter{border:none;background:transparent;color:#64748b;border-radius:9999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.3rem}.master-chip-filter:hover{background:#f8fafc;color:#334155}.master-chip-filter.active{background:var(--primary-olive-dark, #5f6f52);color:#fff}.master-chip-filter-count{color:#dc2626;font-weight:700}.master-file-input{padding:.45rem .65rem;background:#fff}.master-form-card{border-radius:20px;overflow:hidden}.master-form-section{padding:.2rem}.master-form-section-bordered{border-top:1px solid #eef2f7}.master-form-section-title{margin-bottom:1rem;color:#334155;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.master-file-input-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.master-file-input-shell{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:46px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:.55rem .75rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.master-file-input-shell:hover{border-color:#cbd5e1;background:#f1f5f9}.master-file-input-button{display:inline-flex;align-items:center;gap:.45rem;background:#fff;border:1px solid #d6dbe3;color:#334155;border-radius:8px;padding:.42rem .7rem;font-size:.82rem;font-weight:600;white-space:nowrap}.master-file-input-name{color:#334155;font-size:.9rem;font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.master-attachment-field{height:100%}@media(max-width:576px){.master-file-input-shell{align-items:flex-start;flex-direction:column}.master-file-input-name{width:100%;white-space:normal}}.master-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.master-page,.master-content-shell,.master-content-container,.master-list-container{min-width:0}.master-content-shell,.master-content-container,.master-list-container{width:100%}.master-table-wrap{display:block;width:100%;max-width:100%;container-type:inline-size;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0f172a0a}.master-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.master-table-head{padding:.95rem 1rem;text-align:left;background:#fbfcfe;border-bottom:1px solid #e2e8f0;color:#334155;font-size:.8rem;font-weight:700;letter-spacing:.02em}.master-table-cell{padding:1rem;border-bottom:1px solid #eef2f7;color:#0f172a;font-size:.9rem;vertical-align:middle;background:#fff;overflow-wrap:anywhere}.master-table-cell:has(.master-approval-matrix),.master-table-cell:has(.master-action-menu),.master-table-cell:has(.master-action-flat-group){padding:0}.master-table tbody tr:hover{background:#fcfcfd}.master-table-empty{padding:1.5rem;text-align:center;color:#64748b;font-size:.95rem}.master-action-menu{position:relative;min-height:92px;display:flex;align-items:center;justify-content:center;padding:.75rem .65rem}.master-action-trigger{width:34px;height:34px;border:1px solid #d6dbe3;border-radius:10px;background:#fff;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #0f172a0a}.master-action-trigger:hover{background:#f8fafc;color:#334155}.master-action-dropdown{position:fixed;width:180px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 24px #0f172a24;padding:.4rem;z-index:90000}.master-action-item{width:100%;border:none;background:transparent;color:#334155;text-align:left;padding:.65rem .8rem;border-radius:10px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.65rem}.master-action-item:hover{background:#f8fafc}.master-action-item-icon{color:#64748b;font-size:.95rem}.master-action-flat-group{min-height:92px;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;flex-wrap:nowrap}.master-action-flat-btn{position:relative;width:32px;height:32px;border:1px solid #d6dbe3;background:#fff;color:#334155;border-radius:8px;padding:0;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.master-action-flat-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;box-shadow:0 1px 2px #0f172a0f}.master-action-flat-btn:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:#0f172a;color:#fff;padding:.3rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;line-height:1;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;white-space:nowrap;z-index:10}.master-action-flat-btn:before{content:"";position:absolute;left:50%;bottom:calc(100% + 3px);transform:translate(-50%) translateY(4px);border-width:5px 5px 0 5px;border-style:solid;border-color:#0f172a transparent transparent transparent;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:10}.master-action-flat-btn:hover:after,.master-action-flat-btn:hover:before,.master-action-flat-btn:focus-visible:after,.master-action-flat-btn:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}.master-approval-matrix{display:flex;align-items:center;gap:0;min-width:220px;padding:.65rem .35rem}.master-approval-step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:68px}.master-approval-dot{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;z-index:1;box-shadow:0 0 0 4px #fff}.master-approval-dot.approved{background:#72bb78}.master-approval-dot.pending{background:#d1ad2a;color:#fff}.master-approval-dot.rejected{background:#d64545}.master-approval-dot.blocked{background:#6b7280}.master-approval-dot.locked{background:#9ca3af}.master-approval-line{position:absolute;top:13px;left:calc(50% + 13px);width:calc(100% - 26px);height:2px;background:#d7dde5}.master-approval-label{margin-top:.45rem;text-align:center;color:#64748b;font-size:.68rem;line-height:1.25;max-width:64px}.master-approvals-head{width:100%;text-align:center}.master-cell-serial{color:#475569;font-size:.84rem;font-weight:600}.master-cell-code{color:#1e293b;font-size:.84rem;font-weight:600;font-family:Consolas,Courier New,monospace}.master-type-badge{display:inline-flex;align-items:center;padding:.35rem .6rem;border-radius:999px;background:#f1f5f9;color:#334155;font-size:.76rem;font-weight:700;letter-spacing:.03em}.master-cell-description{color:#334155;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.master-table-compact .master-table-head{padding:.58rem .68rem;font-size:.72rem}.master-table-compact .master-table-cell{padding:.58rem .68rem;font-size:.8rem}.master-table-compact .master-cell-serial,.master-table-compact .master-cell-code{font-size:.74rem}.master-table-compact .master-type-badge{padding:.22rem .42rem;font-size:.66rem}.master-table-compact .master-cell-description{line-height:1.3;-webkit-line-clamp:2;line-clamp:2}.master-table-compact .master-approval-matrix{min-width:164px;padding:.3rem .15rem}.master-table-compact .master-approval-step{min-width:48px}.master-table-compact .master-approval-dot{width:20px;height:20px;font-size:.56rem;box-shadow:0 0 0 2px #fff}.master-table-compact .master-approval-line{top:10px;left:calc(50% + 10px);width:calc(100% - 20px)}.master-table-compact .master-approval-label{margin-top:.28rem;font-size:.58rem;max-width:52px}.master-table-compact .master-action-flat-group{min-height:56px;gap:.2rem;padding:.22rem}.master-table-compact .master-action-flat-btn{width:24px;height:24px;font-size:.7rem;border-radius:6px}.master-order-schedule{display:flex;flex-direction:column;gap:.4rem;min-width:220px}.master-order-schedule-head{text-align:center}.master-order-period{display:flex;flex-direction:column;gap:.2rem}.master-order-period-month{color:#0f172a;font-weight:600}.master-order-period-year{color:#64748b;font-size:.8rem}.master-order-qty{display:inline-flex;align-items:baseline;gap:.35rem}.master-order-qty-value{color:#0f172a;font-weight:600;font-variant-numeric:tabular-nums}.master-order-qty-unit{color:#64748b;font-size:.76rem;font-weight:700;letter-spacing:.04em}.master-order-plan{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.master-order-plan-label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.master-order-plan-value{color:#0f172a;font-weight:700;font-variant-numeric:tabular-nums}.master-order-schedule-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid #eef2f7}.master-order-schedule-row:last-child{padding-bottom:0;border-bottom:none}.master-order-schedule-label{color:#64748b;font-size:.76rem;font-weight:500;white-space:nowrap}.master-order-schedule-value{color:#0f172a;font-weight:500;font-variant-numeric:tabular-nums}.master-modal-overlay{position:fixed;inset:0;background:#0f172a73;z-index:110000;display:flex;justify-content:center;align-items:center;padding:1rem}.master-modal-card{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 44px #0f172a3d;border:1px solid #e2e8f0}.master-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #eef2f7;padding:1rem 1.25rem}.master-modal-title{margin:0;color:#0f172a;font-size:1.1rem;font-weight:700}.master-modal-subtitle{margin:.3rem 0 0;color:#64748b;font-size:.85rem}.master-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid #d6dbe3;background:#fff;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.master-modal-close:hover{background:#f8fafc;color:#334155}.master-modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.master-vendor-section{margin-bottom:2rem}.master-vendor-section-full{grid-column:1 / -1}.master-vendor-section-title{margin:0 0 .7rem;color:#5f6368;font-size:.95rem;font-weight:700}.master-vendor-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.master-vendor-detail-row{display:grid;grid-template-columns:minmax(120px,150px) minmax(0,1fr);gap:.75rem;align-items:start;padding:.62rem .15rem;border-top:1px solid #e5e7eb}.master-vendor-detail-row:nth-child(-n+2){border-top:1px solid #e5e7eb}.master-vendor-detail-label{color:#646b73;font-size:.88rem;font-weight:700}.master-vendor-detail-value{color:#6b7280;font-size:.9rem;line-height:1.45;word-break:break-word}.master-vendor-attachment-list{display:flex;flex-direction:column}.master-vendor-attachment-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:1rem;padding:.8rem .2rem;border-top:1px solid #e5e7eb}.master-vendor-attachment-label{color:#5f6368;font-size:.95rem;font-weight:700}.master-vendor-attachment-value{color:#6b7280;font-size:.92rem;word-break:break-word}.master-vendor-attachment-link{color:#0d6efd;font-size:.92rem;font-weight:600;text-decoration:none}.master-vendor-attachment-link:hover{text-decoration:underline}.master-vendor-tax-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px}.master-vendor-tax-table{width:100%;border-collapse:collapse;min-width:680px}.master-vendor-tax-table th{background:#f8fafc;font-size:.84rem;font-weight:700;text-align:left;padding:.8rem .9rem}.master-vendor-tax-table td{padding:.85rem .9rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.9rem}.master-vendor-tax-empty{text-align:center}.master-vendor-note-block{margin-top:1rem;padding-top:.9rem;border-top:1px solid #e5e7eb}.master-vendor-note-text{margin:.45rem 0 0;color:#475569;line-height:1.6}.master-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.25rem}.master-modal-field{display:flex;flex-direction:column;gap:.25rem;color:#0f172a;font-size:.9rem}.master-modal-label{color:#64748b;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.master-modal-text{margin:0;color:#0f172a;line-height:1.5}.master-modal-actions{border-top:1px solid #eef2f7;padding:.9rem 1.25rem;display:flex;justify-content:flex-end}.master-customer-hero{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;margin-bottom:1.25rem;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fafc)}.master-customer-hero-kicker{margin:0 0 .4rem;color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.master-customer-hero-title{margin:0;color:#0f172a;font-size:1.45rem;font-weight:700}.master-customer-hero-meta{margin:.45rem 0 0;color:#64748b;line-height:1.5}.master-customer-hero-stamp{min-width:200px;display:grid;grid-template-columns:1fr;gap:.35rem;align-content:start}.master-customer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.95fr);gap:1.25rem;align-items:start}.master-customer-tabs{display:flex;flex-wrap:wrap;gap:.65rem;padding-bottom:1rem;margin-bottom:1.1rem;border-bottom:1px solid #e2e8f0}.master-customer-tab{border:1px solid #dbe4ee;border-radius:999px;background:#f8fafc;color:#64748b;padding:.4rem .78rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.master-customer-tab:hover{color:#334155;background:#f1f5f9}.master-customer-tab.active{background:var(--primary-olive-dark, #5f6f52);border-color:var(--primary-olive-dark, #5f6f52);color:#fff}.master-customer-tabpanel{min-height:320px}.master-customer-main,.master-customer-side{display:flex;flex-direction:column;gap:1.25rem}.master-detail-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:1.25rem;box-shadow:0 8px 24px #0f172a0a}.master-detail-card-head{margin-bottom:1rem}.master-detail-card-title{margin:0;color:#0f172a;font-size:1rem;font-weight:700}.master-detail-card-copy{margin:.35rem 0 0;color:#64748b;font-size:.88rem;line-height:1.5}.master-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem 1.25rem}.master-detail-stack{display:flex;flex-direction:column;gap:.9rem}.master-detail-item{display:flex;flex-direction:column;gap:.25rem;min-width:0}.master-detail-label{color:#64748b;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.master-detail-value{color:#0f172a;font-size:.92rem;line-height:1.5;word-break:break-word}.master-attachment-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.master-attachment-item{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.35rem}.master-attachment-label{color:#64748b;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.master-attachment-file{color:#0f172a;font-size:.88rem;font-weight:600;word-break:break-word}.master-attachment-view{margin-top:.2rem;padding:0;border:none;background:transparent;color:#0284c7;font-size:.84rem;font-weight:600;text-align:left;cursor:pointer}.master-attachment-view:hover{color:#0369a1;text-decoration:underline}.master-approval-action-group{display:flex;gap:.75rem;flex-wrap:wrap}.master-decision-banner{margin-top:1rem;border-radius:12px;padding:.8rem .95rem;font-size:.9rem;font-weight:600}.master-decision-banner.approved{background:#dcfce7;color:#166534}.master-decision-banner.rejected{background:#fee2e2;color:#b91c1c}.master-document-modal{width:min(900px,100%)}.master-document-preview{border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;padding:1rem}.master-document-preview-sheet{min-height:420px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;padding:1.5rem}.master-document-preview-kicker{display:inline-block;margin-bottom:.75rem;color:#64748b;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.master-document-preview-title{margin:0;color:#0f172a;font-size:1.2rem;font-weight:700}.master-document-preview-copy{margin:.6rem 0 1.1rem;color:#64748b;line-height:1.6}.master-document-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}@media(max-width:992px){.master-filter-bar{align-items:stretch;flex-direction:column}.master-filter-grid{grid-template-columns:1fr}.master-filter-search{width:100%}.master-chip-filter-group{width:100%;justify-content:flex-start}.master-form-card-head,.master-form-section{padding-left:1rem;padding-right:1rem}.master-modal-grid,.master-vendor-modal-layout,.master-vendor-section-grid{grid-template-columns:1fr}.master-vendor-detail-row,.master-vendor-attachment-row{grid-template-columns:1fr;gap:.35rem}.master-customer-layout{grid-template-columns:1fr}.master-customer-hero{flex-direction:column}.master-detail-grid,.master-attachment-list,.master-document-preview-meta{grid-template-columns:1fr}}.master-print-page{min-height:100vh;background:#eef2f7;padding:2rem}.master-print-toolbar{max-width:1100px;margin:0 auto 1rem;display:flex;justify-content:flex-end;gap:.75rem}.master-print-sheet{width:210mm;min-height:297mm;margin:0 auto;background:#fff;padding:18mm 12mm;box-shadow:0 12px 28px #0f172a1f;color:#111827}.master-print-header{margin-bottom:.55rem;text-align:center;border-top:1px solid #374151;border-bottom:1px solid #374151;padding:.2rem 0}.master-print-company{font-size:.65rem;font-weight:700;text-transform:uppercase}.master-print-title{font-size:.55rem;font-weight:700}.master-print-table{width:100%;border-collapse:collapse;table-layout:fixed}.master-print-table th,.master-print-table td{border:1px solid #6b7280;padding:.18rem .16rem;font-size:.42rem;line-height:1.2;vertical-align:top;word-break:break-word}.master-print-table th{text-align:center;font-weight:700}@media print{.no-print{display:none!important}.master-print-page{background:#fff;padding:0}.master-print-sheet{width:auto;min-height:auto;margin:0;box-shadow:none;padding:10mm}}.master-kpi-card{border-radius:.75rem;transition:transform .2s ease,box-shadow .2s ease}.master-dashboard-shell{container-type:inline-size}.master-dashboard-kpi-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.master-dashboard-kpi-item{min-width:0}.master-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.master-kpi-indicator-badge{box-shadow:none!important;font-weight:500}.master-kpi-indicator-dots{font-size:1.2rem;opacity:.5}.master-kpi-icon-wrap{width:56px;height:56px}.master-kpi-value{letter-spacing:-.5px}.master-kpi-label{font-size:.8rem}@container (min-width: 720px){.master-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 1280px){.master-dashboard-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.master-dropdown-item.active,.master-dropdown-item:active{background-color:#f1f5f9;color:#1e293b}.master-dropdown-item:hover,.master-dropdown-item:focus{background-color:#f8fafc;color:#0f172a}.master-wizard-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:1.25rem;align-items:start}.master-wizard-sidebar{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:1.5rem;box-shadow:0 4px 12px #0f172a08;display:flex;flex-direction:column;gap:.85rem}.master-wizard-nav-item{width:100%;display:flex;align-items:center;gap:.85rem;border:1px solid transparent;background:transparent;padding:.75rem 1.25rem;border-radius:999px;color:#64748b;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.master-wizard-nav-item:hover:not(.active):not(.done){background:#f8fafc;color:#1e293b}.master-wizard-nav-item.active{background:var(--primary-olive-dark, #637356);color:#fff;border-color:var(--primary-olive-dark, #637356);box-shadow:0 4px 12px #63735640}.master-wizard-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.master-wizard-nav-item.active .master-wizard-nav-icon{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--primary-olive-dark, #637356);font-size:.9rem}.master-wizard-nav-item.done{background:#f4f6f0;border-color:#dbe4d2;color:var(--primary-olive-dark, #5f6f52)}.master-wizard-nav-item.done .master-wizard-nav-icon{background:transparent;color:var(--primary-olive-dark, #5f6f52);font-size:1.15rem;width:26px;height:26px}.master-wizard-nav-item.upcoming{color:#64748b}.master-wizard-nav-item.upcoming .master-wizard-nav-icon{background:#f1f5f9;color:#94a3b8;width:26px;height:26px;border-radius:50%;font-size:.9rem}.master-wizard-content{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:2.5rem;box-shadow:0 4px 12px #0f172a08;min-height:500px;display:flex;flex-direction:column}.master-wizard-content-header{margin-bottom:2rem}.master-wizard-content-title{margin:0;color:#0f172a;font-size:1.45rem;font-weight:700;letter-spacing:-.02em}.master-wizard-footer{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9}.master-file-input{display:none}.master-file-minimal{display:flex;align-items:center;gap:.75rem;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;background:#fff;transition:all .2s ease}.master-file-minimal:hover{border-color:#cbd5e1}.master-file-btn{background:#f1f5f9;color:#475569;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s;flex-shrink:0}.master-file-btn:hover{background:#e2e8f0;color:#1e293b}.master-file-name{font-size:.85rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.master-file-name.has-file{color:#0f172a;font-weight:500}.master-file-clear{color:#94a3b8;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:4px;transition:all .2s}.master-file-clear:hover{color:#ef4444;background:#fee2e2}@media(max-width:1280px){.master-wizard-layout{grid-template-columns:minmax(0,200px) minmax(0,1fr)}.master-wizard-sidebar{padding:1rem .75rem;gap:.5rem}.master-wizard-nav-item{padding:.6rem .85rem;font-size:.85rem;gap:.6rem}.master-wizard-nav-item.active .master-wizard-nav-icon,.master-wizard-nav-item.done .master-wizard-nav-icon,.master-wizard-nav-item.upcoming .master-wizard-nav-icon{width:22px;height:22px;font-size:.82rem}.master-wizard-content{padding:1.75rem}}@media(max-width:992px){.master-wizard-layout{grid-template-columns:1fr}.master-wizard-sidebar{flex-direction:row;overflow-x:auto;padding:.85rem 1rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.master-wizard-nav-item{padding:.55rem 1rem;white-space:nowrap;font-size:.875rem;flex-shrink:0}}.master-table-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fbfcfe;border-top:1px solid #e2e8f0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.master-pagination-info{font-size:.825rem;color:#64748b;font-weight:500}.master-pagination{display:flex;align-items:center;gap:.5rem}.master-pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.master-pagination-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.master-pagination-btn.active{background:#5a5f67;color:#fff;border-color:#5a5f67}.master-pagination-btn:disabled{opacity:.4;cursor:not-allowed}@container (max-width: 768px){.master-table-wrap{overflow-x:visible;border:none;background:transparent;box-shadow:none}.master-table{min-width:0;width:100%}.master-table thead{display:none}.master-table,.master-table tbody,.master-table tr,.master-table td{display:block;width:100%!important}.master-table tbody{display:grid;gap:.9rem}.master-table tbody tr{border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0f172a0a;overflow:hidden}.master-table-cell{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem;padding:.9rem 1rem;border-bottom:1px solid #eef2f7}.master-table-cell:before{content:attr(data-label);flex:0 0 42%;max-width:42%;color:#64748b;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.master-table-cell>*{flex:1 1 auto;min-width:0}.master-table-cell:has(.master-approval-matrix),.master-table-cell:has(.master-action-menu),.master-table-cell:has(.master-action-flat-group){padding:.9rem 1rem}.master-table-cell:has(.master-approval-matrix){flex-direction:column}.master-table-cell:has(.master-approval-matrix):before{flex:none;max-width:100%}.master-approval-matrix{width:100%;min-width:0;padding:0}.master-action-flat-group,.master-action-menu{min-height:0;justify-content:flex-start;padding:0}.master-table-footer{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 0;background:transparent;border-top:none}.master-pagination{flex-wrap:wrap}}.error-boundary-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:2rem;font-family:Poppins,sans-serif}.error-boundary-content{background:#fff;border-radius:24px;padding:3rem;max-width:600px;width:100%;box-shadow:0 4px 20px #00000014;text-align:center}.error-boundary-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}.error-boundary-title{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.error-boundary-message{font-size:1rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.error-boundary-details{text-align:left;margin:2rem 0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.error-boundary-details summary{cursor:pointer;font-weight:600;color:#0f172a;margin-bottom:.5rem}.error-boundary-stack{font-size:.75rem;color:#64748b;white-space:pre-wrap;word-break:break-all;margin-top:.5rem}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-retry,.btn-reload{padding:.875rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.btn-retry{background:linear-gradient(135deg,#5a5f67,#4e535b);color:#fff;box-shadow:0 4px 12px #5a5f674d}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5a5f6766}.btn-reload{background:#fff;color:#5a5f67;border:2px solid #5a5f67}.btn-reload:hover{background:#5a5f67;color:#fff;transform:translateY(-2px)}@media(max-width:576px){.error-boundary-content{padding:2rem 1.5rem}.error-boundary-title{font-size:1.5rem}.error-boundary-actions{flex-direction:column}.btn-retry,.btn-reload{width:100%;justify-content:center}}