:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16312f;background:#f4f8f7;font-synthesis:none;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--emerald-950: #063c38;--emerald-900: #0b4d47;--emerald-700: #126d64;--teal-400: #2dd4bf;--teal-500: #14b8a6;--ink: #16312f;--muted: #46615e;--muted-soft: rgba(70, 97, 94, .68);--page: #f4f8f7;--page-2: #eef5f3;--page-3: #eaf3f1;--glass-55: rgba(255, 255, 255, .55);--glass-70: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .62);--shadow-soft: 0 24px 70px rgba(6, 60, 56, .12);--shadow-card: none;--shadow-hover: none;--radius-xl: 32px;--radius-lg: 28px;--radius-md: 24px;--radius-sm: 16px}*{box-sizing:border-box}html{height:100%;background-color:var(--page)}html:before{content:"";position:fixed;inset:-10px;z-index:-3;background-image:radial-gradient(circle at 11% 14%,rgba(45,212,191,.28),transparent 30%),radial-gradient(circle at 86% 8%,rgba(11,77,71,.13),transparent 28%),radial-gradient(circle at 84% 85%,rgba(20,184,166,.17),transparent 28%),url(/assets/2026-Spring-Web-Hero-Full_THUMBNAIL-DfelWBJa.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(1px);pointer-events:none}body{margin:0;min-width:320px;height:100%;overflow:hidden;overflow-x:hidden;background:transparent}body:before,body:after{position:fixed;z-index:-2;width:420px;height:420px;content:"";filter:blur(10px);border-radius:42% 58% 62% 38%/42% 38% 62% 58%;opacity:.6;pointer-events:none}body:before{top:74px;right:12vw;background:linear-gradient(135deg,#2dd4bf3d,#fff0);animation:floatBlob 9s ease-in-out infinite}body:after{bottom:-130px;left:22vw;background:linear-gradient(135deg,#0b4d4724,#2dd4bf2e);animation:floatBlob 11s ease-in-out infinite reverse}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none}.app-shell{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:1fr;align-items:stretch;height:100vh;gap:14px;padding:14px;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.app-shell.sidebar-is-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar{position:relative;display:flex;flex-direction:column;gap:28px;height:100%;min-height:0;padding:11px;overflow:hidden;color:#f6fffc;border:none;border-radius:var(--radius-xl);background:linear-gradient(155deg,#0b4d47cc,#063c38cc 68%,#052d2acc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 34px 80px #063c3847;transition:padding .3s cubic-bezier(.4,0,.2,1)}.sidebar:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 84% 78%,rgba(45,212,191,.22),transparent 34%);pointer-events:none}.brand,.nav-item,.section-heading,.profile-hero,.department-card,.node,.timeline-step,.audit-item,.excluded-row{display:flex;align-items:center}.brand{position:relative;z-index:1;display:flex;align-items:center;min-height:56px;gap:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px;margin-bottom:-8px}.brand-text{flex:1;text-align:center;overflow:hidden;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1);opacity:1;max-width:220px;white-space:nowrap}.brand-spacer{width:52px;flex:0 0 52px;transition:opacity .2s ease,width .3s cubic-bezier(.4,0,.2,1),flex .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .brand-text{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .brand-spacer{width:0;flex:0 0 0;overflow:hidden}.brand-mark{display:grid;width:54px;height:54px;place-items:center;color:var(--emerald-950);font-size:22px;font-weight:950;border:1px solid rgba(255,255,255,.58);border-radius:18px;background:linear-gradient(135deg,#fffffff2,#b9fff4cc),#dffbf5;box-shadow:0 18px 34px #0000002e,inset 0 -12px 28px #14b8a629}.brand strong,.brand span{display:block}.brand strong{font-size:18px;letter-spacing:0}.brand span{margin-top:3px;color:#f6fffcb8;font-size:13px;font-weight:750}.nav-list{position:relative;z-index:1;display:grid;gap:10px}.nav-item{gap:12px;width:100%;min-height:54px;padding:0 12px 0 1px;color:#f6fffcc2;border:none;border-radius:999px;background:#ffffff14;text-align:left;box-shadow:none;transition:width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.nav-item-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.nav-item-label{color:inherit;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1);max-width:200px;opacity:1}.nav-item:hover{color:#fff;transform:translate(3px);background:#ffffff26}.nav-item.active{color:#fff;background:#047857;border:none;box-shadow:0 4px 16px #04785733}.nav-item.collapsed{justify-content:flex-start;padding:0 3px;gap:0;border-radius:50%;width:54px;margin-left:-2px}.nav-item.collapsed .nav-item-label{max-width:0;opacity:0;pointer-events:none}.nav-item.collapsed:hover{transform:none!important;background:#ffffff26}.nav-item.collapsed.active{background:#047857;box-shadow:0 4px 16px #04785733}.sidebar-footer-container{margin-top:auto;display:flex;flex-direction:column;gap:10px;z-index:2;position:relative}.sidebar-footer{display:flex;justify-content:flex-start;align-items:center;gap:12px}.sidebar-footer.language-footer{padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-footer.theme-footer{padding-top:0;border-top:none}.sidebar-profile-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-decoration:none;color:#fff;margin-top:10px;flex-shrink:0}.sidebar-profile-card:hover{background:#ffffff1a;border-color:#ffffff26}.sidebar-profile-card .avatar{width:42px;height:42px;border-radius:12px;font-size:13px;flex:0 0 42px}.sidebar-profile-info{display:flex;flex-direction:column;min-width:0;transition:opacity .2s ease,max-width .3s cubic-bezier(.4,0,.2,1);opacity:1;max-width:200px}.sidebar-profile-name{font-weight:800;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-role{font-size:11px;color:#f6fffc99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-profile-id{font-size:10px;color:#f6fffc66;margin-top:1px}.sidebar.collapsed .sidebar-footer-container{opacity:1;pointer-events:auto;max-height:none;overflow:visible;margin-top:auto;gap:10px}.sidebar.collapsed .sidebar-footer{justify-content:flex-start}.sidebar.collapsed .sidebar-footer.language-footer{padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.sidebar.collapsed .sidebar-footer.theme-footer{padding-top:0;border-top:none}.sidebar-footer .toggle-pill{height:54px;border-radius:999px;padding:0;gap:0;margin-left:0;transition:width .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.sidebar-footer .toggle-pill-btn{white-space:nowrap;transition:max-width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,color .2s ease;max-width:50%;opacity:1}.sidebar-footer .toggle-pill-btn:before{inset:0;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-footer .cs-btn.active:before,.sidebar-footer .sun-btn.active:before{border-radius:999px 0 0 999px}.sidebar-footer .en-btn.active:before,.sidebar-footer .moon-btn.active:before{border-radius:0 999px 999px 0}.sidebar-footer .toggle-pill.collapsed{width:54px;height:54px;border-radius:50%;margin-left:-2px;background:#047857;border-color:transparent;box-shadow:0 4px 16px #04785733}.sidebar-footer .toggle-pill.collapsed:hover{background:#047857;opacity:.9;transform:scale(1.04)}.sidebar-footer .toggle-pill.collapsed .toggle-pill-btn{overflow:hidden;max-width:0;opacity:0;pointer-events:none;flex:0}.sidebar-footer .toggle-pill.collapsed .toggle-pill-btn.active{max-width:100px;opacity:1;pointer-events:auto;flex:1;color:#fff}.sidebar-footer .toggle-pill.collapsed .toggle-pill-btn:before{opacity:0}html.dark .sidebar-footer .toggle-pill.collapsed{background:#86318e;border-color:transparent;box-shadow:0 0 18px #86318e33}html.dark .sidebar-footer .toggle-pill.collapsed:hover{background:#86318e;opacity:.9;transform:scale(1.04)}html.dark .sidebar-footer .toggle-pill.collapsed .toggle-pill-btn.active{color:#111}.sidebar-footer-container{transition:opacity .18s ease,max-height .28s ease,margin-top .28s ease}.sidebar-collapse-btn{flex:0 0 54px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-xl);background:#ffffff14;color:#f6fffcc2;padding:0;margin-left:-2px;transition:background .18s ease,color .18s ease,transform .3s cubic-bezier(.4,0,.2,1);z-index:10;cursor:pointer}.sidebar-collapse-btn:hover{background:#ffffff26;color:#fff}.sidebar.collapsed .sidebar-collapse-btn{transform:rotate(180deg)}.toggle-pill{display:flex;align-items:stretch;background:#ffffff0f;border:none;border-radius:999px;padding:0;width:100%;height:38px;justify-content:space-between;box-shadow:inset 0 1px 2px #00000026;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}.toggle-pill-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:1;border:0;background:transparent;color:#f6fffca6;font-size:12px;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;user-select:none;-webkit-user-select:none}.toggle-pill-btn:before{content:"";position:absolute;inset:3px;border-radius:999px;z-index:-1;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent}.toggle-pill-btn:hover{color:#fff}.toggle-pill-btn:hover:before{background:transparent}.toggle-pill-btn.active{color:#fff}.toggle-pill-btn.active:before{background:#047857;box-shadow:0 4px 16px #04785733}.primary-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 8px;border:1px solid rgba(255,255,255,.64);border-radius:999px;font-weight:900;transition:transform .17s ease,box-shadow .17s ease,background .17s ease}.back-button{color:var(--ink);background:#ffffffad;box-shadow:0 14px 34px #063c381a,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.primary-button{color:#fff;background:linear-gradient(135deg,#2dd4bff2,#0b4d47fa),var(--emerald-900);box-shadow:0 18px 34px #0b4d4738,inset 0 1px #ffffff47}.primary-button:hover,.back-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.primary-button.full{width:100%}.content-stage{position:relative;height:100%;min-width:0;min-height:0;padding:clamp(12px,1.5vw,21px);overflow:hidden;overflow-y:auto;border:none;border-radius:var(--radius-xl);background:radial-gradient(circle at 9% 8%,rgba(45,212,191,.15),transparent 30%),radial-gradient(circle at 88% 18%,rgba(255,255,255,.74),transparent 24%),linear-gradient(145deg,#ffffff59,#ffffff26);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.content-stage.detail-view-active{overflow:hidden;overflow-y:hidden}.content-stage:before,.content-stage:after{position:absolute;z-index:0;content:"";border-radius:999px;pointer-events:none}.content-stage:before{top:62px;right:-90px;width:260px;height:260px;background:#2dd4bf29;filter:blur(8px)}.content-stage:after{bottom:-110px;left:22%;width:360px;height:220px;background:#0b4d4714;filter:blur(14px)}.panel-grid{position:relative;z-index:1;display:grid;gap:22px;animation:fadeIn .24s ease both}.panel-column{display:grid;gap:22px;min-width:0}.employees-layout,.employee-detail-layout{grid-template-columns:1fr;display:flex;flex-direction:column;gap:0;height:100%}.org-layout,.access-layout,.integration-layout,.self-layout,.audit-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)}.glass-panel{position:relative;border:none;background:#ffffffb8;box-shadow:var(--shadow-card),inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-card{position:relative;border:none;background:#fff;box-shadow:var(--shadow-card),inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass-panel{min-width:0;padding:clamp(11px,1.3vw,17px);border-radius:var(--radius-xl)}.glass-card{border-radius:var(--radius-md);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1)}.glass-card:before,.glass-panel:before{position:absolute;inset:1px 1px auto;height:42%;content:"";border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent);pointer-events:none}.glass-card:hover{background:#fff;transform:translateY(-4px) scale(1.01);border-color:#ffffffd6;box-shadow:var(--shadow-hover)}.section-heading{position:relative;z-index:1;justify-content:space-between;gap:16px;margin-bottom:26px}.section-heading.left-icon{justify-content:flex-start;gap:12px}.employees-layout .section-heading.left-icon{height:120px;margin-bottom:22px;display:flex;align-items:center;gap:20px;margin-top:calc(-1*clamp(12px,1.5vw,21px));margin-left:calc(-1*clamp(12px,1.5vw,21px));margin-right:calc(-1*clamp(12px,1.5vw,21px));padding-left:clamp(12px,1.5vw,21px);padding-right:clamp(12px,1.5vw,21px);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);background:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.35)}.employees-layout .section-heading.left-icon h2{font-size:clamp(28px,2.8vw,38px);opacity:.82;font-weight:750}.employees-layout .section-heading.left-icon .avatar.large{background:#047857}.employees-layout .section-heading.left-icon .avatar.large svg{width:32px;height:32px;color:var(--ink)!important}.section-heading.left-icon h2{margin-top:0}.section-heading.left-icon>svg{color:var(--ink)!important;margin-left:8px}.section-heading h2,.access-detail h2,.self-profile h3{margin:0;color:var(--ink);letter-spacing:0}.section-heading h2{margin-top:5px;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.section-heading span,.department-card span,.node small,.job-card span,.access-block span,.integration-row span,.audit-item small,.excluded-row small,.detail-topline span,.detail-identity p,.detail-identity span{color:var(--muted-soft)}.section-heading span{display:block;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.section-heading>svg{flex:0 0 auto;color:var(--ink)!important}.employee-toolbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(280px,1fr) minmax(160px,210px) auto auto;align-items:center;gap:12px;margin-bottom:22px}.employee-filter-group{display:flex;gap:12px}.employee-toolbar .employee-filter-select{min-height:58px;padding-left:20px;padding-right:42px;font-size:14px;border-radius:999px;border:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b4d47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 20px center / 14px,#ffffffad;color:var(--ink);box-shadow:0 12px 28px #063c380a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),background-color .45s cubic-bezier(.4,0,.2,1),background-image .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}.employee-toolbar .employee-filter-select:hover{transform:translateY(-1px);box-shadow:0 16px 38px #063c381f}.employee-toolbar .employee-filter-select:focus{outline:none}.employee-toolbar .employee-filter-select.active-filter{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 20px center / 14px,#047857;color:#fff;font-weight:600;box-shadow:0 2px 6px #0000000f}.employee-toolbar .employee-filter-select.active-filter:hover,.employee-toolbar .employee-filter-select.active-filter:focus{background-color:#065f46;color:#fff;box-shadow:0 4px 10px #0000001a}.employee-toolbar .employee-filter-select.active-filter option{background-color:#fff;color:var(--ink);font-weight:400}.glass-input{position:relative;display:flex;align-items:center;min-width:0;min-height:58px;border:none;border-radius:999px;background:#fff;box-shadow:0 12px 28px #063c380a;-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),background-color .45s cubic-bezier(.4,0,.2,1),color .45s cubic-bezier(.4,0,.2,1)}.glass-input:hover{transform:translateY(-1px);box-shadow:0 16px 38px #063c381f}.glass-input:focus-within{outline:none}.glass-input>svg{position:absolute;left:20px;color:var(--muted);pointer-events:none;transition:color .45s cubic-bezier(.4,0,.2,1);z-index:2}.glass-input-clear-btn svg{position:static;left:unset;pointer-events:none}.glass-input input{flex:1;min-width:0;min-height:56px;padding:0 10px 0 48px;color:var(--ink);font-size:13px;border:0;outline:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:color .45s cubic-bezier(.4,0,.2,1)}.glass-input input::placeholder{color:var(--muted-soft)}.glass-input input:focus{outline:none;box-shadow:none}.glass-input.active-search{background-color:#047857;color:#fff;box-shadow:0 2px 6px #0000000f}.glass-input.active-search input{color:#fff;padding-right:48px}.glass-input.active-search>svg{color:#fff}.glass-input-clear-btn{flex-shrink:0;margin-right:16px;background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:50%;transition:transform .17s ease,color .17s ease}.glass-input-clear-btn:hover{transform:scale(1.15);color:var(--ink)}.glass-input.active-search .glass-input-clear-btn{color:#ffffffbf}.glass-input.active-search .glass-input-clear-btn:hover{color:#fff}.glass-select,select,input,textarea{width:100%;color:var(--ink);border:1px solid var(--glass-border);outline:0;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.glass-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b4d47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:13px;min-height:52px;padding:0 36px 0 16px;font-size:13px;border-radius:999px;box-shadow:0 12px 28px #063c3814;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}.glass-select:hover{transform:translateY(-1px);border-color:#2dd4bf94;box-shadow:0 16px 38px #063c381f}.glass-select:focus{outline:none;box-shadow:0 12px 28px #063c3814}.glass-select-container{position:relative;display:flex;flex-direction:column;width:100%}.glass-select-container.is-open{z-index:1001}.personal-field .glass-select-container{margin-top:8px}.personal-field .glass-select-container .glass-select-trigger{margin-top:0!important}.glass-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;text-align:left;background-image:none!important;padding-right:18px!important}.employee-toolbar .glass-select-trigger{padding-left:20px!important;padding-right:20px!important}.glass-select-trigger:focus-visible{outline:none}.glass-select-chevron{color:#0b4d47;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s ease;flex-shrink:0;margin-left:8px}html.dark .glass-select-chevron{color:#fff}.active-filter .glass-select-chevron{color:#fff!important}.is-open .glass-select-chevron{transform:rotate(180deg)}.employee-toolbar .glass-select-container.is-open .glass-select-trigger{transform:none!important;box-shadow:none!important;border-radius:29px 29px 0 0!important;border-bottom-color:transparent!important}.personal-field .glass-select-container.is-open .glass-select-trigger{transform:none!important;box-shadow:none!important;border-radius:16px 16px 0 0!important;border-bottom-color:transparent!important}.glass-select-container.is-open .glass-select-trigger{background-color:#047857!important;border-color:#047857!important;color:#fff!important}.glass-select-container.is-open .glass-select-trigger .glass-select-chevron{color:#fff!important}html.dark .glass-select-container.is-open .glass-select-trigger{background-color:#86318e!important;border-color:#86318e!important;color:#fff!important}html.dark .glass-select-container.is-open .glass-select-trigger .glass-select-chevron{color:#fff!important}.glass-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;display:flex;flex-direction:column;padding:0;background:#047857;border:none;border-radius:0 0 24px 24px;box-shadow:0 16px 36px #04785740;animation:dropdownFadeIn .18s cubic-bezier(.16,1,.3,1) forwards;max-height:280px;overflow:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.personal-field .glass-select-dropdown{border-radius:0 0 16px 16px}.glass-select-dropdown::-webkit-scrollbar{display:none}html.dark .glass-select-dropdown{background:#86318e;border:none;box-shadow:0 16px 36px #86318e4d}.glass-select-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 18px;font-size:13px;color:#fff;background:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;transition:all .15s ease;font-weight:500;margin:0}.glass-select-item:hover{background:#ffffff1f;color:#fff;padding-left:22px}.glass-select-item.selected{background:#ffffff38;color:#fff;font-weight:600}.glass-select-check{color:#fff;flex-shrink:0}html.dark .glass-select-item:hover{background:#ffffff26;color:#fff;padding-left:22px}html.dark .glass-select-item.selected{background:#ffffff47;color:#fff}@keyframes dropdownFadeIn{0%{opacity:0;transform:scaleY(.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}.employee-list-head{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(160px,.7fr) minmax(160px,.6fr) minmax(100px,.3fr);gap:18px;padding:0 24px 6px;border-left:1px solid transparent;border-right:1px solid transparent}.employee-list-head>.sort-header:last-child{justify-content:center}.employee-list{display:grid;gap:14px}.employee-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(160px,.7fr) minmax(160px,.6fr) minmax(100px,.3fr);align-items:center;gap:18px;min-height:102px;padding:9px 24px;cursor:pointer;animation:fadeSlide .26s ease both;animation-delay:var(--delay)}.employee-row.selected{border-color:#2dd4bf9e;background:#fff}.employee-row.glass-card:hover,.employee-row.glass-card.selected:hover{background:#fff;transform:translateY(-3px) scale(1.005)}.employee-name-cell{display:flex;align-items:center;gap:16px;min-width:0}.employee-name-cell>div{min-width:0}.employee-name-cell strong,.employee-name-cell span,.employee-department span,.employee-department strong{display:block}.employee-name-cell strong{overflow-wrap:anywhere;color:var(--ink);font-size:15px;line-height:1.25;font-weight:850}.employee-role{margin-top:3px;color:var(--muted);font-size:12px;font-weight:750}.employee-meta{margin-top:5px;overflow-wrap:anywhere;color:var(--muted-soft);font-size:11px;line-height:1.35}.employee-department span{margin-bottom:5px;color:#46615e94;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.employee-department strong,.employee-phone strong{color:var(--ink);font-size:13px}.sort-header{display:inline-flex;align-items:center;gap:7px;padding:0;color:#46615ee0;border:0;background:transparent;font-size:11px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.05em}.sort-header span{color:#1119;font-size:13px}.sort-header.active,.sort-header.active span{color:#000}mark{padding:0;color:inherit;background:#2dd4bf73;border-radius:2px}html.dark mark{background:#d946ef73}.avatar{position:relative;z-index:1;display:grid;flex:0 0 auto;width:54px;height:54px;place-items:center;color:#16312fd1!important;font-size:15px;font-weight:950;border:none;border-radius:16px;background:var(--avatar-color);box-shadow:none}.avatar.large{width:88px;height:88px;border-radius:24px;font-size:27px}.glass-badge{display:inline-flex;align-items:center;width:max-content;min-height:34px;padding:0 6px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#ffffff94;box-shadow:0 10px 24px #063c3814,inset 0 1px #fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:900}.presence-pill{justify-self:start;gap:8px}.presence-pill>span{width:8px;height:8px;border-radius:50%}.presence-pill.present,.glass-badge.online{color:#15803d;background:#dcfce7b8}.presence-pill.present>span{background:#22c55e;box-shadow:0 0 0 5px #22c55e26,0 0 18px #22c55eb8}.presence-pill.away,.glass-badge.offline{color:#b91c1c;background:#fee2e2b8}.presence-pill.away>span{background:#ef4444;box-shadow:0 0 0 5px #ef444426,0 0 18px #ef4444b8}.attendance-dot{width:16px;height:16px;border-radius:50%;justify-self:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attendance-dot.present{background:#22c55e;border:1px solid rgba(255,255,255,.2);animation:present-pulse 2s infinite}.attendance-dot.away{background:#ef4444;border:1px solid rgba(255,255,255,.2);animation:away-pulse 2s infinite}@keyframes present-pulse{0%{box-shadow:0 0 #22c55e66,0 0 10px #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00,0 0 10px #22c55e99}to{box-shadow:0 0 #22c55e00,0 0 10px #22c55e99}}@keyframes away-pulse{0%{box-shadow:0 0 #ef444466,0 0 10px #ef444499}70%{box-shadow:0 0 0 8px #ef444400,0 0 10px #ef444499}to{box-shadow:0 0 #ef444400,0 0 10px #ef444499}}.status-pill{min-height:30px}.status-pill.pending,.status-pill.retrying{color:#9a5a12;background:#fff4dcc7}.status-pill.healthy,.status-pill.synced,.status-pill.cached{color:#0f766e;background:#e5fff8c7}.employee-detail-card{min-height:620px}.detail-topline{position:relative;z-index:1;justify-content:space-between;gap:14px;margin-bottom:14px}.detail-topline span{font-size:13px;font-weight:850}.detail-identity{position:relative;z-index:1;margin-bottom:30px}.detail-identity p,.detail-identity h2{margin:0}.detail-identity p{font-size:13px;font-weight:900;letter-spacing:.06em}.detail-identity h2{margin-top:8px;color:var(--ink);font-size:clamp(32px,4vw,52px);line-height:.98}.detail-identity span{display:block;margin-top:10px;font-size:14px}.personal-details{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;flex-grow:1}.personal-tabs{display:flex;align-items:stretch;gap:6px;padding:4px;width:max-content;max-width:100%;border:none;border-radius:999px;background:#ffffff94;box-shadow:0 10px 24px #063c3814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:58px}.personal-tab{display:flex;align-items:center;justify-content:center;padding:0 24px;color:var(--muted);border:0;border-radius:999px;background:transparent;font-size:13px;font-weight:800;cursor:pointer;transition:all .18s ease}.personal-tab:hover{color:var(--ink)}.personal-tab.active{color:var(--ink);background:#fff;box-shadow:0 8px 16px #063c3814}.personal-tab:disabled{cursor:not-allowed;opacity:.5}.employee-detail-header{height:120px;margin-bottom:22px;display:flex;align-items:center;gap:20px;margin-top:calc(-1*clamp(12px,1.5vw,21px));margin-left:calc(-1*clamp(12px,1.5vw,21px));margin-right:calc(-1*clamp(12px,1.5vw,21px));padding-left:clamp(12px,1.5vw,21px);padding-right:clamp(12px,1.5vw,21px);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);background:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.35)}.employee-detail-header-info{display:flex;flex-direction:column}.employee-detail-header-info h2{margin:0;color:var(--ink);font-size:clamp(24px,2.5vw,36px);line-height:1.1;font-weight:750;opacity:.82}.employee-detail-role{margin-top:4px;color:var(--muted);font-size:14px;font-weight:700}.employee-detail-id{margin-top:4px;color:var(--muted-soft);font-size:12px;font-weight:600}.personal-details-grid-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:8px;flex-grow:1}.personal-details-right-column{display:flex;flex-direction:column;gap:22px;height:100%}.personal-details-right-column>.personal-details-column-card{flex:1}.personal-details-column-card{padding:24px;height:100%;display:flex;flex-direction:column}.personal-details-column-card.glass-card:hover,.documents-card.glass-card:hover{transform:none;box-shadow:var(--shadow-card)}.personal-details-column-card h3{display:flex;align-items:center;margin-top:0;margin-bottom:20px;font-size:16px;font-weight:850;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.personal-details-column-card h3 svg{color:var(--ink)!important}.personal-fields-stack{display:flex;flex-direction:column;justify-content:flex-start;gap:2px}.address-subfields-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;display:flex;flex-direction:column;gap:2px}.address-subfields-wrapper.expanded{max-height:250px;opacity:1}.documents-panel-wrapper{margin-top:8px}.documents-card{padding:24px}.documents-card h3{margin-top:0;margin-bottom:20px;font-size:16px;font-weight:850;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.documents-list-stack{display:grid;gap:12px}.document-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:16px;background:#f4f8f7;border:1px solid transparent;transition:all .18s ease}.document-list-item:hover{background:#e5ecea;border-color:#2dd4bf4d;transform:translateY(-1px)}.doc-icon-and-name{display:flex;align-items:center;gap:16px}.doc-icon-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#2dd4bf26;color:var(--teal-600)}.doc-icon-and-name strong{display:block;font-size:14px;color:var(--ink);font-weight:750}.doc-meta-info{display:block;font-size:11px;color:var(--muted-soft);margin-top:2px}.doc-status-and-action{display:flex;align-items:center;gap:14px}.doc-status-badge{font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px}.doc-status-badge.signed{color:#15803d;background:#dcfce7cc;border:1px solid rgba(34,197,94,.2)}.doc-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:#fff9;color:var(--muted);cursor:pointer;transition:all .18s ease}.doc-action-btn:hover{background:#fff;color:var(--teal-600);border-color:#2dd4bf80;box-shadow:0 4px 10px #063c3814}.personal-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.personal-field,.personal-field.address-header-field{min-width:0;padding:10px 12px;margin:2px -12px;border:none;border-radius:8px;background:transparent;box-shadow:none;display:grid;grid-template-columns:24px 140px 1fr;align-items:center;gap:14px;border-bottom:1px solid var(--glass-border);transition:background-color .2s ease}.personal-field.striped{background:#a855f70a;border-bottom-color:transparent}html.dark .personal-field.striped{background:#a855f717;border-bottom-color:transparent}.personal-field:last-child{border-bottom:none}.personal-field.address-subfield{padding:8px 12px 8px 48px;margin:1px -12px;grid-template-columns:24px 120px 1fr}.personal-field svg{color:var(--muted);opacity:.8}.personal-field>span{color:var(--muted);font-size:14.5px;font-weight:500;text-transform:none;letter-spacing:normal}label{color:var(--muted);font-size:12px;font-weight:850}.personal-field strong{overflow-wrap:anywhere;color:var(--ink);font-size:14.5px;font-weight:700}.personal-field input,.personal-field .glass-select{min-height:42px;margin-top:8px;border-radius:16px}.tree,.job-selector,.integration-list,.audit-feed,.scope-exclusions{display:grid;gap:14px}.department-card{gap:14px;padding:9px;animation:fadeSlide .3s ease both;animation-delay:var(--delay)}.department-card:hover{transform:translateY(-3px) translate(4px)}.department-card.dragging{opacity:.58;transform:scale(.98)}.department-card div{min-width:0}.department-card strong,.department-card span{display:block}.department-card strong{color:var(--ink)}.department-card small{margin-left:auto;padding:4px 6px;color:var(--emerald-900);background:#e2fff9b8;border-radius:999px;font-weight:950}.org-preview{display:grid;align-content:start;gap:20px}.node{position:relative;z-index:1;justify-content:center;min-height:76px;padding:7px;text-align:center;border:none;border-radius:24px;background:#fff;box-shadow:inset 0 1px #ffffffbd}.node.root{gap:10px;color:#fff;background:linear-gradient(135deg,rgba(45,212,191,.42),transparent 45%),var(--emerald-900);box-shadow:0 18px 42px #063c3833}.branch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.node.child{display:grid;align-content:center;gap:6px}.job-card{position:relative;z-index:1;width:100%;padding:9px;color:var(--ink);border:none;border-radius:var(--radius-md);background:#fff;box-shadow:0 12px 30px #063c3814,inset 0 1px #ffffffc7;text-align:left;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.job-card:hover,.job-card.active{transform:translateY(-2px);border-color:#2dd4bf94;background:#eefffa;box-shadow:var(--shadow-hover)}.job-card strong,.job-card span{display:block}.access-detail h2{position:relative;z-index:1;margin-bottom:22px;font-size:clamp(24px,2.4vw,34px)}.access-columns{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.access-block{display:grid;align-content:start;gap:12px;min-height:200px;padding:9px;border:none;border-radius:var(--radius-md);background:#ffffff7a;box-shadow:inset 0 1px #ffffffc2}.access-block>div{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;color:var(--ink);font-weight:750}.access-block svg{color:var(--teal-500);flex:0 0 auto}.override-panel{position:relative;z-index:1;display:grid;gap:16px;margin-top:18px;padding:11px;overflow:hidden;color:#fff;border:none;border-radius:var(--radius-md);background:radial-gradient(circle at 90% 20%,rgba(45,212,191,.24),transparent 34%),linear-gradient(135deg,var(--emerald-900),var(--emerald-950));box-shadow:0 20px 46px #063c3833}.override-panel span{color:#bffcf3}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:38px;padding:0 7px;color:#ffffffdb;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff1a;transition:.17s ease}.chip:hover,.chip.selected{color:var(--emerald-950);border-color:#ffffffb3;background:#dcfff8db;box-shadow:0 12px 24px #00000024}.integration-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px}.integration-row strong,.integration-row span{display:block}.progress{grid-column:1 / -1;height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.72);background:#063c3814;border-radius:999px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald-900),var(--teal-400));border-radius:inherit;animation:grow .8s ease both}.timeline{position:relative;z-index:1;display:grid;gap:12px}.timeline-step{gap:12px;padding:8px;color:var(--muted);border:none;border-radius:22px;background:#ffffff80;box-shadow:inset 0 1px #ffffffc2;transition:.22s ease}.timeline-step>div{display:grid;width:30px;height:30px;place-items:center;color:var(--muted);background:#ffffffb8;border-radius:999px;font-size:13px;font-weight:950}.timeline-step.done{color:var(--ink);border-color:#2dd4bf57;background:#e7fff9a8}.timeline-step.done>div{color:#fff;background:var(--teal-500)}.timeline-step svg:last-child{margin-left:auto}.profile-hero{position:relative;z-index:1;gap:18px;min-height:142px;margin-bottom:22px;padding:12px;overflow:hidden;color:#fff;border:none;border-radius:var(--radius-lg);background:radial-gradient(circle at 82% 20%,rgba(45,212,191,.32),transparent 32%),linear-gradient(135deg,var(--emerald-900),var(--emerald-950));box-shadow:0 22px 52px #063c3838}.profile-hero p,.profile-hero h2{margin:0}.profile-hero h2{margin-top:6px;font-size:clamp(24px,2.8vw,36px);line-height:1.04}.profile-hero span{display:block;margin-top:6px;color:#ffffffc2}.self-profile h3{position:relative;z-index:1;margin:24px 0 14px}.calendar-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.calendar-day{min-height:94px;padding:7px;border:none;border-radius:22px;background:#ffffff80;box-shadow:inset 0 1px #ffffffc2}.calendar-day strong,.calendar-day span{display:block}.calendar-day span{margin-top:24px;color:var(--muted-soft);font-size:12px}.calendar-day.absence{background:#fff4dcbf;border-color:#f5c35c73}.calendar-day.night{color:#fff;background:var(--emerald-900)}.calendar-day.night span{color:#ffffffb8}form{position:relative;z-index:1;display:grid;gap:16px}label{display:grid;gap:8px}input,select{min-height:48px;padding:0 7px;border-radius:18px}textarea{min-height:122px;padding:7px;border-radius:22px;resize:vertical}select:focus,input:focus,textarea:focus{outline:none;box-shadow:none}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audit-item{position:relative;z-index:1;align-items:flex-start;gap:18px;padding:9px;border:none;border-radius:var(--radius-md);background:#ffffff80;box-shadow:inset 0 1px #ffffffc2}.audit-item>div{flex:0 0 112px}.audit-item strong,.audit-item span,.audit-item small{display:block}.audit-item p{flex:1;margin:0;color:var(--ink)}.excluded-row{position:relative;z-index:1;justify-content:space-between;gap:12px;padding:8px;border:1px solid var(--glass-border);border-radius:22px;background:#ffffff80;box-shadow:inset 0 1px #ffffffc2}.excluded-row span{color:var(--ink);font-weight:850}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBlob{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.04)}}@keyframes grow{0%{width:0}}@media(min-width:821px){.content-stage.employees-list-active{overflow-y:hidden}.content-stage.employees-list-active .employees-layout{height:100%;display:flex;flex-direction:column;gap:0}.content-stage.employees-list-active .employees-layout .section-heading:not(.left-icon){margin-bottom:16px;flex:0 0 auto}.content-stage.employees-list-active .employees-layout .section-heading.left-icon{margin-bottom:22px;flex:0 0 auto}.content-stage.employees-list-active .employees-layout .employee-toolbar{margin-bottom:16px;flex:0 0 auto}.content-stage.employees-list-active .employees-layout .employee-list-head{margin-bottom:8px;flex:0 0 auto}.content-stage.employees-list-active .employees-layout .employee-list{flex:1 1 0%;overflow-y:auto;padding-right:4px;align-content:start;-ms-overflow-style:none;scrollbar-width:none}.content-stage.employees-list-active .employees-layout .employee-list::-webkit-scrollbar{display:none}}@media(max-width:1180px){.app-shell{grid-template-columns:98px minmax(0,1fr);gap:20px}.sidebar{padding:9px 6px}.brand div:last-child,.nav-item-label{display:none}.brand,.nav-item{justify-content:center}.nav-item{padding:0}.employees-layout,.org-layout,.access-layout,.integration-layout,.self-layout,.audit-layout{grid-template-columns:1fr}.employee-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-group{grid-column:1 / -1}.personal-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{display:block;padding:7px;height:100vh;overflow-y:auto}.sidebar{position:relative;top:auto;height:auto;min-height:0;margin-bottom:16px;padding:8px;border-radius:28px}.brand{justify-content:flex-start}.brand div:last-child{display:block}.nav-list{display:flex;overflow-x:auto;padding-bottom:2px}.nav-item{flex:0 0 auto;width:auto;min-width:62px;padding:0 7px}.nav-item-label{display:inline}.content-stage{min-height:auto;padding:9px;border-radius:28px}.access-columns,.calendar-strip,.form-row,.branch-grid,.employee-toolbar,.personal-details-grid,.personal-details-grid-wrapper{grid-template-columns:1fr}.employee-filter-group{display:grid;grid-column:auto}.employee-list-head{display:none}.employee-row{grid-template-columns:1fr;min-height:0;gap:14px;padding:9px}.employee-department,.employee-phone{padding-left:35px}.presence-pill{margin-left:70px}.detail-topline,.profile-hero{align-items:flex-start;flex-direction:column}.audit-item{display:grid}.audit-item>div{flex-basis:auto}}@media(max-width:560px){.app-shell{padding:5px}.glass-panel{padding:9px;border-radius:26px}.section-heading{align-items:flex-start}.section-heading h2{font-size:28px}.brand-mark{width:48px;height:48px}.nav-item-label{display:none}.employee-name-cell{align-items:flex-start}.employee-department,.presence-pill{margin-left:0;padding-left:0}.personal-tabs{width:100%}.personal-tab{flex:1}}html.dark{color:#f6fffc;background-color:#040c0b;--ink: #ffffff;--muted: #a3beb9;--muted-soft: rgba(163, 190, 185, .7);--page: #040c0b;--page-2: #081a18;--page-3: #0c2623;--glass-55: rgba(6, 25, 23, .7);--glass-70: rgba(11, 38, 35, .82);--glass-border: rgba(0, 0, 0, .25);--shadow-soft: 0 24px 70px rgba(0, 0, 0, .5);--shadow-card: none;--shadow-hover: none;--emerald-950: #ffffff;--emerald-900: #ec4899;--emerald-700: #4ade80;--teal-400: #d946ef;--teal-500: #a855f7}html.dark:before{background-image:radial-gradient(circle at 11% 14%,rgba(217,70,239,.18),transparent 35%),radial-gradient(circle at 86% 8%,rgba(244,114,182,.08),transparent 30%),radial-gradient(circle at 84% 85%,rgba(168,85,247,.12),transparent 30%),url(/assets/jeremy-thomas-4dpAqfTbvKA-unsplash-Dc8__-lr.jpg)}html.dark body:before{background:linear-gradient(135deg,rgba(217,70,239,.12),transparent)}html.dark body:after{background:linear-gradient(135deg,#a855f714,#d946ef1a)}html.dark .sidebar{background:linear-gradient(155deg,#c289c238,#b66db338 68%,#a951a338);color:#f6fffc;border:none;box-shadow:0 34px 80px #00000073}html.dark .sidebar:before{background:radial-gradient(circle at 84% 78%,rgba(107,33,168,.08),transparent 34%)}html.dark .brand strong,html.dark .brand span{color:#111}html.dark .brand-mark{color:#fff;background:#000;border-color:#00000059;box-shadow:0 18px 34px #00000026}html.dark .nav-item{color:#111;background:#00000012;border:none;box-shadow:none}html.dark .nav-item:hover{color:#000;background:#00000029;transform:translate(3px)}html.dark .nav-item.active{color:#111;background:#86318e;border:none;box-shadow:0 0 18px #86318e33}html.dark .nav-item.collapsed{background:#00000012}html.dark .nav-item.collapsed:hover{background:#00000029}html.dark .nav-item.collapsed.active{background:#86318e;box-shadow:0 0 18px #86318e33}html.dark .sidebar-collapse-btn{background:#00000012;color:#111}html.dark .sidebar-collapse-btn:hover{background:#00000029;color:#000}html.dark .toggle-pill{background:#00000012;border:none;box-shadow:inset 0 1px 2px #00000026}html.dark .toggle-pill-btn{color:#1119}html.dark .toggle-pill-btn:hover{color:#000}html.dark .toggle-pill-btn:hover:before{background:transparent}html.dark .toggle-pill-btn.active{color:#111}html.dark .toggle-pill-btn.active:before{background:#86318e;box-shadow:0 0 18px #86318e33}html.dark .content-stage{background:radial-gradient(circle at 9% 8%,rgba(217,70,239,.06),transparent 30%),radial-gradient(circle at 88% 18%,rgba(74,4,78,.2),transparent 24%),linear-gradient(145deg,#16081c99,#0a030eb3);border:none;box-shadow:var(--shadow-soft)}html.dark .content-stage:before{background:#d946ef0a}html.dark .content-stage:after{background:#701a7505}html.dark .glass-panel{background:#000;box-shadow:var(--shadow-card);border-color:#00000040}html.dark .glass-card{background:#000;box-shadow:var(--shadow-card);border:none}html.dark .glass-card:before,html.dark .glass-panel:before{background:transparent}html.dark .glass-card:hover{background:#000;transform:translateY(-4px) scale(1.01);border-color:#00000059}html.dark .personal-details-column-card.glass-card:hover,html.dark .documents-card.glass-card:hover{transform:none;box-shadow:var(--shadow-card);border-color:transparent}html.dark .employee-row{background:#000}html.dark .employee-row.glass-card:hover{background:#000;transform:translateY(-3px) scale(1.005)}html.dark .employee-row.selected{border-color:#f05ad266;background:linear-gradient(#f05ad229,#f05ad229),#000}html.dark .employee-row.selected:hover{background:linear-gradient(#f05ad238,#f05ad238),#000;transform:translateY(-3px) scale(1.005)}html.dark .employees-layout .section-heading.left-icon,html.dark .employee-detail-header{background:#16081c8c;border-bottom:1px solid rgba(255,255,255,.06)}html.dark .employees-layout .section-heading.left-icon .avatar.large{background:#86318e}html.dark .profile-hero,html.dark .override-panel{color:#fff;border:none;background:#000;box-shadow:0 22px 52px #00000038}html.dark .profile-hero span,html.dark .override-panel span{color:var(--muted)}html.dark .profile-hero h2{color:#fff}html.dark .chip{color:#701a75;border:1px solid rgba(112,26,117,.25);background:#ffffff59}html.dark .chip:hover,html.dark .chip.selected{color:#fff;border-color:#701a75;background:#701a75;box-shadow:0 12px 24px #00000026}html.dark .calendar-day{background:#000;border:none}html.dark .calendar-day.absence{background:#78350459}html.dark .calendar-day.night{color:#4a044e;background:#fbcfe8}html.dark .calendar-day.night span{color:#701a75}html.dark .node{background:#000;border:none}html.dark .node.root{background:#000;color:#fff;box-shadow:0 18px 42px #00000040}html.dark .department-card small{color:var(--teal-400);background:#701a7573}html.dark select,html.dark input,html.dark textarea,html.dark .glass-select{background:#000;border-color:#00000040;color:#fff;box-shadow:none}html.dark .glass-input{background:#000;border:none;box-shadow:none}html.dark .employee-toolbar .employee-filter-select{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 20px center / 14px,#000;border:none;box-shadow:none}html.dark .glass-select{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 14px center / 13px,#000}html.dark .glass-input input{background:transparent;border:none;box-shadow:none}html.dark .glass-input input:focus{background:transparent;border:none;box-shadow:none}html.dark .glass-input input::placeholder{color:#a7c1bd94}html.dark .glass-input svg{color:#ffffffeb}html.dark .glass-select:hover{border-color:#d946ef80;box-shadow:0 18px 42px #00000040}html.dark .glass-select:focus,html.dark select:focus,html.dark input:focus,html.dark textarea:focus{outline:none;box-shadow:none}html.dark .glass-input:hover,html.dark .glass-input:focus-within,html.dark .employee-toolbar .employee-filter-select:hover,html.dark .employee-toolbar .employee-filter-select:focus{border:none;box-shadow:none}html.dark .employee-toolbar .employee-filter-select.active-filter{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 20px center / 14px,#86318e;color:#fff!important;font-weight:600;box-shadow:0 2px 6px #00000040!important}html.dark .employee-toolbar .employee-filter-select.active-filter:hover,html.dark .employee-toolbar .employee-filter-select.active-filter:focus{background-color:#702677!important;color:#fff!important;box-shadow:0 4px 10px #00000059!important}html.dark .employee-toolbar .employee-filter-select.active-filter option{background-color:#161616;color:#fff;font-weight:400}html.dark .glass-input.active-search{background-color:#86318e;color:#fff;box-shadow:0 2px 6px #00000040!important}html.dark .glass-input.active-search input{color:#fff}html.dark .glass-input.active-search svg{color:#fff}html.dark .glass-input.active-search .glass-input-clear-btn{color:#ffffffd9}html.dark .glass-input.active-search .glass-input-clear-btn:hover{color:#fff}html.dark .back-button{color:#fff;background:#ffffff1a;border-color:#0000004d;box-shadow:0 14px 34px #0003}html.dark .back-button:hover{background:#ffffff2e}html.dark .glass-badge{border:1px solid rgba(0,0,0,.25);background:#ffffff14;color:#fff;box-shadow:0 10px 24px #0000001f}html.dark .presence-pill.present,html.dark .glass-badge.online{color:#4ade80;background:#14532d61;border-color:#4ade8033}html.dark .presence-pill.away,html.dark .glass-badge.offline{color:#f87171;background:#7f1d1d61;border-color:#f8717133}html.dark .status-pill.pending,html.dark .status-pill.retrying{color:#fbbf24;background:#78350461;border-color:#fbbf2433}html.dark .status-pill.healthy,html.dark .status-pill.synced,html.dark .status-pill.cached{color:#d946ef;background:#701a7561;border-color:#d946ef33}html.dark .personal-tabs{background:#0c100ed9;border:none;box-shadow:0 10px 24px #0000004d}html.dark .personal-tab{color:#fff9}html.dark .personal-tab:hover{color:#fff}html.dark .personal-tab.active{background:#000;color:#fff;box-shadow:0 8px 16px #0006}html.dark .personal-tab:disabled{color:#ffffff26}html.dark .personal-field{background:transparent;border:none;border-bottom:1px solid var(--glass-border)}html.dark .personal-field:last-child{border-bottom:none}html.dark .document-list-item{background:#0d030f;border-color:#ffffff0d}html.dark .document-list-item:hover{background:#24112c}html.dark .job-card{background:#000;border:none}html.dark .job-card:hover,html.dark .job-card.active{background:#000}html.dark .access-block{background:#000;border:none}html.dark .progress{border-color:#00000059;background:#ffffff0f}html.dark .progress span{background:linear-gradient(90deg,var(--teal-400),var(--teal-500))}html.dark .timeline-step,html.dark .audit-item,html.dark .excluded-row{background:#000;border:none}html.dark .timeline-step.done{border-color:#d946ef57;background:#000}html.dark .timeline-step>div{background:#ffffff1a;color:var(--muted)}html.dark .timeline-step.done>div{background:var(--teal-500);color:#fff}html.dark .sort-header{color:#a7c1bdb8}html.dark .sort-header span{color:#a7c1bd75}html.dark .sort-header.active,html.dark .sort-header.active span{color:#fff}html.dark .avatar{color:#ffffffd1!important}.manager-profile-section{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#14b8a60f;border:1px solid rgba(20,184,166,.15);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:auto}html.dark .manager-profile-section{background:#a855f70f;border-color:#a855f72e}.manager-profile-section:not(.passive):hover{background:#14b8a61f;border-color:#14b8a64d;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a614}html.dark .manager-profile-section:not(.passive):hover{background:#a855f724;border-color:#a855f759;box-shadow:0 4px 12px #a855f740}.manager-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:var(--avatar-color, var(--primary));color:#fff;font-weight:700;font-size:16px;box-shadow:0 3px 8px #00000014;flex-shrink:0}html.dark .manager-avatar{color:#000}.manager-details{display:flex;flex-direction:column;gap:1px;min-width:0}.manager-title-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;opacity:.85}.manager-name-text{font-size:15.5px;color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-role-subtitle{font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-phone-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);text-decoration:none;font-weight:600;margin-top:4px;transition:all .2s ease;width:fit-content}.manager-phone-link:hover{color:var(--ink);transform:translate(2px)}.manager-phone-link svg{color:var(--muted);transition:color .2s ease}.manager-phone-link:hover svg{color:var(--ink)}.team-section,.next-shift-section{display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:#00000005;border:1px solid var(--glass-border);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}html.dark .team-section,html.dark .next-shift-section{background:#ffffff06}.team-section:hover,.next-shift-section:hover{background:#fff9;border-color:#2dd4bf4d;transform:translateY(-2px);box-shadow:0 4px 12px #063c380d}html.dark .team-section:hover,html.dark .next-shift-section:hover{background:#ffffff0f;border-color:#2dd4bf4d;box-shadow:0 4px 12px #0003}.team-header,.next-shift-header{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;opacity:.85}.team-header svg,.next-shift-header svg{color:var(--muted);opacity:.8}.team-value,.next-shift-value{font-size:14.5px;font-weight:700;color:var(--ink)}.back-avatar-btn{cursor:pointer;border:none;padding:0;outline:none;display:grid;place-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s,box-shadow .2s}.back-avatar-btn svg{color:var(--ink)!important}.back-avatar-btn:hover{filter:brightness(1.08);transform:scale(1.03);box-shadow:0 8px 24px #00000026}.back-avatar-btn:active{transform:scale(.97)}.manager-profile-section.clickable{cursor:pointer}.pagination-compact{display:flex;align-items:center;gap:8px;height:58px;box-sizing:border-box;background:#ffffffad;border:none;border-radius:999px;padding:0 16px;box-shadow:0 12px 28px #063c380a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html.dark .pagination-compact{background:#000;border:none;box-shadow:none}.pagination-compact-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:all .18s ease}.pagination-compact-btn:hover:not(:disabled){background:#ffffffd9;color:var(--primary-color, #0b4d47);box-shadow:0 2px 8px #063c380d}html.dark .pagination-compact-btn:hover:not(:disabled){background:#ffffff1a;color:#2dd4bf}.pagination-compact-btn:disabled{opacity:.25;cursor:not-allowed}.pagination-compact-text{font-size:14px;font-weight:850;color:var(--ink);padding:0 8px;-webkit-user-select:none;user-select:none}