.app .performance-ui{display:grid;min-width:0;gap:1.25rem;color:var(--text)}.app .performance-ui *,.performance-ui-portal *{box-sizing:border-box}.app .pc-heading{display:flex;min-width:0;align-items:end;justify-content:space-between;gap:1.5rem;padding:.25rem 0 .5rem}.app .pc-heading__copy{min-width:0;max-width:52rem}.app .pc-heading h2{margin:.35rem 0 .4rem;font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.05em;text-wrap:balance}.app .pc-heading p{max-width:48rem;margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6;text-wrap:pretty}.app .pc-tabs{gap:1.125rem}.app .pc-tabs__list{width:min(100%,26rem);grid-template-columns:repeat(2,minmax(0,1fr))}.app .performance-ui [data-slot=tabs-trigger]{background:transparent!important;color:var(--text-muted)!important;white-space:normal}.app .performance-ui [data-slot=tabs-trigger]:hover{background:color-mix(in srgb,var(--text) 5%,transparent)!important;color:var(--text)!important}.app .performance-ui [data-slot=tabs-trigger][data-active]{background:var(--surface)!important;color:var(--text)!important;box-shadow:inset 0 -2px 0 var(--brand-red),var(--shadow-soft)!important}.app .pc-tab-count{display:inline-grid;min-width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);padding-inline:.35rem;font-size:.72rem;font-variant-numeric:tabular-nums}.app .pc-filters{min-width:0;box-shadow:var(--clinical-shadow-subtle)}.app .pc-filters__content{display:grid;grid-template-columns:minmax(24rem,1fr) auto minmax(14rem,20rem);align-items:end;gap:1rem 1.5rem;padding:1.25rem 1.5rem!important}.app .pc-period{min-width:0;margin:0;border:0;padding:0}.app .pc-period legend,.app .pc-department>span{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;color:var(--text-muted);font-size:.78rem;font-weight:800}.app .pc-period legend svg,.app .pc-department svg{width:1rem;color:var(--brand-red)}.app .pc-period__choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-subtle);padding:.25rem}.app .pc-period__choices button{width:100%;min-width:0;padding-inline:.75rem}.app .pc-period__choices button[aria-pressed=true]{background:var(--surface)!important;color:var(--text)!important;box-shadow:var(--shadow-soft)}.app .pc-date-range{display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));gap:.75rem}.app .pc-date-range label,.app .pc-department,.app .pc-review-filters>label:not(.pc-search),.performance-ui-portal .pc-editor-form label{display:grid;min-width:0;gap:.45rem;color:var(--text-muted);font-size:.78rem;font-weight:750}.app .pc-overview{display:grid;min-width:0;gap:1rem}.app .pc-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.app .pc-metric{position:relative;min-width:0;overflow:hidden}.app .pc-metric:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:color-mix(in srgb,var(--brand-navy) 55%,var(--brand-red));opacity:.72}.app .pc-metric--good:after{background:var(--good)}.app .pc-metric--warn:after{background:var(--warn)}.app .pc-metric__content{display:grid;min-height:8.75rem;grid-template-columns:2.5rem minmax(0,1fr);align-content:start;gap:.75rem;padding:1rem!important}.app .pc-metric__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.75rem;background:color-mix(in srgb,var(--brand-navy) 9%,var(--surface));color:var(--brand-navy)}.app .pc-metric--good .pc-metric__icon{background:var(--good-bg);color:var(--good)}.app .pc-metric--warn .pc-metric__icon{background:var(--warn-bg);color:var(--warn)}.app .pc-metric__icon svg{width:1.2rem;height:1.2rem}.app .pc-metric__content>div{display:grid;min-width:0;align-content:start;gap:.18rem}.app .pc-metric__content>div>span,.app .pc-metric__content small{color:var(--text-muted);font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}.app .pc-metric__content>div>span{font-weight:800}.app .pc-metric__content strong{font-size:clamp(1.6rem,2.25vw,2rem);line-height:1.05;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.app .pc-metric [data-slot=progress]{margin-top:.45rem}.app .pc-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:1rem}.app .pc-card{min-width:0;overflow:hidden}.app .pc-department-card{grid-column:1 / -1}.app .pc-card-heading{display:flex;min-height:4.25rem;grid-template-columns:none;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:1rem 1.25rem!important}.app .pc-card-heading>div{display:flex;min-width:0;align-items:center;gap:.6rem}.app .pc-card-heading>div>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.65rem;background:color-mix(in srgb,var(--brand-red) 9%,var(--surface));color:var(--brand-red)}.app .pc-card-heading svg{width:1rem;height:1rem}.app .pc-card-heading h3{margin:0;font-size:1rem;letter-spacing:-.015em}.app .pc-card-heading>span{flex:0 0 auto;color:var(--text-muted);font-size:.75rem;font-weight:700}.app .pc-card-heading>button{flex:0 0 auto}.app .pc-list-content{padding:0!important}.app .pc-lifecycle-card{grid-column:1 / -1}.app .pc-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:1.25rem!important}.app .pc-lifecycle__stage{position:relative;display:grid;min-width:0;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;border-top:3px solid var(--text-muted);background:var(--surface-subtle);padding:.9rem}.app .pc-lifecycle__stage:first-child{border-radius:.8rem 0 0 .8rem}.app .pc-lifecycle__stage:last-child{border-radius:0 .8rem .8rem 0}.app .pc-lifecycle__stage--draft{border-top-color:var(--info)}.app .pc-lifecycle__stage--submitted{border-top-color:var(--warn)}.app .pc-lifecycle__stage--acknowledged{border-top-color:var(--brand-navy)}.app .pc-lifecycle__stage--closed{border-top-color:var(--good)}.app .pc-lifecycle__index{display:grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.75rem;font-weight:850}.app .pc-lifecycle__stage>div{display:grid;min-width:0;gap:.12rem}.app .pc-lifecycle__stage>div span{color:var(--text-muted);font-size:.72rem;font-weight:750;overflow-wrap:anywhere}.app .pc-lifecycle__stage strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.app .pc-lifecycle__arrow{width:1rem;color:var(--text-muted)}.app .pc-action-list,.app .pc-close-list,.app .pc-department-list{display:grid}.app .pc-action-list article,.app .pc-close-list article,.app .pc-department-list article{min-width:0;border-bottom:1px solid var(--border)}.app .pc-action-list article:last-child,.app .pc-close-list article:last-child,.app .pc-department-list article:last-child{border-bottom:0}.app .pc-action-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem}.app .pc-close-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem}.app .pc-close-list article>div{display:grid;min-width:0;gap:.2rem}.app .pc-close-list article>div strong{overflow-wrap:anywhere;font-size:.9rem}.app .pc-close-list article>div span{color:var(--text-muted);font-size:.78rem}.app .pc-person{display:flex;min-width:0;align-items:center;gap:.7rem}.app .pc-person>div,.performance-ui-portal .pc-person>div{display:grid;min-width:0;gap:.14rem}.app .pc-person strong,.performance-ui-portal .pc-person strong{min-width:0;font-size:.86rem;overflow-wrap:anywhere}.app .pc-person>div>span,.performance-ui-portal .pc-person>div>span{min-width:0;color:var(--text-muted);font-size:.75rem;overflow-wrap:anywhere}.app .pc-avatar,.performance-ui-portal .pc-avatar{display:grid;width:2.4rem;height:2.4rem;flex:0 0 2.4rem;place-items:center;border:1px solid color-mix(in srgb,var(--brand-navy) 18%,var(--border));border-radius:.75rem;background:color-mix(in srgb,var(--brand-navy) 8%,var(--surface));color:var(--brand-navy);font-size:.72rem;font-weight:900}.app .pc-status,.performance-ui-portal .pc-status{gap:.38rem;border-color:var(--border);white-space:nowrap}.app .pc-status:before,.performance-ui-portal .pc-status:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentColor}.app .pc-status--not-started,.performance-ui-portal .pc-status--not-started{background:var(--surface-muted);color:var(--text-muted)}.app .pc-status--draft,.performance-ui-portal .pc-status--draft{background:var(--info-bg);color:var(--info)}.app .pc-status--submitted,.performance-ui-portal .pc-status--submitted{background:var(--warn-bg);color:var(--warn)}.app .pc-status--acknowledged,.performance-ui-portal .pc-status--acknowledged{background:color-mix(in srgb,var(--brand-navy) 10%,var(--surface));color:var(--brand-navy)}.app .pc-status--closed,.performance-ui-portal .pc-status--closed{background:var(--good-bg);color:var(--good)}.app .pc-bars{display:grid;gap:.85rem;padding:1.25rem!important}.app .pc-bars>div{display:grid;grid-template-columns:minmax(5rem,.7fr) minmax(7rem,2fr) 2rem;align-items:center;gap:.75rem}.app .pc-bars>div>span{color:var(--text-muted);font-size:.78rem}.app .pc-bars__track{height:.55rem;overflow:hidden;border-radius:999px;background:var(--surface-muted)}.app .pc-bars__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-navy),var(--brand-red))}.app .pc-bars strong{text-align:right;font-size:.8rem;font-variant-numeric:tabular-nums}.app .pc-bars p{margin:.25rem 0 0;color:var(--text-muted);font-size:.75rem;line-height:1.5}.app .pc-department-list article,.performance-ui-portal .pc-department-list article{display:grid;grid-template-columns:minmax(10rem,1.15fr) minmax(8rem,1fr) 3rem 4.75rem;align-items:center;gap:.75rem;padding:.8rem 1rem}.app .pc-department-list article>div:first-child,.performance-ui-portal .pc-department-list article>div:first-child{display:grid;min-width:0;gap:.18rem}.app .pc-department-list strong,.performance-ui-portal .pc-department-list strong{font-size:.84rem;overflow-wrap:anywhere}.app .pc-department-list article>div:first-child span,.performance-ui-portal .pc-department-list article>div:first-child span,.app .pc-department-list em,.performance-ui-portal .pc-department-list em{color:var(--text-muted);font-size:.74rem;font-style:normal}.app .pc-department-list b,.performance-ui-portal .pc-department-list b{text-align:right;font-size:.78rem;font-variant-numeric:tabular-nums}.app .pc-department-list em,.performance-ui-portal .pc-department-list em{text-align:right;white-space:nowrap}.app .pc-compact-empty{display:grid;min-height:10rem;place-items:center;align-content:center;gap:.6rem;color:var(--text-muted);padding:1.5rem;text-align:center;font-size:.86rem}.app .pc-compact-empty svg{color:var(--good)}.app .pc-state{grid-column:1 / -1;min-width:0;border-style:dashed}.app .pc-state>[data-slot=card-content]{display:grid;min-height:17rem;place-items:center;align-content:center;gap:.65rem;padding:2rem!important;text-align:center}.app .pc-state--compact>[data-slot=card-content]{min-height:13rem}.app .pc-state>[data-slot=card-content]>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:1rem;background:var(--surface-muted);color:var(--brand-navy)}.app .pc-state h3{margin:.25rem 0 0;font-size:1.08rem}.app .pc-state p{max-width:34rem;margin:0;color:var(--text-muted);line-height:1.6;text-wrap:pretty}.app .pc-state--error{border-color:color-mix(in srgb,var(--bad) 45%,var(--border));background:var(--bad-bg)}.app .pc-state--error h3,.app .pc-state--error p{color:var(--bad)}.app .pc-records{min-width:0;overflow:hidden}.app .pc-records__header{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem!important}.app .pc-records__header>div{min-width:0}.app .pc-records__header h3{margin:.2rem 0 .25rem;font-size:1.25rem;letter-spacing:-.025em}.app .pc-records__header p{margin:0;color:var(--text-muted);font-size:.85rem}.app .pc-records__content{padding:0!important}.app .pc-review-filters{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(10rem,.32fr) minmax(11rem,.38fr);gap:.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-subtle);padding:1rem 1.25rem}.app .pc-search{position:relative;align-self:end}.app .pc-search>svg{position:absolute;z-index:1;top:50%;left:.85rem;width:1rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.app .pc-search input{padding-left:2.5rem!important}.app .pc-field-help{margin:.65rem 1.25rem;color:var(--text-muted);font-size:.78rem}.app .pc-table [data-slot=table-container]{overscroll-behavior-x:contain}.app .pc-table table{min-width:64rem}.app .pc-table thead{background:var(--surface-subtle);color:var(--text-muted)}.app .pc-table th{font-size:.72rem;letter-spacing:.035em;text-transform:uppercase}.app .pc-table td{font-size:.8rem;vertical-align:middle}.app .pc-table tr:last-child{border-bottom:0}.app .pc-rating{display:inline-flex;align-items:center;gap:.3rem;color:var(--warn);font-variant-numeric:tabular-nums;white-space:nowrap}.app .pc-rating svg{width:.9rem;height:.9rem}.app .pc-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.app .pc-mobile-reviews{display:none}.app .pc-pagination{display:flex;min-height:4.5rem;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem!important}.app .pc-pagination>span{color:var(--text-muted);font-size:.8rem}.app .pc-pagination>div{display:flex;align-items:center;gap:.6rem}.app .pc-pagination>div>span{min-width:6.25rem;text-align:center;color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.app .pc-rotate-180{transform:rotate(180deg)}.app .pc-records-skeleton{display:grid;gap:.75rem;padding:1.25rem}.app .pc-records-skeleton>div{height:3.75rem}.app .pc-metric-skeleton{height:8.75rem}.app .pc-card-skeleton{height:21rem}body .performance-ui-portal.pc-dialog{display:flex!important;width:min(calc(100vw - 2rem),58rem)!important;max-width:58rem!important;max-height:min(90vh,56rem);flex-direction:column;gap:0!important;overflow:hidden;padding:0!important;border-radius:1.25rem!important;overscroll-behavior:contain}body .performance-ui-portal.pc-department-dialog{max-width:48rem!important}.performance-ui-portal .pc-dialog__header{display:flex;min-height:5.25rem;flex:0 0 auto;align-items:center;border-bottom:1px solid var(--border);padding:1.25rem 4rem 1.25rem 1.5rem}.performance-ui-portal .pc-dialog__header>div{display:grid;min-width:0;gap:.35rem}.performance-ui-portal .pc-dialog__header [data-slot=dialog-title]{font-size:1.25rem;letter-spacing:-.025em}.performance-ui-portal .pc-dialog__header [data-slot=dialog-description]{line-height:1.5;overflow-wrap:anywhere}.performance-ui-portal .pc-dialog__body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem}.performance-ui-portal .pc-dialog__footer{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);padding:1rem 1.5rem}.performance-ui-portal .pc-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--border);border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-navy) 7%,var(--surface)),color-mix(in srgb,var(--brand-red) 5%,var(--surface)));padding:1.25rem}.performance-ui-portal .pc-person--large .pc-avatar{width:3.25rem;height:3.25rem;flex-basis:3.25rem;border-radius:1rem;font-size:.86rem}.performance-ui-portal .pc-person--large strong{font-size:1.1rem}.performance-ui-portal .pc-detail-rating{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;gap:.1rem .45rem;color:var(--warn);text-align:right}.performance-ui-portal .pc-detail-rating svg{width:1.15rem}.performance-ui-portal .pc-detail-rating strong{font-size:1.8rem;line-height:1;font-variant-numeric:tabular-nums}.performance-ui-portal .pc-detail-rating span{grid-column:1 / -1;color:var(--text-muted);font-size:.72rem}.performance-ui-portal .pc-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.performance-ui-portal .pc-detail-meta>div{display:grid;min-width:0;gap:.35rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface-subtle);padding:.8rem}.performance-ui-portal .pc-detail-meta dt{color:var(--text-muted);font-size:.72rem;font-weight:750}.performance-ui-portal .pc-detail-meta dd{margin:0;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}.performance-ui-portal .pc-detail-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.performance-ui-portal .pc-detail-copy section{min-width:0;min-height:8rem;border:1px solid var(--border);border-radius:.85rem;padding:1rem}.performance-ui-portal .pc-detail-copy strong{font-size:.78rem}.performance-ui-portal .pc-detail-copy p{margin:.55rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.performance-ui-portal .pc-editor-form{display:grid;gap:1.25rem}.performance-ui-portal .pc-editor-form fieldset{display:grid;min-width:0;gap:1rem;margin:0;border:1px solid var(--border);border-radius:1rem;padding:1.25rem}.performance-ui-portal .pc-editor-form legend{display:flex;align-items:center;gap:.5rem;padding-inline:.4rem;color:var(--text);font-size:.88rem;font-weight:850}.performance-ui-portal .pc-editor-form legend svg{width:1rem;color:var(--brand-red)}.performance-ui-portal .pc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.performance-ui-portal .pc-span-2{grid-column:1 / -1}.performance-ui-portal .pc-copy-fields textarea{min-height:7.5rem;resize:vertical;line-height:1.55}.performance-ui-portal .pc-rating-input{display:grid;grid-template-columns:minmax(0,1fr) 7rem;align-items:end;gap:1rem}.performance-ui-portal .pc-rating-input>label:first-child{display:grid;gap:.5rem}.performance-ui-portal .pc-rating-input>label:first-child>span{color:var(--text-muted);font-size:.72rem;font-weight:500}.performance-ui-portal .pc-rating-input input[type=range]{width:100%;height:2.75rem;accent-color:var(--brand-red);cursor:pointer}.performance-ui-portal .pc-rating-anchors{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-muted);font-size:.72rem}.performance-ui-portal .pc-form-error{border:1px solid color-mix(in srgb,var(--bad) 42%,var(--border));border-radius:.75rem;background:var(--bad-bg);color:var(--bad);padding:.8rem 1rem;font-size:.85rem}.performance-ui-portal .employee-picker{--employee-picker-action-size: 2.75rem}.performance-ui-portal .employee-picker input{min-height:2.75rem;border-color:var(--input);border-radius:.5rem;background:var(--background);color:var(--foreground);font-size:1rem}.performance-ui-portal .employee-picker__options{z-index:90;max-height:16rem;border-color:var(--border);background:var(--surface)}.performance-ui-portal .employee-picker__options button{min-height:2.75rem!important;color:var(--text)}.performance-ui-portal .employee-picker__options button:is(:hover,.is-active,.is-selected){background:var(--surface-muted)!important}:root[data-theme=dark] .app .pc-metric__icon,:root[data-theme=dark] .app .pc-avatar,:root[data-theme=dark] .performance-ui-portal .pc-avatar,:root[data-theme=dark] .app .pc-status--acknowledged,:root[data-theme=dark] .performance-ui-portal .pc-status--acknowledged{color:#d8e0ff}@media(max-width:1280px){.app .pc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app .pc-filters__content{grid-template-columns:minmax(22rem,1fr) minmax(13rem,.5fr)}.app .pc-date-range{grid-column:1;grid-row:2}.app .pc-department{grid-column:2;grid-row:1}}@media(max-width:980px){.app .pc-insights{grid-template-columns:1fr}.app .pc-lifecycle-card{grid-column:auto}.app .pc-lifecycle{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.app .pc-lifecycle__stage{border-radius:.75rem!important}.app .pc-lifecycle__arrow{display:none}.app .pc-review-filters{grid-template-columns:minmax(0,1fr) repeat(2,minmax(10rem,.45fr))}.performance-ui-portal .pc-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.app .performance-ui{gap:1rem}.app .pc-heading{align-items:stretch;flex-direction:column;gap:1rem}.app .pc-heading>button{width:100%}.app .pc-heading h2{font-size:clamp(2rem,9vw,2.6rem)}.app .pc-tabs__list{width:100%}.app .pc-filters__content{grid-template-columns:1fr;padding:1rem!important}.app .pc-period,.app .pc-date-range,.app .pc-department{grid-column:auto;grid-row:auto}.app .pc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app .pc-review-filters{grid-template-columns:1fr 1fr;padding:1rem}.app .pc-search{grid-column:1 / -1}.app .pc-table{display:none}.app .pc-mobile-reviews{display:grid;gap:.75rem;padding:1rem}.app .pc-mobile-reviews>article{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.app .pc-mobile-reviews article>header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem}.app .pc-mobile-reviews dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;border-block:1px solid var(--border);background:var(--surface-subtle);padding:1rem}.app .pc-mobile-reviews dl>div{display:grid;min-width:0;gap:.2rem}.app .pc-mobile-reviews dt{color:var(--text-muted);font-size:.72rem;font-weight:750}.app .pc-mobile-reviews dd{margin:0;font-size:.82rem;font-weight:650;overflow-wrap:anywhere}.app .pc-mobile-reviews footer{padding:.75rem 1rem}.app .pc-mobile-reviews .pc-review-actions{display:grid;grid-template-columns:1fr auto}.app .pc-mobile-reviews .pc-review-actions>button:first-child{width:100%}.app .pc-pagination{align-items:stretch;flex-direction:column}.app .pc-pagination>div{justify-content:space-between}body .performance-ui-portal.pc-dialog{width:calc(100vw - 1rem)!important;max-height:calc(100dvh - 1rem)}.performance-ui-portal .pc-dialog__body{padding:1rem}.performance-ui-portal .pc-dialog__footer{flex-wrap:wrap;padding:.75rem 1rem}.performance-ui-portal .pc-dialog__footer button{flex:1 1 10rem}.performance-ui-portal .pc-detail-copy{grid-template-columns:1fr}}@media(max-width:540px){.app .pc-period__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.app .pc-date-range,.app .pc-review-filters,.app .pc-metrics{grid-template-columns:1fr}.app .pc-search{grid-column:auto}.app .pc-metric__content{min-height:7.75rem}.app .pc-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem!important}.app .pc-lifecycle__stage:last-child{grid-column:1 / -1}.app .pc-action-list article{grid-template-columns:minmax(0,1fr) auto}.app .pc-action-list article>button{grid-column:1 / -1;width:100%}.app .pc-close-list article{grid-template-columns:1fr 1fr}.app .pc-close-list article>div{grid-column:1 / -1}.app .pc-close-list article button{width:100%}.app .pc-department-list article,.performance-ui-portal .pc-department-list article{grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem}.app .pc-department-list article>[data-slot=progress],.performance-ui-portal .pc-department-list article>[data-slot=progress]{grid-column:1;grid-row:2}.app .pc-department-list b,.performance-ui-portal .pc-department-list b{grid-column:2;grid-row:2}.app .pc-department-list em,.performance-ui-portal .pc-department-list em{grid-column:2;grid-row:1}.app .pc-records__header{align-items:flex-start;flex-direction:column}.app .pc-mobile-reviews article>header{flex-direction:column}.app .pc-mobile-reviews dl{grid-template-columns:1fr}body .performance-ui-portal.pc-dialog{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;max-height:100dvh;height:100dvh;transform:none!important;border-radius:0!important}.performance-ui-portal .pc-dialog__header{min-height:4.75rem;padding:1rem 3.75rem 1rem 1rem}.performance-ui-portal .pc-dialog__footer{padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.performance-ui-portal .pc-detail-hero{align-items:stretch;flex-direction:column}.performance-ui-portal .pc-detail-rating{justify-content:start;text-align:left}.performance-ui-portal .pc-detail-meta,.performance-ui-portal .pc-form-grid,.performance-ui-portal .pc-rating-input{grid-template-columns:1fr}.performance-ui-portal .pc-span-2{grid-column:auto}.performance-ui-portal .pc-rating-anchors{font-size:.64rem}.performance-ui-portal .pc-editor-form fieldset{padding:1rem}}@media(prefers-reduced-motion:reduce){.app .performance-ui *,.app .performance-ui *:before,.app .performance-ui *:after,.performance-ui-portal *,.performance-ui-portal *:before,.performance-ui-portal *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.survey-shell,.survey-builder,.survey-results,.survey-response-page{color:var(--text)}.survey-heading{align-items:flex-end}.survey-heading p{max-width:48rem}.survey-heading button,.survey-builder button,.survey-results button,.survey-response-page button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.65rem;cursor:pointer}.survey-command-bar{display:grid;grid-template-columns:1fr minmax(13rem,20rem) minmax(11rem,15rem);gap:.75rem;align-items:center;margin:1.2rem 0;padding:.55rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.survey-command-bar input,.survey-command-bar select,.survey-builder input,.survey-builder textarea,.survey-builder select,.survey-response-page input,.survey-response-page textarea,.survey-response-page select{width:100%;border:1px solid var(--border);border-radius:.62rem;background:var(--control-bg);color:var(--text);font:inherit;padding:.7rem .8rem}.survey-tabs,.survey-worktabs{display:flex;gap:.25rem;overflow:auto}.survey-tabs button,.survey-worktabs button{border:0;background:transparent;border-radius:.65rem;color:var(--text-muted);font-weight:700;white-space:nowrap}.survey-tabs button[aria-selected=true],.survey-worktabs button[aria-selected=true]{background:color-mix(in srgb,var(--brand-navy) 10%,var(--surface));color:var(--brand-navy);box-shadow:inset 0 -2px 0 var(--brand-red)}.survey-list{display:grid;gap:.75rem}.survey-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow-soft)}.survey-row h3{margin:.35rem 0 .2rem;font-size:1.05rem}.survey-row p{margin:0;color:var(--text-muted);line-height:1.5}.survey-row__actions,.survey-meta{display:flex;flex-wrap:wrap;gap:.55rem}.survey-row__actions button{min-height:2.5rem}.survey-meta{margin-top:.65rem;color:var(--text-muted);font-size:.82rem}.survey-meta span{display:inline-flex;align-items:center;gap:.3rem}.survey-status{display:inline-flex;padding:.2rem .5rem;border-radius:99rem;background:var(--surface-muted);color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.survey-status--open{background:color-mix(in srgb,#14966f 14%,var(--surface));color:#087252}.survey-status--scheduled{background:color-mix(in srgb,var(--brand-navy) 12%,var(--surface));color:var(--brand-navy)}.survey-status--draft{background:color-mix(in srgb,#d47a16 12%,var(--surface));color:#9b5300}.survey-state{display:grid;place-items:center;text-align:center;min-height:16rem;padding:2rem;border:1px dashed var(--border);border-radius:1rem;background:var(--surface-subtle)}.survey-state>span{display:grid;place-items:center;width:3.3rem;height:3.3rem;border-radius:1rem;background:color-mix(in srgb,var(--brand-red) 9%,var(--surface));color:var(--brand-plum)}.survey-state h3{margin:.8rem 0 .25rem}.survey-state p{max-width:32rem;margin:0;color:var(--text-muted)}.survey-state button{margin-top:1rem}.survey-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem}.survey-builder{min-height:calc(100vh - 10rem)}.survey-builder__header{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:auto minmax(14rem,1fr) auto;gap:1rem;align-items:center;margin:-.5rem -1rem 0;padding:.8rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.survey-back{border:0;background:transparent}.survey-title-edit input{border:0;background:transparent;font-weight:800;font-size:1.05rem;padding:.25rem}.survey-save{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.75rem}.survey-save--conflict,.survey-save--error{color:var(--danger)}.survey-builder__actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.survey-worktabs{justify-content:center;border-bottom:1px solid var(--border);margin-bottom:1rem}.survey-worktabs button{border-radius:.5rem .5rem 0 0;padding:.75rem 1rem}.survey-worktabs button span{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:.3rem;border-radius:99rem;background:var(--surface-muted);font-size:.72rem}.survey-builder__body{display:grid;grid-template-columns:14rem minmax(0,52rem);gap:1.2rem;justify-content:center}.survey-section-rail{position:sticky;top:8.5rem;align-self:start;display:grid;gap:.35rem;max-height:calc(100vh - 10rem);overflow:auto;padding:.8rem;border-right:1px solid var(--border)}.survey-section-rail>strong{padding:.4rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.survey-section-rail button{justify-content:flex-start;border:0;background:transparent;text-align:left}.survey-section-rail button[aria-current=step]{background:color-mix(in srgb,var(--brand-plum) 10%,var(--surface));color:var(--brand-plum)}.survey-section-rail button>span:first-child{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;border-radius:50%;background:var(--surface-muted);font-size:.75rem}.survey-section-rail small{display:block;color:var(--text-muted);font-weight:400}.survey-canvas{display:grid;gap:.8rem;padding-bottom:3rem}.survey-section-card,.survey-question-card{border:1px solid var(--border);border-radius:.85rem;background:var(--surface);box-shadow:var(--shadow-soft)}.survey-section-card{display:grid;gap:.6rem;padding:1.25rem;border-top:5px solid var(--brand-navy)}.survey-section-number{color:var(--brand-red);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.survey-section-card .survey-section-title{border:0;border-radius:0;border-bottom:1px solid var(--border);font-size:1.35rem;font-weight:800}.survey-section-card textarea{min-height:4rem;resize:vertical}.survey-question-card{padding:1rem;border-left:4px solid transparent}.survey-question-card:focus-within{border-left-color:var(--brand-red)}.survey-question-card header{display:grid;grid-template-columns:2rem minmax(0,1fr) minmax(11rem,15rem);gap:.6rem;align-items:center}.survey-question-index{font-weight:800;color:var(--text-muted)}.survey-question-title{font-weight:700}.survey-question-description{margin-top:.55rem}.survey-question-card footer{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--border)}.survey-question-card footer button{min-width:2.65rem}.survey-question-spacer{flex:1}.survey-toggle{display:inline-flex;align-items:center;gap:.35rem;margin-right:.4rem;font-size:.83rem}.survey-toggle input{width:auto}.survey-options{display:grid;gap:.4rem;margin:.8rem 0}.survey-options>strong{font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.survey-options>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.4rem;align-items:center}.survey-options>button{justify-self:start}.survey-grid-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.survey-scale-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0}.survey-scale-settings label{display:flex;align-items:center;gap:.35rem}.survey-validation{margin:.8rem 0;padding:.75rem;border-radius:.65rem;background:var(--surface-subtle)}.survey-validation summary{cursor:pointer;font-weight:700}.survey-validation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}.survey-validation label,.survey-settings-panel label,.survey-settings-grid section>label{display:grid;gap:.3rem;color:var(--text-muted);font-size:.82rem}.survey-branches{display:grid;gap:.5rem;margin:.8rem 0;padding:.8rem;border:1px solid color-mix(in srgb,var(--brand-navy) 24%,var(--border));border-radius:.7rem;background:color-mix(in srgb,var(--brand-navy) 4%,var(--surface))}.survey-branches label{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(12rem,1.6fr);gap:.8rem;align-items:center}.survey-add-row{display:flex;justify-content:space-between}.survey-continue{display:grid;grid-template-columns:auto auto 1fr;gap:.65rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.survey-settings-panel{display:grid;place-items:center;text-align:center;max-width:44rem;margin:3rem auto;padding:3rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.survey-settings-save{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;max-width:68rem;margin:1rem auto;color:var(--text-muted);font-size:.82rem}.survey-settings-panel p{color:var(--text-muted)}.survey-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:68rem;margin:auto}.survey-settings-grid section{display:grid;align-content:start;gap:.75rem;padding:1.2rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.survey-settings-grid section:last-child{grid-column:1/-1}.survey-settings-title{display:flex;gap:.75rem;align-items:flex-start}.survey-settings-title h3,.survey-settings-title p{margin:0}.survey-settings-title p,.survey-setting-row small,.survey-audience-list small{display:block;color:var(--text-muted);line-height:1.4}.survey-setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border);color:var(--text)!important}.survey-setting-row input{width:auto}.survey-anonymity-warning{padding:.8rem;border:1px solid color-mix(in srgb,#d47a16 40%,var(--border));border-radius:.65rem;background:color-mix(in srgb,#d47a16 8%,var(--surface))}.survey-anonymity-warning p{margin:.25rem 0 0;color:var(--text-muted)}.survey-audience-list{display:grid;max-height:20rem;overflow:auto;border:1px solid var(--border);border-radius:.7rem}.survey-audience-list label{display:flex;gap:.6rem;padding:.65rem;border-bottom:1px solid var(--border)}.survey-audience-list label:last-child{border:0}.survey-audience-list input{width:auto}.survey-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:auto;background:var(--surface-muted)}.survey-preview-toolbar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.survey-preview-frame{max-width:68rem;margin:auto;padding:1rem}.survey-response-page{min-height:calc(100vh - 10rem);padding:1rem}.survey-progress{position:sticky;top:0;z-index:2;height:.3rem;background:var(--surface-muted)}.survey-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-red),var(--brand-plum));transition:width .2s ease}.survey-response-document{max-width:48rem;margin:1rem auto}.survey-response-document>header,.survey-response-section,.survey-thank-you{padding:1.4rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow-soft)}.survey-response-document>header{border-top:6px solid var(--brand-navy)}.survey-response-document h2{margin:.25rem 0;font-size:clamp(1.65rem,4vw,2.4rem)}.survey-response-document>header>p,.survey-response-section>p{color:var(--text-muted)}.survey-response-document>header>div{display:flex;gap:.8rem;flex-wrap:wrap;color:var(--text-muted);font-size:.8rem}.survey-response-section{margin-top:.8rem}.survey-response-section>h3{margin-top:0}.survey-answer{display:grid;gap:.5rem;margin:0;padding:1.2rem 0;border:0;border-top:1px solid var(--border)}.survey-answer legend{font-weight:750}.survey-answer legend span{margin-right:.4rem;color:var(--text-muted)}.survey-answer legend b{margin-left:.25rem;color:var(--brand-red)}.survey-answer>p{margin:0;color:var(--text-muted);font-size:.88rem}.survey-answer textarea{min-height:7rem;resize:vertical}.survey-answer-options{display:grid;gap:.55rem}.survey-answer-options label{display:flex;align-items:center;gap:.55rem;min-height:2.4rem}.survey-answer-options input[type=radio],.survey-answer-options input[type=checkbox],.survey-linear-scale input{width:auto;accent-color:var(--brand-plum)}.survey-answer-options label>input[type=text]{width:min(18rem,60%)}.survey-linear-scale{display:flex;align-items:end;justify-content:space-between;gap:.5rem}.survey-linear-scale label{display:grid;place-items:center;gap:.25rem}.survey-grid-wrap{overflow:auto}.survey-grid-wrap table,.survey-completion table,.survey-summary-grid table{width:100%;border-collapse:collapse}.survey-grid-wrap th,.survey-grid-wrap td,.survey-completion th,.survey-completion td,.survey-summary-grid th,.survey-summary-grid td{padding:.65rem;border-bottom:1px solid var(--border);text-align:left}.survey-grid-wrap td{text-align:center}.survey-grid-wrap input{width:auto}.survey-inline-error{color:var(--danger)!important;font-weight:700}.survey-error-summary{display:grid;gap:.25rem;margin:.8rem 0;padding:1rem;border-left:4px solid var(--danger);border-radius:.4rem;background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.survey-error-summary p{margin:.15rem 0}.survey-error-summary a{color:var(--danger)}.survey-response-section>footer{display:flex;justify-content:space-between;margin-top:1rem}.survey-thank-you{display:grid;place-items:center;max-width:42rem;margin:4rem auto;text-align:center}.survey-thank-you>span{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:color-mix(in srgb,#14966f 14%,var(--surface));color:#087252}.survey-thank-you p{color:var(--text-muted)}.survey-results{max-width:76rem;margin:auto}.survey-results>header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start}.survey-results>header h2,.survey-results>header p{margin:.2rem 0}.survey-results>header p{color:var(--text-muted)}.survey-result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0}.survey-result-metrics>div{display:grid;gap:.2rem;padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface)}.survey-result-metrics strong{font-size:1.6rem;color:var(--brand-navy)}.survey-result-metrics span{color:var(--text-muted)}.survey-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.survey-summary-grid>section{padding:1.1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface)}.survey-summary-grid h3,.survey-summary-grid p{margin:.15rem 0}.survey-summary-grid p{color:var(--text-muted)}.survey-chart{display:grid;gap:.55rem;margin-top:1rem}.survey-chart>div{display:grid;grid-template-columns:minmax(5rem,9rem) 1fr 2rem;gap:.6rem;align-items:center;font-size:.82rem}.survey-chart__track{height:.65rem;border-radius:99rem;background:var(--surface-muted);overflow:hidden}.survey-chart__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-navy),var(--brand-plum))}.survey-completion,.survey-individual{margin-top:.8rem;padding:1.1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface)}.survey-individual-nav{display:grid;grid-template-columns:auto 1fr auto auto;gap:.75rem;align-items:center}.survey-individual-nav strong{text-align:center}.survey-individual dl>div{padding:.8rem 0;border-bottom:1px solid var(--border)}.survey-individual dt{font-weight:700}.survey-individual dd{margin:.3rem 0 0;color:var(--text-muted)}.survey-shell :focus-visible,.survey-builder :focus-visible,.survey-results :focus-visible,.survey-response-page :focus-visible{outline:3px solid color-mix(in srgb,var(--brand-navy) 65%,white);outline-offset:2px}:root[data-theme=dark] .survey-tabs button[aria-selected=true],:root[data-theme=dark] .survey-worktabs button[aria-selected=true]{background:color-mix(in srgb,var(--brand-red) 18%,var(--surface));color:var(--text)}:root[data-theme=dark] .survey-result-metrics strong{color:var(--text)}:root[data-theme=dark] .survey-status--open{color:#72e6bd}:root[data-theme=dark] .survey-status--scheduled{color:#c2ccff}:root[data-theme=dark] .survey-status--draft{color:#ffc878}:root[data-theme=dark] .survey-chart__track i{background:linear-gradient(90deg,var(--brand-plum),var(--brand-red))}@media(max-width:900px){.survey-command-bar{grid-template-columns:1fr 1fr}.survey-tabs{grid-column:1/-1}.survey-builder__header{grid-template-columns:auto 1fr}.survey-builder__actions{grid-column:1/-1}.survey-builder__body{grid-template-columns:1fr}.survey-section-rail{position:static;display:flex;border-right:0;border-bottom:1px solid var(--border)}.survey-section-rail>strong{display:none}.survey-section-rail button{min-width:10rem}.survey-settings-grid,.survey-summary-grid{grid-template-columns:1fr}.survey-settings-grid section:last-child{grid-column:auto}}@media(max-width:620px){.survey-command-bar{grid-template-columns:1fr}.survey-tabs{grid-column:auto}.survey-row{grid-template-columns:1fr}.survey-row__actions{justify-content:flex-start}.survey-builder__header{margin:-.5rem -.5rem 0;padding:.7rem .5rem}.survey-title-edit{min-width:0}.survey-builder__actions{overflow:auto;flex-wrap:nowrap;justify-content:flex-start}.survey-question-card header{grid-template-columns:1.7rem 1fr}.survey-question-card header select{grid-column:2}.survey-grid-options,.survey-scale-settings,.survey-validation>div{grid-template-columns:1fr}.survey-branches label{grid-template-columns:1fr}.survey-toggle{min-height:2.65rem}.survey-response-page{padding:0}.survey-response-document>header,.survey-response-section{border-radius:.6rem;padding:1rem}.survey-linear-scale{overflow:auto;justify-content:flex-start}.survey-linear-scale label{min-width:2.6rem}.survey-results>header{grid-template-columns:1fr}.survey-result-metrics{grid-template-columns:1fr}.survey-individual-nav{grid-template-columns:1fr 1fr}.survey-individual-nav strong{grid-column:1/-1;grid-row:1}.survey-individual-nav span{text-align:center}}@media(prefers-reduced-motion:reduce){.survey-shell *,.survey-builder *,.survey-results *,.survey-response-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.survey-ui,.survey-ui-portal{--survey-gutter: clamp(1rem, 2vw, 2rem);--survey-card-padding: clamp(1.25rem, 2.2vw, 1.75rem);--survey-content: 90rem;min-width:0}.survey-ui *,.survey-ui-portal *{box-sizing:border-box}.survey-ui :where(h2,h3,p),.survey-ui-portal :where(h2,h3,p){overflow-wrap:anywhere}.survey-ui :where(button,[role=button],input,select,textarea){touch-action:manipulation}.survey-ui button:not([data-slot=checkbox]):not([data-slot=switch]),.survey-ui-portal button:not([data-slot=checkbox]):not([data-slot=switch]){min-height:44px}.survey-ui button svg,.survey-ui-portal button svg{flex:0 0 auto}.survey-shell,.survey-builder,.survey-results{width:min(100%,var(--survey-content));margin-inline:auto}.survey-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem)!important;border:1px solid var(--border);border-radius:var(--card-radius, 1.375rem);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.survey-heading>div{min-width:0}.survey-heading h2{margin:.6rem 0 .4rem;font-size:clamp(2.25rem,4.5vw,4.5rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}.survey-heading p{margin:0;max-width:54rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.survey-command-bar{grid-template-columns:minmax(28rem,auto) minmax(14rem,1fr) minmax(15rem,18rem);gap:.75rem;margin:1.25rem 0;padding:.75rem;border-radius:1.25rem;overflow:visible}.survey-command-bar>*{min-width:0}.survey-tabs{width:100%;overflow:visible}.survey-tabs__list{grid-auto-flow:column;grid-auto-columns:minmax(9rem,1fr)}.survey-tabs [data-slot=tabs-trigger]{white-space:normal}.survey-command-bar [data-slot=input],.survey-command-bar [data-slot=native-select]{min-height:52px;border-radius:.9rem}.survey-list{gap:.875rem}.survey-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;padding:var(--survey-card-padding);border-radius:1.25rem;overflow:visible}.survey-row__lead{min-width:0}.survey-row h3{margin:.7rem 0 .25rem;font-size:1.125rem;line-height:1.35}.survey-row__actions{justify-content:flex-end}.survey-row__actions>button{flex:0 0 auto}.survey-status{min-height:1.5rem;padding:.25rem .625rem;border:0}.survey-meta{gap:.5rem 1rem;font-size:.875rem}.survey-state{min-height:18rem;padding:clamp(1.5rem,4vw,3rem);border-radius:1.25rem}.survey-pagination{flex-wrap:wrap;margin:1.25rem 0 0}.survey-builder{min-height:calc(100dvh - 8rem)}.survey-builder__header{top:0;grid-template-columns:auto minmax(12rem,1fr) auto;gap:1rem;margin:-.5rem 0 0;padding:.75rem 0}.survey-back{padding-inline:.75rem!important}.survey-title-edit{min-width:0}.survey-title-edit [data-slot=input]{height:44px;border-color:transparent;background:transparent;padding-inline:.5rem;font-size:1.05rem;font-weight:750}.survey-title-edit [data-slot=input]:focus-visible{border-color:var(--ui-ring);background:var(--surface)}.survey-builder__actions,.survey-builder__mobile-actions{align-items:center;gap:.5rem}.survey-builder__mobile-actions{display:none}.survey-worktabs{margin:1rem auto 1.25rem;border:0}.survey-worktabs__list{width:min(100%,38rem);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.survey-worktabs [data-slot=tabs-trigger]{border-radius:.65rem;white-space:normal}.survey-ui [data-slot=tabs-trigger]{background:transparent!important;color:var(--text-muted)!important}.survey-ui [data-slot=tabs-trigger]:hover{background:color-mix(in srgb,var(--text) 5%,transparent)!important}.survey-ui [data-slot=tabs-trigger][data-active]{background:var(--surface)!important;color:var(--text)!important;box-shadow:inset 0 -2px 0 var(--brand-red),var(--shadow-soft)!important}.survey-worktabs [data-slot=tabs-trigger]>span{display:inline-grid;min-width:1.5rem;height:1.5rem;place-items:center;margin:0;border-radius:999px;background:var(--surface-muted);font-size:.75rem}:root[data-theme=dark] .survey-ui [data-slot=tabs-trigger]{color:#dfe6f3!important}:root[data-theme=dark] .survey-ui [data-slot=tabs-trigger][data-active]{background:var(--surface)!important;color:#fff!important}.survey-builder__body{grid-template-columns:minmax(13rem,15rem) minmax(0,54rem);gap:1.5rem;align-items:start}.survey-section-picker{display:none}.survey-section-rail{top:7.5rem;gap:.5rem;max-height:calc(100dvh - 9rem);padding:.75rem;border:1px solid var(--border);border-radius:1.1rem;background:var(--surface)}.survey-section-rail button{min-height:48px;border-radius:.75rem}.survey-canvas{min-width:0;width:100%}.survey-section-card,.survey-question-card{padding:var(--survey-card-padding);border-radius:1.25rem;overflow:visible}.survey-section-card{border-top:4px solid var(--brand-navy)}.survey-section-title{height:auto!important;min-height:44px;margin:.35rem 0 .5rem;padding-inline:0!important;border-color:transparent!important;background:transparent!important;font-size:clamp(1.5rem,3vw,2rem)!important}.survey-question-card{margin-top:1rem}.survey-question-card header{grid-template-columns:2rem minmax(12rem,1fr) minmax(12rem,15rem);gap:.75rem}.survey-question-card header>*,.survey-scale-settings>*,.survey-grid-options>*{min-width:0}.survey-question-index{width:2rem;height:2rem}.survey-question-description{margin:.75rem 0}.survey-options>div{grid-template-columns:auto minmax(0,1fr) 44px;gap:.5rem}.survey-options>div>button,.survey-question-card footer>button[aria-label]{width:44px;min-width:44px;padding:0}.survey-grid-options,.survey-scale-settings,.survey-validation>div{gap:.75rem}.survey-question-card footer{gap:.5rem;padding-top:1rem}.survey-toggle{min-height:44px;gap:.75rem;padding:.45rem .65rem;border-radius:.75rem}.survey-add-row{gap:.75rem;padding-block:1rem}.survey-continue{grid-template-columns:auto minmax(8rem,auto) minmax(12rem,1fr);gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:1rem}.survey-settings-panel,.survey-settings-save{width:min(100%,54rem);margin-inline:auto;padding:var(--survey-card-padding);border-radius:1.25rem}.survey-settings-grid{width:min(100%,68rem);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.survey-settings-grid>[data-slot=card]{min-width:0;padding:var(--survey-card-padding);border-radius:1.25rem;overflow:visible}.survey-settings-grid>.survey-settings-schedule{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.survey-settings-schedule .survey-settings-title{grid-column:1 / -1}.survey-settings-title{gap:.75rem;margin-bottom:1rem}.survey-settings-title h3{margin:0;font-size:1.05rem}.survey-settings-title p{margin:.2rem 0 0}.survey-setting-row{min-height:64px;gap:1rem;padding:.875rem 0}.survey-setting-row>span{min-width:0}.survey-setting-row [data-slot=switch]{margin:.5rem}.survey-audience-list{max-height:22rem;margin-top:.75rem;padding:.5rem;border-radius:.9rem}.survey-audience-list label{min-height:52px;gap:.875rem;padding:.625rem .75rem;border-radius:.7rem}.survey-anonymity-warning{padding:.875rem 1rem;border-radius:.875rem}.survey-preview-dialog{width:calc(100vw - 24px)!important;max-width:100rem!important;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);grid-template-rows:auto minmax(0,1fr);gap:0!important;padding:0!important;overflow:hidden;border-radius:1.4rem!important}.survey-preview-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:.875rem clamp(1rem,2vw,1.5rem);border-bottom:1px solid var(--border);background:var(--surface)}.survey-preview-toolbar [data-slot=dialog-description]{margin-top:.2rem}.survey-preview-frame{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--canvas)}.survey-preview-frame .survey-response-page{min-height:100%}.survey-preview-frame .survey-progress{top:0}.survey-response-page{min-height:100dvh;padding:clamp(1rem,3vw,2.5rem);background:var(--canvas)}.survey-progress{position:sticky;top:0;z-index:3;width:min(100%,72rem);height:auto;margin:0 auto .75rem;padding:0;background:transparent}.survey-response-document{width:min(100%,72rem);margin-inline:auto;padding:0;overflow:visible;background:transparent;box-shadow:none}.survey-response-document>header,.survey-response-section{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--border);border-radius:1.4rem;background:var(--surface);box-shadow:var(--shadow-soft)}.survey-response-document>header h2{margin:.6rem 0 .5rem;font-size:clamp(2rem,5vw,3.6rem);line-height:1.02}.survey-response-document>header>div{gap:.5rem 1rem}.survey-response-section{margin-top:1rem}.survey-answer{min-width:0;padding:clamp(1rem,2.5vw,1.5rem);border-radius:1rem}.survey-answer legend{max-width:100%;line-height:1.45}.survey-answer-options{gap:.5rem}.survey-answer-options>label{min-height:48px;gap:.75rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:.75rem}.survey-answer-options>label:hover{border-color:var(--border);background:var(--surface-subtle)}.survey-answer input[type=radio],.survey-answer input[type=checkbox]{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:var(--brand-red)}.survey-linear-scale,.survey-grid-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.survey-linear-scale{justify-content:flex-start;padding:.5rem .25rem .75rem}.survey-linear-scale label{min-width:48px;min-height:60px}.survey-grid-wrap{border:1px solid var(--border);border-radius:.875rem}.survey-grid-wrap table{min-width:42rem}.survey-response-section>footer{gap:.75rem;padding-top:1.25rem}.survey-thank-you{width:min(100%,60rem);margin:clamp(1rem,6vh,4rem) auto;padding:clamp(1.5rem,4vw,3rem);overflow:visible}.survey-results>header{grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding-bottom:1.25rem}.survey-results>header h2{margin:.35rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05}.survey-result-metrics{gap:1rem}.survey-result-metrics>[data-slot=card]{gap:.25rem;padding:1.25rem;overflow:visible}.survey-summary-grid{gap:1rem}.survey-summary-grid>[data-slot=card],.survey-completion,.survey-individual{min-width:0;padding:var(--survey-card-padding);border-radius:1.25rem;overflow:visible}.survey-chart>div{grid-template-columns:minmax(6rem,12rem) minmax(6rem,1fr) 2.5rem}.survey-chart>div>span:first-child{overflow-wrap:anywhere}.survey-individual-nav{grid-template-columns:auto minmax(0,1fr) auto auto}.survey-individual dd{overflow-wrap:anywhere}@media(max-width:1024px){body:has(.survey-ui) .app .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}body:has(.survey-ui) .app .topbar-heading{min-width:0}body:has(.survey-ui) .app .topbar-actions>.icon-button:last-child{display:none}.survey-command-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.survey-tabs{grid-column:1 / -1}.survey-builder__header{grid-template-columns:auto minmax(0,1fr)}.survey-builder__actions{grid-column:1 / -1}.survey-builder__body{grid-template-columns:12rem minmax(0,1fr);gap:1rem}.survey-question-card header{grid-template-columns:2rem minmax(0,1fr)}.survey-question-card header [data-slot=native-select-wrapper]{grid-column:2}.survey-settings-grid{grid-template-columns:1fr}.survey-settings-grid>.survey-settings-schedule{grid-column:auto}.survey-summary-grid{grid-template-columns:1fr}}@media(max-width:767px){.survey-heading{grid-template-columns:1fr;align-items:start;gap:1.25rem}.survey-heading>button{width:100%}.survey-row{grid-template-columns:1fr}.survey-row__actions{justify-content:flex-start}.survey-row__actions>button{flex:1 1 10rem}.survey-builder__body{display:block}.survey-section-rail{display:none}.survey-section-picker{display:grid;gap:.5rem;margin-bottom:1rem;font-weight:700}.survey-settings-schedule{grid-template-columns:1fr!important}.survey-settings-schedule .survey-settings-title{grid-column:auto}.survey-results>header{grid-template-columns:1fr auto}.survey-results>header>div{grid-column:1 / -1;grid-row:2}.survey-result-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-result-metrics>:last-child{grid-column:1 / -1}}@media(max-width:620px){.survey-ui,.survey-ui-portal{--survey-card-padding: 1rem}.survey-shell,.survey-builder,.survey-results{width:100%}.survey-heading{padding:1.25rem!important;border-radius:1rem}.survey-heading h2{font-size:clamp(2.15rem,12vw,3.1rem)}.survey-command-bar{grid-template-columns:1fr;padding:.625rem}.survey-tabs{grid-column:auto}.survey-tabs__list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.survey-tabs__list>:last-child:nth-child(odd){grid-column:1 / -1}.survey-row,.survey-section-card,.survey-question-card{border-radius:1rem}.survey-row__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.survey-row__actions>:only-child,.survey-row__actions>:last-child:nth-child(odd){grid-column:1 / -1}.survey-builder__header{grid-template-columns:auto minmax(0,1fr) auto;margin:-.5rem 0 0;padding:.5rem 0}.survey-back{width:44px;padding:0!important;font-size:0!important;gap:0!important}.survey-back svg{width:18px;height:18px}.survey-builder__actions--desktop{display:none}.survey-builder__mobile-actions{display:flex}.survey-builder__mobile-actions>button:first-child{min-width:7.25rem}.survey-save{padding-left:.5rem}.survey-worktabs{margin-top:.75rem}.survey-worktabs [data-slot=tabs-trigger]{padding-inline:.5rem}.survey-question-card header{grid-template-columns:2rem minmax(0,1fr)}.survey-grid-options,.survey-scale-settings,.survey-validation>div,.survey-branches label{grid-template-columns:1fr}.survey-question-card footer{align-items:center}.survey-question-spacer{display:none}.survey-add-row{display:grid;grid-template-columns:1fr}.survey-continue{grid-template-columns:auto minmax(0,1fr)}.survey-continue [data-slot=native-select-wrapper]{grid-column:1 / -1}.survey-settings-grid>[data-slot=card]{padding:1rem}.survey-preview-dialog{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh;border-radius:0!important}.survey-preview-toolbar{min-height:68px;padding:.75rem 1rem}.survey-preview-toolbar [data-slot=dialog-description]{display:none}.survey-preview-toolbar button{min-width:44px;padding-inline:.75rem!important}.survey-response-page{padding:.75rem}.survey-response-document>header,.survey-response-section{padding:1rem;border-radius:1rem}.survey-response-document>header h2{font-size:clamp(2rem,11vw,2.8rem)}.survey-answer{padding:1rem}.survey-response-section>footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.survey-result-metrics{grid-template-columns:1fr}.survey-result-metrics>:last-child{grid-column:auto}.survey-results>header{grid-template-columns:1fr}.survey-results>header>div{grid-column:auto;grid-row:auto}.survey-results>header>button{width:100%}.survey-individual-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.survey-individual-nav strong,.survey-individual-nav span{grid-column:1 / -1;text-align:center}}@media(prefers-reduced-motion:reduce){.survey-ui *,.survey-ui-portal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial;--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-border-style:solid;--tw-leading:initial;--tw-font-weight: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;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--container-md:28rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.\@container{container-type:inline-size!important}.pointer-events-none{pointer-events:none!important}.collapse{visibility:collapse!important}.visible{visibility:visible!important}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.static{position:static!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.top-1\/2{top:50%!important}.top-2{top:calc(var(--spacing) * 2)!important}.right-2{right:calc(var(--spacing) * 2)!important}.right-3{right:calc(var(--spacing) * 3)!important}.left-1\/2{left:50%!important}.isolate{isolation:isolate!important}.z-50{z-index:50!important}.z-\[70\]{z-index:70!important}.z-\[80\]{z-index:80!important}.z-\[81\]{z-index:81!important}.container{width:100%!important}@media(min-width:40rem){.container{max-width:40rem!important}}@media(min-width:48rem){.container{max-width:48rem!important}}@media(min-width:64rem){.container{max-width:64rem!important}}@media(min-width:80rem){.container{max-width:80rem!important}}@media(min-width:96rem){.container{max-width:96rem!important}}.block{display:block!important}.contents{display:contents!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.inline{display:inline!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.size-3\.5{width:calc(var(--spacing) * 3.5)!important;height:calc(var(--spacing) * 3.5)!important}.size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-5{width:calc(var(--spacing) * 5)!important;height:calc(var(--spacing) * 5)!important}.size-11{width:calc(var(--spacing) * 11)!important;height:calc(var(--spacing) * 11)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)!important}.h-7{height:calc(var(--spacing) * 7)!important}.h-11{height:calc(var(--spacing) * 11)!important}.h-12{height:calc(var(--spacing) * 12)!important}.h-full{height:100%!important}.min-h-6{min-height:calc(var(--spacing) * 6)!important}.min-h-11{min-height:calc(var(--spacing) * 11)!important}.min-h-24{min-height:calc(var(--spacing) * 24)!important}.w-12{width:calc(var(--spacing) * 12)!important}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)!important}.w-fit{width:fit-content!important}.w-full{width:100%!important}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)!important}.max-w-md{max-width:var(--container-md)!important}.min-w-0{min-width:0!important}.min-w-48{min-width:calc(var(--spacing) * 48)!important}.min-w-\[36rem\]{min-width:36rem!important}.flex-shrink,.shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.border-collapse{border-collapse:collapse!important}.-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.-translate-y-1\/2{--tw-translate-y: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.flex-col{flex-direction:column!important}.flex-col-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.place-items-center{place-items:center!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.gap-1{gap:var(--spacing)!important}.gap-1\.5{gap:calc(var(--spacing) * 1.5)!important}.gap-2{gap:calc(var(--spacing) * 2)!important}.gap-4{gap:calc(var(--spacing) * 4)!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.rounded-full{border-radius:3.40282e38px!important}.rounded-lg{border-radius:var(--radius)!important}.rounded-md{border-radius:calc(var(--radius) * .8)!important}.rounded-xl{border-radius:calc(var(--radius) * 1.4)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.border-border{border-color:var(--ui-border)!important}.border-input{border-color:var(--input)!important}.border-transparent{border-color:#0000!important}.bg-background{background-color:var(--background)!important}.bg-black\/35{background-color:#00000059!important}@supports (color:color-mix(in lab,red,red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)!important}}.bg-card{background-color:var(--card)!important}.bg-destructive\/10{background-color:var(--destructive)!important}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)!important}}.bg-input{background-color:var(--input)!important}.bg-muted{background-color:var(--ui-muted)!important}.bg-popover{background-color:var(--popover)!important}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.bg-clip-padding{background-clip:padding-box!important}.p-1{padding:var(--spacing)!important}.p-5{padding:calc(var(--spacing) * 5)!important}.p-6{padding:calc(var(--spacing) * 6)!important}.px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing) * 5)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.py-2{padding-block:calc(var(--spacing) * 2)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.pt-0{padding-top:0!important}.pt-4{padding-top:calc(var(--spacing) * 4)!important}.pr-10{padding-right:calc(var(--spacing) * 10)!important}.pl-3{padding-left:calc(var(--spacing) * 3)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.align-top{vertical-align:top!important}.text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.leading-6{--tw-leading:calc(var(--spacing) * 6)!important;line-height:calc(var(--spacing) * 6)!important}.leading-snug{--tw-leading:var(--leading-snug)!important;line-height:var(--leading-snug)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.whitespace-nowrap{white-space:nowrap!important}.text-card-foreground{color:var(--card-foreground)!important}.text-destructive{color:var(--destructive)!important}.text-foreground{color:var(--foreground)!important}.text-muted-foreground{color:var(--muted-foreground)!important}.text-popover-foreground{color:var(--popover-foreground)!important}.text-primary-foreground{color:var(--primary-foreground)!important}.text-secondary-foreground{color:var(--secondary-foreground)!important}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ring-foreground\/10{--tw-ring-color:var(--foreground)!important}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)!important}}.outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.blur{--tw-blur:blur(8px)!important;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,)!important}.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,)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))!important;-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,)!important;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,)!important}.backdrop-filter{-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,)!important;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,)!important}.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!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.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!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-100{--tw-duration:.1s!important;transition-duration:.1s!important}.duration-150{--tw-duration:.15s!important;transition-duration:.15s!important}.ease-in-out{--tw-ease:var(--ease-in-out)!important;transition-timing-function:var(--ease-in-out)!important}.ease-out{--tw-ease:var(--ease-out)!important;transition-timing-function:var(--ease-out)!important}.outline-none{--tw-outline-style:none!important;outline-style:none!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.paused{animation-play-state:paused!important}.running{animation-play-state:running!important}.group-data-checked\/switch\:translate-x-\[1\.55rem\]:is(:is(:where(.group\/switch):where([data-state=checked]),:where(.group\/switch):where([data-checked]:not([data-checked=false]))) *){--tw-translate-x:1.55rem!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)!important}.after\:absolute:after{content:var(--tw-content);position:absolute!important}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)!important}.after\:-inset-3:after{content:var(--tw-content);inset:calc(var(--spacing) * -3)!important}@media(hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--destructive)!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)!important}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--ui-muted)!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--ui-muted) 50%,transparent)!important}}.hover\:bg-primary\/88:hover{background-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/88:hover{background-color:color-mix(in oklab,var(--primary) 88%,transparent)!important}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)!important}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)!important}}}.focus\:bg-accent:focus{background-color:var(--accent)!important}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)!important}.focus-visible\:border-ring:focus-visible{border-color:var(--ui-ring)!important}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:var(--ui-ring)!important}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/30:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ui-ring) 30%, transparent)!important}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.disabled\:pointer-events-none:disabled{pointer-events:none!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:opacity-50:disabled{opacity:.5!important}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)!important}@media(min-width:40rem){.sm\:flex-row{flex-direction:row!important}.sm\:justify-end{justify-content:flex-end!important}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)!important}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0!important}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95!important}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)!important}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0!important}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95!important}.data-checked\:border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--primary)!important}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)!important}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none!important}.data-disabled\:cursor-not-allowed:where([data-disabled=true]),.data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled=false])){cursor:not-allowed!important}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5!important}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none!important}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media(prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}.survey-ui,.survey-ui-portal,.performance-ui,.performance-ui-portal,.erp-ui-portal{--background:var(--canvas);--foreground:var(--text);--card:var(--surface);--card-foreground:var(--text);--popover:var(--surface);--popover-foreground:var(--text);--primary:var(--brand-red);--primary-foreground:#fff;--secondary:var(--surface-muted);--secondary-foreground:var(--text);--ui-muted:var(--surface-muted);--muted-foreground:var(--text-muted);--accent:var(--brand-navy)}@supports (color:color-mix(in lab,red,red)){.survey-ui,.survey-ui-portal,.performance-ui,.performance-ui-portal,.erp-ui-portal{--accent:color-mix(in srgb, var(--brand-navy) 10%, var(--surface))}}.survey-ui,.survey-ui-portal,.performance-ui,.performance-ui-portal,.erp-ui-portal{--accent-foreground:var(--brand-navy);--destructive:var(--danger);--ui-border:var(--border);--input:var(--border-strong);--ui-ring:var(--brand-red);--radius:var(--control-radius,.875rem)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--brand-red: #ed1e36;--brand-plum: #832951;--brand-navy: #23326a;--action-red: #c6162e;--canvas: #f3f6fa;--surface: #ffffff;--surface-subtle: #f8fafc;--surface-muted: #eef2f7;--surface-overlay: #ffffff;--border: #dce3ec;--border-strong: #c4cedb;--text: #17213a;--text-muted: #657086;--sidebar: #23326a;--sidebar-deep: #18244f;--sidebar-bg: var(--sidebar-deep);--sidebar-muted: rgba(255, 255, 255, .68);--on-brand: #ffffff;--overlay: rgba(8, 17, 31, .58);--control-bg: var(--surface);--accent-soft: color-mix(in srgb, var(--brand-red) 8%, var(--surface));--control-height: 42px;--control-radius: 8px;--card-radius: 16px;--layout-gap: 16px;--page-gutter: 24px;--clinical-shadow: 0 1px 2px rgba(23, 33, 58, .035), 0 8px 24px rgba(23, 33, 58, .065);--clinical-shadow-raised: 0 16px 36px rgba(23, 33, 58, .12);--focus-ring: rgba(237, 30, 54, .24);--motion-standard: .18s cubic-bezier(.2, .8, .2, 1);--z-header: 20;--z-popover: 40;--z-scrim: 60;--z-drawer: 70;--teal: #0f766e;--violet: #7467d9;--good: #13734b;--good-bg: #e5f7ed;--warn: #a66010;--warn-bg: #fff3d6;--info: #0f5f9f;--info-bg: #e7f3ff;--bad: #b42338;--bad-bg: #ffe7eb;--chart-1: #23326a;--chart-2: #832951;--chart-3: #ed1e36;--chart-4: #53639b;--chart-5: #a45a7b;--chart-6: #8b98ad;--glass: rgba(255, 255, 255, .78);--bg: var(--canvas);--panel: var(--surface);--panel-2: var(--surface-subtle);--soft: var(--surface-muted);--line: var(--border);--line-strong: var(--border-strong);--ink: var(--text);--muted: var(--text-muted);--navy: var(--brand-navy);--navy-2: var(--sidebar-deep);--red: var(--brand-red);--red-dark: var(--action-red);--radius: var(--card-radius);--radius-control: var(--control-radius);--shadow: var(--clinical-shadow);--shadow-hover: var(--clinical-shadow-raised);--ring: var(--focus-ring);--pro-bg: var(--canvas);--pro-surface: var(--surface);--pro-surface-subtle: var(--surface-subtle);--pro-text: var(--text);--pro-text-soft: var(--text-muted);--pro-border: var(--border);--pro-border-strong: var(--border-strong);--pro-brand: var(--brand-red);--pro-brand-hover: var(--action-red);--pro-brand-soft: color-mix(in srgb, var(--brand-red) 8%, var(--surface));--pro-focus: var(--focus-ring);--pro-success: var(--good);--pro-warning: var(--warn);--pro-danger: var(--bad);--pro-info: var(--info);--pro-radius: var(--control-radius);--pro-radius-lg: var(--card-radius);--pro-shadow-sm: var(--clinical-shadow);--pro-shadow: var(--clinical-shadow-raised);--pro-transition: var(--motion-standard)}:root[data-theme=dark]{color-scheme:dark;--canvas: #08111f;--surface: #0f1b2d;--surface-subtle: #132238;--surface-muted: #182a45;--surface-overlay: #132238;--border: #263a57;--border-strong: #3a5272;--text: #eef4fc;--text-muted: #a8b7ca;--sidebar: #142a43;--sidebar-deep: #0b182b;--overlay: rgba(3, 8, 18, .72);--action-red: #d91b37;--clinical-shadow: 0 1px 2px rgba(0, 0, 0, .24), 0 12px 28px rgba(0, 0, 0, .24);--clinical-shadow-raised: 0 18px 44px rgba(0, 0, 0, .34);--focus-ring: rgba(255, 77, 104, .3);--teal: #36d6c4;--violet: #b4a2ff;--good: #42d392;--good-bg: rgba(66, 211, 146, .13);--warn: #ffc766;--warn-bg: rgba(255, 199, 102, .15);--info: #79bcff;--info-bg: rgba(121, 188, 255, .14);--bad: #ff6c82;--bad-bg: rgba(255, 108, 130, .14);--chart-1: #8193db;--chart-2: #c77da0;--chart-3: #ff5269;--chart-4: #aab8ef;--chart-5: #e5a9c3;--chart-6: #71839c;--glass: rgba(15, 27, 45, .76)}.workspace-gate{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:var(--bg)}.workspace-gate-card{width:min(100%,30rem);padding:2rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.workspace-gate-card svg{color:var(--red)}.workspace-gate-card h1{margin:.8rem 0 .45rem}.workspace-gate-card p{margin:0 0 1.25rem;color:var(--muted)}.sync-alert{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--bad) 38%,var(--line));background:var(--bad-bg);color:var(--bad)}.sync-alert button{flex:0 0 auto}@media(max-width:640px){.sync-alert{align-items:flex-start;flex-direction:column}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 7% -4%,rgba(237,30,54,.1),transparent 27rem),radial-gradient(circle at 94% 6%,rgba(15,118,110,.11),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.86),transparent 22rem),var(--bg);color:var(--ink);line-height:1.45}::selection{background:var(--ring)}.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}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:0 .85rem;font-weight:780;cursor:pointer;box-shadow:0 4px 14px #111d2c0a;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.app button:hover:not(.scrim){border-color:var(--navy-2);box-shadow:0 10px 24px #111d2c1a;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58}button.primary,.primary{background:var(--red);border-color:var(--red);color:#fff}button.primary:hover,.primary:hover{background:var(--red-dark);border-color:var(--red-dark)}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--control-bg);color:var(--ink);padding:.55rem .65rem;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--red)}.app{min-height:100vh;display:flex;isolation:isolate}.sidebar{position:sticky;top:0;width:280px;height:100vh;flex:0 0 280px;background:radial-gradient(circle at 16% 0%,rgba(237,30,54,.18),transparent 12rem),linear-gradient(180deg,var(--navy),#101b2a 58%,#0d1724);color:#e7eef7;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 45px #0712251f}.brand-block{display:flex;gap:.75rem;align-items:center;padding:1.15rem 1rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand-block strong{display:block;font-size:1.02rem;letter-spacing:.01em}.brand-block span:not(.logo-crop){display:block;color:#9fb0c5;font-size:.78rem}.logo-crop{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.logo-crop img{display:block;width:100%;height:100%;transform-origin:center}.logo-crop.wordmark{width:46px;height:46px;border-radius:8px}.logo-crop.wordmark img{transform:scale(5.8)}.logo-crop.mark{width:28px;height:28px;border-radius:7px}.logo-crop.mark img{transform:scale(5.8)}.nav-list{display:grid;gap:.25rem;min-height:0;overflow-y:auto;padding:.85rem .75rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav-list a{display:flex;align-items:center;gap:.45rem;min-height:40px;justify-content:flex-start;padding:0 .85rem;border-color:transparent;background:transparent;color:#9fb0c5;font-weight:700;box-shadow:none;text-decoration:none}.nav-list a:hover{background:#ffffff12;color:#fff}.nav-list a.active{background:linear-gradient(135deg,#fff,#eef4fb);color:var(--navy);box-shadow:0 14px 34px #0000003d}.account-menu{margin-top:auto;position:relative;padding:.8rem;border-top:1px solid rgba(255,255,255,.08)}.account-trigger{width:100%;justify-content:flex-start;gap:.7rem;border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff17,#ffffff0a);color:#e7eef7;text-align:left}.account-trigger:hover{background:#ffffff1a}.account-avatar,.account-photo-preview{display:inline-grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--violet));color:#fff;font-weight:900}.account-avatar{width:34px;height:34px;flex:0 0 34px;font-size:.78rem}.account-avatar img,.account-photo-preview img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.account-label{display:grid;min-width:0}.account-label strong,.account-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label strong{font-size:.82rem}.account-label small{color:#9fb0c5;font-size:.72rem;text-transform:capitalize}.account-popover{position:absolute;left:.8rem;right:.8rem;bottom:calc(100% + .55rem);z-index:20;display:grid;gap:.15rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem;background:#232323;box-shadow:0 22px 60px #0000006b}.account-popover button{justify-content:flex-start;min-height:36px;border-color:transparent;background:transparent;color:#f5f5f5;font-weight:700}.account-popover button:hover{background:#ffffff14}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:88px;display:grid;grid-template-columns:auto minmax(210px,1fr);align-items:center;gap:1rem;padding:0 1.4rem;background:radial-gradient(circle at 82% -30%,rgba(237,30,54,.12),transparent 34%),linear-gradient(90deg,#fffffff5,#f7fafee0);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}:root[data-theme=dark] .topbar{background:radial-gradient(circle at 82% -30%,rgba(237,30,54,.18),transparent 34%),linear-gradient(90deg,#08111ff2,#0d192be6)}.topbar h1{margin:.12rem 0 0;font-size:1.42rem;letter-spacing:-.01em}.page-title{min-width:0;position:relative;padding-left:1rem}.page-title:before{content:"";position:absolute;left:0;top:.1rem;bottom:.1rem;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--red),var(--violet));box-shadow:0 0 18px #ed1e3640}.page-hint{max-width:560px;margin:.2rem 0 0;overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.section-label{margin:0;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mobile-menu{display:none}.content{width:min(1480px,100%);padding:1.45rem}.content>section,.content>.report-grid,.content>.settings-grid{min-width:0}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px) auto;gap:1.6rem;align-items:center;border-radius:8px;min-height:268px;padding:1.45rem;background:linear-gradient(135deg,#0c1a2ef5,#223149f7),radial-gradient(circle at 82% 20%,rgba(237,30,54,.28),transparent 32%);color:#fff;box-shadow:var(--shadow);margin-bottom:1.1rem;position:relative;overflow:hidden;isolation:isolate;perspective:900px}.hero-panel:after{content:"";position:absolute;inset:auto -14% -48% 36%;height:240px;background:radial-gradient(circle,rgba(237,30,54,.22),transparent 68%);pointer-events:none;z-index:-1}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 86%,transparent);opacity:.38;transform:translateZ(-1px);pointer-events:none;z-index:-1}.hero-copy{position:relative;z-index:2}.hero-logo-crop{display:inline-flex;width:74px;height:74px;overflow:hidden;border-radius:8px}.hero-logo-crop img{width:100%;height:100%;transform:scale(5.8)}.hero-panel h2{max-width:820px;margin:.6rem 0 .35rem;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.04;letter-spacing:0}.hero-panel p{max-width:760px;margin:0;color:#cbd7e5}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}.hero-actions button{border-color:#ffffff40}.hero-orbital{position:relative;width:min(100%,330px);height:210px;justify-self:center;transform-style:preserve-3d;transform:rotateX(60deg) rotate(-14deg)}.hero-grid-plane,.hero-ring,.hero-console,.hero-node{position:absolute;display:block}.hero-grid-plane{top:24px;right:2px;bottom:12px;left:2px;border:1px solid rgba(147,171,206,.28);border-radius:8px;background-image:linear-gradient(rgba(147,171,206,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(147,171,206,.14) 1px,transparent 1px);background-size:28px 28px;box-shadow:0 26px 80px #00000047,inset 0 0 34px #415c8c3d;animation:heroPlane 8s ease-in-out infinite}.hero-ring{top:28px;right:38px;bottom:24px;left:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 0 28px #ed1e3633}.hero-ring-one{animation:heroOrbit 9s linear infinite}.hero-ring-two{top:52px;right:76px;bottom:50px;left:76px;border-color:#9db5dd3d;animation:heroOrbit 12s linear infinite reverse}.hero-console{left:96px;top:64px;width:142px;height:104px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(155deg,#fff3,#172a45c7);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff47;transform:translateZ(50px) rotateX(-62deg) rotate(12deg);animation:heroFloat 5.2s ease-in-out infinite}.hero-console-top{position:absolute;left:14px;right:14px;top:13px;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--red),#7365cc);box-shadow:0 0 20px #ed1e3657}.hero-console-row{position:absolute;left:16px;height:8px;border-radius:999px;background:#e1ebf9b8}.hero-console-row.wide{top:44px;width:108px}.hero-console-row{top:64px;width:88px}.hero-console-row.short{top:82px;width:62px}.hero-node{width:14px;height:14px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:var(--red);box-shadow:0 0 0 8px #ed1e361f,0 0 24px #ed1e368f;transform:translateZ(64px);animation:heroNode 2.8s ease-in-out infinite}.node-one{left:50px;top:44px}.node-two{right:48px;top:80px;animation-delay:.55s}.node-three{left:124px;bottom:26px;background:#7768d8;box-shadow:0 0 0 8px #7768d821,0 0 24px #7768d880;animation-delay:1s}@keyframes heroPlane{0%,to{transform:translateZ(0)}50%{transform:translateZ(10px)}}@keyframes heroOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroFloat{0%,to{transform:translateZ(50px) rotateX(-62deg) rotate(12deg) translateY(0)}50%{transform:translateZ(74px) rotateX(-62deg) rotate(12deg) translateY(-8px)}}@keyframes heroNode{0%,to{opacity:.72;transform:translateZ(64px) scale(.96)}50%{opacity:1;transform:translateZ(78px) scale(1.08)}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:1rem}.metric,.panel,.report-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric:hover,.report-card:hover,.employee-card:hover,.template-card:hover,.payroll-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.metric{position:relative;overflow:hidden;padding:1rem;border-top:0}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--navy)}.metric.warn{border-color:color-mix(in srgb,var(--warn) 28%,var(--line))}.metric.warn:before{background:var(--warn)}.metric.ok{border-color:color-mix(in srgb,var(--good) 28%,var(--line))}.metric.ok:before{background:var(--good)}.metric span{display:block;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:.3rem;font-size:1.75rem;line-height:1.05}.metric p{margin:.25rem 0 0;color:var(--muted);font-size:.82rem}.two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.stack{display:grid;gap:1rem;min-width:0}.panel{min-width:0;padding:1.05rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:1.05rem}.panel-head span,.muted{color:var(--muted);font-size:.84rem}.filters,.inline-controls,.row-actions,.modal-actions,.form-actions,.hero-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.filters{margin-bottom:1rem}.filters label{position:relative;min-width:min(390px,100%);flex:1}.filters label svg{position:absolute;top:11px;left:12px;color:var(--muted)}.filters input{padding-left:2.25rem}.filters select,.inline-controls select{width:auto;min-width:142px}.inline-controls input[type=number]{width:96px}.table-wrap{overflow:clip;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #ffffffa6}table{width:100%;border-collapse:collapse;font-size:.86rem}th{position:sticky;top:0;z-index:1;text-align:left;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;padding:.7rem .65rem;border-bottom:1px solid var(--line-strong);background:var(--panel-2);white-space:nowrap}td{padding:.7rem .65rem;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ed1e3609}:root[data-theme=dark] th{background:var(--surface-subtle)}:root[data-theme=dark] tbody tr:hover{background:#ff315014}.empty{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-2)}.link-button{min-height:auto;border:0;padding:0;background:transparent;color:var(--red);font-weight:800}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 .65rem;font-size:.73rem;font-weight:850;white-space:nowrap}.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.neutral{background:var(--soft);color:var(--muted)}.bars{display:grid;gap:.7rem}.bar-row{display:grid;grid-template-columns:150px minmax(120px,1fr) 38px;align-items:center;gap:.7rem;font-size:.86rem}.bar-row div{height:12px;background:var(--soft);border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--red);border-radius:inherit}.dashboard-secondary{margin-top:1rem}.event-list{display:grid;gap:.15rem}.event-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px dashed var(--line)}.event-row:last-child{border-bottom:0}.event-row div{min-width:0}.event-row strong,.event-row span{display:block}.event-row strong{font-size:.88rem}.event-row div span{color:var(--muted);font-size:.78rem}.avatar.small{width:34px;height:34px;font-size:.78rem}.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);color:var(--text)}.employee-hero h3,.employee-hero span{margin:0}.employee-hero h3{font-size:1.5rem}.employee-hero span{color:var(--text-muted)}.employee-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}.employee-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.employee-directory-panel{background:linear-gradient(180deg,var(--panel),var(--panel-2))}.employee-filters{padding:.2rem;border-radius:8px;background:var(--surface-subtle)}.employee-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.employee-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 34px #18222f14;overflow:hidden}.employee-card-main{width:100%;height:auto;justify-content:flex-start;gap:.8rem;padding:.9rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:linear-gradient(135deg,var(--panel),var(--panel-2));text-align:left}.employee-card-main>span:nth-child(2){min-width:0;flex:1}.employee-card-main strong,.employee-card-main em{display:block}.employee-card-main strong{color:var(--ink)}.employee-card-main em{margin-top:.18rem;color:var(--muted);font-size:.76rem;font-style:normal}.employee-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.85rem}.employee-card-details span,.profile-field-grid div{min-width:0;display:grid;gap:.2rem}.employee-card-details b,.profile-field-grid span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.employee-card-details span{color:var(--ink);font-size:.82rem}.employee-card .row-actions{padding:0 .85rem .85rem}.employee-profile{max-height:calc(92vh - 2.5rem);overflow-y:auto;padding-right:.2rem}.profile-sections{display:grid;gap:.9rem;margin-top:1rem}.profile-sections section{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.profile-sections h3{margin:0;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:var(--surface-subtle);color:var(--text);font-size:.92rem}.profile-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.85rem}.profile-field-grid div{padding:.65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle)}.profile-field-grid strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:.84rem;line-height:1.35}.attendance-control{padding:0;overflow:hidden}.attendance-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);background:var(--surface)}.attendance-hero h3,.attendance-hero p{margin:0}.attendance-hero p{margin-top:.3rem;color:var(--muted);font-size:.84rem}.attendance-metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:.6rem;padding:1rem;border-bottom:1px solid var(--line)}.attendance-metric{border:1px solid var(--line);border-radius:8px;padding:.85rem}.attendance-metric span{display:block;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;opacity:.75}.attendance-metric strong{display:block;margin-top:.25rem;font-size:1.25rem}.attendance-metric.present{background:var(--good-bg);color:var(--good);border-color:#13734b38}.attendance-metric.half{background:var(--warn-bg);color:var(--warn);border-color:#a6601040}.attendance-metric.leave{background:var(--info-bg);color:var(--info);border-color:#0f5f9f38}.attendance-metric.absent{background:var(--bad-bg);color:var(--bad);border-color:#b423383d}.attendance-metric.payroll{background:color-mix(in srgb,var(--violet) 10%,var(--surface));color:var(--violet);border-color:color-mix(in srgb,var(--violet) 28%,var(--border))}.attendance-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;min-height:520px}.attendance-departments,.attendance-impact{background:var(--surface);padding:.9rem}.attendance-departments{border-right:1px solid var(--line)}.mini-label{display:block;margin:0 0 .65rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.attendance-departments button{display:block;width:100%;height:auto;min-height:0;margin-bottom:.55rem;padding:.7rem;text-align:left;border-color:var(--line);background:var(--panel)}.attendance-departments button.active{border-color:#ed1e3659;background:var(--accent-soft)}.attendance-departments button span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.attendance-departments strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.attendance-departments em,.attendance-departments small{color:var(--muted);font-size:.68rem;font-style:normal}.attendance-departments i{display:block;height:6px;margin:.55rem 0 .35rem;overflow:hidden;border-radius:999px;background:var(--soft)}.attendance-departments i b{display:block;height:100%;border-radius:inherit;background:var(--red)}.attendance-main{min-width:0;border-right:1px solid var(--line)}.attendance-toolbar{display:flex;gap:.55rem;padding:.8rem;border-bottom:1px solid var(--line)}.attendance-toolbar label{position:relative;flex:1;min-width:220px}.attendance-toolbar svg{position:absolute;top:11px;left:11px;color:var(--muted)}.attendance-toolbar input{padding-left:2.2rem}.attendance-toolbar>input[type=date]{width:160px;padding-left:.65rem}.attendance-toolbar.department-style{align-items:center;padding:.75rem;border-bottom-color:var(--border);background:var(--surface-subtle)}.attendance-toolbar.department-style input,.attendance-toolbar.department-style select{border-color:var(--border-strong);background:var(--control-bg);color:var(--text)}.attendance-toolbar.department-style input::placeholder{color:var(--text-muted)}.attendance-toolbar.department-style svg{color:var(--text-muted)}.attendance-board{display:grid;gap:0;max-width:100%;overflow:visible;min-height:430px;padding:0;background:var(--surface)}.attendance-dept-group{border-bottom:1px solid var(--border);color:var(--text)}.attendance-dept-group:last-child{border-bottom:0}.attendance-dept-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:0 .9rem;border-bottom:1px solid var(--border);background:var(--surface-subtle)}.attendance-dept-head div{display:flex;align-items:center;gap:.55rem;min-width:0}.attendance-dept-head svg{color:var(--red)}.attendance-dept-head h3{margin:0;overflow:hidden;color:var(--text);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.attendance-dept-head span{color:var(--text-muted);font-size:.78rem;white-space:nowrap}.attendance-table-head,.attendance-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(112px,.85fr) minmax(82px,.65fr) minmax(82px,.65fr) minmax(70px,.55fr) minmax(90px,.75fr) minmax(100px,.75fr) minmax(148px,1fr);align-items:center;column-gap:.8rem}.attendance-table-head{min-height:32px;padding:0 .9rem;background:var(--surface-subtle);color:var(--text-muted);font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.attendance-record{border-bottom:1px solid var(--border)}.attendance-record:last-child{border-bottom:0}.attendance-row{min-height:70px;padding:.65rem .9rem;color:var(--text)}.attendance-row>span,.attendance-row>strong{color:var(--text);font-size:.82rem}.attendance-row .badge{width:fit-content}.attendance-review{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 .9rem .75rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));border-radius:8px;background:var(--warn-bg);color:var(--text)}.attendance-review span{font-size:.8rem}.attendance-review div{display:flex;gap:.55rem;flex-wrap:wrap}.attendance-review button{border-color:var(--border-strong);background:var(--control-bg);color:var(--good)}button.danger-outline{border-color:color-mix(in srgb,var(--bad) 38%,var(--border));background:var(--control-bg);color:var(--bad)}.employee-cell strong,.employee-cell span{display:block}.employee-cell strong{color:var(--text)}.employee-cell span{color:var(--text-muted);font-size:.75rem}.att-btns{display:flex;gap:4px}.att-btn{width:34px;min-width:34px;height:28px;min-height:28px;border-radius:7px;border:1px solid var(--border-strong);background:var(--control-bg);padding:0;color:var(--text-muted);font-size:11.5px;font-weight:800}.att-btn:hover{border-color:var(--brand-navy)}.att-btn.on-P{background:var(--good-bg);border-color:var(--good);color:var(--good)}.att-btn.on-H{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.att-btn.on-L{background:var(--info-bg);border-color:var(--info);color:var(--info)}.att-btn.on-A{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.attendance-foot{margin:0;padding:.8rem;color:var(--text-muted);font-size:.82rem;border-top:1px solid var(--border);background:var(--surface-subtle)}.attendance-impact{min-width:0}.attendance-impact h4,.attendance-impact p{margin:0}.attendance-impact p{margin-top:.3rem;color:var(--muted);font-size:.78rem}.impact-row{display:flex;align-items:center;gap:.6rem;margin-top:.65rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.impact-row span{min-width:0;flex:1}.impact-row strong,.impact-row em{display:block}.impact-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.impact-row em{color:var(--muted);font-size:.72rem;font-style:normal}.impact-row b{color:var(--bad);font-size:.78rem}.empty.compact{margin-top:.75rem;padding:1rem;font-size:.8rem}.modal{width:min(1000px,100%);position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px #0f172a59;padding:1.25rem;animation:modalIn var(--motion-standard) both}.modal-dialog::backdrop{animation:modalBackdropIn var(--motion-standard) both}.modal-dialog.is-closing{pointer-events:none}.modal-dialog.is-closing>.modal{animation:modalOut .13s cubic-bezier(.4,0,1,1) both}.modal-dialog.is-closing::backdrop{animation:modalBackdropOut .1s cubic-bezier(.4,0,1,1) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalOut{to{opacity:0;transform:translateY(5px) scale(.99)}}@keyframes modalBackdropIn{0%{opacity:0}}@keyframes modalBackdropOut{to{opacity:0}}.modal h2{margin:0 2rem .25rem 0}.modal-close{position:absolute;top:.85rem;right:.85rem;min-width:34px;width:34px;min-height:34px;padding:0}.employee-status{margin:1rem 0;width:min(260px,100%)}.employee-form{display:grid;gap:.7rem}details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}summary{cursor:pointer;padding:.8rem .9rem;font-weight:850}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:.9rem}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.form-grid label,.document-grid label,.employee-status label{display:grid;gap:.32rem;color:var(--muted);font-size:.76rem;font-weight:800}.wide{grid-column:1 / -1}.modal-actions,.form-actions{justify-content:flex-end;margin-top:1rem}.form-grid>.form-actions{grid-column:1 / -1}.profile-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.profile-head h2,.profile-head p{margin:0}.profile-head p{color:var(--muted)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.profile-grid div{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;background:var(--surface-subtle)}.profile-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-grid strong{display:block;margin-top:.22rem}.document-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:.8rem;align-items:end}.template-grid,.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.settlement-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;min-width:0;margin-top:1rem}.eos-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.eos-mode-grid article{border:1px solid var(--line);border-radius:8px;padding:.9rem;background:var(--surface)}.eos-mode-grid span{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eos-mode-grid strong{display:block;margin-top:.25rem;font-size:1.3rem}.eos-mode-grid p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem}:root[data-theme=dark] .eos-mode-grid article{background:var(--surface)}.settlement-preview div{border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle);padding:.75rem}.settlement-preview span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.settlement-preview strong{display:block;margin-top:.28rem}.recruitment-pipeline{display:grid;grid-template-columns:repeat(6,minmax(185px,220px));gap:.75rem;max-width:100%;margin-top:1rem;overflow-x:auto;padding-bottom:.2rem}.payroll-workspace{--payroll-glow: rgba(237, 30, 54, .18)}.payroll-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;overflow:hidden;background:radial-gradient(circle at 82% 18%,var(--payroll-glow),transparent 34%),linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.payroll-hero h3,.payroll-hero span{margin:0}.payroll-hero h3{font-size:clamp(1.8rem,2.4vw,2.8rem)}.payroll-hero span{display:block;max-width:680px;color:#c9d7ea}.payroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.payroll-tile{border:1px solid var(--line);border-radius:8px;padding:.95rem;background:var(--panel);box-shadow:var(--shadow)}.payroll-tile span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.payroll-tile strong{display:block;margin-top:.28rem;font-size:1.45rem}.payroll-tile p{margin:.35rem 0 0;color:var(--muted);font-size:.8rem}.payroll-tile.ok{border-color:#13734b47;background:var(--good-bg)}.payroll-tile.warn{border-color:#a6601047;background:var(--warn-bg)}.payroll-register{overflow:hidden}.pipeline-column{min-width:185px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:.65rem}.pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.pipeline-head strong{font-size:.82rem}.pipeline-head span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.74rem;font-weight:900}.candidate-card{display:grid;gap:.55rem;margin-top:.65rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);padding:.7rem}.candidate-card strong,.candidate-card span,.candidate-card p,.candidate-card em,.candidate-card small{display:block}.candidate-card span,.candidate-card p,.candidate-card small{color:var(--muted)}.candidate-card p,.candidate-card em,.candidate-card small{margin:0;font-size:.78rem}.candidate-card em{color:var(--warn);font-style:normal;font-weight:800}.candidate-card select{min-height:34px;padding-block:.35rem}.candidate-card .row-actions{gap:.35rem}.template-card,.report-card{padding:1rem}.template-card{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.template-card svg,.report-card svg{color:var(--red)}.template-card span,.report-card p{color:var(--muted)}.report-card{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.report-card h3,.report-card p{margin:0}.report-card button{margin-top:auto}.report-controls{width:100%}.settings-grid .panel{min-width:0}.settings-grid textarea{min-height:180px}.account-photo-panel{background:radial-gradient(circle at 92% 8%,rgba(237,30,54,.08),transparent 34%),var(--panel)}.account-photo-row{display:flex;align-items:flex-start;gap:.9rem}.account-photo-preview{width:84px;height:84px;flex:0 0 84px;font-size:1.3rem}.account-photo-actions{display:grid;gap:.5rem}.account-photo-actions .button-like{gap:.45rem;width:100%;white-space:nowrap}.account-photo-actions p{margin:0}.backend-panel{grid-column:span 2}.backend-actions,.backend-payroll{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.backend-payroll select{width:auto;min-width:142px}.backend-payroll input{width:104px}.button-like{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line-strong);border-radius:8px;padding:0 .85rem;font-weight:800;cursor:pointer}.button-like input{display:none}.toast{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;align-items:center;gap:.5rem;background:var(--navy);color:#fff;padding:.8rem 1rem;border-radius:8px;box-shadow:0 20px 50px #0f172a40;font-weight:800}.toast>span{min-width:0}.toast>button{min-width:32px;min-height:32px;padding:0;border-color:transparent;background:transparent;color:currentColor;box-shadow:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;border:0;border-radius:0;background:#0f172a7a}@media(max-width:1180px){.topbar{grid-template-columns:auto minmax(200px,1fr) auto}.metric-grid{grid-template-columns:repeat(3,1fr)}.two-col,.hero-panel,.document-grid,.attendance-layout{grid-template-columns:1fr}.hero-orbital{justify-self:start}.hero-actions{justify-content:flex-start}.attendance-metrics{grid-template-columns:repeat(3,1fr)}.payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-departments,.attendance-main{border-right:0;border-bottom:1px solid var(--line)}.attendance-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.attendance-departments .mini-label{grid-column:1 / -1;margin-bottom:0}.attendance-departments button{margin-bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;transform:translate(-102%);transition:transform .16s ease}.sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex}.topbar{height:auto;min-height:74px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.75rem .9rem}.page-hint{white-space:normal}.content{padding:.9rem}.metric-grid,.attendance-metrics,.employee-stats,.eos-mode-grid,.template-grid,.report-grid,.settings-grid,.profile-grid,.profile-field-grid,.form-grid,.form-grid.compact{grid-template-columns:1fr}.employee-hero,.employee-card-main{align-items:flex-start}.employee-hero,.employee-hero-actions{flex-direction:column}.employee-hero-actions,.employee-hero-actions button,.employee-card .row-actions button{width:100%}.employee-card-grid,.employee-card-details,.payroll-grid{grid-template-columns:1fr}.payroll-hero{align-items:stretch;flex-direction:column}.attendance-hero,.attendance-toolbar{flex-direction:column}.attendance-toolbar label,.attendance-toolbar>input[type=date],.attendance-toolbar select{width:100%;min-width:0}.attendance-board{overflow:visible}.attendance-dept-group{width:auto;min-width:0}.attendance-table-head{display:none}.attendance-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 16px;padding:14px}.attendance-row .employee-cell{grid-column:1 / -1;padding-bottom:8px;border-bottom:1px solid var(--border)}.attendance-row>[data-label]{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}.attendance-row>[data-label]:before{color:var(--text-muted);content:attr(data-label);font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.attendance-row .att-btns{align-content:start;grid-template-columns:repeat(4,36px)}.attendance-review{align-items:flex-start;flex-direction:column}.attendance-departments{grid-template-columns:1fr}.backend-panel{grid-column:auto}.bar-row{grid-template-columns:110px minmax(80px,1fr) 34px}.hero-panel h2{font-size:1.65rem}.hero-orbital{width:min(100%,280px);height:180px}}.system-user-filters{display:flex;align-items:end;gap:.65rem;margin-bottom:.8rem}.system-user-filters label{flex:1}.organization-chart{display:grid;gap:1rem;padding-top:.35rem}.hierarchy-workflow-guide{display:grid;gap:.9rem;padding:1rem;border:1px solid color-mix(in srgb,var(--info) 22%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--info-bg) 76%,transparent),color-mix(in srgb,var(--panel) 92%,transparent)),var(--panel-2)}.hierarchy-workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hierarchy-workflow-heading span,.hierarchy-workflow-heading strong{display:block}.hierarchy-workflow-heading span{color:var(--info);font-size:.66rem;font-weight:820;letter-spacing:.1em}.hierarchy-workflow-heading strong{margin-top:.1rem;font-size:.94rem}.hierarchy-workflow-heading p{max-width:32rem;margin:0;color:var(--muted);font-size:.74rem;text-align:right}.hierarchy-role-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.hierarchy-role-stage{position:relative;min-width:0;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.hierarchy-role-stage>span,.hierarchy-role-stage>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-role-stage>span{color:var(--info);font-size:.62rem;font-weight:820;letter-spacing:.07em;text-transform:uppercase}.hierarchy-role-stage>strong{margin-top:.16rem;font-size:.73rem}.hierarchy-role-stage>i{position:absolute;top:50%;left:calc(100% + .11rem);z-index:1;color:var(--line-strong);font-size:.86rem;font-style:normal;transform:translateY(-50%)}.hierarchy-approval-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.hierarchy-approval-routes span{padding:.55rem .65rem;border-radius:9px;background:color-mix(in srgb,var(--soft) 74%,transparent);font-size:.7rem;line-height:1.4}.hierarchy-approval-routes strong{display:block;margin-bottom:.12rem;color:var(--ink);font-size:.65rem;letter-spacing:.035em;text-transform:uppercase}.organization-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.organization-overview span{padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--muted);font-size:.72rem}.organization-overview strong{margin-right:.28rem;color:var(--ink);font-size:.96rem}.organization-overview .has-issues{border-color:color-mix(in srgb,var(--warn) 32%,var(--line));background:var(--warn-bg);color:var(--warn)}.organization-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:.7rem;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.organization-search{position:relative}.organization-search svg{position:absolute;top:50%;left:.75rem;color:var(--muted);pointer-events:none;transform:translateY(-50%)}.organization-search input{width:100%;padding-left:2.25rem;background:var(--panel)}.organization-match-count{color:var(--muted);font-size:.72rem;white-space:nowrap}.organization-tree-actions{display:flex;gap:.45rem}.organization-tree-actions button{min-height:38px;padding:.45rem .7rem;font-size:.7rem}.organization-tree{display:grid;gap:.65rem;min-width:0}.organization-branch{display:grid;min-width:0;gap:.5rem}.organization-node{display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto auto;align-items:center;gap:.7rem;min-width:0;min-height:66px;padding:.65rem .7rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 5px 18px #111d2c0b;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.organization-node:hover{border-color:color-mix(in srgb,var(--info) 34%,var(--line));box-shadow:0 10px 24px #111d2c14;transform:translateY(-1px)}.employee-picker{position:relative;--employee-picker-action-size: 36px}.app .employee-picker input{padding-right:calc(var(--employee-picker-action-size) + .85rem);padding-left:2.7rem}.app .employee-picker:has(.employee-picker__clear) input{padding-right:calc(var(--employee-picker-action-size) * 2 + .85rem)}.employee-picker__search-icon{position:absolute;top:50%;left:.72rem;pointer-events:none;color:var(--text-muted);transform:translateY(-50%)}.employee-picker .employee-picker__toggle,.employee-picker .employee-picker__clear,:root[data-theme=dark] .app .employee-picker .employee-picker__toggle,:root[data-theme=dark] .app .employee-picker .employee-picker__clear{position:absolute;top:0;width:var(--employee-picker-action-size);min-width:var(--employee-picker-action-size);height:var(--employee-picker-action-size);min-height:var(--employee-picker-action-size);display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;color:var(--text-muted);line-height:1;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease;transform:none}.employee-picker__toggle{right:4px}.employee-picker__clear{right:calc(4px + var(--employee-picker-action-size))}.app .employee-picker .employee-picker__toggle:hover:not(:disabled),.app .employee-picker .employee-picker__clear:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--brand-red) 7%,var(--surface));box-shadow:none;color:var(--brand-red);transform:none}.employee-picker__toggle svg{transition:transform .16s ease}.employee-picker__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.employee-picker__options{position:absolute;z-index:20;top:calc(100% + .25rem);right:0;left:0;max-height:18rem;overflow-y:auto;padding:.375rem;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-overlay);box-shadow:var(--clinical-shadow-raised)}.app .employee-picker__options button{width:100%;min-height:var(--control-height);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;justify-content:flex-start;padding:.55rem .65rem;border:0;border-radius:var(--control-radius);background:transparent;box-shadow:none;color:var(--ink);text-align:left}.app .employee-picker__options button:hover,.app .employee-picker__options button.is-selected{background:var(--accent-soft);box-shadow:none;transform:none}.employee-picker__code{display:inline-flex;min-width:3.6rem;align-items:center;justify-content:center;padding:.24rem .38rem;border:1px solid var(--border);border-radius:7px;background:var(--surface-subtle);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.04em;line-height:1;white-space:nowrap}.employee-picker__separator{display:none}.employee-picker__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-picker__empty{margin:0;padding:.7rem;color:var(--text-muted);font-size:.82rem}.document-employee-filter{width:min(19rem,100%)}.organization-node.search-match{border-color:color-mix(in srgb,var(--info) 72%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--info) 14%,transparent),0 10px 24px #111d2c14}.app .leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:.9rem;margin-top:1rem}.app .leave-balance-card{display:grid;gap:1.1rem;min-height:228px;padding:1.1rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 94%,var(--soft)));box-shadow:var(--shadow)}.app .leave-balance-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.app .leave-balance-card__available>span,.app .leave-balance-card dt{display:block;color:var(--muted);font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.app .leave-balance-card header strong{display:block;color:var(--ink);font-size:1rem;line-height:1.25}.app .leave-balance-card__available{padding-block:.1rem}.app .leave-balance-card__available strong{display:block;margin-top:.24rem;color:var(--ink);font-size:clamp(2rem,3vw,2.5rem);font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:.95}.app .leave-balance-card__available small{margin-left:.34rem;color:var(--muted);font-size:.82rem;font-weight:750;letter-spacing:0}.app .leave-balance-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding-top:.82rem;border-top:1px solid var(--line)}.app .leave-balance-card dl div{min-width:0}.app .leave-balance-card dd{margin:.2rem 0 0;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1}.app .leave-balance-card dd strong,.app .leave-balance-card dd span{display:block}.app .leave-balance-card dd strong{font-size:.94rem;font-weight:800}.app .leave-balance-card dd span{margin-top:.16rem;color:var(--muted);font-size:.66rem;font-weight:700}.app .leave-balance-card__state{display:grid;align-content:center;gap:.35rem;min-height:116px;padding:.9rem;border:1px solid var(--line);border-radius:calc(var(--radius) - 3px);background:var(--panel-2)}.app .leave-balance-card__state strong{color:var(--ink);font-size:.92rem}.app .leave-balance-card__state span{color:var(--muted);font-size:.78rem;line-height:1.45}.app .leave-balance-card.is-unavailable{background:color-mix(in srgb,var(--panel) 96%,var(--warn-bg))}.app .leave-balance-card.is-unlimited{background:color-mix(in srgb,var(--panel) 96%,var(--good-bg))}@media(max-width:560px){.app .leave-balance-grid{grid-template-columns:1fr}}.organization-node-coo,.organization-node-cpo,.organization-node-hr{border-left:4px solid var(--info);background:linear-gradient(90deg,color-mix(in srgb,var(--info-bg) 72%,var(--panel)),var(--panel) 32%)}.organization-node-coo{border-left-color:var(--red);background:linear-gradient(90deg,color-mix(in srgb,var(--bad-bg) 54%,var(--panel)),var(--panel) 32%)}.organization-node-toggle,.organization-node-toggle-spacer{width:34px;height:34px}.organization-node-toggle{display:grid;place-items:center;min-width:34px;min-height:34px;padding:0;border-color:transparent;border-radius:9px;background:var(--soft);color:var(--muted)}.organization-node-toggle:hover{border-color:var(--line-strong);color:var(--ink)}.organization-node-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--navy-2),var(--navy));color:#fff;font-size:.72rem;font-weight:820;letter-spacing:.04em}.organization-node-copy{min-width:0}.organization-node-heading{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.organization-node-heading strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.organization-role-badge{flex:0 0 auto;padding:.16rem .42rem;border:1px solid color-mix(in srgb,var(--info) 24%,var(--line));border-radius:999px;background:var(--info-bg);color:var(--info);font-size:.6rem;font-weight:780;line-height:1.25}.organization-node-meta{display:block;overflow:hidden;margin-top:.16rem;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.organization-report-count{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-size:.68rem;white-space:nowrap}.organization-node-actions{display:flex;gap:.4rem}.organization-node-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:36px;padding:.42rem .62rem;font-size:.68rem}.organization-node-actions .organization-node-add{border-color:color-mix(in srgb,var(--red) 42%,var(--line));color:var(--red)}.organization-children{position:relative;display:grid;gap:.5rem;margin-left:1.05rem;padding-left:1.35rem;border-left:1px solid var(--line-strong)}.organization-children>.organization-branch{position:relative}.organization-children>.organization-branch:before{position:absolute;top:2rem;left:-1.35rem;width:1.35rem;height:1px;background:var(--line-strong);content:""}.organization-empty{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:1.5rem auto 0;color:var(--muted)}.organization-empty button{display:inline-flex;align-items:center;gap:.35rem}.organization-unresolved{padding:.75rem .85rem;border:1px solid color-mix(in srgb,var(--warn) 32%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--warn-bg) 72%,var(--panel))}.organization-unresolved p{margin:.5rem 0;color:var(--muted);font-size:.76rem}.organization-unresolved div{display:grid;gap:.4rem}.organization-unresolved span{padding:.3rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font-size:.72rem}.hierarchy-access-note{margin:0;text-align:center}.role-branch-filter{margin-bottom:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.role-branch-filter>p{margin:0 0 .75rem;color:var(--muted);font-size:.78rem}.role-flowchart-viewport{overflow-x:auto;overflow-y:hidden;padding:.25rem 0 .55rem;overscroll-behavior-inline:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.role-flowchart-canvas{position:relative;display:grid;gap:1.55rem;width:100%;padding:.2rem 1rem .75rem}.role-flowchart-connectors{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.role-flowchart-line{fill:none;stroke:color-mix(in srgb,var(--info) 62%,var(--line-strong));stroke-linecap:round;stroke-width:1.5;vector-effect:non-scaling-stroke}.role-flowchart-connectors marker path{fill:color-mix(in srgb,var(--info) 62%,var(--line-strong))}.role-flowchart-level{position:relative;z-index:1;display:flex;justify-content:center;gap:1rem;min-width:100%}.role-flowchart-node-shell{display:grid;align-content:start;gap:.38rem;width:184px;animation:role-branch-reveal .18s ease-out both}.role-branch-node{position:relative;display:grid;place-items:center;width:100%;min-height:64px;padding:.62rem 2rem .62rem .8rem;border-color:var(--line-strong);border-radius:12px;background:var(--panel);color:var(--ink);text-align:center;box-shadow:0 5px 16px #111d2c0b;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.role-branch-node:hover{border-color:color-mix(in srgb,var(--info) 42%,var(--line-strong));box-shadow:0 9px 20px #111d2c14;transform:translateY(-1px)}.role-branch-node-copy,.role-branch-node-copy strong,.role-branch-node-copy span{display:block}.role-branch-node-copy{min-width:0}.role-branch-node-copy strong{overflow:hidden;font-size:.78rem;line-height:1.25;text-overflow:ellipsis}.role-branch-node-copy span{overflow:hidden;margin-top:.16rem;color:var(--muted);font-size:.64rem;letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.role-branch-disclosure{position:absolute;top:50%;right:.62rem;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--soft);color:var(--muted);transform:translateY(-50%)}.role-branch-node.expanded:not(.selected){border-color:color-mix(in srgb,var(--info) 48%,var(--line-strong));background:color-mix(in srgb,var(--info-bg) 46%,var(--panel))}.role-branch-node.selected{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 14%,transparent)}.role-branch-root{min-height:68px}.role-branch-root-shell{width:184px}.role-branch-node-custom{border-style:dashed}.role-assignee-toggle{display:flex;align-items:center;gap:.34rem;width:100%;min-height:34px;padding:.38rem .5rem;border-color:var(--line);border-radius:9px;background:var(--panel);color:var(--muted);font-size:.68rem;font-weight:800;text-align:left}.role-assignee-toggle:hover{border-color:color-mix(in srgb,var(--info) 38%,var(--line-strong));color:var(--ink)}.role-assignee-toggle span{flex:1}.role-assignee-empty{display:block;padding:.42rem .5rem;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:.65rem;line-height:1.25;text-align:center}.role-assignee-list{display:grid;gap:.32rem;max-height:190px;overflow-y:auto;overscroll-behavior:contain;padding:.38rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel-2) 72%,var(--panel));scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.role-assignee{display:grid;gap:.12rem;padding:.42rem .48rem;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.role-assignee strong{overflow-wrap:anywhere;color:var(--ink);font-size:.7rem;line-height:1.25}.role-assignee span{overflow-wrap:anywhere;color:var(--muted);font-size:.62rem;line-height:1.25}.role-branch-edit{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:32px;padding:.35rem .55rem;font-size:.66rem}.role-flowchart-empty{position:relative;z-index:1;margin:0;color:var(--muted);font-size:.76rem;text-align:center}@keyframes role-branch-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.system-user-filter-summary{margin:0 0 .55rem}.system-user-empty{padding-block:1.4rem;color:var(--muted);text-align:center}@media(max-width:760px){.system-user-filters{align-items:stretch;flex-direction:column}.hierarchy-workflow-heading{align-items:flex-start;flex-direction:column}.hierarchy-workflow-heading p{text-align:left}.hierarchy-role-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.hierarchy-role-stage>i{display:none}.hierarchy-approval-routes{grid-template-columns:1fr}.organization-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-toolbar{grid-template-columns:1fr auto}.organization-search{grid-column:1 / -1}.organization-node{grid-template-columns:28px 34px minmax(0,1fr) auto;gap:.4rem;padding:.55rem}.organization-node-avatar{width:34px;height:34px}.organization-node-toggle,.organization-node-toggle-spacer{width:28px;height:30px}.organization-node-toggle{min-width:28px;min-height:30px}.organization-report-count,.organization-node-actions button span{display:none}.organization-node-actions button{width:34px;min-width:34px;min-height:34px;padding:0}.organization-node-heading{align-items:flex-start;flex-direction:column;gap:.2rem}.organization-children{margin-left:.45rem;padding-left:.55rem}.organization-children>.organization-branch:before{left:-.55rem;width:.55rem}.role-flowchart-viewport{margin-inline:-.35rem;padding-inline:.35rem}.role-flowchart-canvas{gap:1.35rem;padding-inline:.65rem}.role-flowchart-level{gap:.75rem}.role-flowchart-node-shell{width:172px}.role-branch-root-shell{width:182px}.role-branch-node{min-height:60px}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem;max-height:300px;overflow:auto}.checkbox-grid label,.inline-checks label{display:flex;align-items:center;gap:.45rem;color:var(--text);font-size:.8rem}.checkbox-grid input,.inline-checks input{min-height:auto!important;width:auto}.inline-checks{display:flex;flex-wrap:wrap;gap:.75rem;min-height:42px;align-items:center}.permission-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;max-height:46vh;overflow:auto;margin:.8rem 0}.permission-picker fieldset{display:grid;align-content:start;gap:.45rem;border:1px solid var(--line);border-radius:var(--radius-control);padding:.75rem}.permission-picker legend{padding:0 .35rem;font-weight:850}.permission-source{display:grid;gap:.15rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.permission-source span,.compact-control{color:var(--muted);font-size:.74rem}.audit-filters{margin-bottom:1rem}.audit-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:.85rem}.audit-pagination>.muted{margin-right:auto}.audit-pagination label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.76rem;font-weight:750}.audit-pagination select{width:auto;min-width:76px}.switch-row{display:flex;align-items:center;gap:.65rem}.switch-row input{width:1.05rem;height:1.05rem}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.metric-row>div{display:grid;gap:.25rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.metric-row span{color:var(--muted);font-size:.78rem}.workflow-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.list-stack{display:grid;gap:.65rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.list-row>div:first-child{display:grid;flex:1 1 260px;gap:.2rem;min-width:0}.list-row strong{color:var(--ink)}.list-row span{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.workflow-card>.list-row{border:0;border-radius:0}.workflow-history{display:grid;gap:.65rem;padding:.85rem 1rem;border-top:1px solid var(--line);background:var(--panel-2)}.workflow-history>div{display:grid;gap:.2rem}.workflow-history span{color:var(--muted);font-size:.8rem}.notifications-menu,.notification-trigger{position:relative}.notification-trigger>span{position:absolute;top:-.3rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:.65rem;font-weight:800}.notifications-popover{position:absolute;z-index:60;top:calc(100% + .65rem);right:0;width:min(25rem,calc(100vw - 2rem));max-height:min(36rem,calc(100vh - 7rem));overflow:auto;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);transform-origin:top right;animation:notificationsPopoverIn .14s cubic-bezier(.2,.8,.2,1) both}.notifications-popover.is-closing{pointer-events:none;animation:notificationsPopoverOut .1s cubic-bezier(.4,0,1,1) both}@keyframes notificationsPopoverIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes notificationsPopoverOut{to{opacity:0;transform:translateY(-2px) scale(.99)}}.notification-list{display:grid;gap:.45rem}.notification-list>button{display:grid;gap:.25rem;width:100%;padding:.75rem;text-align:left;border-color:var(--line);background:var(--panel-2)}.notification-list>button.unread{border-left:3px solid var(--red)}.notification-list span,.notification-list small{color:var(--muted);white-space:normal}@media(max-width:640px){.notifications-popover{position:fixed;top:4.75rem;right:1rem;left:1rem;width:auto;transform-origin:top center}}.compact-control{display:grid;gap:.25rem}.avatar{overflow:hidden;border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--red)}.avatar img{width:100%;height:100%;display:block;object-fit:cover;opacity:1;filter:none}.employee-photo-editor{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.employee-photo-editor>.avatar{width:88px;height:88px;flex:0 0 88px;font-size:1.2rem}.employee-photo-editor>div{min-width:0}.employee-photo-editor p{margin:.25rem 0 .75rem;color:var(--muted);font-size:.82rem}.profile-head>.avatar{width:64px;height:64px;flex:0 0 64px}.modal{cursor:default}:root[data-theme=dark] .sidebar{border-right-color:#292c34;background:var(--sidebar-bg)}:root[data-theme=dark] .nav-list a:not(.active):hover{background:#1a1d23}:root[data-theme=dark] .nav-list a.active{border-color:#f04f6852;background:#841a2e47}:root[data-theme=dark] .topbar{background:#191b21f2}@media(max-width:520px){.employee-photo-editor{align-items:flex-start;flex-direction:column}.employee-photo-editor .inline-controls,.employee-photo-editor .inline-controls>*{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}body{background:var(--bg)}button,:root[data-theme=dark] button,.button-like{gap:.45rem;min-height:40px;border-color:var(--line-strong);border-radius:var(--radius);background:var(--control-bg);color:var(--ink);box-shadow:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.app button:hover:not(.scrim),.app .button-like:hover{border-color:var(--muted);background:var(--panel-2);box-shadow:none;transform:none}button.primary,.primary,:root[data-theme=dark] button.primary,:root[data-theme=dark] .primary{border-color:var(--red);background:var(--red);color:#fff}input,select,textarea,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{min-height:40px;border-color:var(--line-strong);border-radius:var(--radius);background:var(--control-bg);color:var(--ink)}.sidebar{width:264px;flex-basis:264px;background:var(--sidebar-bg);box-shadow:none}.brand-block span:not(.logo-crop),.account-label small,.nav-list a{color:var(--sidebar-muted)}.nav-list a.active{border-color:#ff526940;background:#d9273e24;color:#fff;box-shadow:inset 3px 0 0 var(--red)}.account-popover{border-color:var(--line-strong);background:var(--panel);box-shadow:var(--shadow-hover)}.account-popover button,.account-popover button:hover{color:var(--ink)}.topbar,:root[data-theme=dark] .topbar{min-height:84px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--line)}.page-title:before{border-radius:2px;background:var(--red);box-shadow:none}.content{width:min(1520px,100%);padding:1.25rem}.metric,.panel,.report-card,.employee-card,.template-card,.pipeline-column,.candidate-card,.payroll-tile,details,.modal,:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .report-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .pipeline-column,:root[data-theme=dark] .candidate-card,:root[data-theme=dark] details,:root[data-theme=dark] .modal{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}.panel:hover,.metric:hover,.report-card:hover,.employee-card:hover,.template-card:hover,.payroll-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:none}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-height:0;gap:1.25rem;padding:1.25rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.hero-panel:before,.hero-panel:after{display:none}.hero-copy{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:.85rem;align-items:center}.hero-copy .section-label{grid-column:1 / -1;margin-bottom:.55rem}.hero-logo-crop{grid-row:2 / span 2;width:52px;height:52px}.hero-panel h2{margin:0;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2}.hero-panel p{color:var(--muted)}.dashboard-snapshot{align-self:stretch;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.dashboard-snapshot>span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.dashboard-snapshot>strong{display:block;margin-top:.2rem}.dashboard-snapshot dl{display:grid;gap:.4rem;margin:.8rem 0 0}.dashboard-snapshot dl div{display:flex;justify-content:space-between;gap:.75rem;padding-top:.4rem;border-top:1px solid var(--line)}.dashboard-snapshot dt{color:var(--muted)}.dashboard-snapshot dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.hero-actions{grid-column:1 / -1;justify-content:flex-start}.metric{padding:.9rem 1rem}.metric:before{width:3px;background:var(--line-strong)}.metric strong{font-variant-numeric:tabular-nums}.employee-hero,.payroll-hero,.account-photo-panel,.employee-directory-panel,.employee-card-main,.profile-grid div,.profile-field-grid div,.profile-sections section,.profile-sections h3,.settlement-preview div,.eos-mode-grid article,:root[data-theme=dark] .eos-mode-grid article,:root[data-theme=dark] .employee-directory-panel,:root[data-theme=dark] .employee-card-main,:root[data-theme=dark] .profile-grid div,:root[data-theme=dark] .profile-field-grid div,:root[data-theme=dark] .profile-sections h3,:root[data-theme=dark] .settlement-preview div{background:var(--panel);color:var(--ink)}.employee-hero span,.payroll-hero span{color:var(--muted)}.table-wrap,th,:root[data-theme=dark] th{background:var(--panel-2);box-shadow:none}td{font-variant-numeric:tabular-nums}.attendance-hero,:root[data-theme=dark] .attendance-hero{background:var(--panel)}.attendance-metric.payroll{border-color:color-mix(in srgb,var(--violet) 30%,var(--line));background:color-mix(in srgb,var(--violet) 11%,var(--panel));color:var(--violet)}.attendance-toolbar.department-style,.attendance-board,.attendance-foot{border-color:var(--line);background:var(--panel-2);color:var(--ink)}.attendance-toolbar.department-style input,.attendance-toolbar.department-style select{border-color:var(--line-strong);background:var(--control-bg);color:var(--ink)}.attendance-toolbar.department-style input::placeholder,.attendance-toolbar.department-style svg{color:var(--muted)}.attendance-dept-group,.attendance-dept-head,.attendance-table-head,.attendance-record{border-color:var(--line)}.attendance-dept-group,.attendance-row,.attendance-row>span,.attendance-row>strong,.employee-cell strong{color:var(--ink)}.attendance-dept-head,.attendance-table-head{background:var(--panel)}.attendance-dept-head h3{color:var(--ink)}.attendance-dept-head span,.employee-cell span,.attendance-foot{color:var(--muted)}.attendance-review{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-bg);color:var(--ink)}.attendance-review button,button.danger-outline,.att-btn{border-color:var(--line-strong);background:var(--control-bg)}.attendance-review button{color:var(--good)}button.danger-outline{color:var(--bad)}.att-btns{gap:6px}.att-btn{width:36px;min-width:36px;height:34px;min-height:34px;color:var(--muted)}.badge.neutral,:root[data-theme=dark] .badge.neutral,.empty,:root[data-theme=dark] .empty,.employee-filters,:root[data-theme=dark] .employee-filters{background:var(--soft)}.toast{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-hover)}@media(max-width:1180px){.hero-panel{grid-template-columns:1fr}.dashboard-snapshot{max-width:460px}}@media(max-width:760px){.hero-copy{grid-template-columns:44px minmax(0,1fr)}.hero-logo-crop{width:44px;height:44px}.attendance-hero .inline-controls,.attendance-hero .inline-controls>*{width:100%}}html{min-width:320px;background:var(--canvas);color-scheme:light}body{min-width:320px;overflow-x:hidden;background:var(--canvas);color:var(--text);font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,a,input,select,textarea,summary,[role=button]{transition:border-color var(--motion-standard),background-color var(--motion-standard),color var(--motion-standard),box-shadow var(--motion-standard),opacity var(--motion-standard),transform var(--motion-standard)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app{min-width:0;min-height:100vh;background:var(--canvas)}.app .workspace{min-width:0;background:var(--sidebar-bg)}.app .sidebar{width:272px;flex:0 0 272px;padding:0 14px 14px;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 8% 2%,rgba(237,30,54,.13),transparent 15rem),linear-gradient(180deg,var(--sidebar),var(--sidebar-deep));box-shadow:8px 0 30px #18234f1f;color:var(--on-brand)}.app .sidebar[hidden]{display:none}.app .brand-block{min-height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.11)}.app .logo-crop.wordmark{width:min(100%,212px);height:56px;justify-self:center;padding:3px 8px;border:1px solid rgba(35,50,106,.14);border-radius:12px;background:transparent;box-shadow:0 8px 20px #080f2424}.app .logo-crop img,.hero-logo-crop img,.topbar-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;transform:none}.app .nav-list{gap:4px;padding:14px 10px}.app .nav-list a,:root[data-theme=dark] .app .nav-list a{min-height:40px;gap:10px;padding:0 12px;border:1px solid transparent;border-radius:var(--control-radius);background:transparent;color:#ffffffb8;box-shadow:none;font-size:.8rem;font-weight:680}.app .nav-list a:hover,:root[data-theme=dark] .app .nav-list a:hover{border-color:#ffffff1a;background:#ffffff12;color:var(--on-brand)}.app .nav-list a.active,:root[data-theme=dark] .app .nav-list a.active{border-color:#ed1e365c;background:color-mix(in srgb,var(--brand-red) 22%,transparent);color:var(--on-brand);box-shadow:inset 3px 0 0 var(--brand-red)}.app .nav-list a svg{flex:0 0 auto;color:currentColor}.app .sidebar .account-menu{padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.1)}.app .sidebar .account-trigger,.app .sidebar .account-trigger:hover,:root[data-theme=dark] .app .sidebar .account-trigger{min-height:56px;border-color:#ffffff1f;background:#ffffff12;color:var(--on-brand);box-shadow:none}.app .sidebar .account-label strong{color:var(--on-brand)}:root:not([data-theme=dark]) .app .sidebar{border-right-color:var(--border);background:radial-gradient(circle at 8% 2%,color-mix(in srgb,var(--brand-red) 10%,transparent),transparent 15rem),linear-gradient(180deg,var(--surface),var(--surface-muted));box-shadow:8px 0 30px #18234f14;color:var(--text)}:root:not([data-theme=dark]) .app .brand-block,:root:not([data-theme=dark]) .app .sidebar .account-menu{border-color:var(--border)}:root:not([data-theme=dark]) .app .nav-list a{color:var(--brand-navy)}:root:not([data-theme=dark]) .app .nav-list a:hover{border-color:var(--border-strong);background:var(--surface);color:var(--brand-navy)}:root:not([data-theme=dark]) .app .nav-list a.active{border-color:color-mix(in srgb,var(--brand-red) 32%,var(--border));background:color-mix(in srgb,var(--brand-red) 10%,var(--surface));color:var(--brand-navy)}:root:not([data-theme=dark]) .app .sidebar .account-trigger,:root:not([data-theme=dark]) .app .sidebar .account-trigger:hover{border-color:var(--border);background:var(--surface);color:var(--text)}:root:not([data-theme=dark]) .app .sidebar .account-label strong{color:var(--text)}:root:not([data-theme=dark]) .app .sidebar .account-label small{color:var(--text-muted)}.app .account-popover{z-index:var(--z-popover);border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--clinical-shadow-raised)}.app .account-popover button,.app .account-popover button:hover{color:var(--text)}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:94px;display:grid;grid-template-columns:minmax(280px,auto) minmax(280px,1fr) auto;align-items:center;gap:16px;padding:16px var(--page-gutter);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 1px #23326a06;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:var(--z-header)}.app .topbar-heading{min-width:0;display:flex;align-items:center;gap:12px}.app :is(.desktop-sidebar-toggle,.mobile-menu,.icon-button,.sidebar-close,.modal-close):hover:not(:disabled){transform:none}.app .mobile-menu,.app .sidebar-close{display:none}.topbar-brand-mark{display:none;width:184px;height:50px;flex:0 0 auto;padding:0;border:0;border-radius:0;background:transparent}.sidebar-collapsed .topbar-brand-mark{display:inline-flex}.app .page-title{min-width:0;padding-left:0}.app .page-title h1,.app .topbar h1{margin:2px 0 0;color:var(--text);font-size:clamp(1.55rem,2.3vw,2rem);font-weight:760;letter-spacing:-.035em;line-height:1.05}.app .page-hint{max-width:520px;margin:5px 0 0;color:var(--text-muted);font-size:.78rem}.app .section-label{color:var(--brand-red);font-size:.66rem;font-weight:850;letter-spacing:.11em}.app .topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;grid-column:3;grid-row:1}.app .account-menu--topbar{position:relative;flex:0 0 auto}.app .account-menu--topbar .account-trigger,:root[data-theme=dark] .app .account-menu--topbar .account-trigger{display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);box-shadow:none}.app .account-menu--topbar .account-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-red) 42%,var(--border));background:var(--surface-subtle);transform:none}.app .account-menu--topbar .account-avatar{width:30px;height:30px;font-size:.68rem}.app .account-menu--topbar .account-popover{position:absolute;top:calc(100% + 8px);right:0;bottom:auto;left:auto;width:min(292px,calc(100vw - 32px));padding:8px}.app .account-popover-identity{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid var(--border)}.app .account-popover-identity .account-avatar{width:40px;height:40px;font-size:.78rem}.app .account-popover-identity .account-label strong,.app .account-popover-identity .account-label small{color:var(--text)}.app .account-popover-identity .account-label small{margin-top:2px;color:var(--text-muted)}.page-search{position:relative;min-width:0;width:100%;max-width:30rem;height:44px;min-height:44px;display:flex;align-items:center;gap:4px;margin-left:auto;padding:0 6px 0 42px;border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--control-bg)}.page-search>svg{position:absolute;top:50%;left:13px;color:var(--text-muted);pointer-events:none;transform:translateY(-50%)}.app .page-search .sr-only{position:absolute;width:1px;height:1px;min-width:0;flex:none;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-search:focus-within{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--focus-ring)}.page-search input,:root[data-theme=dark] .page-search input{min-width:0;height:42px;min-height:42px;flex:1;padding:8px 2px;border:0;background:transparent;box-shadow:none}.page-search input:focus{outline:0;box-shadow:none}.page-search button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;color:var(--text-muted);box-shadow:none}.page-search-status{color:var(--text-muted);font-size:.72rem;white-space:nowrap}.page-search-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:page-search-spin .8s linear infinite}@keyframes page-search-spin{to{transform:rotate(360deg)}}.app .content{width:min(100%,1580px);min-width:0;padding:var(--page-gutter)}.app .content>*,.app .content section,.app .content article,.app .content form{min-width:0}.app .stack,.app .two-col,.app .report-grid,.app .settings-grid,.app .payroll-grid,.app .document-grid{gap:var(--layout-gap)}.app .panel,.app .metric,.app .report-card,.app .employee-card,.app .template-card,.app .pipeline-column,.app .candidate-card,.app .payroll-tile,.app .workflow-card,.app details,.app .modal,:root[data-theme=dark] .app .panel,:root[data-theme=dark] .app .metric,:root[data-theme=dark] .app .report-card,:root[data-theme=dark] .app .employee-card,:root[data-theme=dark] .app .template-card,:root[data-theme=dark] .app .pipeline-column,:root[data-theme=dark] .app .candidate-card,:root[data-theme=dark] .app details,:root[data-theme=dark] .app .modal{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--clinical-shadow)}.app .panel,.app .report-card{padding:16px}.app .panel:hover,.app .metric:hover,.app .report-card:hover,.app .employee-card:hover,.app .template-card:hover,.app .payroll-tile:hover{border-color:var(--border-strong);box-shadow:var(--clinical-shadow);transform:none}.app .panel-head{min-height:58px;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.app .panel-head h3{margin:0;color:var(--text);font-size:1rem;font-weight:760;letter-spacing:-.015em}.app .panel-head span,.app .muted{color:var(--text-muted);font-size:.78rem}.app button,.app .button-like,:root[data-theme=dark] .app button{min-height:var(--control-height);align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--surface);color:var(--text);box-shadow:none;font-size:.8rem;font-weight:680}.app button:is(.desktop-sidebar-toggle,.mobile-menu,.icon-button,.sidebar-close,.modal-close),.app .account-menu--topbar>button.account-trigger,:root[data-theme=dark] .app button:is(.desktop-sidebar-toggle,.mobile-menu,.icon-button,.sidebar-close,.modal-close),:root[data-theme=dark] .app .account-menu--topbar>button.account-trigger{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0}.app button:is(.desktop-sidebar-toggle,.mobile-menu,.icon-button,.sidebar-close,.modal-close)>svg{flex:0 0 auto}.app button:hover:not(:disabled):not(.scrim),.app .button-like:hover{border-color:color-mix(in srgb,var(--brand-navy) 36%,var(--border-strong));background:var(--surface-subtle);box-shadow:none;transform:none}.app button.primary,.app .primary,:root[data-theme=dark] .app button.primary,:root[data-theme=dark] .app .primary{border-color:var(--action-red);background:var(--action-red);color:#fff;box-shadow:0 7px 18px #c6162e2e}.app button.primary:hover:not(:disabled),.app .primary:hover:not([aria-disabled=true]){border-color:color-mix(in srgb,var(--action-red) 88%,#000);background:color-mix(in srgb,var(--action-red) 88%,#000);color:#fff}.app button:disabled,.app [aria-disabled=true]{cursor:not-allowed;opacity:.5;box-shadow:none}.app button.danger-outline,.app .danger-outline{border-color:color-mix(in srgb,var(--bad) 38%,var(--border));background:var(--surface);color:var(--bad)}.app input,.app select,.app textarea,:root[data-theme=dark] .app input,:root[data-theme=dark] .app select,:root[data-theme=dark] .app textarea{width:100%;min-height:var(--control-height);padding:8px 11px;border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--control-bg);color:var(--text);box-shadow:inset 0 1px 1px #0f172a06;font:inherit;font-size:.82rem}.app textarea{min-height:104px;padding-block:10px;line-height:1.5;resize:vertical}.app input:focus-visible,.app select:focus-visible,.app textarea:focus-visible{border-color:var(--brand-red);outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.app .page-search input,:root[data-theme=dark] .app .page-search input{min-width:0;min-height:42px;flex:1 1 0;margin:0;padding:8px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.app .page-search input:focus{border:0;outline:0;box-shadow:none}.app label,.compact-control{color:var(--text);font-size:.78rem;font-weight:700}.app label>input,.app label>select,.app label>textarea{margin-top:6px}.app .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.app .form-grid .span-2{grid-column:1 / -1}.app .filters,.app .inline-controls,.app .row-actions,.app .form-actions,.app .modal-actions,.app .panel-actions,.app .audit-pagination{gap:8px}.app .filters,.app .employee-filters,.app .audit-filters,.app .system-user-filters{align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.app .employee-filters .page-search{flex:1 1 20rem;width:auto;margin-left:0;background:var(--surface)}.app .employee-filters select,.app .filters select,.app .employee-filters .department-filter{flex:0 1 12rem}.app .department-filter__trigger{width:100%;justify-content:space-between;background:var(--control-bg);color:var(--ink)}.department-filter__options{position:fixed;z-index:var(--z-popover);overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-overlay);box-shadow:var(--clinical-shadow-raised)}.department-filter__options button{width:100%;min-height:var(--control-height);justify-content:flex-start;border:0;border-radius:var(--control-radius);background:transparent;color:var(--ink);text-align:left}.department-filter__options button.is-active,.department-filter__options button.is-selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--brand-red)}.app .form-actions,.app .modal-actions,.app .employee-modal-actions{justify-content:flex-end;padding-top:14px;border-top:1px solid var(--border)}.app .table-wrap{max-width:100%;min-width:0;overflow:clip;container-type:inline-size;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:none}.app table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;color:var(--text);font-size:.8rem}.app th,:root[data-theme=dark] .app th{height:42px;padding:9px 12px;border-bottom:1px solid var(--border-strong);background:var(--surface-subtle);color:var(--text-muted);font-size:.65rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;white-space:normal}.app td{min-height:44px;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere}.app tbody tr:hover{background:color-mix(in srgb,var(--brand-red) 3.5%,var(--surface))}@container (max-width: 1100px){.app .table-wide table,.app .table-wide tbody,.app .table-wide tr{display:block}.app .table-wide thead{display:none}.app .table-wide tbody{display:grid;gap:10px;padding:10px}.app .table-wide tbody tr{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.app .table-wide td{min-height:42px;display:grid;grid-template-columns:minmax(108px,.38fr) minmax(0,1fr);align-items:center;gap:12px;padding:9px 11px}.app .table-wide td:before{color:var(--text-muted);content:attr(data-label);font-size:.64rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.app .table-wide td[colspan]{grid-template-columns:1fr}.app .table-wide td[colspan]:before{display:none}.app .table-wide td .row-actions{justify-content:flex-start}}.app .empty{min-height:88px;display:grid;place-items:center;padding:20px;border:1px dashed var(--border-strong);border-radius:10px;background:var(--surface-subtle);color:var(--text-muted)}.app .checkbox-grid input[type=checkbox],.app .inline-checks input[type=checkbox],.app .checkbox-row input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:var(--brand-red);box-shadow:none}.app .system-create-user-grid{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);align-items:end}.app .system-create-user fieldset{min-width:0;margin:0;padding:0;border:0}.app .system-create-user legend{margin-bottom:6px;color:var(--text);font-size:.78rem;font-weight:700}.app .system-signin-methods .inline-checks{min-height:var(--control-height);gap:8px;padding:6px;border:1px solid var(--border-strong);border-radius:var(--control-radius);background:var(--surface-subtle)}.app .system-signin-methods .inline-checks label,.app .system-role-picker .checkbox-grid label{min-width:0;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface)}.app .system-signin-methods .inline-checks label{flex:1 1 120px}.app .system-role-picker{margin-top:4px;padding-top:14px;border-top:1px solid var(--border)}.app .system-role-picker .checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none;overflow:visible;gap:8px}.app .system-role-picker .checkbox-grid label:has(input:checked),.app .system-signin-methods label:has(input:checked){border-color:color-mix(in srgb,var(--brand-red) 52%,var(--border));background:var(--accent-soft)}.app .system-role-picker .checkbox-grid span{min-width:0;overflow-wrap:anywhere}.app .badge,.app .company-role-role-badge,.app .organization-role-badge{border-radius:999px}.app .toast{max-width:min(420px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--text);color:var(--surface);box-shadow:var(--clinical-shadow-raised)}.app .notifications-popover{z-index:var(--z-popover);width:min(400px,calc(100vw - 32px));max-height:min(560px,calc(100dvh - 100px));border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--clinical-shadow-raised)}.app .modal-dialog{width:min(720px,calc(100vw - 32px));max-height:min(90dvh,900px);padding:0;border:0;background:transparent}.modal-dialog.modal-dialog-wide{width:min(960px,calc(100vw - 32px))}.modal-dialog>.modal{background-color:var(--surface);border-color:var(--border);border-radius:var(--card-radius);box-shadow:var(--clinical-shadow-raised);padding:20px}.modal:has(>.interview-assessment-form){height:min(90dvh,900px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;overscroll-behavior:contain}.interview-assessment-form{min-height:0;margin-top:14px;padding:0 6px 2px 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal:has(>.interview-assessment-form) .modal-actions{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border)}.modal:has(>.interview-assessment-form) .save-status{margin-right:auto;color:var(--muted);font-size:.875rem}.modal:has(>.interview-assessment-form) .save-status-saved{color:var(--good)}.modal:has(>.interview-assessment-form) .save-status-error{color:var(--bad)}.modal:has(>.interview-assessment-form) input[type=date],.modal:has(>.interview-assessment-form) input[type=date]::-webkit-date-and-time-value,.modal:has(>.interview-assessment-form) input[type=date]::-webkit-datetime-edit{text-align:start}.app .recruitment-workspace :is(.pipeline-column,.candidate-card,.candidate-card>div){min-width:0}.app .candidate-card :is(strong,span,p,small){overflow-wrap:anywhere}.modal-dialog:has(>.modal>.employee-profile),.modal-dialog:has(>.modal>.employee-editor){width:min(920px,calc(100vw - 32px));max-width:none}.modal-dialog:has(>.modal>.employee-profile)>.modal,.modal-dialog:has(>.modal>.employee-editor)>.modal{width:100%;height:min(90dvh,900px);display:grid;overflow:hidden}.modal-dialog:has(>.modal>.employee-profile) .employee-profile,.modal-dialog:has(>.modal>.employee-editor) .employee-editor{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.modal-dialog:has(>.modal>.employee-profile) .employee-modal-body,.modal-dialog:has(>.modal>.employee-editor) .employee-modal-body{min-height:0;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.modal-dialog:has(>.modal>.employee-profile) .employee-modal-actions,.modal-dialog:has(>.modal>.employee-editor) .employee-modal-actions{position:static;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);background:transparent}.app .modal{width:100%;max-height:min(90dvh,900px);overflow:auto;padding:20px}.app .modal:has(>.employee-profile),.app .modal:has(>.employee-editor){width:min(920px,calc(100vw - 32px));height:min(90dvh,900px);display:grid;overflow:hidden}.app .employee-profile,.app .employee-editor{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.app .employee-modal-body{min-height:0;overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.app .employee-modal-actions{position:static;margin-top:14px;background:transparent}.login-shell{--login-surface: #101a2d;--login-control: #17243b;--login-ink: #f4f7fc;--login-muted: #aab8cf;--login-line: rgba(195, 211, 239, .2);--login-focus: rgba(237, 30, 54, .28);min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:44% 56%;overflow:hidden;background:#0b1425;color:var(--login-ink)}.login-card{position:relative;z-index:2;min-width:0;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:28px;padding:clamp(28px,3.8vw,64px);border:0;background:linear-gradient(155deg,rgba(54,75,115,.24),transparent 33rem),var(--login-surface);box-shadow:18px 0 56px #03081547;color:var(--login-ink)}.login-header{display:flex;align-items:center;min-height:58px}.login-product{display:inline-flex;align-items:center;gap:13px;color:var(--login-muted);font-size:.78rem;font-weight:720;letter-spacing:.01em}.login-product img{width:72px;height:58px;display:block;object-fit:contain}.login-content{width:min(100%,440px);display:grid;align-content:center;gap:18px;margin:auto}.login-mobile-logo{display:none}.login-intro{margin-bottom:8px}.login-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#ff9aa8;font-size:.72rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:0;color:var(--login-ink);font-size:clamp(2.65rem,4.2vw,4.1rem);font-weight:720;letter-spacing:-.065em;line-height:.98}.login-intro p{margin:16px 0 0;color:var(--login-muted);font-size:1rem;line-height:1.6}.login-card button,.login-form input{min-height:52px;border-radius:14px}.login-card button{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:var(--login-ink);font-size:.78rem;font-weight:680}.login-form input{width:100%;margin:0;padding:0 15px;border:1px solid var(--login-line);background:var(--login-control);color:var(--login-ink);box-shadow:inset 0 1px #ffffff0d;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.login-form input:focus{border-color:#ed1e36;outline:0;box-shadow:0 0 0 4px var(--login-focus)}.microsoft-login{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--login-line);background:var(--login-control);color:var(--login-ink);font-weight:680;box-shadow:0 8px 26px #00000021}.microsoft-login:hover{border-color:#ff9aa8b3;background:#1c2c48;transform:translateY(-1px)}.login-divider{display:flex;align-items:center;gap:14px;color:var(--login-muted);font-size:.68rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--login-line)}.login-card .primary{border:1px solid #e71836;background:#e71836;color:#fff;font-weight:720;box-shadow:0 10px 24px #ed1e363d}.login-card .primary:hover:not(:disabled){border-color:#cf1830;background:#cf1830;transform:translateY(-1px)}.login-card .primary:disabled{cursor:wait;opacity:.76}.login-card button:focus-visible{outline:3px solid var(--login-focus);outline-offset:3px}.login-footer{color:var(--login-muted);font-size:.68rem;letter-spacing:.04em}.login-stage{position:relative;min-width:0;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;border-left:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 64% 28%,rgba(237,30,54,.24),transparent 28rem),linear-gradient(145deg,#23326a,#111936 72%)}.login-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 42%,rgba(4,10,28,.12) 62%,rgba(4,9,25,.7) 100%);pointer-events:none}.login-stage-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/images/login-medtech-hero.webp) 50% 38% / cover no-repeat;animation:login-stage-reveal .72s cubic-bezier(.22,1,.36,1) both}.login-stage-content{position:absolute;left:clamp(44px,6vw,112px);bottom:clamp(52px,7vh,82px);width:min(540px,calc(100% - 88px));display:grid;gap:28px}.login-stage-logo{width:clamp(348px,34vw,448px);max-width:100%;padding:10px 14px;animation:login-copy-reveal .62s .11s cubic-bezier(.22,1,.36,1) both}.login-stage-logo img,.login-mobile-logo img{width:100%;height:100%;display:block;object-fit:contain;object-position:left center}.login-stage-logo img{height:auto}.login-stage-copy{width:100%;color:#fff;animation:login-copy-reveal .62s .18s cubic-bezier(.22,1,.36,1) both}.login-stage-copy span{display:block;margin-bottom:10px;color:#ffabb5;font-size:.76rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.login-stage-copy strong{display:block;max-width:16ch;font-size:clamp(2.1rem,3.35vw,4.15rem);font-weight:720;letter-spacing:-.06em;line-height:.98}@keyframes login-stage-reveal{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes login-copy-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.login-shell{grid-template-columns:48% 52%}.login-card{padding:32px}.login-stage-content{left:48px;width:calc(100% - 80px)}.login-stage-logo{width:min(348px,100%)}}@media(max-width:720px){.login-shell{display:block;overflow:auto}.login-card{width:100%;min-height:100vh;min-height:100dvh;gap:24px;padding:28px 24px;box-shadow:none}.login-content{align-content:start;margin-top:clamp(14px,5vh,52px)}.login-mobile-logo{width:210px;height:58px;display:block;margin-bottom:18px}.login-card h1{font-size:clamp(2.55rem,13vw,3.65rem)}.login-stage{display:none}}@media(max-width:420px){.login-card{padding:22px 20px}.login-content{gap:16px}}.login-shell{--login-canvas: #07101f;--login-surface: #101d33;--login-surface-raised: #142541;--login-ink: #f2f6fd;--login-muted: #a9b8cd;--login-line: rgba(181, 202, 237, .22);--login-focus: rgba(174, 151, 255, .34);--login-shadow: 0 28px 76px rgba(0, 0, 0, .42), 0 4px 18px rgba(0, 0, 0, .22);position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:none;place-items:center;overflow:hidden;padding:clamp(24px,4vw,68px);background:radial-gradient(circle at 8% 8%,rgba(92,113,198,.18),transparent 29rem),radial-gradient(circle at 92% 92%,rgba(237,30,54,.13),transparent 35rem),linear-gradient(135deg,#091426 0%,var(--login-canvas) 54%,#111129 100%);color:var(--login-ink);color-scheme:dark}.login-stage{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;display:block;min-height:0;overflow:hidden;border:0;background:transparent;pointer-events:none}.login-stage:before,.login-stage:after{content:"";position:absolute;pointer-events:none}.login-stage:before{width:min(62vw,62rem);aspect-ratio:1;top:-42%;right:-24%;border:1px solid rgba(190,202,255,.2);border-radius:50%;box-shadow:0 0 0 4.5rem #7467d90f,0 0 0 9rem #ed1e3609;transform:rotate(-12deg)}.login-stage:after{top:0;right:0;bottom:0;left:0;opacity:.26;background-image:linear-gradient(rgba(202,213,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(202,213,255,.075) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 88% 70% at 50% 44%,transparent 0%,#000 36%,#000 66%,transparent 100%);mask-image:radial-gradient(ellipse 88% 70% at 50% 44%,transparent 0%,#000 36%,#000 66%,transparent 100%)}.login-stage-art{position:absolute;inset:auto;width:min(62rem,78vw);aspect-ratio:16 / 10;top:52%;left:50%;z-index:auto;opacity:.2;background:url(/images/login-medtech-hero.webp) center / cover no-repeat;filter:saturate(.92) contrast(1.04);-webkit-mask-image:radial-gradient(ellipse 66% 63% at 50% 50%,#000 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.42) 58%,transparent 80%);mask-image:radial-gradient(ellipse 66% 63% at 50% 50%,#000 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.42) 58%,transparent 80%);mix-blend-mode:screen;transform:translate(-50%,-50%) scale(1.02);animation:login-stage-reveal .8s cubic-bezier(.22,1,.36,1) both}.login-card{position:relative;z-index:1;width:min(100%,34rem);min-height:0;display:grid;grid-template-rows:none;gap:20px;padding:clamp(30px,4vw,44px);border:1px solid rgba(181,202,237,.22);border-radius:26px;background:linear-gradient(155deg,rgba(31,52,86,.34),transparent 22rem),var(--login-surface);box-shadow:var(--login-shadow);color:var(--login-ink);animation:login-card-reveal .54s cubic-bezier(.22,1,.36,1) both}.login-content{width:auto;display:grid;align-content:normal;gap:16px;margin:0}.login-brand{width:min(100%,252px);margin-bottom:4px}.login-brand img{width:100%;height:auto;display:block}.login-intro{margin-bottom:2px}.login-eyebrow{margin-bottom:13px;color:#c9c1ff;font-size:.7rem}.login-card h1{font-size:clamp(2.25rem,5vw,3rem);line-height:1}.login-intro p{margin-top:12px;color:var(--login-muted);font-size:.96rem;line-height:1.55}.login-card button{min-height:52px;border-radius:13px}.microsoft-login{border-color:var(--login-line);background:var(--login-surface-raised);color:var(--login-ink);box-shadow:0 6px 18px #00000021}.login-card .microsoft-login:hover:not(:disabled){border-color:#c9c1ffb3;background:#1a2d4b;color:var(--login-ink)}.microsoft-mark{width:16px;height:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.login-divider{color:var(--login-muted)}.login-divider:before,.login-divider:after{border-color:var(--login-line)}.login-form{gap:14px}.login-form label{color:var(--login-ink)}.login-input{height:52px;min-height:52px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid var(--login-line);border-radius:13px;background:var(--login-surface-raised);box-shadow:inset 0 1px #ffffff0f,0 1px 2px #0000001f;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.login-input svg{flex:0 0 auto;color:var(--login-muted)}.login-form input{min-width:0;width:100%;height:50px;min-height:50px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:var(--login-ink);box-shadow:none}.login-input>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;box-shadow:none}.login-input:focus-within{border-color:#aaa0ff;box-shadow:0 0 0 4px var(--login-focus)}.login-input:focus-within svg{color:#c9c1ff}.login-error{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 12px;border:1px solid rgba(255,108,130,.34);border-radius:12px;background:#ff6c821c;color:#ff9daf;font-size:.8rem;line-height:1.4}.login-error>span{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;border-radius:50%;background:currentColor;color:var(--login-surface);font-size:.68rem;font-weight:800}.login-card .primary{border:1px solid #e01f3b;background:#e01f3b;box-shadow:0 8px 18px #e01f3b38;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.login-card .primary:hover:not(:disabled){border-color:#e83a53;background:#e83a53;box-shadow:0 9px 20px #e01f3b47;transform:none}.login-card .primary:active:not(:disabled){border-color:#ca1730;background:#ca1730;box-shadow:0 2px 7px #e01f3b33;transform:translateY(1px)}.login-footer{display:flex;align-items:center;gap:7px;padding-top:2px;color:var(--login-muted);font-size:.68rem;line-height:1.4}.login-footer svg{flex:0 0 auto;color:#c9c1ff}@keyframes login-card-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes login-stage-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:.2;transform:translate(-50%,-50%) scale(1.02)}}@media(max-height:850px)and (min-width:721px){.login-shell{padding:20px}.login-card{gap:15px;padding:26px 32px}.login-content{gap:13px}.login-brand{width:220px;margin-bottom:0}.login-eyebrow{margin-bottom:9px}.login-intro p{margin-top:8px}.login-form{gap:10px}}@media(max-width:720px){.login-shell{place-items:start center;padding:16px 12px;overflow:auto}.login-stage:before{width:40rem;top:-10rem;right:-18rem}.login-stage-art{width:52rem;opacity:.13}.login-card{width:100%;padding:28px 24px;border-radius:22px}.login-brand{width:min(100%,232px)}.login-card h1{font-size:clamp(2.3rem,12vw,3.1rem)}}@media(max-width:420px){.login-shell{padding:0}.login-card{min-height:100vh;min-height:100dvh;padding:24px 20px;border-width:0;border-radius:0}.login-content{gap:16px}.login-footer{font-size:.64rem}}.dashboard-layout{min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--layout-gap)}.dashboard-layout>.hero-panel{grid-column:span 8;min-height:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:20px;padding:20px;border:1px solid var(--border);border-top:3px solid var(--brand-red);border-radius:var(--card-radius);background:var(--surface);color:var(--text);box-shadow:var(--clinical-shadow)}.dashboard-layout .hero-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start}.dashboard-layout .hero-copy .section-label{margin-bottom:8px;color:var(--brand-red)}.dashboard-layout .hero-logo-crop{width:min(360px,100%);height:99px;margin-bottom:12px;padding:0;border:0;border-radius:0;background:transparent}.dashboard-layout .hero-panel h2{margin:0;color:var(--text);font-size:clamp(1.55rem,2.6vw,2.35rem);font-weight:760;letter-spacing:-.035em;line-height:1.06}.dashboard-layout .hero-panel p{margin:5px 0 0;color:var(--text-muted)}.dashboard-layout>.hero-panel .hero-actions{grid-column:1 / -1;justify-content:flex-start;margin-top:2px}.dashboard-layout>.hero-panel .hero-actions button:not(.primary){border-color:var(--border-strong);background:var(--surface-subtle);color:var(--brand-navy)}:root[data-theme=dark] .dashboard-layout>.hero-panel .hero-actions button:not(.primary){color:var(--text)}.dashboard-snapshot{align-self:stretch;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);color:var(--text)}.dashboard-snapshot .section-label{color:var(--text-muted)}.dashboard-layout>.metric-grid{grid-column:span 4;grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:12px;margin:0}.dashboard-layout .metric{min-height:112px;padding:14px;border-left:0}.dashboard-layout .metric:before{width:3px;background:var(--brand-navy)}.dashboard-layout>.two-col{grid-column:1 / -1;align-items:stretch}.dashboard-layout>.hero-panel,.dashboard-layout .metric,.dashboard-layout .panel{border-radius:16px}.dashboard-layout>.hero-panel{grid-template-columns:minmax(0,1fr) minmax(220px,280px);border-top-color:var(--brand-red)}.dashboard-layout .metric{position:relative;min-height:132px;padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-layout .metric:hover{border-color:var(--border-strong);box-shadow:var(--clinical-shadow);transform:translateY(-1px)}.dashboard-layout .panel{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-layout .panel:hover{border-color:var(--border-strong);box-shadow:var(--clinical-shadow);transform:translateY(-1px)}.dashboard-layout .metric>.metric-icon{display:grid;width:32px;height:32px;margin:0 0 12px;place-items:center;border-radius:10px;background:var(--surface-subtle);color:var(--brand-navy)}.dashboard-layout .metric>.metric-icon svg{width:17px;height:17px}.dashboard-layout .metric>.metric-icon+span{display:block}.dashboard-layout .dashboard-snapshot{border-radius:14px}.dashboard-row{grid-column:1 / -1;display:grid;gap:var(--layout-gap);min-width:0}.dashboard-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-row--single{grid-template-columns:minmax(0,1fr)}.dashboard-embedded-panel>.panel,.dashboard-row>.panel{min-width:0;min-height:100%}.dashboard-balance-list,.dashboard-announcements,.dashboard-attendance-summary,.dashboard-focus-list{display:grid;gap:10px}.dashboard-balance-list>div,.dashboard-announcements article,.dashboard-attendance-summary>div,.dashboard-focus-list>div{min-width:0;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.dashboard-balance-list>div,.dashboard-focus-list>div,.dashboard-attendance-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.dashboard-balance-list small,.dashboard-announcements small,.dashboard-attendance-summary span,.dashboard-focus-list span{color:var(--text-muted)}.dashboard-balance-list small{grid-column:1 / -1}.dashboard-announcements article{display:grid;gap:5px}.dashboard-announcements p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.dashboard-attendance-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-attendance-summary>div{display:grid;gap:5px}.dashboard-attendance-summary strong,.dashboard-focus-list strong{color:var(--brand-navy);font-size:1.25rem}.dashboard-focus-list>div{display:grid}.dashboard-layout .empty,.dashboard-layout .sync-alert{border-radius:12px}.dashboard-layout button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-navy) 42%,transparent);outline-offset:2px}.headcount-visual{min-width:0;display:grid;grid-template-columns:minmax(150px,.75fr) minmax(220px,1.25fr);align-items:center;gap:18px}.headcount-chart{width:min(100%,210px);margin-inline:auto}.headcount-chart svg{display:block;width:100%;height:auto;overflow:visible}.headcount-chart text{pointer-events:none}.headcount-chart__track,.headcount-chart__segment{fill:none;stroke-width:24}.headcount-chart__track{stroke:var(--surface-muted)}.headcount-chart__segment{cursor:pointer;transform:rotate(-90deg);transform-origin:100px 100px;transition:filter var(--motion-standard),transform var(--motion-standard)}.headcount-chart__segment.is-active,.headcount-chart__segment:focus-visible{filter:drop-shadow(0 0 6px currentColor) brightness(1.1);transform:rotate(-90deg) scale(1.035);outline:none}.headcount-chart__context{fill:var(--text-muted);font-size:10px;font-weight:700}.headcount-chart__value{fill:var(--text);font-size:32px;font-weight:800}.headcount-chart__label{fill:var(--text-muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.headcount-ranking{min-width:0;display:grid;gap:8px;margin:0;padding:0;list-style:none}.headcount-ranking li{min-width:0}.headcount-ranking button{display:grid;grid-template-columns:10px minmax(0,1fr) auto 34px;align-items:center;gap:8px;width:100%;min-height:44px;border:1px solid transparent;border-bottom-color:var(--border);border-radius:8px;background:transparent;color:inherit;padding:6px 4px;text-align:left;box-shadow:none;transition:background-color var(--motion-standard),border-color var(--motion-standard)}.headcount-ranking button:hover,.headcount-ranking button.is-active{background:var(--surface-subtle)}.headcount-ranking button:focus-visible{border-color:var(--brand-navy);outline:2px solid color-mix(in srgb,var(--brand-navy) 42%,transparent);outline-offset:2px}.headcount-ranking i{width:9px;height:9px;border-radius:3px}.headcount-ranking span{min-width:0;color:var(--text);overflow-wrap:anywhere}.headcount-ranking strong{color:var(--text);font-variant-numeric:tabular-nums}.headcount-ranking small{color:var(--text-muted);text-align:right}.app .headcount-details{grid-column:1 / -1;padding:0;border:0;background:transparent;box-shadow:none}.app .headcount-details>summary{width:fit-content;min-height:36px;display:inline-flex;align-items:center;color:var(--action-red);font-size:.76rem;font-weight:750;cursor:pointer}.app .headcount-details .bars{margin-top:10px}.app .employee-hero{align-items:center;min-height:118px;padding:18px;border-top:3px solid var(--brand-red);background:radial-gradient(circle at 92% 15%,rgba(237,30,54,.13),transparent 18rem),var(--surface);color:var(--text)}.app .employee-hero h3{color:var(--text)}.app .employee-hero span{color:var(--text-muted)}.app .employee-stats,.app .attendance-metrics,.app .metric-row,.app .organization-overview{gap:12px}.app .employee-directory-panel{background:var(--surface)}.app .employee-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:stretch;gap:14px}.app .employee-card{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:visible}.app .employee-card-main{min-height:74px;border-radius:11px 11px 0 0;background:var(--surface-subtle)}.app .employee-card-details{align-content:start}.app .employee-card-main strong,.app .employee-card-main em,.app .employee-card-details span{max-width:100%;overflow-wrap:anywhere;white-space:normal}.app .employee-card-main>.badge{flex:0 0 auto;align-self:flex-start}.app .employee-card .row-actions{min-height:58px;justify-content:space-between;padding:10px 14px 14px;border-top:1px solid var(--border)}.app .card-actions-menu{position:relative;padding:0;border:0;background:transparent;box-shadow:none}.app .card-actions-menu:has(.card-actions-menu__items:empty){display:none}.app .card-actions-menu>summary{min-height:42px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid var(--border-strong);border-radius:var(--control-radius);color:var(--text);font-size:.8rem;font-weight:680;list-style:none;cursor:pointer}.app .card-actions-menu>summary::-webkit-details-marker{display:none}.app .card-actions-menu>summary:after{margin-left:7px;color:var(--text-muted);content:"···";letter-spacing:.08em}.app .card-actions-menu__items{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;width:max-content;min-width:190px;display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--clinical-shadow-raised)}.app .card-actions-menu__items button{width:100%;justify-content:flex-start}.app .table-actions:has(.card-actions-menu),.app .table-actions tr:has(.card-actions-menu){overflow:visible}.app .attendance-control{overflow:hidden}.app .attendance-hero,:root[data-theme=dark] .app .attendance-hero{padding:16px;background:var(--surface-subtle)}.app .attendance-metrics{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));padding:14px 16px}.app .attendance-metric{min-height:86px;padding:12px;border-radius:10px}.app .attendance-layout{grid-template-columns:230px minmax(0,1fr) 280px}.app .attendance-toolbar{flex-wrap:wrap}.app .leave-workspace-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(540px,1.22fr);align-items:start;gap:var(--layout-gap)}.app .leave-workspace-grid>.panel{min-height:0;height:auto;overflow:visible}.app .leave-balance-panel,.app .leave-request-panel,.app .leave-requests-panel{border-radius:16px}.app .leave-balance-panel{container-type:inline-size}.app .leave-balance-panel .leave-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;overflow:visible}@container (max-width: 480px){.app .leave-balance-panel .leave-balance-grid{grid-template-columns:1fr}}.app .leave-balance-panel .leave-balance-card{min-height:0;gap:.65rem;padding:14px;border-radius:14px;box-shadow:none}.app .leave-balance-card__available strong{font-size:clamp(1.9rem,3vw,2.45rem)}.app .leave-balance-panel .leave-balance-card dl{padding-top:.65rem}.app .leave-balance-card__state{min-height:88px;padding:.82rem;border-radius:11px}.app .leave-balance-card.is-empty{border-color:color-mix(in srgb,var(--warn) 42%,var(--border));background:color-mix(in srgb,var(--warn-bg) 38%,var(--surface))}.app .leave-balance-card__notice{color:var(--warn);font-size:.72rem;font-weight:760}.app .leave-balance-empty,.app .leave-balance-skeleton{min-height:178px;display:grid;align-content:center;gap:8px;padding:20px;border:1px dashed var(--border-strong);border-radius:14px;background:linear-gradient(135deg,var(--surface-subtle),color-mix(in srgb,var(--surface-subtle) 72%,var(--surface)))}.app .leave-balance-empty strong{color:var(--text);font-size:.95rem}.app .leave-balance-empty span{max-width:30rem;color:var(--text-muted);font-size:.82rem;line-height:1.5}.app .leave-balance-skeleton{grid-template-rows:repeat(3,1fr)}.app .leave-balance-skeleton span{min-height:28px;border-radius:8px;background:linear-gradient(90deg,var(--surface-subtle) 25%,color-mix(in srgb,var(--surface-subtle) 72%,var(--surface)) 50%,var(--surface-subtle) 75%);background-size:220% 100%;animation:leave-balance-loading 1.35s ease-in-out infinite}@keyframes leave-balance-loading{to{background-position:-220% 0}}.app .leave-request-sections{display:grid;gap:12px}.app .leave-form-section{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-subtle)}.app .leave-form-section__heading{margin:0 0 12px}.app .leave-form-section__heading h4,.app .leave-request-estimate__heading strong{margin:0;color:var(--text);font-size:.86rem;font-weight:780;letter-spacing:-.01em}.app .leave-form-section__heading p,.app .leave-request-estimate__heading span{margin:4px 0 0;color:var(--text-muted);font-size:.76rem;line-height:1.45}.app .leave-request-grid{gap:12px}.app .leave-request-grid>label>.employee-picker{margin-top:6px}.app .leave-request-grid>label>.leave-type-picker{margin-top:6px}.app .leave-type-picker__trigger{width:100%;justify-content:space-between;background:var(--control-bg);color:var(--text);transition:border-color var(--motion-standard),background-color var(--motion-standard),box-shadow var(--motion-standard)}.app .leave-type-picker__trigger:hover:not(:disabled),.app .leave-type-picker__trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--brand-navy) 34%,var(--border-strong));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-navy) 10%,transparent)}.app .leave-type-picker__trigger svg{flex:0 0 auto;color:var(--text-muted);transition:transform .16s ease}.app .leave-type-picker__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.leave-type-picker__options{position:fixed;z-index:var(--z-popover);display:grid;gap:2px;overflow-y:auto;padding:4px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-overlay);box-shadow:var(--clinical-shadow-raised);transform-origin:top center;animation:leave-type-picker-in .14s cubic-bezier(.2,.8,.2,1) both}.app .leave-type-picker__options button{width:100%;min-height:var(--control-height);display:flex;align-items:center;gap:8px;justify-content:flex-start;border:0;border-radius:var(--control-radius);background:transparent;color:var(--text);font-weight:680;text-align:left;transition:background-color var(--motion-standard),color var(--motion-standard)}.app .leave-type-picker__options button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app .leave-type-picker__options button>svg{flex:0 0 auto;margin-left:auto;color:var(--brand-red)}.app .leave-type-picker__options button:is(:hover,.is-active):not(.is-selected){background:var(--surface-subtle)}.app .leave-type-picker__options button.is-selected{background:var(--accent-soft);color:var(--text);font-weight:760;transform:none}@keyframes leave-type-picker-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}}.app .leave-request-panel .employee-picker__options{z-index:30;border-radius:12px;box-shadow:var(--clinical-shadow-raised)}.app .leave-file-field{display:grid;gap:8px}.app .leave-file-picker{position:relative;min-height:88px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:15px;border:1px dashed color-mix(in srgb,var(--brand-red) 42%,var(--border-strong));border-radius:12px;background:color-mix(in srgb,var(--brand-red) 3%,var(--surface));color:var(--text);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.app .leave-file-picker:hover{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 6%,var(--surface))}.app .leave-file-picker:focus-within{outline:3px solid color-mix(in srgb,var(--brand-red) 26%,transparent);outline-offset:2px}.app .leave-file-picker input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app .leave-file-picker svg{padding:8px;border-radius:10px;background:color-mix(in srgb,var(--brand-red) 11%,var(--surface));color:var(--brand-red)}.app .leave-file-picker span,.app .leave-selected-file span,.app .leave-attached-file span,.app .leave-request-person,.app .leave-request-type,.app .leave-request-status{min-width:0;display:grid;gap:2px}.app .leave-file-picker strong,.app .leave-selected-file strong,.app .leave-attached-file strong,.app .leave-request-person strong,.app .leave-request-type strong{overflow:hidden;color:var(--text);font-size:.82rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.app .leave-file-picker small,.app .leave-selected-file small,.app .leave-attached-file small,.app .leave-request-person span,.app .leave-request-type span,.app .leave-request-status small{color:var(--text-muted);font-size:.73rem}.app .leave-selected-file{min-height:54px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--good) 30%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--good-bg) 62%,var(--surface))}.app .leave-selected-file>svg{color:var(--good)}.app .leave-selected-file button{min-width:32px;min-height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted);box-shadow:none}.app .leave-selected-file button:hover{background:color-mix(in srgb,var(--bad) 10%,transparent);color:var(--bad);transform:none}.app .leave-request-estimate{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.app .leave-request-estimate__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.app .leave-request-estimate .settlement-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.app .leave-request-estimate .settlement-preview div{min-height:74px;padding:11px;border-radius:10px}.app .leave-request-estimate[aria-busy=true]{border-color:color-mix(in srgb,var(--brand-red) 46%,var(--border))}.app .leave-submit-success,.app .leave-balance-warning{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;margin-top:12px;padding:12px;border:1px solid;border-radius:12px}.app .leave-submit-success{border-color:color-mix(in srgb,var(--good) 38%,var(--border));background:color-mix(in srgb,var(--good-bg) 76%,var(--surface));color:var(--good)}.app .leave-submit-success>div,.app .leave-balance-warning{min-width:0}.app .leave-submit-success strong,.app .leave-submit-success span,.app .leave-balance-warning strong,.app .leave-balance-warning span{display:block}.app .leave-submit-success span,.app .leave-balance-warning span{margin-top:2px;color:var(--text-muted);font-size:.78rem;line-height:1.45}.app .leave-submit-success button{display:grid;width:32px;min-width:32px;height:32px;min-height:32px;place-items:center;padding:0;border-color:color-mix(in srgb,var(--good) 32%,var(--border));color:var(--good)}.app .leave-balance-warning{grid-template-columns:1fr;border-color:color-mix(in srgb,var(--warn) 42%,var(--border));background:color-mix(in srgb,var(--warn-bg) 74%,var(--surface));color:var(--ink)}.app .leave-submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.app .leave-submit-row>span{color:var(--text-muted);font-size:.76rem}.app .leave-submit-row .form-actions{margin:0}.app .leave-submit-row .primary{min-width:148px}.app .leave-requests-panel .panel-head{margin-bottom:8px}.app .leave-requests-panel .table-wrap{overflow:visible}.app .leave-requests-panel table{table-layout:auto}.app .leave-request-row td{padding-block:13px}.app .leave-request-days{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.app .leave-request-days small{color:var(--text-muted)}.app .leave-request-attachments{display:grid;gap:7px}.app .leave-attached-file{min-width:170px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);color:var(--text);text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.app .leave-attached-file:hover{border-color:color-mix(in srgb,var(--brand-red) 48%,var(--border));background:color-mix(in srgb,var(--brand-red) 4%,var(--surface))}.app .leave-attached-file>svg{color:var(--brand-red)}.app .leave-no-attachment{color:var(--text-muted);font-size:.78rem}.app .leave-replace-attachment{position:relative;width:fit-content;min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:700;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.app .leave-replace-attachment:hover{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 5%,var(--surface))}.app .leave-replace-attachment input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app .leave-replace-attachment:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--brand-red) 26%,transparent);outline-offset:2px}.app .leave-request-status{justify-items:start}.app .leave-request-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.app .leave-request-actions>button,.app .leave-request-more-actions>summary{min-height:34px;padding:6px 10px;font-size:.75rem}.app .leave-request-more-actions{position:relative;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.app .leave-request-more-actions>summary{display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--surface);color:var(--text);font-weight:700;list-style:none;cursor:pointer}.app .leave-request-more-actions>summary::-webkit-details-marker{display:none}.app .leave-request-more-actions>summary:after{margin-left:6px;color:var(--text-muted);content:"···";letter-spacing:.08em}.app .leave-request-more-actions>div{position:absolute;top:calc(100% + 7px);right:0;z-index:40;min-width:160px;display:grid;gap:4px;padding:6px;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:var(--clinical-shadow-raised)}.app .leave-request-more-actions>div button{width:100%;min-height:34px;justify-content:flex-start;padding:6px 9px;font-size:.75rem}.app .leave-requests-panel .table-actions:has(.leave-request-more-actions),.app .leave-requests-panel .leave-request-row:has(.leave-request-more-actions){overflow:visible}@container (max-width: 1100px){.app .leave-requests-panel .table-wrap,.app .leave-request-row{overflow:visible}.app .leave-requests-panel .table-wide tbody{padding-inline:0}.app .leave-request-row td{padding-block:10px}.app .leave-attached-file{min-width:0}}@container (min-width: 960px){.app .leave-requests-panel .table-wide table{display:table;table-layout:fixed}.app .leave-requests-panel .table-wide thead{display:table-header-group}.app .leave-requests-panel .table-wide tbody{display:table-row-group;padding:0}.app .leave-requests-panel .table-wide tr{display:table-row;overflow:visible;border:0;border-radius:0;background:transparent}.app .leave-requests-panel .table-wide td{min-height:44px;display:table-cell;padding:13px 12px}.app .leave-requests-panel .table-wide td:before{display:none}}@container (max-width: 959px){.app .leave-requests-panel .table-wide tbody{gap:8px;padding:8px}.app .leave-requests-panel .table-wide tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.app .leave-requests-panel .table-wide td{min-height:52px;grid-template-columns:1fr;align-content:start;gap:4px;padding:10px}.app .leave-requests-panel .table-wide td:before{display:block}.app .leave-requests-panel .table-wide td[data-label=Attachment],.app .leave-requests-panel .table-wide td[data-label=Status],.app .leave-requests-panel .table-wide td[data-label=Actions]{grid-column:1 / -1}.app .leave-request-actions>button,.app .leave-request-more-actions>summary,.app .leave-request-more-actions>div button,.app .leave-replace-attachment{min-height:44px}}@container (max-width: 560px){.app .leave-requests-panel .table-wide tbody tr{grid-template-columns:1fr}}@media(max-width:620px){.app .leave-form-section,.app .leave-request-estimate{padding:12px}.app .leave-request-estimate__heading,.app .leave-submit-row{align-items:flex-start;flex-direction:column}.app .leave-submit-row,.app .leave-submit-row .form-actions,.app .leave-submit-row .primary{width:100%}.app .leave-request-actions{align-items:stretch}.app .leave-request-actions>button,.app .leave-request-more-actions>summary{flex:1 1 auto;justify-content:center}.app .leave-request-more-actions>div{position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));left:16px;top:auto;min-width:0}.app .leave-request-more-actions>div button{min-height:44px}.app .leave-request-estimate .settlement-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.app .leave-workflow :is(button,summary,input,select,textarea,a){scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}}.app .payroll-run-panel{border-top:3px solid var(--brand-red)}.app .payroll-workspace,.app .payroll-grid{align-items:start}.app .payroll-tile{min-height:116px;padding:14px}.app .workflow-lifecycle{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0 0 16px;padding:0;list-style:none}.app .workflow-lifecycle:before{position:absolute;top:12px;right:8%;left:8%;height:2px;background:var(--border);content:""}.app .workflow-lifecycle li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:var(--text-muted);font-size:.68rem;font-weight:700}.app .workflow-lifecycle li:before{width:10px;height:10px;border:6px solid var(--surface);border-radius:50%;background:var(--brand-navy);box-shadow:0 0 0 1px var(--border);content:""}.app .workflow-lifecycle li:first-child:before{background:var(--brand-red)}.app .workflow-disclosure{padding:0;overflow:hidden}.app .workflow-disclosure>summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;list-style:none;cursor:pointer}.app .workflow-disclosure>summary::-webkit-details-marker{display:none}.app .workflow-disclosure>summary:after{color:var(--brand-red);font-size:1.35rem;content:"+"}.app .workflow-disclosure[open]>summary:after{content:"−"}.app .workflow-disclosure-body{padding:0 16px 16px;border-top:1px solid var(--border)}.app .recruitment-workspace{max-width:100%;min-width:0}.app .recruitment-pipeline{max-width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);grid-template-columns:none;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 10px;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}.app .pipeline-column{min-width:220px;padding:12px;box-shadow:none}.app .candidate-card{box-shadow:none}.app .eos-mode-grid,.app .document-grid,.app .report-grid,.app .settings-grid{align-items:stretch}.app .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .settings-grid .backend-panel{grid-column:1 / -1}.app .document-grid>*,.app .report-grid>*,.app .settings-grid>*{min-height:100%}.app .audit-pagination{min-height:46px;align-items:center;margin-top:12px}.app .hierarchy-tabs{width:fit-content;max-width:100%;display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--clinical-shadow)}.app .hierarchy-tabs button{border-color:transparent;background:transparent;color:var(--text-muted)}.app .hierarchy-tabs button[aria-selected=true]{border-color:var(--brand-red);background:color-mix(in srgb,var(--brand-red) 7%,var(--surface));color:var(--action-red)}.app #role-hierarchy-panel{padding:0;overflow:hidden}.app #role-hierarchy-panel>.panel-head{margin:0;padding:16px}.app .organization-chart,.app .company-role-hierarchy,.app .company-role-toolbar,.app .company-role-viewport,.app .company-role-legend,.app .company-role-breadcrumb{border-color:var(--border);background-color:var(--surface)}.app .organization-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.app .organization-overview span,.app .organization-toolbar,.app .organization-node{border-color:var(--border);border-radius:10px;background:var(--surface-subtle)}.app .company-role-viewport{max-width:100%;overflow:auto;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px)}.app .company-role-leadership,.app .company-role-department,.app .company-role-card{border-color:var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--clinical-shadow)}.app .list-row,.app .metric-row>div,.app .permission-picker fieldset{border-color:var(--border);border-radius:10px;background:var(--surface-subtle)}.app .settings-grid textarea{min-height:180px}.app .sync-alert{border-bottom-color:color-mix(in srgb,var(--bad) 32%,var(--border));background:var(--bad-bg);color:var(--bad)}.workspace-gate{background:var(--canvas)}.workspace-gate-card{border-color:var(--border);border-radius:var(--card-radius);background:var(--surface);box-shadow:var(--clinical-shadow)}.modal-dialog{width:min(720px,calc(100vw - 32px));max-height:min(90dvh,900px);padding:0;border:0;background:transparent}.app .scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-scrim);min-height:100dvh;padding:0;border:0;border-radius:0;background:var(--overlay);box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:none}@media(max-width:1200px){.app .topbar,:root[data-theme=dark] .app .topbar{grid-template-columns:minmax(260px,auto) minmax(240px,1fr) auto}.dashboard-layout>.hero-panel,.dashboard-layout>.metric-grid{grid-column:1 / -1}.dashboard-layout>.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app .leave-workspace-grid{grid-template-columns:1fr;height:auto}.app .leave-request-panel{order:-1}.app .leave-workspace-grid>.panel,.app .leave-balance-panel .leave-balance-grid{height:auto;overflow:visible}.app .leave-balance-panel .leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.app .attendance-layout{grid-template-columns:210px minmax(0,1fr)}.app .attendance-impact{grid-column:1 / -1;border-top:1px solid var(--border)}.app .attendance-table-head{display:none}.app .attendance-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 16px;padding:14px}.app .attendance-row .employee-cell{grid-column:1 / -1;padding-bottom:8px;border-bottom:1px solid var(--border)}.app .attendance-row>[data-label]{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}.app .attendance-row>[data-label]:before{color:var(--text-muted);content:attr(data-label);font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.app .attendance-row .att-btns{align-content:start;grid-template-columns:repeat(4,36px)}}@media(max-width:1023px){:root{--page-gutter: 18px}.app .sidebar,:root[data-theme=dark] .app .sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-drawer);width:min(320px,88vw);height:100dvh;visibility:hidden;pointer-events:none;transform:translate(-102%);transition:visibility 0s linear var(--motion-standard),transform var(--motion-standard)}.app .sidebar.open,:root[data-theme=dark] .app .sidebar.open{visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:0;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding-block:12px}.app .mobile-menu,.app .topbar-brand-mark{display:inline-flex}.app .topbar-brand-mark{width:60px;height:48px}.app .sidebar-close{display:inline-flex}.app .desktop-sidebar-toggle,.app .page-title .section-label,.app .page-hint{display:none}.app .page-title h1,.app .topbar h1{margin:0;font-size:1.4rem}.page-search{grid-column:1 / -1;grid-row:2;width:100%;margin-left:0}.app .topbar-actions{grid-column:3;grid-row:1}.app .content{padding-top:18px}.app .attendance-layout{grid-template-columns:1fr}.app .attendance-departments,.app .attendance-main{border-right:0;border-bottom:1px solid var(--border)}.app .settings-grid{grid-template-columns:1fr}.app .settings-grid .backend-panel{grid-column:auto}}@media(max-width:720px){:root{--page-gutter: 14px;--layout-gap: 14px}.app .content{padding:var(--page-gutter)}.dashboard-layout>.hero-panel{grid-template-columns:1fr;padding:16px}.dashboard-layout .hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.dashboard-row--two{grid-template-columns:1fr}.dashboard-layout .hero-logo-crop{width:min(320px,100%);height:88px;margin-bottom:6px}.dashboard-layout .hero-copy .section-label{margin-bottom:2px}.dashboard-layout .hero-panel h2{width:100%}.dashboard-layout>.hero-panel .hero-actions{grid-column:auto}.dashboard-layout>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-attendance-summary,.headcount-visual{grid-template-columns:1fr}.headcount-ranking{width:100%}.attendance-row,.app .two-col,.app .form-grid,.app .profile-field-grid,.app .settings-grid,.app .report-grid,.app .document-grid,.app .employee-stats{grid-template-columns:1fr}.app .form-grid .span-2{grid-column:auto}.app .workflow-lifecycle{grid-template-columns:1fr;gap:8px}.app .workflow-lifecycle:before{top:8%;bottom:8%;left:10px;width:2px;height:auto}.app .workflow-lifecycle li{grid-template-columns:20px 1fr;justify-items:start;align-items:center}.app .organization-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.app .table-wide td{grid-template-columns:minmax(92px,.34fr) minmax(0,1fr)}.app .hierarchy-tabs{width:100%}.app .hierarchy-tabs button{min-width:0;flex:1}}@media(max-width:460px){.app .topbar,:root[data-theme=dark] .app .topbar{padding-inline:12px}.dashboard-layout>.metric-grid,.app .leave-balance-panel .leave-balance-grid{grid-template-columns:1fr}.app .metric,.dashboard-layout .metric{min-height:104px}.app .panel,.app .report-card,.app .modal{padding:14px}.app .panel-head{min-height:0}.app .filters,.app .employee-filters,.app .audit-filters,.app .system-user-filters{align-items:stretch;flex-direction:column}.app .employee-filters select,.app .filters select,.app .employee-filters .department-filter{width:100%;flex-basis:auto}.app .employee-filters .page-search{width:100%;max-width:none;flex:0 0 44px}.app .row-actions,.app .form-actions,.app .modal-actions,.app .employee-modal-actions{align-items:stretch}.app .row-actions>button,.app .form-actions>button,.app .modal-actions>button,.app .employee-modal-actions>button{min-height:44px}.app .card-actions-menu__items{position:fixed;right:16px;bottom:16px;left:16px;width:auto}.app .organization-overview{grid-template-columns:1fr 1fr}.app .notifications-popover{position:fixed;top:72px;right:12px;left:12px;width:auto}}.app .attendance-status-select{height:auto;min-height:var(--control-height);padding-block:8px;font-size:.8125rem}.app .badge.neutral{color:var(--text)}.app .badge,.app .attendance-row>span,.app .attendance-row>strong,.app .attendance-dept-head span,.app .attendance-foot{font-size:.8125rem}.app .avatar{color:var(--bad)}.app .eos-mode-grid span{color:var(--bad);font-size:.8125rem;letter-spacing:.045em}.notification-trigger>span{min-width:1.25rem;height:1.25rem;background:var(--action-red);font-size:.75rem}.notification-item{display:grid;gap:.55rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-subtle)}.notification-item.unread{border-left:3px solid var(--action-red)}.notification-copy{display:grid;gap:.25rem;min-width:0}.notification-copy span,.notification-copy small{color:var(--text-muted);white-space:normal}.notification-copy span{font-size:.8125rem}.notification-copy small{font-size:.75rem}.notification-actions{display:flex;justify-content:flex-end;gap:8px}.notification-actions button{min-height:34px;padding-block:5px}.settings-repeatable{display:grid;gap:10px}.settings-repeatable-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:12px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-subtle)}.settings-repeatable-row.leave-type-row{grid-template-columns:minmax(0,1fr) minmax(130px,.35fr) auto}.settings-repeatable-row .field-error{display:block;margin-top:4px}.settings-repeatable-row>.field-error{grid-column:1 / -1;margin:0}.settings-remove-row{align-self:end}.settings-preview{margin:10px 0 0;color:var(--text-muted);font-size:.8125rem}.deep-link-target{outline:3px solid var(--focus-ring);outline-offset:3px;background-color:var(--accent-soft)!important}.company-role-canvas .role-flowchart-line{stroke:var(--pro-text-soft);animation:company-role-connector-reveal var(--motion-standard) both}.company-role-canvas marker path{fill:var(--pro-text-soft)}.company-role-executive-children,.company-role-department-branch,.company-role-card-shell{animation:role-branch-reveal var(--motion-standard) both}.company-role-summary span,.company-role-department-jump select,.company-role-match-count,.company-role-legend,.company-role-breadcrumb,.company-role-search-navigation,.company-role-pan-hint,.company-role-zoom-value,.company-role-department-focus{font-size:.75rem}.company-role-leadership-heading>span,.company-role-executive small,.company-role-executive span,.company-role-lane-label,.company-role-unassigned small,.company-role-department small,.company-role-card small,.company-role-reports-to,.company-role-reports-to b,.company-role-member small{color:var(--pro-text-soft);font-size:.75rem}.company-role-executive strong,.company-role-department strong,.company-role-card strong,.company-role-member strong{font-size:.8125rem}.company-role-role-badge,.company-role-report-count,.company-role-member em,.company-role-card em{font-size:.71875rem}.company-role-member em,.company-role-card em{color:var(--pro-warning)}.company-role-hierarchy:has(:focus-visible) .role-flowchart-line,.role-flowchart-root-level:has(.company-role-leadership:focus-visible)+.company-role-executive-children,.role-flowchart-level:has(.company-role-leadership:focus-visible)+.company-role-departments,.company-role-department-shell:has(.company-role-department:focus-visible)+.company-role-cards,.company-role-card-shell:has(>.company-role-card:focus-visible)>.company-role-branch-children .company-role-card-shell,.company-role-unassigned:focus-visible+.company-role-departments{animation:none!important}@media(max-width:720px),(pointer:coarse){:root{--control-height: 44px}.app .employee-picker{--employee-picker-action-size: var(--control-height)}.app .pagination-actions,.app .notification-actions,.app .company-role-actions{gap:8px}.app .pagination-actions button,.app .company-role-search button,.app .company-role-search-navigation button,.app .company-role-canvas-controls button,.app .company-role-department-focus{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.app .employee-picker .employee-picker__toggle,.app .employee-picker .employee-picker__clear{width:var(--employee-picker-action-size);min-width:var(--employee-picker-action-size);height:var(--employee-picker-action-size);min-height:var(--employee-picker-action-size);padding:0}.app .employee-picker input{padding-right:3.25rem}.app .employee-picker:has(.employee-picker__clear) input{padding-right:6rem}.app .employee-picker__toggle{right:0}.app .employee-picker__clear{right:var(--employee-picker-action-size)}.app .attendance-row>[data-label]:before{font-size:.75rem}.settings-repeatable-row,.settings-repeatable-row.leave-type-row{grid-template-columns:1fr}.settings-remove-row{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hierarchy-tabs{display:inline-flex;width:fit-content;gap:4px;padding:4px;border:1px solid var(--pro-border);border-radius:12px;background:var(--pro-surface-subtle);box-shadow:var(--pro-shadow-sm)}.hierarchy-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 14px;border-color:transparent!important;background:transparent!important;color:var(--pro-text-soft)!important;box-shadow:none!important;font-size:12.5px;font-weight:700}.hierarchy-tabs button[aria-selected=true]{border-color:var(--pro-border)!important;background:var(--pro-surface)!important;color:var(--pro-text)!important;box-shadow:var(--pro-shadow-sm)!important}.app .role-hierarchy-print-surface{padding:0;overflow:hidden}.role-hierarchy-print-surface>.panel-head{margin:0;padding:1rem}.company-role-hierarchy{display:grid;gap:14px}.role-hierarchy-print-surface>.company-role-hierarchy{grid-template-columns:1rem minmax(0,1fr) 1rem;gap:14px 0;padding-top:14px}.role-hierarchy-print-surface>.company-role-hierarchy>*{grid-column:2}.role-hierarchy-print-surface>.company-role-hierarchy>.company-role-viewport{grid-column:1 / -1;margin-inline:0;border-right:0;border-bottom:0;border-left:0;border-radius:0}@media(min-width:901px){.app .content.hierarchy-content{width:100%;max-width:none;margin:0;padding:12px!important}}.company-role-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.company-role-summary span{padding:10px 12px;border:1px solid var(--pro-border);border-radius:10px;background:var(--pro-surface-subtle);color:var(--pro-text-soft);font-size:11.5px}.company-role-summary strong{margin-right:4px;color:var(--pro-text);font-size:15px}.company-role-summary .warning strong{color:var(--pro-warning)}.company-role-toolbar{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--pro-border);border-radius:12px;background:var(--pro-surface-subtle)}.company-role-search{position:relative}.company-role-search svg{position:absolute;top:50%;left:11px;color:var(--pro-text-soft);pointer-events:none;transform:translateY(-50%)}.company-role-search input{width:100%;padding-inline:36px!important;background:var(--pro-surface)!important}.company-role-search button{position:absolute;top:50%;right:7px;display:grid;place-items:center;width:28px;min-height:28px;padding:0;border:0!important;background:transparent!important;color:var(--pro-text-soft)!important;transform:translateY(-50%)}.company-role-department-jump select{width:100%;min-height:38px;background:var(--pro-surface);font-size:11.5px}.company-role-match-count{color:var(--pro-text-soft);font-size:11.5px;white-space:nowrap}.company-role-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:6px}.company-role-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 10px;font-size:11.5px;white-space:nowrap}.company-role-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding-inline:2px;color:var(--pro-text-soft);font-size:11px}.company-role-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.company-role-legend i{width:9px;height:9px;border-radius:3px;background:var(--pro-border-strong)}.company-role-legend i.leadership{background:var(--pro-brand)}.company-role-legend i.department,.company-role-legend i.manager{background:var(--pro-info)}.company-role-legend i.line-manager{background:var(--pro-success)}.company-role-legend i.employee{background:var(--pro-border-strong)}.company-role-legend i.selected-path{background:var(--pro-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--pro-brand) 14%,transparent)}.company-role-legend .company-role-connector-key i{width:22px;height:2px;border-radius:999px;background:var(--pro-border-strong)}.company-role-legend p{flex:1 1 360px;margin:0;text-align:right}.company-role-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:34px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--pro-brand) 20%,var(--pro-border));border-radius:10px;background:color-mix(in srgb,var(--pro-brand-soft) 38%,var(--pro-surface));color:var(--pro-text-soft);font-size:10.5px}.company-role-breadcrumb span{display:inline-flex;align-items:center;gap:4px}.company-role-breadcrumb span:last-child{color:var(--pro-text);font-weight:750}.company-role-search-navigation{display:inline-flex;align-items:center;gap:4px;color:var(--pro-text-soft);font-size:10.5px;white-space:nowrap}.company-role-search-navigation button{display:grid;place-items:center;width:30px;min-height:30px;padding:0}.company-role-viewport{position:relative;height:clamp(430px,68vh,760px);min-height:330px;padding:0;border:1px solid var(--pro-border);border-radius:14px;overflow:auto;overflow-anchor:none;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--pro-border-strong) 42%,transparent) 1px,transparent 1.2px),var(--pro-surface-subtle);background-size:20px 20px;cursor:grab;overscroll-behavior:contain;scrollbar-gutter:stable}.company-role-viewport.is-panning{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.company-role-viewport:fullscreen{width:100vw;height:100vh;min-height:100vh;margin:0;border:0;border-radius:0;overflow:auto;background-color:var(--pro-surface-subtle);scrollbar-gutter:stable}.company-role-viewport::backdrop{background:var(--pro-surface-subtle)}.company-role-canvas-controls{position:sticky;top:10px;left:10px;z-index:7;display:flex;align-items:center;width:max-content;max-width:calc(100vw - 54px);min-height:40px;margin:10px 0 -50px 10px;padding:4px;border:1px solid color-mix(in srgb,var(--pro-border-strong) 72%,transparent);border-radius:11px;background:color-mix(in srgb,var(--pro-surface) 92%,transparent);box-shadow:var(--pro-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default}.company-role-canvas-controls button{display:grid;place-items:center;width:32px;min-height:32px;padding:0;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--pro-text-soft)!important;box-shadow:none!important}.company-role-canvas-controls button:hover:not(:disabled),.company-role-canvas-controls button:focus-visible{background:var(--pro-surface-subtle)!important;color:var(--pro-brand)!important}.company-role-canvas-controls button:disabled{opacity:.35}.company-role-pan-hint{display:inline-flex;align-items:center;gap:6px;padding:0 8px 0 5px;border-right:1px solid var(--pro-border);color:var(--pro-text-soft);font-size:10.5px;font-weight:700;white-space:nowrap}.company-role-zoom-value{min-width:45px;color:var(--pro-text);font-size:10.5px;font-variant-numeric:tabular-nums;font-weight:800;text-align:center}.company-role-stage{position:relative;min-width:100%;min-height:100%;touch-action:none}.company-role-canvas{position:absolute;inset:0 auto auto 0;display:grid;width:max-content;min-height:300px;gap:48px;padding:62px 26px 24px;transform-origin:top left;transition:transform .16s ease-out;will-change:transform}.company-role-viewport.is-panning .company-role-canvas{transition:none}.company-role-leadership,.company-role-department,.company-role-card{position:relative;z-index:1;color:var(--pro-text)!important;box-shadow:var(--pro-shadow-sm)!important}.company-role-leadership:hover,.company-role-department:hover,.company-role-card:hover{box-shadow:var(--pro-shadow)!important;transform:translateY(-1px)}.company-role-leadership{display:grid;gap:10px;width:330px;padding:12px;border:1px solid color-mix(in srgb,var(--pro-brand) 40%,var(--pro-border))!important;border-radius:15px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--pro-brand-soft) 72%,var(--pro-surface)),var(--pro-surface) 58%)!important;text-align:left}.company-role-leadership.expanded{box-shadow:0 0 0 2px color-mix(in srgb,var(--pro-brand) 10%,transparent),var(--pro-shadow-sm)!important}.company-role-leadership-heading,.company-role-leadership-heading>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.company-role-chevron{flex:0 0 auto;transition:transform var(--pro-transition)}[aria-expanded=true] .company-role-chevron{transform:rotate(90deg)}.company-role-leadership-heading>span{justify-content:flex-start;color:var(--pro-brand);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.company-role-executives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.company-role-executive{display:grid;gap:2px;min-width:0;padding:10px 11px;border:1px solid var(--pro-border);border-radius:10px;background:color-mix(in srgb,var(--pro-surface) 92%,transparent)}.company-role-executive small{color:var(--pro-brand);font-size:9px;font-weight:850;letter-spacing:.08em}.company-role-executive strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.company-role-executive span{overflow:hidden;color:var(--pro-text-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.company-role-departments{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:22px;min-width:100%}.company-role-executive-children{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:22px;min-width:100%;animation:role-branch-reveal .18s ease-out both}.company-role-executive-subtree,.company-role-unassigned-subtree{display:grid;justify-items:center;gap:48px}.company-role-owned-lane{display:grid;justify-items:center;align-content:start;gap:24px;min-width:266px;padding:12px;border:1px solid color-mix(in srgb,var(--pro-border) 72%,transparent);border-radius:16px;background:color-mix(in srgb,var(--pro-surface) 52%,transparent)}.company-role-owned-lane.company-role-executive-subtree{gap:24px}.company-role-lane-label{justify-self:start;padding:4px 7px;border-radius:999px;background:var(--pro-surface-subtle);color:var(--pro-text-soft);font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.company-role-unassigned-subtree{min-width:100%;padding-top:28px;border-top:1px dashed var(--pro-border-strong)}.company-role-unassigned{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:4px 10px;width:330px;padding:11px 12px;border:1px dashed color-mix(in srgb,var(--pro-warning) 58%,var(--pro-border))!important;border-radius:12px!important;background:color-mix(in srgb,var(--pro-warning) 7%,var(--pro-surface))!important;color:var(--pro-text)!important;text-align:left;box-shadow:var(--pro-shadow-sm)!important}.company-role-unassigned>span{display:flex;align-items:center;gap:7px}.company-role-unassigned small{grid-column:1 / -1;color:var(--pro-text-soft);font-size:9.5px}.company-role-department-branch{display:grid;justify-items:center;align-content:start;gap:34px;width:max-content;min-width:244px;animation:role-branch-reveal .18s ease-out both}.company-role-department-shell{display:grid;justify-items:stretch;gap:5px;width:218px;transition:opacity var(--pro-transition),filter var(--pro-transition)}.company-role-department{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;width:218px;min-height:66px;padding:10px;border:1px solid color-mix(in srgb,var(--pro-info) 30%,var(--pro-border))!important;border-radius:12px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--pro-info) 7%,var(--pro-surface)),var(--pro-surface))!important;text-align:left}.company-role-department.expanded{border-color:color-mix(in srgb,var(--pro-info) 60%,var(--pro-border))!important}.company-role-department-focus{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 8px;border-color:transparent!important;background:transparent!important;color:var(--pro-text-soft)!important;font-size:9.5px}.company-role-department-focus:hover{border-color:var(--pro-border)!important;background:var(--pro-surface)!important;color:var(--pro-text)!important}.company-role-node-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--pro-info) 11%,var(--pro-surface));color:var(--pro-info)}.company-role-department strong,.company-role-department small,.company-role-card strong,.company-role-card small{display:block}.company-role-department strong,.company-role-card strong{overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis}.company-role-department small,.company-role-card small{margin-top:3px;color:var(--pro-text-soft);font-size:9.5px;line-height:1.25}.company-role-cards{display:flex;align-items:flex-start;justify-content:center;gap:34px;width:max-content;min-width:100%}.company-role-card-shell{display:grid;justify-items:center;gap:7px;width:max-content;min-width:218px;animation:role-branch-reveal .18s ease-out both}.company-role-branch-children{display:flex;align-items:flex-start;justify-content:center;gap:18px;width:max-content;min-width:100%;padding-top:27px}.company-role-branch-children .company-role-card-shell{min-width:202px}.company-role-card{display:grid;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:7px;width:218px;min-height:62px;padding:9px;border:1px solid color-mix(in srgb,var(--pro-success) 28%,var(--pro-border))!important;border-radius:11px!important;background:var(--pro-surface)!important;text-align:left}.company-role-card-leaf{cursor:pointer}.company-role-card-leaf:hover{box-shadow:var(--pro-shadow)!important}.company-role-branch-children .company-role-card{width:202px}.company-role-card-trailing{display:flex;align-items:center;justify-content:flex-end;gap:5px}.company-role-card-copy{min-width:0}.company-role-reports-to{display:flex;align-items:center;gap:4px;min-width:0;margin-top:6px;padding-top:5px;border-top:1px solid color-mix(in srgb,var(--pro-border) 72%,transparent);color:var(--pro-text-soft);font-size:8.5px;line-height:1.2}.company-role-reports-to:before{content:"↳";flex:0 0 auto;color:var(--pro-success);font-size:11px;line-height:1}.company-role-reports-to>span{flex:0 0 auto}.company-role-reports-to b{overflow:hidden;color:var(--pro-text);font-size:8.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.company-role-role-badges{display:flex;align-items:center;flex-wrap:wrap;gap:3px;margin-top:4px}.company-role-role-badge{padding:2px 5px;border-radius:999px;background:var(--pro-surface-subtle);color:var(--pro-text-soft);font-size:7.5px;font-weight:850;letter-spacing:.035em;line-height:1.2;text-transform:uppercase}.company-role-role-badge-manager{background:color-mix(in srgb,var(--pro-info) 11%,var(--pro-surface));color:var(--pro-info)}.company-role-role-badge-line_manager{background:color-mix(in srgb,var(--pro-success) 11%,var(--pro-surface));color:var(--pro-success)}.company-role-report-count{display:grid;place-items:center;min-width:18px;height:18px;padding-inline:4px;border-radius:999px;background:var(--pro-surface-subtle);color:var(--pro-text-soft);font-size:8px;font-weight:800}.company-role-leadership,.company-role-unassigned,.company-role-department-shell,.company-role-card{transition:opacity var(--pro-transition),filter var(--pro-transition),border-color var(--pro-transition),box-shadow var(--pro-transition),transform var(--pro-transition)}.company-role-leadership.path-muted,.company-role-unassigned.path-muted,.company-role-department-shell.path-muted,.company-role-card.path-muted{opacity:.36;filter:saturate(.55)}.company-role-leadership.path-active,.company-role-unassigned.path-active,.company-role-department-shell.path-active .company-role-department,.company-role-hierarchy .company-role-card.path-active{border-color:color-mix(in srgb,var(--pro-brand) 70%,var(--pro-border))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pro-brand) 13%,transparent),var(--pro-shadow-sm)!important}.company-role-leadership.search-match,.company-role-hierarchy .company-role-card.search-match{border-color:color-mix(in srgb,var(--pro-brand) 72%,var(--pro-border))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pro-brand) 14%,transparent),var(--pro-shadow-sm)!important}.company-role-leadership.selected,.company-role-unassigned.selected,.company-role-department.selected,.company-role-hierarchy .company-role-card.selected{border-color:var(--pro-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pro-brand) 18%,transparent),var(--pro-shadow)!important}.company-role-card .company-role-node-icon{width:30px;height:30px;background:color-mix(in srgb,var(--pro-success) 10%,var(--pro-surface));color:var(--pro-success)}.company-role-card.expanded{border-color:color-mix(in srgb,var(--pro-success) 58%,var(--pro-border))!important}.company-role-card-manager{border-color:color-mix(in srgb,var(--pro-info) 42%,var(--pro-border))!important}.company-role-card-manager .company-role-node-icon{background:color-mix(in srgb,var(--pro-info) 11%,var(--pro-surface));color:var(--pro-info)}.company-role-card-employee{border-color:var(--pro-border)!important}.company-role-card-employee .company-role-node-icon{background:color-mix(in srgb,var(--pro-border-strong) 18%,var(--pro-surface));color:var(--pro-text-soft)}.company-role-roster{display:grid;gap:5px;max-height:280px;overflow-y:auto;padding:6px;border:1px solid var(--pro-border);border-radius:11px;background:color-mix(in srgb,var(--pro-surface-subtle) 86%,var(--pro-surface));box-shadow:var(--pro-shadow-sm);scrollbar-color:var(--pro-border-strong) transparent;scrollbar-width:thin}.company-role-member{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;border:1px solid var(--pro-border);border-radius:8px;background:var(--pro-surface)}.company-role-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,var(--pro-sidebar-2),var(--pro-sidebar));color:#fff;font-size:9px;font-weight:800}.company-role-member strong,.company-role-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-role-member strong{font-size:10.5px}.company-role-member small{margin-top:2px;color:var(--pro-text-soft);font-size:9px}.company-role-member em,.company-role-card em{padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--pro-warning) 10%,var(--pro-surface));color:var(--pro-warning);font-size:8px;font-style:normal;font-weight:750;white-space:nowrap}.company-role-canvas .role-flowchart-line{--company-role-connector-opacity: 1;opacity:var(--company-role-connector-opacity);stroke-dasharray:1;stroke-dashoffset:0;transition:opacity var(--pro-transition),stroke var(--pro-transition),stroke-width var(--pro-transition);animation:company-role-connector-reveal .22s ease-out both}.company-role-canvas .role-flowchart-line.path-muted{--company-role-connector-opacity: .16}.company-role-canvas .role-flowchart-line.path-active{stroke:var(--pro-brand);stroke-width:2.5}.company-role-canvas .role-flowchart-line.direct-active{stroke:var(--pro-success);stroke-width:2.25}@keyframes company-role-connector-reveal{0%{opacity:0;stroke-dashoffset:1}to{opacity:var(--company-role-connector-opacity);stroke-dashoffset:0}}.company-role-canvas .role-flowchart-empty{display:flex;align-items:center;justify-content:center;gap:7px;min-height:90px}@media(max-width:760px){.hierarchy-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hierarchy-tabs button{padding-inline:8px;font-size:11.5px}.company-role-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.company-role-toolbar{position:static;grid-template-columns:1fr}.company-role-search,.company-role-department-jump,.company-role-actions{grid-column:1 / -1}.company-role-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.company-role-match-count{grid-column:1 / -1}.company-role-legend p{flex-basis:100%;text-align:left}.app .company-role-viewport{height:auto;min-height:0;margin-inline:-4px;border-radius:10px;overflow:visible;cursor:default;overscroll-behavior:auto;scrollbar-gutter:auto}.company-role-stage{width:100%!important;height:auto!important;min-height:0;touch-action:auto}.company-role-canvas{position:relative;inset:auto;width:100%;min-width:100%!important;min-height:0;padding:20px 14px 24px;transform:none!important;transition:none;will-change:auto}.company-role-canvas-controls{display:none}.company-role-executive-children,.company-role-departments,.company-role-cards{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;width:100%;min-width:0}.company-role-owned-lane,.company-role-executive-subtree,.company-role-unassigned-subtree,.company-role-department-branch,.company-role-department-shell,.company-role-department,.company-role-cards,.company-role-card-shell,.company-role-card,.company-role-branch-children .company-role-card-shell{width:100%;min-width:0}.company-role-owned-lane{padding:10px}.company-role-leadership,.company-role-unassigned{width:min(100%,360px)}.company-role-branch-children{display:grid;justify-items:stretch;gap:12px;width:calc(100% - 14px);min-width:0;margin-left:14px;padding-top:12px;padding-left:12px;border-left:1px solid var(--pro-border-strong)}.company-role-branch-children .company-role-card{width:100%}.company-role-canvas .role-flowchart-connectors{display:none}.company-role-breadcrumb{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.company-role-executive strong{white-space:normal}}@media print{@page{size:landscape;margin:8mm}.hierarchy-tabs,.company-role-toolbar,.company-role-legend,.company-role-canvas-controls{display:none!important}.role-hierarchy-print-surface,.company-role-viewport{overflow:visible!important;border:0!important;box-shadow:none!important}button.company-role-leadership,button.company-role-department,button.company-role-card{display:grid!important;break-inside:avoid}.company-role-canvas{position:relative!important;width:max-content!important;padding-top:10px!important;transform:none!important;transform-origin:top left}.company-role-stage{width:auto!important;height:auto!important}}.company-role-branch-children{gap:20px}:root:not([data-theme=dark]) .app .workspace{background:var(--canvas)}body{background:var(--canvas)}.app .section-label,.app .dashboard-layout .hero-copy .section-label{color:var(--text-muted)}.app .module-loading,.app .panel-loading{display:grid;gap:12px;border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface)}.app .module-loading{min-height:276px;padding:20px;align-content:start}.app .module-loading__heading,.app .module-loading__metrics,.app .module-loading__content{display:grid;gap:10px}.app .module-loading__heading{width:min(100%,420px)}.app .module-loading__heading span:first-child{width:42%;height:12px}.app .module-loading__heading span:last-child{width:72%;height:30px}.app .module-loading__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app .module-loading__metrics span{min-height:72px}.app .module-loading__content{min-height:88px;grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.app .module-loading span:not(.sr-only),.app .panel-loading>span:not(.sr-only){display:block;border-radius:10px;background:linear-gradient(90deg,var(--surface-subtle) 25%,color-mix(in srgb,var(--surface-subtle) 68%,var(--surface)) 50%,var(--surface-subtle) 75%);background-size:220% 100%;animation:surface-loading 1.35s ease-in-out infinite}.app .panel-loading{min-height:164px;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));padding:14px}@keyframes surface-loading{to{background-position:-220% 0}}.app .attendance-status-select{width:min(100%,9.5rem);min-width:8.75rem;height:34px;min-height:34px;padding-block:5px;font-size:.75rem;font-weight:700}@media(max-width:1200px){.app .attendance-row .attendance-status-select{width:100%}}@media(max-width:640px){.app .module-loading__metrics,.app .module-loading__content,.app .panel-loading{grid-template-columns:1fr}.app .module-loading__metrics span,.app .module-loading__content{min-height:42px}}.app .workspace{--page-max: 1440px;background:var(--canvas)}.app .workspace.page-layout-wide{--page-max: 1600px}.app .workspace.page-layout-focused{--page-max: 1280px}.app .topbar,:root[data-theme=dark] .app .topbar{display:block;padding:0;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 1px color-mix(in srgb,var(--border) 72%,transparent)}.app .topbar-inner{width:min(100%,var(--page-max));min-height:94px;margin-inline:auto;display:grid;grid-template-columns:minmax(300px,auto) minmax(280px,1fr) auto;align-items:center;gap:16px;padding:16px var(--page-gutter)}.app .content{width:min(100%,var(--page-max));margin-inline:auto}.app .sidebar{overflow-x:hidden;transition:border-color var(--motion-standard),box-shadow var(--motion-standard),opacity var(--motion-standard),transform var(--motion-standard),visibility 0s linear}.app .logo-crop.wordmark,.app .topbar-brand-mark{border:1px solid rgba(35,50,106,.1);background:#f7f8fc;box-shadow:none}.app .logo-crop.wordmark{padding:3px 8px;border-radius:10px}.app .topbar-brand-mark{overflow:hidden;border-radius:9px}:root[data-theme=dark] .app .logo-crop.wordmark,:root[data-theme=dark] .app .topbar-brand-mark{border-color:transparent;background:transparent}:root[data-theme=dark] .app .sidebar{border-right-color:#99b0e53d;background:radial-gradient(circle at 12% 0%,rgba(237,30,54,.16),transparent 13rem),radial-gradient(circle at 94% 82%,rgba(102,137,221,.15),transparent 18rem),linear-gradient(165deg,#171d6b,#101650 54%,#070b29);box-shadow:8px 0 30px #03081f52;color:var(--on-brand)}:root[data-theme=dark] .app .brand-block,:root[data-theme=dark] .app .sidebar .account-menu{border-color:#ffffff29}:root[data-theme=dark] .app .logo-crop.wordmark{border-color:transparent;background:transparent;box-shadow:none}:root[data-theme=dark] .app .logo-crop.wordmark img{filter:brightness(1.8) saturate(.9) drop-shadow(0 2px 10px rgba(3,8,31,.36))}:root[data-theme=dark] .app .nav-list a{color:#f4f8ffd1}:root[data-theme=dark] .app .nav-list a:hover{border-color:#ffffff2e;background:#ffffff1a;color:#fff}:root[data-theme=dark] .app .nav-list a.active{border-color:#ff7e908a;background:linear-gradient(100deg,#ed1e3657,#ffffff17);color:#fff;box-shadow:inset 3px 0 0 var(--brand-red),0 8px 18px #030a312e}:root[data-theme=dark] .app .sidebar .account-trigger,:root[data-theme=dark] .app .sidebar .account-trigger:hover{border-color:#ffffff2e;background:#ffffff1a;color:#fff}:root[data-theme=dark] .app .sidebar .account-label strong{color:#fff}:root[data-theme=dark] .app .sidebar .account-label small{color:#f4f8ffad}@media(min-width:1281px){.app.sidebar-collapsed .sidebar{width:76px;flex-basis:76px;padding-inline:10px;visibility:visible;border-right-color:var(--border);box-shadow:none;opacity:1;pointer-events:auto;transform:none;transition:width var(--motion-standard),flex-basis var(--motion-standard),padding var(--motion-standard),border-color var(--motion-standard),box-shadow var(--motion-standard),opacity var(--motion-standard),transform var(--motion-standard),visibility 0s linear .18s}.app.sidebar-collapsed .topbar-inner{width:100%;max-width:none}.app.sidebar-collapsed .workspace.page-layout-wide{--page-max: 100%}.app.sidebar-collapsed .workspace.page-layout-standard{--page-max: 1600px}.app .topbar-brand-mark{width:0;height:50px;padding:0;visibility:hidden;border-color:transparent;box-shadow:none;opacity:0;transform:scale(.96);transition:border-color var(--motion-standard),box-shadow var(--motion-standard),opacity var(--motion-standard),transform var(--motion-standard),visibility 0s linear .18s}.app.sidebar-collapsed .topbar-brand-mark{display:inline-flex;width:168px;height:46px;padding:3px 7px;visibility:visible;border-color:#23326a1a;box-shadow:none;opacity:1;transform:scale(1);transition-delay:0s}}.app .stack,.app .employee-workspace,.app .attendance-workspace,.app .leave-workflow,.app .payroll-workspace,.app .recruitment-workspace{gap:20px}.app .two-col,.app .report-grid,.app .settings-grid,.app .payroll-grid,.app .document-grid{align-items:start;gap:20px}.app .panel,.app .metric,.app .report-card,.app .employee-card,.app .template-card,.app .pipeline-column,.app .candidate-card,.app .payroll-tile,.app .workflow-card,.app details,.app .modal{border-color:color-mix(in srgb,var(--border) 88%,transparent);border-radius:16px;box-shadow:0 1px 2px #17213a09,0 10px 28px #17213a0e}:root[data-theme=dark] .app .panel,:root[data-theme=dark] .app .metric,:root[data-theme=dark] .app .report-card,:root[data-theme=dark] .app .employee-card,:root[data-theme=dark] .app .template-card,:root[data-theme=dark] .app .pipeline-column,:root[data-theme=dark] .app .candidate-card,:root[data-theme=dark] .app .payroll-tile,:root[data-theme=dark] .app .workflow-card,:root[data-theme=dark] .app details,:root[data-theme=dark] .app .modal{box-shadow:0 1px 2px #0000002e,0 10px 28px #0000002e}.app .panel,.app .report-card{padding:20px}.app .panel:hover{transform:none}.app :is(.metric,.report-card,.employee-card,.template-card,.candidate-card,.payroll-tile):hover{border-color:var(--border-strong);box-shadow:var(--clinical-shadow-raised);transform:translateY(-1px)}.app .panel-head{min-height:0;margin-bottom:16px;padding-bottom:14px}.app .panel-head h3{font-size:1.02rem;letter-spacing:-.022em}.app button,.app .button-like,:root[data-theme=dark] .app button{border-radius:10px;transition:border-color var(--motion-standard),background var(--motion-standard),color var(--motion-standard),box-shadow var(--motion-standard),transform var(--motion-standard)}.app button:hover:not(:disabled):not(.scrim),.app .button-like:hover{transform:translateY(-1px)}.app button:is(.desktop-sidebar-toggle,.mobile-menu,.icon-button,.sidebar-close,.modal-close):hover:not(:disabled),.app .account-menu--topbar .account-trigger:hover:not(:disabled){transform:none}.app input,.app select,.app textarea,:root[data-theme=dark] .app input,:root[data-theme=dark] .app select,:root[data-theme=dark] .app textarea{border-radius:10px;transition:border-color var(--motion-standard),background var(--motion-standard),box-shadow var(--motion-standard)}.app .filters,.app .employee-filters,.app .audit-filters,.app .system-user-filters{padding:12px;border-radius:14px}.app .table-wrap{overflow-x:auto;border-radius:12px;scrollbar-gutter:stable;overscroll-behavior-inline:contain}.app th,:root[data-theme=dark] .app th{position:sticky;top:0;z-index:1}.app tbody tr{transition:background var(--motion-standard)}.app .empty{min-height:96px;border-radius:12px}.app .empty-state{display:grid;justify-items:center;gap:10px}.app .employee-hero,.app .attendance-hero,.app .employee-directory-panel,.app .attendance-control,.app .leave-balance-panel,.app .leave-request-panel,.app .leave-requests-panel,.app .payroll-run-panel,.app .workflow-disclosure,.app .organization-chart,.app .company-role-hierarchy{border-radius:16px}.app .employee-card-grid,.app .recruitment-pipeline{gap:16px}.app .list-row,.app .workflow-card,.app .candidate-card{transition:border-color var(--motion-standard),background var(--motion-standard),box-shadow var(--motion-standard),transform var(--motion-standard)}.dashboard-layout{gap:20px}.dashboard-layout>.hero-panel{grid-column:span 7;min-height:286px;padding:24px;border:1px solid var(--border);background-color:var(--surface);background-image:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface-subtle) 74%,var(--surface)) 100%);box-shadow:0 1px 2px #17213a0a,0 18px 48px #17213a12}:root[data-theme=dark] .dashboard-layout>.hero-panel{background-color:var(--surface);background-image:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface-subtle) 78%,var(--surface)) 100%);box-shadow:0 20px 54px #0003}.dashboard-layout>.metric-grid{grid-column:span 5;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-layout .hero-copy .section-label{margin-bottom:10px;color:var(--text-muted)}.dashboard-layout .hero-panel h2{max-width:780px;font-size:clamp(1.8rem,2.7vw,2.65rem);font-weight:730;letter-spacing:-.048em}.dashboard-layout .hero-panel p{max-width:650px;margin-top:10px;font-size:.9rem;line-height:1.55}.dashboard-layout>.hero-panel .hero-actions{gap:9px;align-self:end;margin-top:12px}.dashboard-layout .dashboard-snapshot{padding:16px;border-radius:16px;background:color-mix(in srgb,var(--surface-subtle) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dashboard-layout .dashboard-snapshot>span{color:var(--text-muted);font-size:.67rem;font-weight:820;letter-spacing:.085em;text-transform:uppercase}.dashboard-layout .dashboard-snapshot>strong{display:block;margin-top:5px;font-size:.92rem}.dashboard-layout .dashboard-snapshot dl{margin-top:14px}.dashboard-layout .metric{min-height:124px;padding:16px;background-color:var(--surface);background-image:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-subtle) 58%,var(--surface)))}.dashboard-layout .metric>.metric-icon{margin-bottom:10px;border:1px solid var(--border);background:var(--surface-subtle);color:var(--brand-navy)}:root[data-theme=dark] .dashboard-layout .metric>.metric-icon{color:var(--text)}.dashboard-layout .metric>span:not(.metric-icon){color:var(--text-muted);font-size:.66rem;font-weight:820;letter-spacing:.075em;text-transform:uppercase}.dashboard-layout .metric>strong,.dashboard-attendance-summary strong,.dashboard-focus-list strong,.headcount-chart__value{font-variant-numeric:tabular-nums}:root[data-theme=dark] .dashboard-attendance-summary strong,:root[data-theme=dark] .dashboard-focus-list strong{color:var(--text)}.dashboard-layout .metric>strong{margin-top:5px;font-size:clamp(1.35rem,2vw,1.9rem);letter-spacing:-.035em}.dashboard-layout .metric>p{margin-top:4px;color:var(--text-muted);font-size:.72rem}.dashboard-row--priority>.panel{background-color:var(--surface);background-image:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--surface-subtle) 70%,var(--surface)))}.dashboard-focus-list--inline{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-attendance-summary{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.dashboard-widget .table-wrap{box-shadow:none}@media(max-width:1500px)and (min-width:1201px){.dashboard-layout>.hero-panel{grid-column:span 8}.dashboard-layout>.metric-grid{grid-column:span 4}}@media(max-width:1023px){.app .topbar-inner{min-height:0;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px var(--page-gutter)}.app .topbar-brand-mark,.sidebar-collapsed .topbar-brand-mark{width:60px;height:48px;padding:3px 5px;display:inline-flex;visibility:visible;opacity:1;transform:none}.app .content{margin-inline:auto}}@media(min-width:721px)and (max-width:1023px){.app .topbar-brand-mark,.sidebar-collapsed .topbar-brand-mark{width:clamp(132px,16vw,168px);height:46px;padding:3px 7px}}@media(max-width:1200px){.dashboard-layout>.hero-panel,.dashboard-layout>.metric-grid{grid-column:1 / -1}.dashboard-layout>.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.app .panel,.app .report-card{padding:16px}.dashboard-layout>.hero-panel{min-height:0;padding:18px}.dashboard-layout>.metric-grid,.dashboard-focus-list--inline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.app .topbar-inner{padding-inline:12px}.dashboard-layout>.metric-grid,.dashboard-focus-list--inline{grid-template-columns:1fr}.dashboard-layout .hero-panel h2{font-size:clamp(1.65rem,9vw,2.1rem)}}.app .table-wrap tbody tr:focus-within{background:var(--accent-soft)}.app .badge{min-height:26px;border:1px solid transparent;padding-inline:.7rem}.app .badge.good{border-color:color-mix(in srgb,var(--good) 28%,var(--good-bg))}.app .badge.warn{border-color:color-mix(in srgb,var(--warn) 28%,var(--warn-bg))}.app .badge.bad{border-color:color-mix(in srgb,var(--bad) 28%,var(--bad-bg))}.app .badge.neutral{border-color:var(--border)}.app .employee-picker__options{z-index:var(--z-popover);padding:4px;border-radius:12px;background:var(--surface-overlay)}.app .employee-picker__options button{min-height:var(--control-height);border-radius:var(--control-radius)}.app .employee-picker__options button.is-active{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--brand-red)}.app .audit-pagination{padding-top:12px;border-top:1px solid var(--border)}.app .audit-pagination>.muted{font-variant-numeric:tabular-nums}.app button[aria-busy=true]{cursor:progress}.app button.danger-outline:hover:not(:disabled),.app .danger-outline:hover:not([aria-disabled=true]){border-color:var(--bad);background:var(--bad-bg)}.app :is(button,summary,input,select,textarea):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app .sync-alert{border-left:3px solid var(--bad)}.app .audit-pagination{flex-wrap:wrap}.app .audit-pagination>.muted{min-width:0;overflow-wrap:anywhere}.app .pagination-actions button{width:var(--control-height);min-width:var(--control-height);padding:0}.app :is(input,select,textarea)[aria-invalid=true]{border-color:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 18%,transparent)}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:10px 14px;border-radius:var(--control-radius);background:var(--text);color:var(--surface);font-weight:750;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--focus-ring);outline-offset:2px}.app .toast .toast-action{min-width:auto;min-height:32px;padding:0 8px;border-color:color-mix(in srgb,currentColor 38%,transparent);border-radius:7px;background:transparent;color:currentColor;font-weight:800}.app .toast .toast-action:hover:not(:disabled){border-color:currentColor;background:color-mix(in srgb,currentColor 13%,transparent)}.form-error-summary,.employee-discard-confirmation{margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--bad) 45%,var(--border));border-left:3px solid var(--bad);border-radius:var(--control-radius);background:var(--bad-bg);color:var(--text)}.form-error-summary ul{margin:8px 0 0;padding-left:18px}.form-error-summary a,.field-error{color:var(--bad);font-size:.78rem;font-weight:700}.employee-discard-confirmation{display:grid;gap:8px;margin-top:14px}.employee-discard-confirmation>div{display:flex;justify-content:flex-end;gap:8px}:root{--control-height: 44px;--people-sidebar-width: 276px;--people-card-radius: 20px}.app :is(button,.button-like,summary){min-height:var(--control-height)}.app :is(input:not([type=checkbox]):not([type=radio]),select){min-height:var(--control-height)}.app .sidebar{width:var(--people-sidebar-width);flex-basis:var(--people-sidebar-width);background:linear-gradient(180deg,var(--sidebar-deep),var(--sidebar));box-shadow:none}.app .page-search>button{border:0;background:transparent;box-shadow:none}.app .page-search>button:hover:not(:disabled){border:0;background:transparent;box-shadow:none;transform:none}.app .page-search .page-search-command,:root[data-theme=dark] .app .page-search .page-search-command{align-self:center;flex:0 0 auto;width:auto;min-width:44px;height:42px;min-height:42px;padding:0 4px;border:0;background:transparent;box-shadow:none}.app .brand-block{min-height:70px;padding:10px 20px}.app .brand-block .sidebar-brand{display:inline-flex;width:fit-content}.app .brand-block .logo-crop.wordmark{width:165px;height:50px;overflow:visible;border-radius:12px;background:transparent;padding:7px 11px}.app .brand-block .logo-crop.wordmark img{width:100%;height:100%;object-fit:contain;transform:none}.app .nav-list{display:block;padding:10px 12px 24px}.app .nav-group{display:grid;gap:3px;margin-bottom:15px}.app .nav-group__label{padding:5px 12px 4px;color:#e7eef78f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app .nav-list a{position:relative;min-height:43px;gap:11px;border-radius:12px;color:#e7eef7c2;font-size:.82rem}.app .nav-list a:before{content:"";position:absolute;inset:8px auto 8px -12px;width:3px;border-radius:0 4px 4px 0;background:transparent}.app .nav-list a:hover{background:#ffffff13}.app .nav-list a.active{background:#ffffff21;color:#fff;box-shadow:none}.app .nav-list a.active:before{background:var(--brand-red)}.app.sidebar-collapsed .sidebar{width:76px;flex-basis:76px}.app.sidebar-collapsed .brand-block{grid-template-columns:minmax(0,1fr);justify-items:center;padding-inline:10px}.app.sidebar-collapsed .brand-block .logo-crop.wordmark{width:48px;height:48px;padding:0}.app.sidebar-collapsed .nav-group__label,.app.sidebar-collapsed .nav-list a span{display:none}.app.sidebar-collapsed .nav-list a{min-height:44px;justify-content:center;padding:0}.app.sidebar-collapsed .account-menu--sidebar{padding-inline:4px}.app.sidebar-collapsed .account-menu--sidebar .account-trigger{min-height:44px;justify-content:center;padding:5px}.app.sidebar-collapsed .account-menu--sidebar :is(.account-label,.account-trigger>svg){display:none}.app .workspace{min-width:0;background:var(--canvas)}.app .topbar{min-height:70px;border-color:var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app .topbar-inner{min-height:70px;padding-inline:clamp(16px,2vw,32px)}.app .topbar-heading{min-width:245px}.app .topbar-brand-mark{display:none}.app .page-title:before{display:none}.app .page-title h1{display:flex;align-items:center;gap:8px;margin:0;color:var(--text);font-size:.83rem;font-weight:800;white-space:nowrap}.app .page-title h1 span{color:var(--text-muted);font-weight:650}.app .page-title h1 b{color:var(--border-strong)}.app .content{width:min(100%,1660px);margin-inline:auto;padding:30px clamp(18px,3vw,52px) 52px}.app .content>.experience-page,.app .content>.training-page,.app .content>.forms-home,.app .content>.results-page,.app .content>.form-builder,.app .content>.respondent-shell{width:100%}.command-trigger{width:min(330px,32vw);justify-content:flex-start;border-color:var(--border);background:var(--surface-subtle);color:var(--text-muted);box-shadow:none;font-weight:600}.command-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-trigger kbd{margin-left:auto}kbd{display:inline-flex;min-width:23px;min-height:21px;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-muted);color:var(--text-muted);padding:0 6px;font:700 10px/1 system-ui}.command-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;align-items:start;justify-items:center;padding:9vh 16px 16px;background:#040a14a3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-palette{width:min(640px,100%);overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface-overlay);box-shadow:0 28px 80px #00000052}.command-palette>header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.command-palette>header>input{min-height:44px;border:0;background:transparent;box-shadow:none;font-size:1rem}.command-palette>header>input:focus{outline:0;box-shadow:none}.command-results{max-height:min(56vh,480px);overflow:auto;padding:8px}.command-results>button{width:100%;justify-content:space-between;border:0;background:transparent;box-shadow:none;padding:9px 11px;text-align:left}.command-results>button>span{display:grid;gap:2px}.command-results>button small{color:var(--text-muted);font-weight:500}.command-results>button.active,.command-results>button:hover{background:var(--surface-muted);transform:none}.command-palette>footer{display:flex;gap:20px;padding:10px 16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px}.command-palette>footer span{display:flex;align-items:center;gap:4px}.quick-create{position:relative}.quick-create__trigger{white-space:nowrap}.quick-create__menu{position:absolute;z-index:var(--z-popover);top:calc(100% + 8px);right:0;width:290px;display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--surface-overlay);box-shadow:var(--clinical-shadow-raised)}.quick-create__menu>.eyebrow{padding:5px 8px}.quick-create__menu>button{justify-content:flex-start;border:0;background:transparent;box-shadow:none;padding:8px;text-align:left}.quick-create__menu>button>span{display:grid;gap:1px}.quick-create__menu>button small{color:var(--text-muted);font-weight:500}.quick-create__menu>button:hover{background:var(--surface-muted);transform:none}.mobile-bottom-nav{display:none}.dashboard-layout{gap:18px}.dashboard-page-heading{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 0 10px}.dashboard-page-heading h2{margin:5px 0 4px;color:var(--text);font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.055em;line-height:1.05}.dashboard-page-heading p{margin:0;color:var(--text-muted)}.eyebrow{color:color-mix(in srgb,var(--brand-navy) 66%,var(--text-muted));font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}:root[data-theme=dark] .eyebrow{color:#aabcf5}.dashboard-layout>.hero-panel{position:relative;grid-column:1 / -1;min-height:250px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);align-items:center;overflow:hidden;border:0;border-radius:26px;background:linear-gradient(105deg,#293878,#73325e 48%,#ef2948);box-shadow:none;padding:30px;color:#fff}:root[data-theme=dark] .dashboard-layout>.hero-panel{border:0;background:linear-gradient(105deg,#293878,#73325e 48%,#ef2948);box-shadow:none}.dashboard-layout>.hero-panel:before{width:330px;height:330px;right:-30px;top:-90px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 56px #ffffff0b,0 0 0 112px #ffffff06;background:none;opacity:1}.dashboard-layout>.hero-panel:after{display:none}.dashboard-layout .hero-copy{position:relative;z-index:3;align-self:center;max-width:670px}.dashboard-layout .hero-copy .section-label{color:#ffffffa6}.dashboard-layout .hero-panel h2{max-width:720px;margin:10px 0 12px;color:#fff;font-size:clamp(2rem,3.2vw,2.7rem);line-height:1.05;letter-spacing:-.05em}.dashboard-layout .hero-panel p{max-width:600px;color:#ffffffc7}.dashboard-layout>.hero-panel .hero-actions{position:relative;z-index:4;grid-column:1;margin-top:8px;align-self:end}.dashboard-layout>.hero-panel .hero-actions button:not(.primary){border-color:#fff3;background:#ffffff24;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-signal{position:absolute;z-index:2;right:20px;bottom:30px;width:min(35%,430px)}.hero-signal svg{width:100%;height:150px;overflow:visible}.hero-signal path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}.hero-signal circle{fill:#fff}.dashboard-layout .dashboard-snapshot{position:relative;z-index:4;align-self:start;justify-self:end;width:min(100%,230px);border-color:#ffffff2b;background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-layout .dashboard-snapshot :is(span,dt){color:#ffffffb3}.dashboard-layout>.metric-grid{grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-layout .metric{min-height:170px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:none;padding:20px}.dashboard-layout .metric:before{display:none}.dashboard-layout .metric>.metric-icon{width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 12%,var(--surface));color:color-mix(in srgb,var(--brand-navy) 72%,var(--text))}:root[data-theme=dark] .dashboard-layout .metric>.metric-icon{background:#1c3154;color:#9eb7ff}.dashboard-layout .metric>strong{font-size:1.75rem}.dashboard-layout .panel{border-color:var(--border);border-radius:20px;box-shadow:none}:root[data-theme=dark] .app .sidebar{border-right-color:var(--border);background:linear-gradient(180deg,var(--sidebar-deep),var(--sidebar));box-shadow:none}:root[data-theme=dark] .app .logo-crop.wordmark{border-color:transparent;background:transparent}:root[data-theme=dark] .app .logo-crop.wordmark img{filter:none}:root[data-theme=dark] .app .nav-list a.active{border-color:transparent;background:#ffffff21;box-shadow:none}.experience-page{display:grid;gap:20px}.feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:4px 0 10px}.feature-heading h2{margin:5px 0;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.08}.feature-heading p{max-width:720px;margin:0;color:var(--text-muted)}.feature-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.workflow-page-grid{display:grid;grid-template-columns:minmax(0,1fr)}.workflow-page-grid>.span-2{grid-column:auto}.page-state{grid-column:1 / -1;min-height:150px;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:18px;background:var(--surface-subtle);color:var(--text-muted);padding:24px;text-align:center}.page-state.is-error,.form-error{border-color:color-mix(in srgb,var(--bad) 40%,var(--border));background:var(--bad-bg);color:var(--bad)}.form-error{border:1px solid;border-radius:10px;padding:10px 12px}.field-help{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--text-muted);font-size:.74rem;font-weight:500}.status-pill{display:inline-flex;align-items:center;gap:6px;min-height:27px;border:1px solid var(--border);border-radius:999px;padding:3px 9px;background:var(--surface-muted);color:var(--text-muted);font-size:.68rem;font-weight:850;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-published,.status-open,.status-completed{border-color:color-mix(in srgb,var(--good) 32%,var(--border));background:var(--good-bg);color:var(--good)}.status-draft,.status-in_progress,.status-assigned,.status-enrolled{color:var(--info);background:var(--info-bg)}.status-full,.status-waitlisted{color:var(--warn);background:var(--warn-bg)}.status-archived,.status-cancelled,.status-failed,.status-closed{color:var(--bad);background:var(--bad-bg)}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.experience-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.experience-card__head{display:flex;justify-content:space-between;gap:12px;padding:18px 18px 12px}.experience-card__head>div{display:flex;align-items:center;gap:10px;min-width:0}.experience-card h3{margin:0 0 2px;font-size:1rem}.experience-card p{margin:0;color:var(--text-muted);font-size:.78rem}.progress-copy{display:flex;justify-content:space-between;padding:6px 18px;color:var(--text-muted);font-size:.72rem}.progress-copy strong{color:var(--text)}.progress-track{height:7px;overflow:hidden;margin:0 18px 14px;border-radius:999px;background:var(--surface-muted)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-navy),var(--brand-red))}.card-disclosure{width:100%;justify-content:space-between;border:0;border-top:1px solid var(--border);border-radius:0;background:var(--surface-subtle);box-shadow:none}.task-list{border-top:1px solid var(--border)}.task-row{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:0}.task-row>div{display:grid;gap:2px}.task-row span{color:var(--text-muted);font-size:.72rem}.task-toggle{flex:0 0 34px;width:34px;min-height:34px!important;padding:0;border-radius:50%}.code-textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.template-toolbar{display:flex;gap:8px}.checkbox-row,.checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 18px}.checkbox-row label,.checkbox-grid label,.checkbox-control{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.checkbox-row input,.checkbox-grid input,.checkbox-control input{width:18px;height:18px;min-height:0}.announcement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.announcement-card{display:flex;min-height:250px;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:20px}.announcement-card__meta{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.72rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.status-dot.is-active{background:var(--good);box-shadow:0 0 0 3px var(--good-bg)}.announcement-card h3{margin:17px 0 9px;font-size:1.2rem}.announcement-card>p{display:-webkit-box;overflow:hidden;color:var(--text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:4;white-space:pre-wrap}.announcement-card__delivery{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;color:var(--text-muted);font-size:.73rem}.announcement-card__delivery span{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.announcement-card footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.announcement-detail p{font-size:1rem;line-height:1.7;white-space:pre-wrap}.announcement-detail-page{width:min(100%,940px);margin-inline:auto}.announcement-detail-toolbar{display:flex;justify-content:space-between;gap:12px}.announcement-detail-toolbar button,.announcement-file button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.announcement-detail-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.announcement-detail-card>header{border-bottom:1px solid var(--border);padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-navy) 9%,var(--surface)),color-mix(in srgb,var(--brand-red) 7%,var(--surface)))}.announcement-detail-card>header h2{max-width:760px;margin:10px 0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08}.announcement-detail-card>header p{margin:0;color:var(--text-muted)}.announcement-content{padding:clamp(24px,4vw,42px)}.announcement-content p{max-width:74ch;margin:0 0 18px;font-size:1rem;line-height:1.75;white-space:pre-wrap}.announcement-content figure{margin:26px 0}.announcement-content img{display:block;width:auto;max-width:100%;max-height:720px;border:1px solid var(--border);border-radius:14px;object-fit:contain}.announcement-files{display:grid;gap:10px;border-top:1px solid var(--border);padding:24px clamp(24px,4vw,42px)}.announcement-files h3{margin:0 0 4px}.announcement-file-list{display:grid;gap:8px;margin-bottom:12px}.announcement-file{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle);padding:10px 12px}.announcement-file>span{display:flex;min-width:0;align-items:center;gap:10px}.announcement-file>span>span{min-width:0;display:grid;gap:2px}.announcement-file strong{overflow-wrap:anywhere;font-size:.82rem}.announcement-file small{color:var(--text-muted);font-size:.7rem}.announcement-delivery-status{display:flex;align-items:center;gap:9px;border-top:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);padding:16px clamp(24px,4vw,42px);font-size:.78rem}.announcement-editor{display:grid;gap:18px}.announcement-editor>label,.announcement-editor .form-grid>label{display:grid;gap:6px;color:var(--text-muted);font-size:.75rem;font-weight:750}.announcement-editor fieldset{min-width:0;display:grid;gap:10px;border:1px solid var(--border);border-radius:14px;padding:14px}.announcement-editor legend{padding-inline:5px;font-size:.8rem;font-weight:850}.field-hint{margin:0;color:var(--text-muted);font-size:.74rem;line-height:1.5}.announcement-editor__warning{display:flex;align-items:flex-start;gap:9px;border:1px solid color-mix(in srgb,var(--warn) 35%,var(--border));border-radius:12px;background:var(--warn-bg);color:var(--warn);padding:12px;font-size:.78rem;line-height:1.5}.announcement-editor__warning svg{flex:0 0 auto;margin-top:2px}.announcement-block-list{display:grid;gap:10px}.announcement-paragraph{display:block}.announcement-paragraph textarea{width:100%;min-height:94px;resize:vertical;line-height:1.55}.announcement-picture-editor{overflow:hidden;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:14px;margin:0;border:1px solid var(--border);border-radius:14px;background:var(--surface-subtle);padding:12px}.announcement-picture-editor img{width:100%;height:170px;border-radius:10px;background:var(--surface);object-fit:contain}.announcement-picture-editor figcaption{display:grid;align-content:center;gap:9px}.announcement-picture-editor figcaption label{display:grid;gap:5px;color:var(--text-muted);font-size:.74rem;font-weight:750}.announcement-picture-editor figcaption span{color:var(--text-muted);font-size:.7rem}.announcement-picture-editor figcaption button{justify-self:start}.announcement-upload-button{width:max-content;max-width:100%}.announcement-block-editor>small,.announcement-attachments>small{color:var(--text-muted);font-size:.7rem}.announcement-email-toggle>span:last-child{min-height:44px;display:flex;align-items:center;gap:8px;color:var(--text);font-size:.8rem}.announcement-email-toggle input{width:18px;height:18px;min-height:0}.announcement-upload-progress{display:grid;gap:7px;border-radius:10px;background:var(--info-bg);color:var(--info);padding:10px 12px;font-size:.75rem}.announcement-upload-progress progress{width:100%;accent-color:var(--brand-red)}.filter-bar{display:flex;gap:10px;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.filter-bar label{min-width:180px;color:var(--text-muted);font-size:.72rem}.form-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:230px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:18px}.form-card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-navy) 14%,var(--surface)),color-mix(in srgb,var(--brand-red) 9%,var(--surface)));color:var(--brand-navy)}:root[data-theme=dark] .form-card__icon{color:#aabcf5}.form-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--text-muted);font-size:.68rem}.form-card h3{margin:15px 0 7px;font-size:1.15rem}.form-card p,.form-card small{color:var(--text-muted)}.form-card__actions{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.form-builder{min-height:calc(100vh - 140px)}.builder-top{position:sticky;z-index:8;top:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:-30px calc(clamp(18px,3vw,52px)*-1) 20px;padding:12px clamp(18px,3vw,52px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.builder-top h2{margin:1px 0 0;font-size:1.25rem}.builder-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:22px}.builder-settings{position:sticky;top:154px;max-height:calc(100vh - 175px);overflow:auto;display:grid;gap:12px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:17px}.builder-settings label{display:grid;gap:5px;color:var(--text-muted);font-size:.74rem;font-weight:750}.builder-canvas{min-width:0;display:grid;gap:18px}.builder-section{overflow:hidden;border:1px solid var(--border);border-top:4px solid var(--brand-navy);border-radius:18px;background:var(--surface)}.builder-section__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:16px;border-bottom:1px solid var(--border);background:var(--surface-subtle)}.builder-section__head>div:nth-child(2){display:grid;gap:6px}.builder-section__head input:first-child{border:0;background:transparent;padding-inline:0;font-size:1.12rem;font-weight:850}.builder-section__head input:last-child{min-height:34px}.icon-actions{display:flex;gap:4px}.icon-actions button{width:36px;min-width:36px;min-height:36px!important;padding:0}.question-editor{margin:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.question-editor__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:14px}.question-editor__top>div{display:grid;gap:5px}.question-editor__top input:first-child{font-weight:750}.question-number{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--surface-muted);color:var(--text-muted);font-size:.72rem;font-weight:850}.question-type{border-radius:999px;background:var(--info-bg);color:var(--info);padding:5px 8px;font-size:.67rem;font-weight:800}.question-settings{display:grid;gap:10px;padding:0 14px 14px 52px}.question-settings.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.question-settings label{display:grid;gap:5px;color:var(--text-muted);font-size:.72rem}.question-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface-subtle)}.question-controls>label{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.73rem}.question-controls input[type=checkbox]{width:17px;height:17px}.inline-number{width:75px;min-height:34px!important}.correct-answer{min-width:220px;flex:1}.correct-answer:is(fieldset){display:flex;flex-wrap:wrap;gap:8px 14px;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.correct-answer legend{padding:0 4px;color:var(--text-muted);font-size:.72rem}.ranking-key{display:grid;gap:6px}.ranking-key>div{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:6px;align-items:center}.ranking-key button{min-height:32px!important;padding:0}.question-footer{display:flex;justify-content:flex-end;padding:8px 14px;border-top:1px solid var(--border)}.branch-editor{width:100%}.branch-editor summary{min-height:36px}.branch-editor>div{display:grid;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.branch-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.branch-row label{display:grid;gap:4px}.add-question{display:flex;justify-content:center;gap:8px;padding:14px;border-top:1px solid var(--border);background:var(--surface-subtle)}.add-question select{width:180px}.add-section{width:100%;border-style:dashed;background:var(--surface-subtle)}.respondent-shell{width:min(100%,980px)!important;margin:0 auto}.back-link{border:0;background:transparent;box-shadow:none;padding-inline:0}.form-hero{overflow:hidden;border-radius:22px;background:linear-gradient(115deg,#293878,#832951 56%,#ed1e36);color:#fff;padding:32px}.form-hero .eyebrow{color:#ffffffad}.form-hero h1{margin:10px 0 8px;color:#fff;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.045em}.form-hero p{color:#ffffffc7}.form-progress{height:7px;overflow:hidden;margin-top:20px;border-radius:99px;background:#ffffff2e}.form-progress span{display:block;height:100%;background:#fff}.form-hero small{display:block;margin-top:7px;color:#ffffffb8}.rendered-form{display:grid;gap:18px;margin-top:18px}.respond-section{overflow:hidden;border:1px solid var(--border);border-top:4px solid var(--brand-navy);border-radius:18px;background:var(--surface)}.respond-section>header{padding:20px;border-bottom:1px solid var(--border);background:var(--surface-subtle)}.respond-section>header>span{color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase}.respond-section>header h2{margin:5px 0}.respond-section>header p{margin:0;color:var(--text-muted)}.respond-question{padding:20px;border-bottom:1px solid var(--border)}.respond-question:last-child{border-bottom:0}.respond-question__title{display:flex;gap:10px;margin-bottom:12px}.respond-question__title>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--surface-muted);color:var(--text-muted);font-size:.72rem;font-weight:850}.respond-question h3{margin:2px 0;font-size:.95rem}.respond-question h3 b{color:var(--brand-red)}.respond-question p{margin:4px 0 0;color:var(--text-muted);font-size:.78rem}.answer-options{display:grid;gap:8px}.answer-options label{display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid var(--border);border-radius:11px;padding:8px 12px}.answer-options input{width:18px;height:18px}.rating-input,.nps-input{display:flex;flex-wrap:wrap;gap:7px}.rating-input button.selected,.nps-input button.selected{border-color:var(--brand-red);background:var(--accent-soft);color:var(--brand-red)}.nps-input button{width:44px;padding:0}.ranking-input{display:grid;gap:6px}.ranking-input>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:7px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:6px}.ranking-input button{width:34px;min-height:34px!important;padding:0}.likert-table{min-width:680px;width:100%;border-collapse:collapse}.likert-table :is(th,td){border:1px solid var(--border);padding:10px;text-align:center}.likert-table th:first-child{text-align:left}.likert-table input{width:18px;height:18px}.upload-answer{display:grid;gap:5px}.upload-answer small{color:var(--text-muted)}.respond-submit{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--clinical-shadow-raised);padding:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.respond-submit span{color:var(--text-muted);font-size:.76rem}.completion-card{min-height:360px;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid var(--border);border-radius:20px;background:var(--surface);text-align:center}.completion-card svg{color:var(--good)}.results-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.results-metrics>div{display:grid;gap:5px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px}.results-metrics span{color:var(--text-muted);font-size:.75rem}.results-metrics strong{font-size:1.7rem}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-card{border:1px solid var(--border);border-radius:17px;background:var(--surface);padding:18px}.result-card h3{margin:5px 0}.result-card>p{color:var(--text-muted)}.result-average{display:block;font-size:2rem}.count-bars{display:grid;gap:11px;margin-top:15px}.count-bars>div>div{display:flex;justify-content:space-between;gap:10px;font-size:.76rem}.bar-track{display:block;height:7px;overflow:hidden;margin-top:4px;border-radius:99px;background:var(--surface-muted)}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-navy),var(--brand-red))}.text-results{max-height:260px;overflow:auto;padding-left:20px}.likert-result{margin-top:14px}.response-detail{min-width:140px}.response-detail>summary{cursor:pointer;color:var(--brand-red);font-weight:750}.response-answers{min-width:300px;display:grid;gap:10px;margin:12px 0 0;white-space:normal}.response-answers>div{display:grid;gap:3px;border-top:1px solid var(--border);padding-top:8px}.response-answers dt{color:var(--text-muted);font-size:.7rem;font-weight:750}.response-answers dd{display:flex;flex-wrap:wrap;gap:6px;margin:0}.segmented-tabs{display:inline-flex;justify-self:start;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:4px}.segmented-tabs button{min-height:36px;border:0;background:transparent;box-shadow:none}.segmented-tabs button.active{background:var(--surface-muted);color:var(--text)}.session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.session-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.session-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px}.session-date{width:56px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--brand-red);padding:7px}.session-date strong{font-size:1.35rem;line-height:1}.session-date span{font-size:.67rem;font-weight:850;text-transform:uppercase}.session-card h3{margin:4px 0;font-size:1.15rem}.session-card p{margin:0;color:var(--text-muted)}.session-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 18px 16px}.session-facts>:is(span,a){display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:.76rem;text-decoration:none}.enrollment-banner{display:flex;justify-content:space-between;gap:10px;margin:0 18px 14px;border-radius:11px;background:var(--info-bg);color:var(--info);padding:9px 11px;font-size:.75rem}.session-card>footer{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface-subtle)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.course-card__cover{min-height:110px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(135deg,#293878,#832951 60%,#ed1e36);color:#fff;padding:18px}.course-card__cover span{font-weight:850;letter-spacing:.05em}.course-card>div:nth-child(2){padding:17px}.course-card h3{margin:11px 0 7px}.course-card p{color:var(--text-muted)}.course-links{display:grid;gap:5px;color:var(--text-muted);font-size:.73rem}.course-links span{display:flex;align-items:center;gap:6px}.course-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding:12px 17px;border-top:1px solid var(--border);background:var(--surface-subtle)}.roster-list{max-height:min(62vh,620px);overflow:auto;display:grid;gap:8px}.roster-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:11px;padding:10px}.roster-row>div:first-child{display:grid;gap:2px}.roster-row span{color:var(--text-muted);font-size:.72rem}@media(max-width:1280px){.app .command-trigger{width:min(290px,31vw)}.experience-grid,.form-card-grid,.announcement-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout>.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.app .command-trigger{width:44px;min-width:44px;padding:0}.app .command-trigger span,.app .command-trigger kbd{display:none}.builder-layout{grid-template-columns:1fr}.builder-settings{position:static;max-height:none}.dashboard-layout>.hero-panel{grid-template-columns:1fr}.dashboard-layout .dashboard-snapshot,.hero-signal{display:none}.dashboard-layout>.hero-panel .hero-actions{margin-top:8px}.dashboard-layout>.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-grid,.review-grid{grid-template-columns:1fr}}@media(max-width:720px){.app .content{padding:22px 14px 92px}.app .topbar{min-height:62px}.app .topbar-inner{min-height:62px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-inline:12px}.app .topbar-heading{min-width:0}.app .desktop-sidebar-toggle,.app .page-title h1 span,.app .page-title h1 b{display:none}.app .page-title h1{overflow:hidden;text-overflow:ellipsis}.app .quick-create__trigger span{display:none}.app .quick-create__trigger{width:44px;padding:0}.app .topbar-actions .quick-create{position:static}.app .topbar-actions .quick-create__menu{top:calc(100% + 8px);right:var(--page-gutter);left:var(--page-gutter);width:auto}.app .page-search-command{display:none}.app .topbar-actions>.notifications-menu,.app .topbar-actions>.icon-button{display:none}.app .sidebar{width:min(86vw,310px);flex-basis:min(86vw,310px)}.app .brand-block .logo-crop.wordmark{width:165px}.mobile-bottom-nav{position:fixed;z-index:55;inset:auto 0 0;min-height:70px;display:flex;align-items:stretch;justify-content:space-around;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 -12px 28px #0000001a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-bottom-nav a{min-width:64px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:10px;color:var(--text-muted);font-size:.62rem;font-weight:750;text-decoration:none}.mobile-bottom-nav a.active{background:var(--accent-soft);color:var(--brand-red)}.dashboard-page-heading,.feature-heading{align-items:stretch;flex-direction:column}.dashboard-page-heading h2,.feature-heading h2{font-size:1.8rem}.dashboard-layout>.hero-panel{min-height:300px;border-radius:22px;padding:23px}.dashboard-layout .hero-panel h2{font-size:2rem}.dashboard-layout>.hero-panel .hero-actions{width:100%}.dashboard-layout>.hero-panel .hero-actions button{flex:1 1 150px}.dashboard-layout>.metric-grid,.experience-grid,.form-card-grid,.announcement-grid,.course-grid,.results-grid,.results-metrics{grid-template-columns:1fr}.dashboard-layout .metric{min-height:145px}.form-card{min-height:0}.review-copy{grid-template-columns:1fr}.review-card__top,.review-card footer,.announcement-card footer,.roster-row,.respond-submit{align-items:stretch;flex-direction:column}.announcement-detail-toolbar,.announcement-file{align-items:stretch;flex-direction:column}.announcement-picture-editor{grid-template-columns:1fr}.announcement-picture-editor img{height:min(58vw,240px)}.announcement-editor .modal-actions{align-items:stretch;flex-direction:column}.builder-top{top:62px;grid-template-columns:auto minmax(0,1fr);margin:-22px -14px 16px;padding:10px 14px}.builder-top>.feature-actions{grid-column:1 / -1}.builder-top>.feature-actions>button{flex:1}.builder-section__head{grid-template-columns:minmax(0,1fr) auto}.builder-section__head>svg{display:none}.question-editor{margin:9px}.question-editor__top{grid-template-columns:auto minmax(0,1fr)}.question-type{grid-column:2;justify-self:start}.question-settings{padding-left:14px}.question-settings.two-col,.branch-row,.form-grid{grid-template-columns:1fr}.add-question{align-items:stretch;flex-direction:column}.add-question select{width:100%}.form-hero{border-radius:18px;padding:24px 20px}.respond-question{padding:16px}.session-card>header{grid-template-columns:auto minmax(0,1fr)}.session-card>header>.status-pill{grid-column:2;justify-self:start}.session-facts{grid-template-columns:1fr}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar label{min-width:0}.command-scrim{align-items:start;padding:0}.command-palette{border-radius:0 0 22px 22px}.command-results{max-height:68vh}}@media(max-width:420px){.app .account-menu--topbar{display:none}.dashboard-layout>.metric-grid{grid-template-columns:1fr}.feature-actions>button{flex:1}}@media(prefers-reduced-motion:reduce){.command-palette,.quick-create__menu,.progress-track span,.form-progress span{transition:none!important;animation:none!important}}.app .recruitment-editor{margin-bottom:16px;padding:14px;border:1px solid var(--border);border-radius:var(--control-radius);background:var(--surface-subtle)}.app .recruitment-editor .form-actions{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.app .recruitment-workspace .panel-head>button{flex:0 0 auto}.app .candidate-tile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.app .candidate-drag-handle{display:inline-flex;flex:0 0 44px;width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--control-radius);color:var(--text-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.app .candidate-drag-handle:active{cursor:grabbing}.app .candidate-card .row-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.app .candidate-card .row-actions>:is(button,.card-actions-menu),.app .candidate-card .card-actions-menu>summary{box-sizing:border-box;width:100%;min-width:0}.app .candidate-card .card-actions-menu{justify-self:stretch}.app .candidate-card .card-actions-menu>summary{display:flex;justify-content:space-between}.app .candidate-tile-dragging{opacity:.48;border-style:dashed;box-shadow:none}.app .pipeline-column-drop-target{border-color:var(--action-red);background:color-mix(in srgb,var(--action-red) 7%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--action-red) 28%,transparent)}.app .pipeline-drop-hint{display:block;margin-top:8px;padding:8px;border:1px dashed color-mix(in srgb,var(--action-red) 55%,transparent);border-radius:10px;color:var(--action-red);font-size:.78rem;font-weight:800;text-align:center}@media(prefers-reduced-motion:reduce){.app .candidate-tile,.app .candidate-drag-handle{transition:none}}.app .settings-save-panel{display:grid;align-content:start;gap:2px}.app .settings-save-panel .primary{justify-self:start}.login-card .primary{border-color:var(--action-red);background:var(--action-red)}.login-card .primary:hover:not(:disabled){border-color:color-mix(in srgb,var(--action-red) 88%,#000);background:color-mix(in srgb,var(--action-red) 88%,#000)}@media(max-width:720px){.app :is(button,.button-like,summary,input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:44px}.app .panel-head span,.app .muted,.app .form-grid label,.app .document-grid label,.app .employee-status label{font-size:max(.75rem,12px)}.app .settlement-preview{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.app .recruitment-editor{padding:12px}.app .settings-save-panel .primary,.app .recruitment-workspace .card-actions-menu[open]{width:100%}.app .recruitment-workspace .card-actions-menu__items{position:static;width:100%;margin-top:8px}}@media(max-width:460px){.app .topbar-inner{grid-template-rows:auto auto}.app .topbar-heading{grid-column:1 / -1;grid-row:2;min-width:0}.app .topbar-actions{grid-column:3;grid-row:1}.app .page-search{grid-row:3}.app .page-title h1,.app .topbar h1{font-size:1.1rem;white-space:nowrap}}:root{--canvas: #f5f5f7;--surface: #ffffff;--surface-subtle: #f8f8fa;--surface-muted: #eff0f4;--border: #e3e4e9;--border-strong: #d9dce4;--text: #202126;--text-muted: #747681;--control-radius: 14px;--card-radius: 22px;--layout-gap: 18px;--page-gutter: clamp(20px, 3vw, 48px);--clinical-shadow: 0 1px 2px rgba(23, 33, 58, .03), 0 12px 28px rgba(23, 33, 58, .045);--clinical-shadow-raised: 0 18px 44px rgba(23, 33, 58, .11)}:root[data-theme=dark]{--canvas: #08111f;--surface: #0f1b2d;--surface-subtle: #132238;--surface-muted: #182a45;--border: #263a57;--border-strong: #3a5272;--text: #eef4fc;--text-muted: #a8b7ca}.app{background:var(--canvas)}.app .sidebar,:root[data-theme=dark] .app .sidebar{width:276px;flex-basis:276px;padding:0 12px 12px;color:var(--text);border-right-color:var(--border);background:var(--surface-subtle);box-shadow:none}:root[data-theme=dark] .app .sidebar{color:var(--text);background:var(--sidebar-deep);border-right-color:#ffffff14}@media(min-width:1024px){.app.sidebar-collapsed .sidebar,:root[data-theme=dark] .app.sidebar-collapsed .sidebar{width:76px;flex-basis:76px;padding-inline:10px;visibility:visible;opacity:1;pointer-events:auto;transform:none}}.app .brand-block{min-height:76px;padding:10px 10px 10px 8px;border-bottom-color:var(--border)}.app .logo-crop.wordmark{width:166px;height:48px;justify-self:start;padding:5px 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.app .sidebar-brand-mark{display:none}.app .nav-list{gap:2px;padding:12px 0}.app .nav-group{display:grid;gap:2px;margin:0 0 14px}.app .nav-group__label{padding:0 12px 5px;color:#90919a;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.app .nav-list a,:root[data-theme=dark] .app .nav-list a{min-height:40px;gap:12px;padding-inline:12px;border:0;border-radius:12px;color:#62646f;font-size:.84rem;font-weight:680}.app .nav-list a:hover,.app .nav-list a.active,:root[data-theme=dark] .app .nav-list a:hover,:root[data-theme=dark] .app .nav-list a.active{color:var(--text);border:0;background:var(--surface);box-shadow:var(--clinical-shadow)}.app .nav-list a.active{position:relative;box-shadow:var(--clinical-shadow),inset 3px 0 0 var(--brand-red)}:root[data-theme=dark] .app .nav-group__label,:root[data-theme=dark] .app .nav-list a{color:#eef4fcad}:root[data-theme=dark] .app .nav-list a:hover,:root[data-theme=dark] .app .nav-list a.active{color:var(--text);background:#ffffff14;box-shadow:var(--clinical-shadow),inset 3px 0 0 var(--brand-red)}.app .account-menu--sidebar{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--border)}.app .account-menu--sidebar .account-trigger{min-height:56px;padding:8px;border:0;border-radius:12px;background:transparent;color:var(--text);box-shadow:none}.app .account-menu--sidebar .account-trigger:hover{background:var(--surface);box-shadow:var(--clinical-shadow)}.app .account-menu--sidebar .account-label{flex:1}.app .account-menu--sidebar .account-label small{color:var(--text-muted)}.app .account-menu--sidebar .account-trigger>svg{margin-left:auto;color:var(--text-muted)}:root[data-theme=dark] .app .account-menu--sidebar{border-top-color:#ffffff1a}:root[data-theme=dark] .app .account-menu--sidebar .account-trigger:hover{background:#ffffff14}.app .account-menu--topbar{display:none}.app .workspace{background:var(--canvas)}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:76px;grid-template-columns:minmax(220px,auto) minmax(240px,1fr) auto;padding:10px var(--page-gutter);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:none}.app .topbar-inner{min-height:56px;display:grid;grid-template-columns:minmax(220px,auto) minmax(240px,1fr) auto;align-items:center;gap:16px;padding-inline:0}.app .topbar-heading{gap:10px}.app .page-title h1,.app .topbar h1{display:flex;align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:720;letter-spacing:-.012em}.app .page-title h1 span{color:var(--text-muted);font-weight:520}.app .page-title h1 b{color:var(--border-strong);font-weight:500}.app .page-hint{display:none}.app .desktop-sidebar-toggle,.app .mobile-menu,.app .icon-button{border-radius:14px}.app .content{width:min(100%,1460px);margin-inline:auto;padding:clamp(28px,3vw,40px) var(--page-gutter) 48px}.app .panel,.app .metric,.app .report-card,.app .employee-card,.app .template-card,.app .pipeline-column,.app .candidate-card,.app .payroll-tile,.app .workflow-card,.app details,.app .modal{border-radius:22px}.app .panel-head{min-height:52px;margin-bottom:12px;padding-bottom:10px}.app .table-wrap{overflow-x:auto;border-radius:16px}.app th{background:var(--surface-subtle)}@media(max-width:1023px){.app .sidebar,:root[data-theme=dark] .app .sidebar{width:min(320px,88vw);flex-basis:auto}.app .account-menu--topbar{display:block}.app .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto}}@media(max-width:760px){.app .topbar,:root[data-theme=dark] .app .topbar{min-height:68px;padding-inline:14px}.app .topbar-inner{gap:8px}.app .page-title h1,.app .topbar h1{font-size:.8rem}.app .content{padding:20px 14px calc(88px + env(safe-area-inset-bottom))}.app .panel,.app .report-card{padding:16px;border-radius:18px}.app .table-wrap{border-radius:14px}}@media(min-width:1024px){.app .brand-block{grid-template-columns:minmax(0,1fr);justify-items:start;padding-inline:12px}.app .brand-block .sidebar-brand{display:flex;width:100%;align-items:center;justify-content:flex-start;transform:none;transition:none}.app .brand-block .logo-crop.wordmark{width:184px;height:50px;padding:0;border-radius:0;box-shadow:none}.app.sidebar-collapsed .brand-block{padding-inline:0}.app.sidebar-collapsed .brand-block .sidebar-brand{justify-content:center}.app.sidebar-collapsed .brand-block .logo-crop.wordmark{width:40px;height:40px}}