:root{--bg: #f4f6fa;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f7;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--brand: #1e4fd8;--brand-2: #3b6ef0;--brand-soft:#e8eeff;--brand-ink: #15307f;--ok: #0f8a5f;--ok-soft: #e2f6ed;--warn: #b45309;--warn-soft: #fdf0dc;--danger: #c02626;--danger-soft: #fdeaea;--info: #0369a1;--info-soft: #e0f2fe;--purple: #6d28d9;--purple-soft: #f0e9ff;--teal: #0d7490;--teal-soft: #dcf4f9;--radius: 10px;--radius-sm: 7px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);--shadow: 0 4px 14px rgba(15,23,42,.07), 0 1px 3px rgba(15,23,42,.05);--shadow-lg: 0 18px 48px rgba(15,23,42,.16);--sidebar-w: 248px;--topbar-h: 60px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #0b1120;--surface: #131c2f;--surface-2: #18223a;--surface-3: #1f2b47;--border: #263352;--border-strong: #35456b;--text: #e8edf7;--text-2: #9fb0cc;--text-3: #6b7d9e;--brand: #5b86f5;--brand-2: #7ba0ff;--brand-soft: #1b2c55;--brand-ink: #c3d4ff;--ok: #34d399;--ok-soft: #10301f;--warn: #fbbf24;--warn-soft: #3a2a0c;--danger: #f87171;--danger-soft: #3a1717;--info: #38bdf8;--info-soft: #0c2b3d;--purple: #a78bfa;--purple-soft: #2a1d4d;--teal: #2dd4bf;--teal-soft: #0d3034;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 4px 14px rgba(0,0,0,.35);--shadow-lg: 0 18px 48px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5{margin:0;font-weight:650;letter-spacing:-.011em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--border);flex:none}.brand-mark{width:30px;height:30px;border-radius:8px;flex:none;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.5px}.brand-text{line-height:1.15;min-width:0}.brand-text strong{display:block;font-size:13.5px;letter-spacing:-.02em}.brand-text span{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}.sidebar-scroll{flex:1;overflow-y:auto;padding:12px 10px 20px}.nav-group{margin-bottom:4px}.nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .13s,color .13s;position:relative;margin-bottom:1px}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.nav-item.locked{opacity:.52;cursor:not-allowed}.nav-item.locked:hover{background:transparent;color:var(--text-2)}.nav-icon{width:17px;height:17px;flex:none;stroke-width:1.9}.nav-count{margin-left:auto;font-size:10.5px;font-weight:700;min-width:19px;text-align:center;padding:1px 5px;border-radius:20px;background:var(--danger);color:#fff}.nav-lock{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--purple);background:var(--purple-soft);padding:2px 6px;border-radius:4px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:30}.topbar-title{font-size:15px;font-weight:650;letter-spacing:-.015em}.topbar-sub{font-size:11.5px;color:var(--text-3)}.topbar-spacer{flex:1}.page{padding:22px 24px 56px;flex:1;max-width:1560px;width:100%}.tier-switch{display:flex;align-items:center;background:var(--surface-3);border-radius:8px;padding:3px;gap:2px;border:1px solid var(--border)}.tier-switch button{border:0;background:transparent;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-2);transition:all .14s;display:flex;align-items:center;gap:5px}.tier-switch button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.tier-switch button.on.adv{color:var(--purple)}.tier-switch button:disabled{cursor:wait;opacity:.6}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.card-head h3{font-size:13.5px;font-weight:650}.card-head p{margin:2px 0 0;font-size:11.5px;color:var(--text-3)}.card-body{padding:16px}.card-body.flush{padding:0}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}.g-2-1{grid-template-columns:2fr 1fr}.g-1-2{grid-template-columns:1fr 2fr}@media(max-width:1180px){.g4,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}.g3,.g-2-1,.g-1-2{grid-template-columns:1fr}}@media(max-width:760px){.g2,.g4,.g5{grid-template-columns:1fr}.sidebar{display:none}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.03em;margin-top:7px;line-height:1.1}.stat-value small{font-size:13px;font-weight:600;color:var(--text-3);margin-left:3px}.stat-foot{font-size:11.5px;color:var(--text-2);margin-top:6px;display:flex;gap:6px;align-items:center}.stat-accent{position:absolute;left:0;top:0;bottom:0;width:3px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;line-height:1.6}.badge.dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.b-ok{background:var(--ok-soft);color:var(--ok)}.b-warn{background:var(--warn-soft);color:var(--warn)}.b-danger{background:var(--danger-soft);color:var(--danger)}.b-info{background:var(--info-soft);color:var(--info)}.b-brand{background:var(--brand-soft);color:var(--brand-ink)}.b-purple{background:var(--purple-soft);color:var(--purple)}.b-teal{background:var(--teal-soft);color:var(--teal)}.b-muted{background:var(--surface-3);color:var(--text-2)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:1;white-space:nowrap}.tbl tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr.clickable{cursor:pointer}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .nowrap{white-space:nowrap}.tbl-scroll{max-height:460px;overflow-y:auto}.person{display:flex;align-items:center;gap:9px;min-width:0}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:-.02em}.avatar.sm{width:24px;height:24px;font-size:9.5px}.avatar.lg{width:54px;height:54px;font-size:18px}.person-name{font-weight:600;font-size:13px}.person-meta{font-size:11px;color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-weight:550;cursor:pointer;transition:all .13s;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover:not(:disabled){background:var(--brand-2);border-color:var(--brand-2)}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.ok:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px}.btn.icon{padding:6px}.input,.select,.textarea{width:100%;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:13px;transition:border-color .13s,box-shadow .13s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.textarea{resize:vertical;min-height:68px;font-family:inherit}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}.field{display:block;margin-bottom:13px}.field>label{display:block;font-size:11.5px;font-weight:600;color:var(--text-2);margin-bottom:5px}.field .hint{font-size:11px;color:var(--text-3);margin-top:4px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.toolbar .spacer{flex:1}.search-box{position:relative;min-width:230px}.search-box .input{padding-left:31px}.search-box svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-3)}.seg{display:inline-flex;background:var(--surface-3);border-radius:8px;padding:3px;gap:2px;border:1px solid var(--border)}.seg button{border:0;background:transparent;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:12.5px;font-weight:550;color:var(--text-2);transition:all .13s;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:9px 14px;cursor:pointer;font-size:13px;font-weight:550;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .13s,border-color .13s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:620}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:22px;animation:fade .14s}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;border:1px solid var(--border);animation:pop .16s cubic-bezier(.2,.9,.3,1.2)}.modal.wide{max-width:880px}.modal.xwide{max-width:1120px}@keyframes pop{0%{transform:scale(.97) translateY(6px);opacity:0}}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}.modal-head h3{font-size:15px}.modal-head p{margin:3px 0 0;font-size:12px;color:var(--text-3)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-foot{padding:13px 20px;border-top:1px solid var(--border);display:flex;gap:9px;justify-content:flex-end;background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:flex-end}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;animation:fade .14s}.drawer{position:relative;width:min(880px,94vw);background:var(--surface);height:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slide .2s cubic-bezier(.2,.8,.3,1);border-left:1px solid var(--border)}@keyframes slide{0%{transform:translate(28px);opacity:.4}}.empty{padding:44px 22px;text-align:center;color:var(--text-3)}.empty svg{opacity:.4;margin-bottom:10px}.empty h4{font-size:14px;color:var(--text-2);margin-bottom:4px}.empty p{font-size:12.5px;margin:0}.bar{height:6px;border-radius:20px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:20px;transition:width .4s}.meter-row{display:flex;align-items:center;gap:10px}.meter-row .bar{flex:1}.meter-row .val{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.kv{display:grid;grid-template-columns:148px 1fr;gap:7px 14px;font-size:13px}.kv dt{color:var(--text-3);font-size:12px}.kv dd{margin:0;font-weight:520}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--text-3)}.tiny{font-size:11.5px}.right{text-align:right}.center{text-align:center}.nums{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:3px}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{font-size:20px;letter-spacing:-.025em}.page-head p{margin:4px 0 0;font-size:13px;color:var(--text-2);max-width:70ch}.page-head .spacer{flex:1}.callout{display:flex;gap:11px;padding:12px 14px;border-radius:var(--radius);font-size:12.5px;line-height:1.5;border:1px solid transparent}.callout svg{flex:none;margin-top:1px}.callout.info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb,var(--info) 22%,transparent)}.callout.warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 26%,transparent)}.callout.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,transparent)}.callout.ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 24%,transparent)}.callout.purple{background:var(--purple-soft);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 24%,transparent)}.callout strong{font-weight:680}.lock-screen{display:grid;place-items:center;padding:70px 20px;text-align:center}.lock-card{max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px 30px;box-shadow:var(--shadow)}.lock-badge{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:5px 12px;border-radius:999px;white-space:nowrap;background:var(--purple-soft);color:var(--purple);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.lock-card h2{font-size:17px;margin-bottom:7px}.lock-card p{color:var(--text-2);font-size:13px;margin:0 0 18px;line-height:1.55}.lock-list{text-align:left;display:grid;gap:7px;margin:0 0 20px;padding:0;list-style:none}.lock-list li{display:flex;gap:8px;font-size:12.5px;color:var(--text-2);align-items:flex-start}.lock-list svg{color:var(--purple);flex:none;margin-top:2px}.toasts{position:fixed;bottom:22px;right:22px;z-index:200;display:flex;flex-direction:column;gap:9px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius);padding:11px 15px;box-shadow:var(--shadow-lg);min-width:270px;max-width:400px;animation:slideUp .2s;font-size:13px}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--danger)}.toast strong{display:block;font-size:12.5px;margin-bottom:2px}.toast span{color:var(--text-2);font-size:12px}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-aside{display:none}}.login-aside{background:linear-gradient(150deg,#15307f,#1e4fd8 42%,#6d28d9);color:#fff;padding:54px 52px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:#ffffff12}.login-aside h1{font-size:29px;letter-spacing:-.03em;margin-bottom:14px;line-height:1.2}.login-aside p{font-size:14.5px;opacity:.88;line-height:1.6;max-width:44ch;margin:0 0 30px}.login-feats{display:grid;gap:13px;position:relative}.login-feat{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;opacity:.93}.login-feat svg{flex:none;margin-top:2px;opacity:.8}.login-main{display:grid;place-items:center;padding:40px 24px;background:var(--surface)}.login-form{width:100%;max-width:366px}.login-form h2{font-size:21px;margin-bottom:5px;letter-spacing:-.025em}.login-form>p{color:var(--text-2);font-size:13px;margin:0 0 24px}.demo-users{margin-top:24px;border-top:1px solid var(--border);padding-top:17px}.demo-users h5{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin-bottom:9px}.demo-user{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);margin-bottom:5px;background:var(--surface-2);transition:all .13s;width:100%;text-align:left}.demo-user:hover{border-color:var(--brand);background:var(--brand-soft)}.chart-wrap{width:100%;height:260px}.chart-wrap.sm{height:190px}.chart-wrap.lg{height:320px}.spinner{width:26px;height:26px;border:2.5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:grid;place-items:center;padding:70px;gap:12px;color:var(--text-3)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px}.split-bar{display:flex;height:8px;border-radius:20px;overflow:hidden;background:var(--surface-3)}.split-bar>i{display:block;height:100%}.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mini-cal .cell{aspect-ratio:1;border-radius:5px;display:grid;place-items:center;font-size:10.5px;font-weight:600;background:var(--surface-3);color:var(--text-3)}.mini-cal .cell.office{background:var(--brand-soft);color:var(--brand-ink)}.mini-cal .cell.wfh{background:var(--teal-soft);color:var(--teal)}.mini-cal .cell.leave{background:var(--warn-soft);color:var(--warn)}.mini-cal .cell.absent{background:var(--danger-soft);color:var(--danger)}.mini-cal .head{font-size:9.5px;color:var(--text-3);background:transparent;text-transform:uppercase;letter-spacing:.05em;aspect-ratio:auto;padding:2px 0}.tree-node{border-left:1.5px solid var(--border);margin-left:14px;padding-left:14px}.tree-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius-sm);cursor:pointer;margin:2px 0}.tree-row:hover{background:var(--surface-2)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:26px 18px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.on{border-color:var(--brand);background:var(--brand-soft)}.dropzone svg{color:var(--text-3);margin-bottom:8px}.dropzone strong{display:block;font-size:13.5px;color:var(--text)}.dropzone span{display:block;font-size:12px;color:var(--text-2);margin-top:3px}.dropzone.on svg,.dropzone:hover svg{color:var(--brand)}.import-errors{max-height:210px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.import-error{display:flex;gap:10px;align-items:baseline;padding:7px 11px;font-size:12.2px;border-bottom:1px solid var(--border);color:var(--text-2)}.import-error:last-child{border-bottom:0}.import-error .mono{flex:0 0 62px;font-size:11px;color:var(--danger)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:236px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;padding:6px}.user-menu-head{display:flex;flex-direction:column;gap:2px;padding:10px 11px 12px;border-bottom:1px solid var(--border);margin-bottom:5px}.user-menu-head strong{font-size:13.5px}.user-menu-head span{font-size:11.5px;color:var(--text-2)}.user-menu-head .badge{align-self:flex-start;text-transform:capitalize}.user-menu-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;font-size:12.5px;color:var(--text-2);border-radius:var(--radius-sm);text-align:left}.user-menu-row.as-btn{background:none;border:0;cursor:pointer;font:inherit;font-size:12.5px;color:var(--text)}.user-menu-row.as-btn:hover{background:var(--surface-3)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:11.5px;border-radius:999px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.chip.req{background:var(--warn-soft);color:var(--warn);border-color:transparent}.tree-children{margin-left:18px;border-left:1px dashed var(--border);padding-left:12px}.switch-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)}.switch-row:last-child{border-bottom:0}.switch-row .sw-text{flex:1;min-width:0}.switch-row .sw-text b,.switch-row .sw-text strong{display:block;font-size:13px}.switch-row .sw-text>span{display:block;font-size:11.8px;color:var(--text-2);margin-top:1px}.switch-row .sw-text .badge{margin-left:6px;vertical-align:middle;font-weight:600}.sw{flex:0 0 auto;width:38px;height:21px;border-radius:999px;border:0;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s}.sw:disabled{opacity:.45;cursor:not-allowed}.sw i{position:absolute;top:2.5px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #00000040}.sw.on{background:var(--brand)}.sw.on i{transform:translate(16px)}.hide-sm{display:inline}@media(max-width:900px){.hide-sm{display:none}}.span2{grid-column:span 2}@media(max-width:1180px){.span2{grid-column:span 1}}.emp-hero{background:linear-gradient(120deg,var(--surface-2),var(--surface));border-color:var(--border-strong)}.fnf-lines{border-top:1px solid var(--border);padding-top:12px}.total-row{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:2px solid var(--border-strong);font-size:14px}.total-row b{font-size:19px;font-variant-numeric:tabular-nums;color:var(--brand)}.input.sm,.select.sm{padding:4px 8px;font-size:12px;border-radius:6px}.stack>.badge{align-self:flex-start}.toolbar>.select,.toolbar>.input{width:auto;min-width:168px;max-width:280px}.impersonation{display:flex;align-items:center;gap:10px;padding:8px 20px;font-size:12.5px;background:var(--purple-soft);color:var(--purple);border-bottom:1px solid var(--border)}.impersonation b{font-weight:650}.impersonation span{flex:1;min-width:0}.impersonation svg{flex:none}.impersonation .btn{flex:none;background:var(--surface);border-color:var(--border-strong)}