:root{--bg: #0b0b12;--surface: #141420;--surface-2: #101019;--surface-3: #1c1c29;--surface-4: #20202f;--surface-5: #171722;--chip: #181826;--chip-alt: #1d1d2b;--surface-hover: #282840;--scrollbar-thumb: #2a2a3d;--tint: rgba(255, 255, 255, .03);--tint-strong: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .09);--ink: #edecf7;--ink-2: #d6d4e6;--ink-3: #c9c7dd;--muted: #a09dba;--muted-2: #8d8ba6;--accent: #7c5cff;--accent-hover: #8f74ff;--accent-soft: #cdbcff;--accrual: #7fe3c2;--deduction: #ff9db1;--warn: #f5c877;--info: #8fc0ff;--row-divider: rgba(255, 255, 255, .22);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--sans: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}:root[data-theme=light]{--bg: #f5f4fb;--surface: #ffffff;--surface-2: #f1eef9;--surface-3: #f4f1fa;--surface-4: #eae5f7;--surface-5: #e3ddf3;--chip: #eeebf9;--chip-alt: #efecf8;--surface-hover: #e0d9f2;--scrollbar-thumb: #cbc4e3;--tint: rgba(35, 20, 70, .035);--tint-strong: rgba(35, 20, 70, .065);--line: rgba(35, 20, 70, .1);--line-strong: rgba(35, 20, 70, .18);--ink: #17151f;--ink-2: #2c2a3b;--ink-3: #46435c;--muted: #6b6880;--muted-2: #58556c;--accent: #7c3aed;--accent-hover: #6928d9;--accent-soft: #6d28d9;--accrual: #059669;--deduction: #e11d48;--warn: #b45309;--info: #2563eb;--row-divider: rgba(20, 14, 40, .22)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent-soft);text-decoration:none}a:hover{color:var(--accent)}h1,h2,p,dl,dd,dt,ul,li{margin:0;padding:0}ul{list-style:none}button{font:inherit;color:inherit}input,select,textarea{font:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px;border:3px solid var(--bg)}.mono{font-family:var(--mono);font-weight:500}.muted{color:var(--muted);font-size:11.5px}.kicker{font:600 10px var(--mono);letter-spacing:.12em;color:var(--muted)}.kicker--accent{color:var(--accent-soft)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:58px;padding:0 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}.topbar__burger{display:flex;flex-direction:column;gap:3px;width:18px;padding:9px 0;background:none;border:0;cursor:pointer}.topbar__burger span{height:1.5px;background:var(--muted-2);border-radius:2px}.brand{display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent);color:#0b0b12;font-weight:800;font-size:12.5px;letter-spacing:-.01em}.brand__name{font-weight:800;font-size:17px;letter-spacing:-.02em}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:14px}.topbar__link{background:none;border:0;font-size:12px;color:var(--muted-2);cursor:pointer}.topbar__iconbtn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted-2);cursor:pointer}.topbar__iconbtn:hover{background:var(--tint-strong);color:var(--ink)}.user-menu{position:relative}.topbar__user{display:flex;align-items:center;gap:9px;padding:6px 6px 6px 14px;border-left:1px solid var(--line-strong);background:none;border-top:0;border-right:0;border-bottom:0;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--ink-3);cursor:pointer}.topbar__user:hover{background:var(--tint-strong)}.user-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:190px;padding:6px;background:var(--surface-5);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 16px 40px #00000059;animation:pop .15s ease}.user-menu__label{padding:8px 10px 6px;font-size:11px;color:var(--muted-2)}.user-menu__item{display:flex;align-items:center;width:100%;padding:9px 10px;background:none;border:0;border-radius:8px;font-size:12.5px;color:var(--ink-3);text-align:left;cursor:pointer}.user-menu__item:hover{background:var(--tint-strong);color:var(--ink)}.user-menu__item--danger{color:var(--deduction)}.user-menu__item--danger:hover{background:#ff7a931f}.layout{display:flex;align-items:stretch;flex-wrap:wrap}.sidebar{flex:0 0 236px;min-height:calc(100vh - 58px);padding:20px 14px 30px;background:var(--surface-2);border-right:1px solid var(--line)}.sidebar--collapsed{display:none}.sidebar__profile{display:flex;align-items:center;gap:12px;padding:14px 12px;margin-bottom:18px;background:var(--surface-5);border:1px solid var(--line);border-radius:13px}.sidebar__hello{font-size:12.5px;color:var(--muted)}.sidebar__name{font-size:15px;font-weight:700;line-height:1.25;margin-top:2px}.sidebar__label{font:600 12px var(--mono);letter-spacing:.12em;color:var(--muted);padding:0 8px 8px}.sidebar-scrim{display:none}.nav{display:flex;flex-direction:column;gap:2px}.nav__item,.nav__subitem{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;border-radius:9px;cursor:pointer;font-size:14.5px;font-weight:500;color:var(--muted-2);text-align:left}.nav__item{padding:9px 10px}.nav__subitem{padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px}.nav__item:hover,.nav__subitem:hover{color:var(--ink-3)}.nav__item--active,.nav__subitem--active{color:var(--accent-soft);font-weight:700;background:#7c5cff24}.nav__bar{width:4px;height:14px;flex:0 0 auto;border-radius:3px;background:transparent}.nav__item--active .nav__bar{background:var(--accent)}.nav__chev{margin-left:auto;font-size:13px;color:var(--muted);transition:transform .18s}.nav__chev--open{transform:rotate(180deg)}.nav__sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 2px 17px;padding-left:11px;border-left:1px solid var(--line-strong)}.main{flex:999 1 640px;min-width:0;padding:22px}.page{display:flex;flex-direction:column;gap:16px}.page--narrow>*{max-width:1120px;width:100%;margin-inline:auto}.page__header{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.page__title{font-size:19px;font-weight:700;letter-spacing:-.02em}.page__title--lg{font-size:22px}.page__action{margin-left:auto}.badge{font-size:11px;color:var(--muted-2);background:var(--chip-alt);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.photo{display:grid;place-items:center;flex:0 0 auto;background:repeating-linear-gradient(135deg,var(--surface-3) 0 6px,var(--surface-4) 6px 12px);border:1px solid var(--line-strong);font:500 8px var(--mono);color:var(--muted-2)}.avatar{display:grid;place-items:center;border-radius:50%;font-weight:700;letter-spacing:.02em;color:var(--avatar-fg);background:var(--avatar-bg);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line-strong)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;color:var(--pill-fg);background:var(--pill-bg);border:1px solid var(--pill-border)}.tag{display:inline-flex;margin-top:4px;padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700}.tag--today{color:var(--accent);background:#7c5cff29;border:1px solid rgba(124,92,255,.4)}.tag--soon{color:var(--info);background:#6aa8ff21;border:1px solid rgba(106,168,255,.32)}.tag--later{color:var(--muted-2);background:var(--tint-strong);border:1px solid var(--line-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 15px;border-radius:10px;border:1px solid transparent;font-size:14.5px;font-weight:600;cursor:pointer;white-space:nowrap}.btn--primary{background:var(--accent);color:#fff;font-weight:700}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink-2)}.btn--ghost:hover{background:var(--surface-4)}.btn--soft{height:30px;padding:0 11px;background:var(--surface-4);border-color:#7c5cff47;color:var(--accent-soft);font-size:13.5px}.btn--soft:hover{background:var(--surface-hover)}.btn--danger{height:30px;padding:0 10px;background:transparent;border-color:#ff7a9347;color:var(--deduction);font-size:13.5px}.btn--danger:hover{background:#ff7a931a}.empty{padding:34px 18px;text-align:center;font-size:12.5px;color:var(--muted)}.empty--dashed{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 18px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.grid{display:grid;gap:14px}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:start}.grid--people{grid-template-columns:repeat(auto-fit,minmax(238px,1fr))}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{padding:15px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}.stat--highlight{background:linear-gradient(160deg,#7c5cff33,#7c5cff0d);border-color:#7c5cff61}.stat__label{font-size:11.5px;color:var(--muted-2)}.stat__value{display:flex;align-items:baseline;gap:5px;margin-top:8px;font:700 27px var(--mono);letter-spacing:-.02em;color:var(--ink-2)}.stat--highlight .stat__value{color:var(--ink)}.stat__unit{font:400 11px var(--sans);color:var(--muted)}.stat__note{font-size:10.5px;color:var(--muted);margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chips__label{font:600 10px var(--mono);letter-spacing:.12em;color:var(--muted);margin-right:2px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--muted-2);font-size:11.5px;font-weight:600;cursor:pointer}.chip--active{background:var(--accent-soft);border-color:var(--accent-soft);color:#0d0b18}.segmented{margin-left:auto;display:flex;gap:3px;padding:3px;background:var(--surface-5);border:1px solid var(--line);border-radius:9px}.segmented__opt{padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted-2);font-size:11.5px;font-weight:600;cursor:pointer}.segmented__opt--active{background:var(--accent-soft);color:#0d0b18}.table{overflow:hidden}.table__scroll{overflow-x:auto}.table__inner{min-width:600px}.table__head{display:grid;gap:12px;padding:12px 18px;background:var(--tint);border-bottom:1px solid var(--line);font:600 10px var(--mono);letter-spacing:.1em;color:var(--muted)}.table__row{display:grid;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12.5px}.table__row:hover{background:var(--tint)}.row-toggle{display:none;align-items:center;justify-content:center;width:26px;height:26px;flex:none;padding:0;border:0;border-radius:8px;background:var(--tint-strong);color:var(--muted-2);cursor:pointer}.row-toggle__chev{width:7px;height:7px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.row-toggle[aria-expanded=true] .row-toggle__chev{transform:rotate(-135deg);margin-top:3px}.cell{font-size:14.5px;color:var(--ink-3)}.cell--strong{font-size:14.5px;font-weight:600;color:var(--ink)}.cell--muted{color:var(--muted-2);font-size:13.5px}.cell--sub{font-size:12.5px;color:var(--muted);margin-top:3px}.cell__label{display:none}.cell__actions{display:flex;gap:7px;justify-content:flex-end}.periods{display:flex;flex-direction:column;gap:8px}.periods__head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px}.periods__year{font-size:10.5px;color:var(--muted)}.periods__track{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.period{flex:0 0 172px;display:flex;flex-direction:column;gap:5px;padding:11px 13px;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--ink-3);cursor:pointer;text-align:left}.period--active{background:#7c5cff24;border-color:#7c5cff66;color:var(--ink)}.period__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.period__label{font-size:12.5px;font-weight:600}.period__dot{width:6px;height:6px;border-radius:50%;background:#45d3a4}.period__dot--active{background:var(--accent)}.period__net{font-size:12px;color:var(--ink-3)}.period__status{font-size:10px;color:var(--muted-2)}.payslip{overflow:hidden}.payslip__head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;padding:18px;border-bottom:1px solid var(--line);background:var(--tint)}.payslip__meta{flex:1 1 300px;min-width:0;max-width:560px;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px 20px}.meta__k{font:600 9.5px var(--mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.meta__v{font-size:12.5px;font-weight:600;color:var(--ink);margin-top:3px;overflow-wrap:anywhere}.payslip__download{margin-left:auto}.payslip__body{padding:18px}.payslip__columns{display:flex;flex-wrap:wrap;gap:16px}.payslip__column{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:12px}.group{border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.group__head{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;background:var(--tint-strong);font-size:12.5px;font-weight:700;color:var(--ink-3)}.group--accrual{border-color:#45d3a42e}.group--accrual .group__head{background:#45d3a41c;color:var(--accrual)}.group--deduction{border-color:#ff7a932e}.group--deduction .group__head{background:#ff7a931a;color:var(--deduction)}.group__rows{padding:6px 14px 10px}.row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row__k{color:var(--muted-2)}.row__v{color:var(--ink-2);text-align:right}.payslip__footer{padding:0 18px 18px;display:flex;flex-direction:column;gap:10px}.totals{display:flex;flex-wrap:wrap;gap:10px}.total-chip{flex:1 1 200px;display:flex;justify-content:space-between;gap:10px;padding:11px 14px;background:var(--chip-alt);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--muted-2)}.amount--accrual{color:var(--accrual)}.amount--deduction{color:var(--deduction)}.bases{display:flex;flex-direction:column;gap:4px;padding:13px 16px;border:1px dashed var(--line-strong);border-radius:10px}.net{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:linear-gradient(90deg,#7c5cff38,#7c5cff14);border:1px solid rgba(124,92,255,.35);border-radius:var(--radius)}.net__label{font-size:13px;font-weight:700;color:var(--accent-soft)}.net__value{font:700 20px var(--mono);letter-spacing:-.02em;color:var(--ink)}.payslip__note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.payslip__noteDot{width:5px;height:5px;border-radius:50%;background:#45d3a4}.composition{display:flex;flex-direction:column;gap:18px}.composition__top{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}.composition__net{font:700 40px/1 var(--mono);letter-spacing:-.03em;color:var(--ink);margin-top:6px}.composition__totals{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap}.composition__totalLabel{font-size:11px;color:var(--muted-2);margin-bottom:3px}.bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--chip-alt)}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.legend__item{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--muted-2)}.legend__dot{width:8px;height:8px;border-radius:3px}.legend__pct{color:var(--ink-2)}.ledger{display:flex;flex-direction:column}.ledger__heading{padding:12px 0 5px;font:600 10px var(--mono);letter-spacing:.12em}.ledger__heading--accrual{color:var(--accrual)}.ledger__heading--deduction{color:var(--deduction)}.ledger__row{display:flex;align-items:baseline;padding:7px 0;font-size:12.5px;color:var(--muted-2)}.ledger__row .mono{color:var(--ink-2)}.ledger__dots{flex:1;border-bottom:1px dotted var(--line-strong);margin:0 10px;transform:translateY(-3px)}.profile{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:20px 22px}.profile__name{font-size:22px;font-weight:700;letter-spacing:-.02em}.profile__role{font-size:13px;color:var(--muted);margin-top:6px}.profile__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.info{overflow:hidden}.info__head{display:flex;align-items:center;gap:10px;padding:13px 16px}.info__head h2{font-size:14.5px;font-weight:700;color:var(--ink)}.info__accent{width:4px;height:15px;border-radius:2px;background:var(--accent)}.info__row{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.info__row strong{color:var(--ink);font-weight:600;text-align:right;overflow-wrap:anywhere}.directory__head{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.directory__filters{display:flex;flex-wrap:wrap;gap:9px;margin-left:auto}.person{overflow:hidden;display:flex;flex-direction:column}.person:hover{border-color:#7c5cff59}.person__cover{height:54px;background:linear-gradient(180deg,#7c5cff2e,#7c5cff00)}.person__body{flex:1;padding:0 16px 16px;margin-top:-30px;display:flex;flex-direction:column;align-items:center;text-align:center}.person__name{font-size:14.5px;font-weight:700;margin-top:11px}.person__role{font-size:12.5px;color:var(--accent-soft);margin:3px 0 8px}.person__rule{width:100%;height:1px;border:0;background:var(--line-strong);margin:14px 0 12px}.person__contact{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:11.5px;color:var(--muted)}.person__contact dt{font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.person__contact dd{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person__manager{padding-top:9px;border-top:1px solid var(--line)}.bday-hero{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:linear-gradient(160deg,#7c5cff38,#7c5cff0d);border:1px solid rgba(124,92,255,.38)}.bday-hero__name{font-size:16px;font-weight:700;margin:3px 0 2px}.bday-list{overflow:hidden}.bday{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line)}.bday:last-child{border-bottom:0}.bday:hover{background:var(--tint)}.bday__info{flex:1;min-width:0}.bday__name{font-size:13.5px;font-weight:700;color:var(--ink)}.bday__date{text-align:right;font-size:12.5px;color:var(--ink-3)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#06060bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .16s ease}.modal{width:100%;max-height:88vh;overflow-y:auto;background:var(--surface-5);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 30px 80px #0009;animation:pop .2s cubic-bezier(.2,.8,.3,1)}.modal__head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line-strong)}.modal__title{font-size:16.5px;font-weight:700;letter-spacing:-.01em}.modal__titleRow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.modal__id{font-size:11.5px;color:var(--muted-2)}.modal__subtitle{font-size:11.5px;color:var(--muted);margin-top:5px}.modal__close{margin-left:auto;width:30px;height:30px;flex:0 0 auto;background:var(--surface-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--muted-2);font-size:14px;cursor:pointer}.modal__close:hover{color:var(--ink)}.modal__body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.modal__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line-strong)}.modal__foot{display:flex;gap:9px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line-strong);background:var(--tint)}.comment{display:flex;gap:11px;margin-top:10px}.comment__bubble{flex:1;min-width:0;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius);border-top-left-radius:3px;padding:12px 14px}.comment__head{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px}.comment__bubble p{margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--ink-3);text-wrap:pretty}.resolution{margin-top:10px;border-radius:var(--radius);padding:14px}.resolution p{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--ink-3);text-wrap:pretty}.resolution__head{display:flex;align-items:center;gap:11px;font-size:12px}.resolution__decision{margin-left:auto;text-align:right;font-weight:700}.resolution--accrual{background:#45d3a412;border:1px solid rgba(69,211,164,.22)}.resolution--accrual .resolution__decision>div:first-child{color:var(--accrual)}.resolution--deduction{background:#ff7a9312;border:1px solid rgba(255,122,147,.22)}.resolution--deduction .resolution__decision>div:first-child{color:var(--deduction)}.resolution--pending{background:#f5b74f12;border:1px solid rgba(245,183,79,.22)}.resolution--pending .resolution__decision>div:first-child{color:var(--warn)}.resolution--muted{background:var(--tint);border:1px solid var(--line-strong)}.field{display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted)}.field-row{display:flex;gap:12px;flex-wrap:wrap}.field-row .field{flex:1 1 150px;min-width:0}.input{height:38px;padding:0 11px;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:9px;color:var(--ink);font-size:12.5px;color-scheme:dark}:root[data-theme=light] .input{color-scheme:light}textarea.input{height:auto;padding:10px 11px;resize:vertical}.field-summary{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:var(--surface-3);border-radius:10px;font-size:12px;color:var(--muted-2)}.field-summary .mono{color:var(--accent-soft);font-weight:600}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface-3);border:1px solid rgba(124,92,255,.35);border-radius:11px;box-shadow:0 16px 40px #00000080;font-size:12.5px;animation:pop .2s ease}.toast__dot{width:6px;height:6px;border-radius:50%;background:#45d3a4}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(124,92,255,.14),transparent 60%),var(--bg)}.login__card{width:100%;max-width:380px;padding:30px 28px;display:flex;flex-direction:column;gap:4px}.login__brand{margin-bottom:10px}.login__title{font-size:19px;font-weight:700;letter-spacing:-.02em}.login__subtitle{margin-top:4px;margin-bottom:6px}.login__form{display:flex;flex-direction:column;gap:14px;margin-top:14px}.login__submit{margin-top:4px;width:100%;height:40px}.login__note{margin-top:16px;line-height:1.5}.login__error{margin:0;font-size:12.5px;color:var(--deduction)}:root[data-theme=light] .chip--active,:root[data-theme=light] .segmented__opt--active{color:#fff}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media (max-width: 640px){.table__inner{min-width:0}.table__head{display:none}.table__row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;grid-template-columns:none!important;padding:14px 16px;border-bottom:1px solid var(--row-divider)}.cell__actions{justify-content:flex-start}.cell--primary{padding-bottom:10px;padding-right:34px;border-bottom:1px solid var(--line);font-size:14px}.cell__label{display:block;font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:4px}.cell:not(.cell--primary) .cell__value{color:var(--ink);font-size:13.5px;font-weight:500}.cell:not(.cell--primary):not(:last-child){padding-bottom:10px;border-bottom:1px solid var(--line)}.table__row .row-toggle{display:flex;position:absolute;top:14px;right:16px}.cell:not(.cell--primary):not(.cell--summary){display:none}.table__row--expanded .cell:not(.cell--primary):not(.cell--summary){display:block}.bday .row-toggle{display:flex}.bday__sub{display:none}.bday--expanded .bday__sub{display:block;margin-top:2px}}@media (max-width: 860px){.sidebar{position:fixed;top:58px;left:0;bottom:0;z-index:40;flex:none;width:min(84vw,300px);min-height:0;border-right:1px solid var(--line-strong);box-shadow:20px 0 40px #00000047;transform:translate(-100%);transition:transform .22s ease;display:flex;flex-direction:column;overflow-y:auto}.sidebar:not(.sidebar--collapsed){transform:translate(0)}.sidebar--collapsed{display:flex}.sidebar-scrim{display:block;position:fixed;top:58px;right:0;bottom:0;left:0;z-index:35;background:#06060b73;border:0;padding:0;cursor:default;animation:fade .16s ease}.main{padding:16px}}