.me-page{display:grid;gap:1rem;max-width:720px;margin:0 auto}.me-period{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.me-period-label{text-align:center;display:grid}.me-cta{width:100%;min-height:48px}.me-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.me-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:56px;padding:.75rem 1rem;border-radius:10px;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #e0e0e0)}.me-item-main{display:grid;gap:.15rem;min-width:0}.me-item-side{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.me-form{display:grid;gap:1rem}.me-form button{min-height:44px}.me-section-title{margin:.5rem 0 0;font-size:1rem}@media(max-width:640px){.me-page .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.schedule-table{width:100%}.schedule-table td.sched-cell{padding:0;min-width:104px;vertical-align:top}.sched-cell button{display:grid;gap:2px;width:100%;min-height:56px;padding:.4rem .5rem;border:0;border-left:3px solid transparent;background:transparent;text-align:left;font:inherit;cursor:pointer}.sched-cell button:hover{background:#f4f7fc}.sched-cell button:focus-visible{outline:2px solid #405bd3;outline-offset:-2px}.sched-plan{color:#43526a;font-variant-numeric:tabular-nums}.sched-worked{font-weight:650;color:#1a2a45;font-variant-numeric:tabular-nums}.sched-tag{font-size:11px;color:#738198}.sched-ontime button{border-left-color:#2e8b57;background:#f2faf5}.sched-late button{border-left-color:#d08a00;background:#fff8eb}.sched-absent button{border-left-color:#c93543;background:#fff2f0}.sched-leave button{border-left-color:#405bd3;background:#eef2ff}.sched-worked-only button{border-left-color:#738198}.sched-off button{color:#9aa6b8}.sched-today{background:#f6f8ff}.sched-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 0;font-size:12px;color:#43526a}.sched-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px;background:var(--c);vertical-align:-1px}:root{--bg: #0f1419;--bg-elevated: #1a222c;--bg-soft: #243040;--ink: #e8eef4;--muted: #8b9aab;--accent: #3d9b8f;--accent-strong: #2a7a70;--warn: #d4a017;--danger: #c45c5c;--ok: #5aa86c;--border: #2e3a48;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#1c3a36 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2a2438 0%,transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{padding:1.5rem 1rem;border-right:1px solid var(--border);background:#0f1419d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.5rem}.brand span{color:var(--accent)}.nav{display:flex;flex-direction:column;gap:.35rem}.nav a{padding:.55rem .75rem;border-radius:8px;color:var(--muted)}.nav a.active,.nav a:hover{background:var(--bg-soft);color:var(--ink)}.main{padding:1.75rem 2rem 3rem}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head h1{margin:0;font-size:1.75rem;letter-spacing:-.03em}.page-head p{margin:.35rem 0 0;color:var(--muted)}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-soft);color:var(--ink);padding:.5rem .9rem;border-radius:8px;cursor:pointer}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent-strong);color:#061210;font-weight:600}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.danger{background:transparent;border-color:var(--danger);color:#f0b4b4}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.8rem;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:#b7e0c0;border-color:#3d6a48}.badge.warn{color:#f0d78a;border-color:#8a6d20}.badge.danger{color:#f0b4b4;border-color:#8a4040}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500;font-size:.85rem}.mono{font-family:var(--mono);font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.settings-fields{border:0;padding:0;margin:0;min-width:0}.settings-fields:disabled{opacity:.72}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted)}input,select,textarea{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:8px;padding:.55rem .7rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:2rem}.login-card h1{margin:0 0 .25rem;font-size:1.8rem}.login-card .sub{color:var(--muted);margin:0 0 1.5rem}.error{color:#f0b4b4;margin:.5rem 0}.sync-progress{display:flex;flex-direction:column;gap:.75rem}.sync-progress-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.sync-progress.danger .sync-progress-head strong{color:#f0b4b4}.sync-progress.ok .sync-progress-head strong{color:#b7e0c0}.progress-track{position:relative;height:10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .4s ease}.sync-progress.ok .progress-fill{background:var(--ok)}.sync-progress.danger .progress-fill{background:var(--danger)}.progress-track.indeterminate .progress-fill{position:absolute;width:30%;animation:progress-slide 1.2s ease-in-out infinite}@keyframes progress-slide{0%{left:-30%}to{left:100%}}.sync-steps{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0;font-size:.8rem;color:var(--muted)}.sync-steps li{padding:.15rem .55rem;border:1px solid var(--border);border-radius:999px}.sync-steps li.done{color:#b7e0c0;border-color:#3d6a48}.sync-steps li.current{color:var(--ink);border-color:var(--accent)}.sync-progress.danger .sync-steps li.current{border-color:var(--danger);color:#f0b4b4}.sync-counts{font-size:.9rem;color:var(--muted)}.anomaly{padding:.65rem .8rem;border-left:3px solid var(--warn);background:#d4a01714;margin-bottom:.5rem;border-radius:0 8px 8px 0}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.main{padding:1.25rem}}:root{--bg: #f5f7fb;--bg-elevated: #fff;--bg-soft: #edf2f8;--ink: #17233b;--muted: #66758b;--accent: #3b5ccc;--accent-strong: #2c46a5;--warn: #a35d00;--danger: #b42318;--ok: #107c41;--border: #e2e8f0;--radius: 12px;--font: "Segoe UI", system-ui, sans-serif}body{background:var(--bg);color:var(--ink)}.app-shell{grid-template-columns:258px minmax(0,1fr);background:#f5f7fb}.sidebar{position:sticky;top:0;height:100vh;padding:1.4rem 1rem;background:#fff;border-right:1px solid #e5eaf1;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:center;gap:.75rem;padding:.3rem .55rem 1.5rem;color:#1c2a43}.brand-lockup>div{display:flex;flex-direction:column}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#405bd3;color:#fff;font-weight:700;letter-spacing:-.04em}.brand-caption,.nav-caption{color:#78869a;font-size:11px}.nav-caption{margin:.65rem .75rem;font-weight:650;letter-spacing:.08em}.admin-caption{margin-top:1.5rem}.nav{gap:.2rem}.nav-link{display:flex;align-items:center;gap:.75rem;min-height:40px;padding:.6rem .75rem;margin:0 .2rem;border-radius:8px;color:#46556c;font-size:14px;text-decoration:none}.nav-link svg{width:19px;height:19px;color:#61718b}.nav-link:hover{background:#f2f5fa;color:#24344e}.nav-link.active{background:#edf1ff;color:#324db9;font-weight:600}.nav-link.active svg{color:#324db9}.profile-text{display:grid;gap:2px}.profile-text>:last-child{color:#748198}.main{min-width:0;padding:0}.topbar{height:56px;border-bottom:1px solid #e5eaf1;background:#ffffffe0;padding:0 2.2rem;display:flex;align-items:center;justify-content:space-between;color:#7d899b;letter-spacing:.06em}.topbar-right{display:flex;align-items:center;gap:.5rem;letter-spacing:0}.online-dot{width:8px;height:8px;border-radius:50%;background:#20a464;box-shadow:0 0 0 3px #e7f6ee}.page-content{max-width:1500px;margin:0 auto;padding:2rem 2.2rem 3rem}.page-head{align-items:center;margin-bottom:1.5rem}.page-head h1{margin-top:.15rem;font-size:28px;font-weight:650;letter-spacing:-.025em;color:#192943}.page-head p{color:#69788e;font-size:14px}.eyebrow{color:#5168c9;font-size:11px;letter-spacing:.1em;font-weight:700}.panel,.table-card{background:#fff;border:1px solid #e7ecf3;border-radius:12px;box-shadow:0 2px 6px #13274809;padding:1.2rem 1.35rem;margin-bottom:1rem}.row{gap:.6rem}.btn{background:#fff;color:#34435c;border-color:#d6deea;border-radius:6px}.btn.primary{color:#fff;background:#405bd3;border-color:#405bd3}.btn.primary:hover{background:#344db9}table{font-size:14px}th,td{border-color:#edf0f5;padding:.8rem .65rem}th{color:#66758b;font-size:11px;letter-spacing:.06em;font-weight:650}.badge{background:#f7f9fc}.badge.ok{color:#147447;background:#eff9f3;border-color:#cae9d5}.badge.warn{color:#9a5a00;background:#fff8e9;border-color:#f1dfb6}.badge.danger{color:#ad3027;background:#fff2f0;border-color:#f0d0cc}input,select,textarea{background:#fff;color:#233149;border-color:#d7dfeb;border-radius:6px}input:focus,select:focus,textarea:focus{outline:2px solid #9daeff;outline-offset:1px}.login-page{background:#f5f7fb}.login-card{background:#fff;border-color:#e4eaf2;box-shadow:0 12px 36px #192b4914}.login-card h1{color:#182944}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:1rem 0}.summary-strip>div{display:grid;gap:.35rem;padding:1rem 1.15rem;border:1px solid #e7ecf3;border-radius:10px;background:#fff}.metric-label{color:#738198;font-size:11px;letter-spacing:.07em}.metric-value{color:#1a2a45;font-size:25px;font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;color:#3b55c7}.section-heading>div{display:grid;gap:.25rem;color:#1d2c45}.muted-line{display:block;color:#75839a;font-size:12px}.person-cell{display:flex;align-items:center;gap:.7rem}.person-cell>div:last-child{display:grid;gap:.15rem}.dialog-fields{display:grid;gap:1rem;padding:.6rem 0}.dialog-fields label{display:grid;gap:.4rem;color:#34435c}.shift-detail{padding:.45rem .5rem;border-left:2px solid #dbe3f0;margin:.15rem 0 .4rem}.shift-times{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:#263650}.shift-tag{border-radius:999px;padding:.1rem .45rem;background:#f1f4fa;color:#5d6b81;font-size:11px}.shift-editor{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.shift-editor input{max-width:210px}.notice{color:#147447}.error{color:#ad3027}.filters-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;padding-bottom:1rem}.filters-row label{min-width:145px;flex:1;color:#42516a}.pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .25rem .1rem;color:#738198}.punch-applied-filter{padding:0 0 1rem;color:#66758b}.punch-period-timeline{padding:.25rem .35rem .5rem}.punch-period-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;padding:.3rem .2rem .85rem}.punch-day-list{display:grid;gap:.75rem}.punch-day-card{min-width:0;padding:.85rem 1rem;border:1px solid #e6ebf2;border-radius:9px;background:#fbfcfe}.punch-day-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}.punch-day-header>div{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.punch-raw-events{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;margin-top:.75rem;padding-top:.65rem;border-top:1px solid #e9edf3}.punch-raw-events ol{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0}.punch-raw-events li{display:inline-flex;gap:.4rem;padding:.18rem .5rem;border-radius:6px;background:#eef2f8;color:#43526a;font-size:12px}.punch-raw-events li span:first-child{font-weight:650;font-variant-numeric:tabular-nums}.punch-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.punch-row-actions{display:flex;flex-wrap:wrap;gap:.25rem}.api-token-secret{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:.8rem;border:1px solid #d7e2f3;border-radius:8px;background:#f5f8ff}.api-token-secret code{overflow-wrap:anywhere;color:#21365f;font-size:.9rem}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:.8rem}.brand-lockup{padding-bottom:.75rem}.topbar{padding:0 1.25rem}.page-content{padding:1.25rem}.summary-strip{grid-template-columns:1fr}.punch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.punch-timeline{min-width:240px;padding:.7rem 0}.timeline-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:11px;color:#54637a;margin-bottom:.65rem}.timeline-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.legend-work:before,.timeline-work{background:#16866b}.legend-gap:before{background:#d28b12}.legend-missing:before{background:#c93543}.timeline-track{height:28px;position:relative;border-radius:6px;background:#eef2f7;border:1px solid #e2e8f0}.timeline-segment{position:absolute;top:3px;height:20px;border-radius:4px;min-width:5px;cursor:help}.timeline-segment:focus-visible{outline:3px solid #405bd3;outline-offset:3px;z-index:2}.timeline-gap{background:repeating-linear-gradient(135deg,#f7d992,#f7d992 5px,#eac575 5px,#eac575 10px);border:1px solid #b67b13}.timeline-missing{background:#c93543;border:2px solid #fff;box-shadow:0 0 0 1px #c93543}.timeline-axis{display:flex;justify-content:space-between;padding-right:4%;font-size:11px;color:#66758b;margin-top:.4rem;font-variant-numeric:tabular-nums}.timeline-events{list-style:none;padding:0;margin:.8rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.timeline-events li{font-size:12px;padding:.3rem .6rem;border-radius:5px;border-left:3px solid #16866b;background:#edf8f4;color:#155a49}.timeline-events .event-gap{border-color:#b67b13;background:#fff6e3;color:#7a510b}.timeline-events .event-missing{border-color:#c93543;background:#fff0f1;color:#a32130}.timeline-note{margin:.6rem 0 0;font-size:11px;color:#66758b}.shift-timeline-expanded{padding:.7rem 1rem;background:#f8faff;border-radius:8px}@media(max-width:800px){.punch-timeline{min-width:200px}.shift-timeline-expanded{padding:.5rem}}.control-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem;align-items:start}.control-tree .org-tree{display:grid;gap:.75rem;margin-top:.75rem}.org-tree-list{max-height:70vh;overflow:auto;display:grid;gap:.85rem}.org-tree-dept ul{list-style:none;margin:.35rem 0 0;padding:0;display:grid;gap:.2rem}.org-tree-emp{width:100%;text-align:left;border:0;background:transparent;padding:.45rem .55rem;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:.5rem;color:#24344e}.org-tree-emp:hover,.org-tree-emp.active{background:#edf1ff;color:#324db9}.attendance-calendar{display:grid;gap:.65rem}.att-day{text-align:left;border:1px solid #e6ebf2;background:#fbfcfe;border-radius:10px;padding:.85rem 1rem;cursor:pointer}.att-day.active{border-color:#405bd3;box-shadow:0 0 0 2px #edf1ff}.att-day.warn{border-left:3px solid #c93543}.att-day-head,.att-day-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.att-day-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}.att-chip{font-size:12px;padding:.18rem .5rem;border-radius:6px;background:#eef2f8;color:#43526a;font-variant-numeric:tabular-nums}.period-selector .period-label{display:grid;gap:2px;min-width:180px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.device-dl{display:grid;gap:.55rem;margin:.85rem 0 0}.device-dl>div{display:grid;grid-template-columns:160px 1fr;gap:.5rem}.device-dl dt{color:#738198;font-size:12px}.device-dl dd{margin:0;color:#1a2a45}.matrix-scroll{overflow:auto}.matrix-table{border-collapse:collapse;font-size:12px}.matrix-table th,.matrix-table td{border:1px solid #e7ecf3;padding:.35rem .4rem;text-align:center;min-width:42px}.matrix-table th:first-child,.matrix-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;min-width:140px}.matrix-cell{cursor:pointer}.matrix-cell.status-approved{background:#eff9f3}.matrix-cell.status-rejected{background:#fff2f0}.matrix-cell.missing{color:#ad3027;font-weight:650}.effective-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.35rem}.effective-list li{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;padding:.4rem .55rem;background:#f7f9fc;border-radius:8px}.effective-list li.voided{opacity:.55;text-decoration:line-through}.empty-state{padding:2rem 1rem;text-align:center;display:grid;gap:.35rem}.employee-day-drawer .notice{background:#f5f8ff;border:1px solid #d7e2f3;border-radius:8px;padding:.65rem .8rem;color:#21365f;font-size:13px}@media(max-width:1000px){.control-layout,.device-grid{grid-template-columns:1fr}}.section-tabs{display:flex;gap:.25rem;padding:0 1.5rem;border-bottom:1px solid #e3e8ef;background:#fff;overflow-x:auto}.section-tab{padding:.7rem .9rem;color:#46556c;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.section-tab:hover{color:#1b2a41}.section-tab.active{color:#0f5fc0;border-bottom-color:#0f5fc0;font-weight:600}.section-tab:focus-visible{outline:2px solid #0f5fc0;outline-offset:-2px}.topbar-left{display:flex;align-items:center;gap:.35rem;min-width:0}.nav-toggle{display:none}.global-search{min-width:240px;letter-spacing:0}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:.75rem;font-size:13px;color:#66758b}.breadcrumb a{color:#0f5fc0;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb a:focus-visible,.nav-link:focus-visible{outline:2px solid #0f5fc0;outline-offset:2px;border-radius:4px}.fui-DrawerBody .nav{display:flex;flex-direction:column}@media(max-width:800px){.sidebar{display:none}.nav-toggle{display:inline-flex}.topbar{gap:.5rem;padding:0 .75rem}.topbar-right{min-width:0}.global-search{min-width:0;width:160px}.page-content .fui-Table:not(.table-cards){display:block;overflow-x:auto}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards thead{display:none}.table-cards tr{margin-bottom:.65rem;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.table-cards td{display:flex;justify-content:space-between;gap:.75rem;padding:.3rem 0;border:0;text-align:right}.table-cards td[data-label]:before{content:attr(data-label);color:#66758b;font-size:12px;text-align:left}}.tone-neutral{--tone: #5d6b81;--tone-soft: #f1f4fa;--tone-line: #e0e6f0}.tone-info{--tone: #324db9;--tone-soft: #edf1ff;--tone-line: #d7e0fb}.tone-success{--tone: #147447;--tone-soft: #eff9f3;--tone-line: #cae9d5}.tone-warning{--tone: #9a5a00;--tone-soft: #fff8e9;--tone-line: #f1dfb6}.tone-critical{--tone: #ad3027;--tone-soft: #fff2f0;--tone-line: #f0d0cc}.hr-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.35rem}.hr-hero-main{display:flex;align-items:flex-start;gap:.9rem;min-width:0;flex:1 1 360px}.hr-hero-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;background:var(--tone-soft, #edf1ff);color:var(--tone, #324db9)}.hr-hero-text{display:grid;gap:.2rem;min-width:0}.hr-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6f7d93}.hr-hero h1{margin:0;font-size:27px;font-weight:680;letter-spacing:-.025em;color:#16243c}.hr-hero p{margin:0;max-width:78ch;color:#6b7a91;font-size:13.5px}.hr-hero-actions{display:flex;align-items:center;gap:.55rem;flex:none;flex-wrap:wrap;justify-content:flex-end}.hr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(218px,1fr));gap:.9rem;margin-bottom:1.15rem}.hr-stat{position:relative;display:flex;align-items:flex-start;gap:.85rem;padding:1.05rem 1.15rem 1.1rem;background:#fff;border:1px solid #e7ecf3;border-radius:13px;box-shadow:0 1px 2px #1327480a,0 8px 18px #1327480a;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}.hr-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone, #405bd3)}.hr-stat:hover{transform:translateY(-1px);border-color:var(--tone-line, #d7e0fb);box-shadow:0 2px 4px #1327480d,0 14px 28px #13274812}.hr-stat-main{display:grid;gap:.28rem;min-width:0}.hr-stat-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#738198;line-height:1.3;min-height:2.6em}.hr-stat-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--tone-soft, #f1f4fa);color:var(--tone, #405bd3)}.hr-stat-value{font-size:26px;font-weight:680;line-height:1.05;letter-spacing:-.03em;color:#16243c;font-variant-numeric:tabular-nums}.hr-stat-foot{display:flex;align-items:center;gap:.35rem;font-size:12px;color:#6b7a91}.hr-stat-foot a{color:var(--tone, #324db9);font-weight:600;text-decoration:none}.hr-stat-foot a:hover{text-decoration:underline}.hr-card{background:#fff;border:1px solid #e7ecf3;border-radius:14px;box-shadow:0 1px 2px #1327480a,0 8px 20px #1327480b;margin-bottom:1.15rem;overflow:hidden}.hr-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid #eef1f6}.hr-card-head.plain{border-bottom:0;padding-bottom:.35rem}.hr-card-title{display:grid;gap:.15rem;font-size:15px;font-weight:650;color:#1c2a43}.hr-card-sub{font-size:12.5px;color:#738198}.hr-card-body{padding:1.15rem 1.3rem}.hr-card-body.flush{padding:0}.hr-card-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.3rem;border-top:1px solid #eef1f6;color:#738198;font-size:12.5px}.hr-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hr-toolbar-filters{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end}.hr-field{display:grid;gap:.3rem}.hr-field>span{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#738198}.hr-field select,.hr-field input{min-width:165px;height:34px}.hr-toolbar-meta{display:flex;align-items:center;gap:.6rem;font-size:12.5px;color:#738198}.hr-segmented{display:inline-flex;padding:3px;gap:2px;background:#eef2f8;border-radius:9px}.hr-segmented button{border:0;background:transparent;padding:.34rem .8rem;border-radius:7px;font-size:12.5px;font-weight:550;color:#4d5c73;cursor:pointer;white-space:nowrap}.hr-segmented button:hover{color:#24344e}.hr-segmented button[aria-pressed=true]{background:#fff;color:#24344e;font-weight:650;box-shadow:0 1px 2px #1327481a}.hr-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.16rem .6rem;border-radius:999px;border:1px solid var(--tone-line, #e0e6f0);background:var(--tone-soft, #f1f4fa);color:var(--tone, #5d6b81);font-size:11.5px;font-weight:620;letter-spacing:.005em;white-space:nowrap}.hr-pill .hr-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.hr-pill.lg{padding:.26rem .7rem;font-size:12px}.hr-table-wrap{overflow:auto}table.hr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}table.hr-table thead th{position:sticky;top:0;z-index:1;background:#f8fafd;color:#6b7a91;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:.68rem .85rem;border-bottom:1px solid #e7ecf3;white-space:nowrap}table.hr-table tbody td{padding:.72rem .85rem;border-bottom:1px solid #f1f4f9;vertical-align:middle;color:#2b3a52}table.hr-table tbody tr:last-child td{border-bottom:0}table.hr-table tbody tr:hover td{background:#fafcfe}table.hr-table td.num{text-align:right;font-variant-numeric:tabular-nums}table.hr-table td.actions{text-align:right;white-space:nowrap}table.hr-table td.actions .row{justify-content:flex-end;gap:.35rem;flex-wrap:nowrap}.hr-table .hr-strong{font-weight:620;color:#1c2a43}.hr-table .hr-sub{display:block;font-size:11.5px;color:#7a879c;margin-top:.1rem}.hr-person{display:flex;align-items:center;gap:.65rem;min-width:150px}.hr-person-meta{display:grid;gap:.05rem;min-width:0}.hr-person-name{font-weight:620;color:#1c2a43;overflow-wrap:anywhere}.hr-person-name a{color:inherit;text-decoration:none}.hr-person-name a:hover{color:#324db9;text-decoration:underline}.hr-person-sub{font-size:11.5px;color:#7a879c}.hr-empty{display:grid;justify-items:center;gap:.45rem;padding:2.7rem 1.5rem;text-align:center}.hr-empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#f2f5fa;color:#8794a9;margin-bottom:.3rem}.hr-empty h3{margin:0;font-size:15px;font-weight:650;color:#24344e}.hr-empty p{margin:0;max-width:48ch;color:#738198;font-size:13px}.hr-cover{display:flex;align-items:center;gap:1.1rem;background:#fff;border:1px solid #e7ecf3;border-radius:14px;box-shadow:0 1px 2px #1327480a,0 8px 20px #1327480b;padding:1.35rem 1.5rem;margin-bottom:1.15rem}.hr-cover-avatar{width:62px;height:62px;border-radius:16px;font-size:24px;font-weight:650}.hr-cover-main{display:grid;gap:.4rem;min-width:0;flex:1}.hr-cover-name{font-size:21px;font-weight:680;letter-spacing:-.02em;color:#16243c}.hr-chips{display:flex;flex-wrap:wrap;gap:.4rem}.hr-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:7px;background:#f4f6fa;color:#4d5c73;font-size:12px}.hr-chip svg{width:13px;height:13px;color:#7d8ba1}.hr-tabs{background:#fff;border:1px solid #e7ecf3;border-radius:14px;margin-bottom:1.15rem;overflow:hidden}.hr-tabs [role=tablist]{padding:0 .35rem}.hr-tabs [role=tab]{font-size:13.5px;font-weight:550;color:#4d5c73;padding:.8rem .95rem}.hr-tabs [role=tab][aria-selected=true]{color:#324db9;font-weight:650}.hr-tab-count{display:inline-block;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:#eef2f8;color:#5d6b81;font-size:11px;font-weight:650}.hr-form{display:grid;gap:1.2rem}.hr-form-section{display:grid;gap:.85rem;padding-bottom:1.15rem;border-bottom:1px solid #eef1f6}.hr-form-section:last-of-type{border-bottom:0;padding-bottom:0}.hr-form-legend{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#738198}.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.hr-form-grid .span-2{grid-column:1 / -1}.hr-hint{font-size:11.5px;color:#7a879c;margin:0}.hr-suggestion{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:9px;border:1px solid var(--tone-line, #d7e0fb);background:var(--tone-soft, #edf1ff);color:var(--tone, #324db9);font-size:12.5px}.hr-toast-stack{position:fixed;top:4.6rem;right:1.5rem;z-index:900;display:grid;gap:.6rem;width:min(380px,calc(100vw - 3rem));pointer-events:none}.hr-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.7rem;padding:.85rem .9rem;border-radius:12px;border:1px solid var(--tone-line, #e0e6f0);background:#fff;box-shadow:0 2px 6px #1327480f,0 16px 32px #1327481f;animation:hr-toast-in .22s cubic-bezier(.2,.9,.3,1)}.hr-toast.leaving{animation:hr-toast-out .35s cubic-bezier(.4,0,1,1) forwards}.hr-toast-icon{width:19px;height:19px;flex:none;margin-top:1px;color:var(--tone, #147447)}.hr-toast-body{display:grid;gap:.15rem;min-width:0;flex:1}.hr-toast-title{font-size:13.5px;font-weight:650;color:#1c2a43}.hr-toast-text{font-size:12.5px;color:#6b7a91}.hr-toast-close{flex:none;border:0;background:transparent;padding:2px;border-radius:6px;cursor:pointer;color:#8d99ad;display:grid;place-items:center}.hr-toast-close:hover{background:#f1f4fa;color:#46556c}.hr-toast-close svg{width:15px;height:15px}@keyframes hr-toast-in{0%{opacity:0;transform:translate(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes hr-toast-out{to{opacity:0;transform:translate(14px)}}.fui-Field label,.fui-Input label{display:flex;flex-direction:row;align-items:center;gap:.2rem}.hr-muted{color:#738198;font-size:12.5px}.hr-divider{height:1px;background:#eef1f6;border:0;margin:1.1rem 0}.hr-inline-alert{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .85rem;border-radius:10px;border:1px solid var(--tone-line, #f0d0cc);background:var(--tone-soft, #fff2f0);color:var(--tone, #ad3027);font-size:13px;margin-bottom:1rem}.hr-scroll-x{overflow-x:auto}@media(max-width:900px){.hr-hero{flex-direction:column;align-items:stretch}.hr-hero-actions{justify-content:flex-start}.hr-form-grid{grid-template-columns:minmax(0,1fr)}}html[data-pointer=coarse]{--touch-target: 44px}html[data-pointer=coarse] .btn,html[data-pointer=coarse] .nav-link,html[data-pointer=coarse] .fui-Button,html[data-pointer=coarse] .hr-segmented button,html[data-pointer=coarse] button{min-height:var(--touch-target)}html[data-pointer=coarse] .fui-Button{padding-inline:.9rem}html[data-pointer=coarse] .hr-segmented{padding:4px}html[data-pointer=coarse] .hr-segmented button{padding:.55rem .9rem}html[data-pointer=coarse] input,html[data-pointer=coarse] select,html[data-pointer=coarse] textarea{min-height:var(--touch-target);font-size:16px}html[data-pointer=coarse] .btn,html[data-pointer=coarse] .fui-Button,html[data-pointer=coarse] .nav-link,html[data-pointer=coarse] .hr-segmented button,html[data-pointer=coarse] button{touch-action:manipulation}html[data-pointer=coarse] .hr-table tbody td,html[data-pointer=coarse] .fui-TableRow td{padding-block:.7rem}