.app,.sidebar{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.sidebar{max-height:100vh;max-height:100dvh;position:-webkit-sticky;position:sticky;top:0;flex:0 0 280px}.nav{align-content:start;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.nav::-webkit-scrollbar{width:5px}.nav::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(215,242,241,.24)}.navItem{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modeSwitch{margin-top:auto;margin-bottom:12px}.sidebarFooter{flex:0 0 auto;margin-top:0;padding-top:24px}.content{height:100vh;height:100dvh;min-width:0;overflow:auto}@media (max-width:900px){.app{min-height:100vh;min-height:100dvh}.app,.sidebar{height:auto;overflow:visible}.sidebar{display:none;min-height:auto;max-height:none;position:static;flex-basis:auto}.content{height:auto;min-height:calc(100dvh - var(--bic-mobile-topbar-height) - var(--bic-mobile-bottom-nav-height));overflow:visible}}@media (min-width:901px){.productionAdminDesktop,.productionAdminDesktop>.sidebar{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;display:flex;overflow:hidden}.productionAdminDesktop>.sidebar{width:var(--sidebar-width);max-height:100vh;max-height:100dvh;position:-webkit-sticky;position:sticky;top:0;flex:0 0 280px;padding:24px;flex-direction:column;background:radial-gradient(circle at 15% 5%,color-mix(in srgb,var(--color-brand-500) 28%,transparent),transparent 28%),var(--color-brand-950);color:var(--color-text-inverse)}.productionAdminDesktop .productionAdminBrand{display:flex;gap:14px;align-items:center;margin:0 0 36px;padding:0;border-radius:0}.productionAdminDesktop .productionAdminBrand .brandIcon{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:14px;background:var(--color-primary-contrast);color:var(--color-brand-800);display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:none}.productionAdminDesktop .productionAdminBrand .brandIcon:after{content:none}.productionAdminDesktop .productionAdminBrand .brandTitle{font-size:20px;font-weight:800}.productionAdminDesktop .productionAdminBrand .brandSub{color:var(--color-brand-200);font-size:13px}.productionAdminDesktop .productionAdminNav{display:grid;align-content:start;flex:1 1 auto;grid-gap:8px;gap:8px;min-height:0;overflow:hidden}.productionAdminDesktop .productionAdminNav .navItem{min-height:0;display:block;padding:13px 14px;border-radius:14px;color:color-mix(in srgb,var(--color-text-inverse) 76%,var(--color-brand-300));text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:inherit;font-weight:inherit}.productionAdminDesktop .productionAdminNav .navItem:before{content:none}.productionAdminDesktop .productionAdminNav .navItem.active,.productionAdminDesktop .productionAdminNav .navItem:hover{background:color-mix(in srgb,var(--color-brand-500) 24%,transparent);color:var(--color-text-inverse);box-shadow:none}.productionAdminDesktop .productionAdminModeSwitch{margin-top:auto;margin-bottom:12px}.productionAdminDesktop .productionAdminFooter{flex:0 0 auto;margin-top:0;padding-top:24px;display:flex;align-items:center;gap:12px;border-top:1px solid color-mix(in srgb,var(--color-brand-300) 22%,transparent)}.productionAdminDesktop .productionAdminFooter>span:last-child{min-width:0;display:grid}.productionAdminDesktop .productionAdminFooter .userAvatar{width:36px;height:36px;border-radius:14px;background:var(--color-brand-100);color:var(--color-brand-800);display:grid;place-items:center;font-weight:900}.productionAdminDesktop .productionAdminFooter .userName{font-weight:700}.productionAdminDesktop .productionAdminFooter .userRole{color:var(--color-brand-200);font-size:13px}.productionAdminDesktop>.content{flex:1 1 auto;width:auto;min-width:0;height:100vh;height:100dvh;padding:32px;overflow:auto}.productionAdminDesktop .productionAdminTopbar{position:static;z-index:auto;min-height:0;margin:0 0 28px;padding:0;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.adminInterface{--admin-accent:#49b9b4;--admin-accent-muted:color-mix(in srgb,var(--admin-accent) 14%,var(--color-surface));--admin-shell:#081f21;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--admin-accent) 8%,transparent),transparent 28%),var(--color-background)}.adminInterface .content{background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px);background-size:100% 72px}@media (min-width:901px){.productionAdminDesktop>.sidebar{flex-basis:260px;padding:18px 14px 14px;border-right:1px solid color-mix(in srgb,var(--admin-accent) 16%,transparent);background:radial-gradient(circle at 18% 2%,color-mix(in srgb,var(--admin-accent) 20%,transparent),transparent 26%),linear-gradient(180deg,#0a292b,var(--admin-shell))}.productionAdminDesktop .productionAdminBrand{min-height:54px;margin:0 4px 18px;padding:4px}.productionAdminDesktop .productionAdminBrand .brandIcon{width:40px;height:40px;flex-basis:40px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.94);font-size:19px}.productionAdminDesktop .productionAdminBrand .brandTitle{font-size:16px}.productionAdminDesktop .productionAdminBrand .brandSub{font-size:10px;letter-spacing:.04em}.productionAdminDesktop .productionAdminNav{gap:0;padding-right:2px;overflow-y:auto}.productionAdminDesktop .productionAdminNav .navGroup{display:grid;grid-gap:3px;gap:3px;margin-bottom:13px}.productionAdminDesktop .productionAdminNav .navGroupLabel{display:block;height:auto;padding:4px 10px;color:rgba(215,242,241,.46);font-size:9px}.productionAdminDesktop .productionAdminNav .navItem{min-height:40px;padding:7px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;border-radius:10px;color:rgba(237,247,246,.68);font-size:12px;font-weight:680}.productionAdminDesktop .productionAdminNav .navItemIcon{width:28px;height:28px;color:rgba(185,239,236,.72)}.productionAdminDesktop .productionAdminNav .navItem.active{background:color-mix(in srgb,var(--admin-accent) 17%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--admin-accent) 13%,transparent)}.productionAdminDesktop .productionAdminNav .navItem.active .navItemIcon{color:#86e2de}.productionAdminDesktop>.content{padding:24px 28px 34px}.productionAdminDesktop .productionAdminTopbar{margin-bottom:18px;padding:0 0 17px;align-items:center;border-bottom:1px solid var(--color-border)}.productionAdminDesktop .productionAdminTopbar .uiPageHeaderEyebrow{margin-bottom:3px;color:var(--color-text-muted);font-size:10px}.productionAdminDesktop .productionAdminTopbar h1{font-size:25px}.productionAdminDesktop .productionAdminTopbar .uiPageHeaderActions{align-items:center;gap:8px}.productionAdminDesktop .productionAdminTopbar .uiButton{min-height:42px;padding:0 13px;border-radius:11px;font-size:12px}}.adminModuleSection,.adminOverview{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.adminOverview{overflow:hidden}.adminOverviewHeader{min-height:154px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(90deg,color-mix(in srgb,var(--admin-accent) 7%,var(--color-surface)),transparent 70%),var(--color-surface)}.adminOverviewHeader>div:first-child{max-width:780px}.adminOverviewHeader h2{margin:10px 0 6px;color:var(--color-text);font-size:clamp(25px,3vw,34px);line-height:1.08;letter-spacing:-.035em}.adminOverviewHeader p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.55}.adminContextSignal{min-width:190px;padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--admin-accent) 26%,var(--color-border));border-radius:13px;background:var(--admin-accent-muted);color:var(--color-primary)}.adminContextSignal>span{display:grid}.adminContextSignal small{color:var(--color-text-muted);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.adminContextSignal strong{color:var(--color-text);font-size:13px}.adminOverviewBands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-border);background:var(--color-surface-muted)}.adminOverviewBands>span{min-width:0;min-height:68px;padding:12px 18px;display:grid;grid-template-columns:24px minmax(0,1fr);align-content:center;grid-column-gap:8px;column-gap:8px}.adminOverviewBands>span+span{border-left:1px solid var(--color-border)}.adminOverviewBands .appIcon{grid-row:1/3;align-self:center;color:var(--color-primary)}.adminOverviewBands b{font-size:12px}.adminOverviewBands small{overflow:hidden;color:var(--color-text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.adminModuleSection{margin-top:16px;padding:21px}.adminSectionHeading{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.adminSectionHeading>div{display:grid;grid-gap:2px;gap:2px}.adminSectionHeading span{color:var(--color-primary);font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.adminSectionHeading h3{margin:0;font-size:18px}.adminSectionHeading small{color:var(--color-text-muted);font-size:10px}.adminModuleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:9px;gap:9px}.adminModuleCard{min-width:0;min-height:112px;padding:14px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;grid-gap:10px;gap:10px;border-radius:13px;color:var(--color-text);text-decoration:none;box-shadow:none}.adminModuleIcon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--admin-accent-muted);color:var(--color-primary)}.adminModuleCard>div:nth-child(2){min-width:0;display:grid;grid-gap:3px;gap:3px}.adminModuleCard span{color:var(--color-text-muted);font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.adminModuleCard strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.adminModuleCard small{font-size:10px;line-height:1.35}.adminModuleArrow,.adminModuleCard small{color:var(--color-text-muted)}.adminModuleCard:hover{border-color:color-mix(in srgb,var(--admin-accent) 45%,var(--color-border));background:var(--color-hover);transform:translateY(-1px)}.adminModuleCard:hover .adminModuleArrow{color:var(--color-primary)}@media (max-width:1260px){.adminModuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.adminInterface .content{background-image:none}.adminOverviewHeader{min-height:0;padding:19px 17px;align-items:flex-start;flex-direction:column;gap:16px}.adminContextSignal{width:100%}.adminOverviewBands{grid-template-columns:1fr}.adminOverviewBands>span+span{border-top:1px solid var(--color-border);border-left:0}.adminModuleSection{padding:15px}.adminModuleGrid{grid-template-columns:1fr}.adminModuleCard{min-height:88px}}.employeeDirectoryWorkspace{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:30px 0 48px;color:var(--text-primary,#153837)}.directoryIntro{display:flex;align-items:center;min-height:134px;padding:28px 32px;border:1px solid var(--border-subtle,#dbe8e6);border-radius:var(--radius-large,18px);background:linear-gradient(135deg,#f3fbfa,#fff 72%)}.directoryIntro span,.employeeInfoCard header span{color:#16766f;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.directoryIntro h2{margin:5px 0 4px;font-size:26px;line-height:1.2}.directoryIntro p{margin:0;color:#58706e;font-size:14px;line-height:1.5}.directoryControls{display:grid;grid-template-columns:minmax(260px,1fr) 260px;grid-gap:14px;gap:14px;align-items:end;margin:20px 0}.departmentPicker,.directoryControls label{display:grid;grid-gap:7px;gap:7px;color:#59716f;font-size:12px;font-weight:600}.departmentPickerTrigger,.directoryControls input{min-width:0;height:40px;border:1px solid var(--border-default,#cddfdd);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:14px;outline:none}.departmentPickerTrigger:focus-visible,.directoryControls input:focus{border-color:#34938c;box-shadow:0 0 0 3px rgba(25,132,123,.1)}.directorySearch{position:relative}.directorySearch .appIcon{position:absolute;z-index:1;left:13px;bottom:11px;color:#6d8583}.directorySearch input{padding:0 14px 0 40px}.departmentPicker{position:relative}.departmentPickerLabel{line-height:1.3}.departmentPickerTrigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 11px 0 13px;cursor:pointer;text-align:left}.departmentPickerTrigger .appIcon{flex:0 0 auto;color:#6d8583;transform:rotate(90deg);transition:transform .16s ease}.departmentPickerTrigger[aria-expanded=true] .appIcon{transform:rotate(-90deg)}.departmentPickerPopover{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:min(340px,calc(100vw - 32px));padding:8px;border:1px solid var(--border-default,#cddfdd);border-radius:12px;background:var(--color-surface);box-shadow:0 14px 34px rgba(19,67,63,.14)}.departmentPickerSearch{position:relative;display:block!important}.departmentPickerSearch .appIcon{position:absolute;z-index:1;top:10px;left:11px;color:#6d8583}.departmentPickerSearch input{width:100%;height:36px;padding:0 11px 0 34px}.departmentPickerOptions{max-height:250px;margin-top:7px;overflow-y:auto;overscroll-behavior:contain}.departmentPickerOption{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:#264b48;font:inherit;font-size:13px;font-weight:500;line-height:1.35;cursor:pointer;text-align:left}.departmentPickerOption.active,.departmentPickerOption:hover{background:#f0f8f7}.departmentPickerOption.selected{background:#e4f3f1;color:#176e68;font-weight:600}.departmentPickerCheck{flex:0 0 auto;margin-left:8px;font-size:14px;line-height:1}.departmentPickerEmpty{margin:4px 7px 6px;color:var(--color-text-muted);font-size:12px;font-weight:400}.directoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.directoryEmployeeCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;min-height:86px;padding:15px 17px;border:1px solid var(--border-subtle,#dce8e6);border-radius:14px;background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.directoryEmployeeCard:hover{border-color:#b8d7d3;background:#fbfefd;transform:translateY(-1px)}.directoryEmployeeCard>span:nth-child(2){display:grid;min-width:0;grid-gap:3px;gap:3px}.directoryEmployeeCard strong{overflow:hidden;font-size:15px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.directoryEmployeeCard small{color:#526b69;font-size:13px;line-height:1.35}.directoryEmployeeCard em,.directoryEmployeeCard small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directoryEmployeeCard em{color:#7b8f8d;font-size:12px;font-style:normal;line-height:1.3}.directoryEmployeeCard>.appIcon{color:#7a9390}.directoryAvatarWrap{position:relative;display:inline-flex;flex:0 0 auto;width:50px;height:50px}.directoryAvatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#dff1ee;color:#176e68;font-size:15px;font-weight:600}.directoryAvatarWrap.large{width:92px;height:92px}.directoryAvatarWrap.large .directoryAvatar{font-size:25px}.directoryAvatarWrap.shell{width:36px;height:36px}.directoryAvatarWrap.shell .directoryAvatar{border-radius:12px;font-size:11px;font-weight:900}.directoryAvatarWrap.shell .directoryStatusIndicator{right:-5px;bottom:-4px;width:18px;height:18px;border-width:1.5px;font-size:10px}.directoryAvatar img{width:100%;height:100%;object-fit:cover}.employeeStatusIndicator{display:inline-grid;place-items:center;border:2px solid var(--color-surface);border-radius:999px;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.directoryStatusIndicator{position:absolute;right:-5px;bottom:-4px;width:23px;height:23px;font-size:13px}.directoryAvatarWrap.large .directoryStatusIndicator{right:-4px;bottom:-3px;width:32px;height:32px;font-size:18px}.directoryState{display:grid;place-items:center;grid-gap:5px;gap:5px;min-height:160px;color:#6a817f;font-size:14px;text-align:center}.directoryState.error{color:#a33d3d}.directoryMore{display:block;margin:20px auto 0;min-height:38px;padding:0 18px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:#176e68;font-weight:600;cursor:pointer}.directoryMore:disabled{cursor:wait;opacity:.65}.directoryLoadMoreError{margin-top:16px;color:#a33d3d;font-size:12px;text-align:center}.directoryBack{display:inline-flex;margin-bottom:18px;color:#257d76;font-size:13px;font-weight:600;text-decoration:none}.employeeDetailsWorkspace{padding-top:26px}.employeeDetailsGrid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px}.employeeIdentityCard,.employeeInfoCard{border:1px solid var(--border-subtle,#dce8e6);border-radius:16px;background:var(--color-surface)}.employeeIdentityCard{display:flex;grid-row:span 2;gap:22px;align-items:flex-start;padding:30px}.employeeIdentityCard h2{margin:10px 0 6px;font-size:24px;line-height:1.22}.employeeIdentityCard p{margin:0 0 6px;color:#496563;font-size:15px}.employeeIdentityCard div>span:last-child{color:var(--color-text-muted);font-size:13px}.directoryStatus{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600}.directoryStatus.success{background:var(--color-success-muted);color:var(--color-success)}.directoryStatus.warning{background:var(--color-warning-muted);color:var(--color-warning)}.directoryStatus.danger{background:var(--color-danger-muted);color:var(--color-danger)}.directoryStatus.info{background:var(--color-info-muted);color:var(--color-info)}.employeeInfoCard{padding:22px}.employeeInfoCard h3{margin:4px 0 0;font-size:17px}.employeeInfoCard dl{display:grid;grid-gap:0;gap:0;margin:18px 0 0}.employeeInfoCard dl div{display:grid;grid-template-columns:140px minmax(0,1fr);grid-gap:12px;gap:12px;padding:10px 0;border-top:1px solid #edf2f1}.employeeInfoCard dt{color:var(--color-text-muted);font-size:12px}.employeeInfoCard dd{margin:0;color:#264b48;font-size:13px;font-weight:500;overflow-wrap:anywhere}.directoryEmptyCopy{margin:18px 0 0;color:var(--color-text-muted);font-size:13px}.profileWorkspace .directoryIntro{margin-bottom:18px}.employeeStatusPeriod{display:block;margin-top:10px;color:var(--color-text-muted);font-size:12px}.employeeStatusNote{max-width:42ch;margin-top:8px!important;color:var(--color-text)!important;line-height:1.45}.profileAvatarActions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.profileAvatarActions small{flex-basis:100%;color:var(--color-text-muted);font-size:11px}.profileFeedback{margin:0 0 14px;padding:12px 14px;border:1px solid;border-radius:var(--radius-md);font-size:13px}.directoryIntro>div{flex:1 1;min-width:0}.directoryAddEmployee{min-height:42px;padding:0 17px;border:0;border-radius:11px;background:#16766f;color:#fff;font-weight:700;cursor:pointer}.hrEmployeeModal{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px}.hrEmployeeScrim{position:absolute;inset:0;border:0;background:rgba(9,31,29,.52)}.hrEmployeePanel{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:18px;background:var(--color-surface);box-shadow:0 26px 70px rgba(5,35,32,.28)}.hrEmployeePanel>header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid #e5efee}.hrEmployeePanel>header span{color:#16766f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hrEmployeePanel>header h2{margin:5px 0}.hrEmployeePanel>header p{margin:0;color:#627a78;font-size:13px}.hrEmployeePanel>header>button{align-self:flex-start;width:34px;height:34px;border:0;border-radius:9px;background:#eef6f5;color:#315a57;font-size:22px;cursor:pointer}.hrEmployeePanel section{padding:18px 26px 4px}.hrEmployeePanel h3{margin:0 0 13px;font-size:15px}.hrEmployeeGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.hrEmployeeGrid.three{grid-template-columns:repeat(3,1fr)}.hrEmployeeGrid label,.hrSearchPicker{display:grid;grid-gap:6px;gap:6px;color:#5e7472;font-size:12px;font-weight:600}.hrEmployeeGrid input,.hrSearchPicker>button{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left}.hrSearchPicker{position:relative}.hrSearchPickerPopover{position:absolute;z-index:5;top:calc(100% + 6px);width:100%;padding:7px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);box-shadow:0 14px 34px rgba(19,67,63,.16)}.hrSearchPickerPopover input{margin-bottom:6px}.hrSearchPickerPopover>div{max-height:210px;overflow-y:auto}.hrSearchPickerPopover>div button{display:grid;grid-gap:2px;gap:2px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:#264b48;text-align:left;cursor:pointer}.hrSearchPickerPopover>div button:hover{background:#eef7f6}.hrSearchPickerPopover small{color:#728987;font-weight:400}.hrEmployeeError{margin:15px 26px 0;padding:10px 12px;border-radius:9px;background:#fff0f0;color:#963838;font-size:13px}.hrEmployeePanel footer{display:flex;justify-content:flex-end;gap:9px;padding:22px 26px 25px}.hrEmployeePanel footer button{min-height:40px;padding:0 16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:#315a57;font-weight:700;cursor:pointer}.hrEmployeePanel footer button[type=submit]{border-color:#16766f;background:#16766f;color:#fff}.hrEmployeePanel footer button:disabled{cursor:wait;opacity:.6}@media (max-width:700px){.directoryIntro{align-items:flex-start;flex-direction:column;gap:18px}.hrEmployeeGrid,.hrEmployeeGrid.three{grid-template-columns:1fr}}.profileFeedback.error{border-color:var(--color-danger);background:var(--color-danger-muted);color:var(--color-danger)}.profileFeedback.success{border-color:var(--color-success);background:var(--color-success-muted);color:var(--color-success)}.profileStatusPanel{margin-top:16px;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.profileStatusPanel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.profileStatusPanel header span{color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.profileStatusPanel h3{margin:4px 0;font-size:18px}.profileStatusPanel header p{margin:0;color:var(--color-text-muted);font-size:12px}.profileStatusPanel form{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.profileStatusPanel fieldset{min-width:0;margin:0;padding:0;border:0}.profileStatusDates label,.profileStatusPanel form>label,.profileStatusPanel legend{display:grid;grid-gap:7px;gap:7px;color:var(--color-text-secondary);font-size:12px;font-weight:600}.profileStatusOptions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.profileStatusOptions label{cursor:pointer}.profileStatusOptions input{position:absolute;opacity:0;pointer-events:none}.profileStatusOptions span{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600}.profileStatusOptions label.selected span{border-color:var(--color-primary);background:var(--color-primary-muted);color:var(--color-primary)}.profileStatusOptions input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--color-focus) 52%,transparent);outline-offset:2px}.profileStatusDates{display:grid;grid-template-columns:repeat(2,minmax(0,220px));grid-gap:12px;gap:12px}.profileStatusPanel input[type=date],.profileStatusPanel textarea{min-height:42px;padding:9px 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.profileStatusPanel textarea{min-height:82px;resize:vertical}.profileStatusActions{display:flex;flex-wrap:wrap;gap:8px}.employeeDirectoryWorkspace{color:var(--color-text)}.directoryIntro{border-color:var(--color-border);background:linear-gradient(135deg,var(--color-primary-muted),var(--color-surface) 72%)}.directoryIntro span,.employeeInfoCard header span{color:var(--color-primary)}.departmentPicker,.directoryControls label,.directoryIntro p{color:var(--color-text-muted)}.departmentPickerPopover,.departmentPickerTrigger,.directoryControls input,.directoryEmployeeCard,.directoryMore,.employeeIdentityCard,.employeeInfoCard{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.departmentPickerOption{color:var(--color-text-secondary)}.departmentPickerOption.active,.departmentPickerOption:hover{background:var(--color-surface-muted)}.departmentPickerOption.selected{background:var(--color-primary-muted);color:var(--color-primary)}.directoryEmployeeCard:hover{border-color:var(--color-brand-300);background:var(--color-surface-muted)}.departmentPickerEmpty,.directoryEmployeeCard em,.directoryEmployeeCard small,.directoryEmptyCopy,.directoryState,.employeeInfoCard dt{color:var(--color-text-muted)}.directoryAvatar{background:var(--color-primary-muted);color:var(--color-primary)}.employeeInfoCard.secondary{background:var(--color-surface-muted)}.employeeInfoCard dl div{border-color:var(--color-border-subtle)}.employeeInfoCard dd{color:var(--color-text)}@media (max-width:900px){.employeeDirectoryWorkspace{width:min(100% - 28px,680px);padding:18px 0 92px}.directoryIntro{min-height:auto;padding:22px}.directoryControls,.directoryGrid,.employeeDetailsGrid{grid-template-columns:1fr}.employeeIdentityCard{grid-row:auto}.profileStatusPanel>header{align-items:stretch;flex-direction:column}.profileStatusDates{grid-template-columns:1fr}}.notificationCenter{position:relative}.notificationDiamond{position:relative;width:46px;height:46px;padding:0;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);color:var(--color-primary);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.notificationDiamond.active,.notificationDiamond:hover{border-color:var(--color-brand-300);background:var(--color-brand-50)}.notificationDiamond:active{transform:translateY(1px)}.notificationDiamondShape{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:currentColor;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.notificationDiamond.active .notificationDiamondShape,.notificationDiamond:hover .notificationDiamondShape{transform:translateY(-1px)}.notificationDiamond.hasUnread .notificationDiamondShape{background:var(--color-brand-100);color:var(--color-primary)}.notificationDiamond>b{position:absolute;top:-5px;right:-6px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-white);font-size:10px;line-height:1}.notificationPopover{position:absolute;z-index:150;top:calc(100% + 12px);right:0;width:min(430px,calc(100vw - 32px));max-height:min(680px,calc(100dvh - 100px));overflow:hidden;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);animation:notification-enter var(--transition-fast)}.notificationHeader{min-height:104px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-brand-200) 55%,transparent),transparent 44%),var(--color-surface)}.notificationHeader>div{display:grid;grid-gap:2px;gap:2px}.notificationEyebrow{color:var(--color-primary);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.notificationHeader strong{font-size:20px;letter-spacing:-.02em}.notificationHeader small{color:var(--color-text-muted);font-size:12px}.notificationHeader>button,.notificationState button{min-height:34px;padding:7px 10px;border-radius:10px;background:var(--color-brand-50);color:var(--color-primary);font-size:12px;font-weight:800}.notificationFeed{max-height:min(555px,calc(100dvh - 205px));overflow:auto;overscroll-behavior:contain;padding:10px}.notificationGroup+.notificationGroup{margin-top:8px}.notificationGroup h3{margin:0;padding:9px 9px 6px;color:var(--color-text-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.notificationItem{position:relative;width:100%;min-height:84px;padding:12px 10px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:start;grid-gap:11px;gap:11px;border-radius:14px;background:transparent;color:var(--color-text);text-align:left;transition:background var(--transition-fast)}.notificationItem:hover{background:var(--color-surface-muted)}.notificationItem.unread{background:var(--color-brand-50)}.notificationItem.unread:before{position:absolute;top:18px;left:3px;width:3px;height:28px;border-radius:var(--radius-full);background:var(--color-primary);content:""}.notificationSource{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--color-brand-100);color:var(--color-brand-800)}.notificationSource.calendar{background:var(--color-info-muted);color:var(--color-info)}.notificationSource.system{background:var(--color-neutral-100);color:var(--color-neutral-700)}.notificationSource.messenger{background:var(--color-success-muted);color:var(--color-success)}.notificationItemCopy{min-width:0;display:grid;grid-gap:3px;gap:3px}.notificationItemMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.notificationItemMeta b,.notificationItemMeta time{color:var(--color-text-muted);font-size:10px;font-weight:750}.notificationItemCopy>strong{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.notificationItemCopy>small{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notificationItemArrow{align-self:center;color:var(--color-text-muted)}.notificationState{min-height:230px;padding:28px;display:grid;place-items:center;align-content:center;grid-gap:9px;gap:9px;color:var(--color-text-muted);text-align:center}.notificationState.empty strong{color:var(--color-text);font-size:15px}.notificationState.empty small{max-width:250px;font-size:12px;line-height:1.5}.notificationEmptyDiamond{width:34px;height:34px;margin-bottom:8px;border:2px solid var(--color-brand-300);border-radius:9px;background:var(--color-brand-50);transform:rotate(45deg)}.notificationSkeleton{min-height:78px;padding:12px 10px;display:grid;grid-template-columns:38px 1fr;grid-gap:11px;gap:11px}.notificationSkeleton b,.notificationSkeleton i,.notificationSkeleton small{display:block;border-radius:9px;background:linear-gradient(90deg,var(--color-neutral-100),var(--color-neutral-50),var(--color-neutral-100));background-size:200% 100%;animation:notification-shimmer 1.4s infinite}.notificationSkeleton i{width:38px;height:38px}.notificationSkeleton span{display:grid;grid-gap:8px;gap:8px}.notificationSkeleton b{width:68%;height:13px}.notificationSkeleton small{width:92%;height:25px}.compact .notificationDiamond{width:42px;height:42px;border-color:transparent;background:var(--color-brand-50)}@keyframes notification-enter{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes notification-shimmer{to{background-position:-200% 0}}@media (max-width:900px){.notificationPopover{position:fixed;top:calc(var(--bic-mobile-topbar-height) + env(safe-area-inset-top) + 6px);right:10px;left:10px;width:auto;max-height:calc(100dvh - var(--bic-mobile-topbar-height) - env(safe-area-inset-top) - 18px);border-radius:20px}.notificationFeed{max-height:calc(100dvh - var(--bic-mobile-topbar-height) - env(safe-area-inset-top) - 135px)}}@media (prefers-reduced-motion:reduce){.notificationPopover,.notificationSkeleton b,.notificationSkeleton i,.notificationSkeleton small{animation:none}}.notificationAllLink{display:block;padding:12px 16px;border-top:1px solid #e2e8f0;color:#1d4ed8;text-align:center;text-decoration:none;font-size:13px;font-weight:700}@media (max-width:900px){.notificationPopoverMobile{z-index:10050}}.browserNotificationPrompt{position:fixed;right:24px;bottom:24px;z-index:90;width:min(380px,calc(100vw - 32px));padding:20px 46px 20px 20px;border:1px solid rgba(78,111,255,.24);border-radius:18px;background:var(--surface,#fff);box-shadow:0 18px 50px rgba(25,35,70,.2);color:var(--text,#18203a)}.browserNotificationPrompt strong{display:block;margin-bottom:7px;font-size:16px}.browserNotificationPrompt p{margin:0 0 14px;color:var(--muted,#65708a);font-size:14px;line-height:1.45}.browserNotificationPrompt>button:not(.browserNotificationPromptClose){min-height:38px;padding:0 15px;border:0;border-radius:10px;background:#3158e8;color:#fff;font-weight:700;cursor:pointer}.browserNotificationPrompt>button:disabled{opacity:.65;cursor:wait}.browserNotificationPromptClose{position:absolute;top:9px;right:11px;width:30px;height:30px;border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer}@media(max-width:640px){.browserNotificationPrompt{right:16px;bottom:16px}}