:root{--color-bg:#f2f2f5;--color-surface:#f2f2f5;--color-surface-raised:#fff;--color-surface-sunken:#ececf1;--color-surface-inset:#f7f7f9;--color-input-bg:#f4f4f7;--color-border:#e4e4ea;--color-border-strong:#d2d2da;--color-text:#1d1d2b;--color-text-muted:#667;--color-text-subtle:#9a9aa8;--color-accent:#4b4a9e;--color-accent-hover:#3f3e8a;--color-accent-soft:#4b4a9e1a;--color-accent-softer:#4b4a9e0f;--color-on-accent:#fff;--color-table-head:#f7f7f9;--color-table-stripe:#f5f5f8;--color-table-hover:#eeeef3;--ring-accent:0 0 0 3px var(--color-accent-soft);--color-pending:#d97706;--color-pending-soft:#fef3e2;--color-approved:#15a05a;--color-approved-soft:#e3f5eb;--color-reversed:#dc2626;--color-reversed-soft:#fdeaea;--color-settled:#5b6275;--color-settled-soft:#eef0f3;--color-info:#0891b2;--color-info-soft:#e3f4f8;--color-danger:#ef4444;--color-danger-hover:#dc2626;--font-sans:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-display:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--shadow-xs:0 1px 2px #10121e0d;--shadow-drawer:-8px 0 32px #10121e1f;--duration-fast:.15s;--duration-normal:.22s;--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-sans)}::selection{background:var(--color-accent-soft);color:var(--color-accent-hover)}.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid var(--color-bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{gap:var(--space-6);flex-direction:column;display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.muted{color:var(--color-text-muted)}.premium-summary{font-size:var(--text-sm);white-space:nowrap}.archive-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.archive-toggle input{width:16px;height:16px;accent-color:var(--color-accent)}.error-text{color:var(--color-reversed);font-size:var(--text-sm);font-weight:500}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-inset);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.toolbar__group{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.toolbar-select{min-width:180px;height:40px;padding:0 36px 0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666677' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--color-text);font:inherit;font-size:var(--text-sm);appearance:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);font-weight:500}.toolbar-select:hover:not(:disabled){border-color:var(--color-border-strong)}.toolbar-select:focus-visible{border-color:var(--color-accent);box-shadow:var(--ring-accent);outline:none}.toolbar-select:disabled{color:var(--color-text-subtle);opacity:.7;cursor:not-allowed}.toolbar-btn{height:40px}@media (width<=640px){.toolbar__group,.toolbar-select{width:100%}}.link-cell{color:var(--color-accent);font-weight:500;text-decoration:none}.link-cell:hover{text-decoration:underline}.inline-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.mono{font-family:var(--font-mono);font-size:.8125rem}.reject-form{gap:var(--space-2);flex-direction:column;min-width:240px;display:flex}.reject-form textarea{resize:vertical;font:inherit;font-size:var(--text-sm);padding:10px var(--space-3);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);border:1px solid #0000}.reject-form textarea:focus{background:var(--color-surface-raised);border-color:var(--color-accent);box-shadow:var(--ring-accent);outline:none}.gate{min-height:100vh;padding:var(--space-6);background:var(--color-bg);place-items:center;display:grid}.gate__inner{gap:var(--space-6);flex-direction:column;width:min(420px,100%);display:flex}.gate__brand{text-align:center;letter-spacing:-.03em;font-size:2.25rem;font-weight:600;line-height:1}.gate__brand span{font-size:var(--text-base);letter-spacing:0;color:var(--color-text-muted);margin-left:2px;font-weight:500}.gate__submit{width:100%;padding-block:12px}.lang-switch{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);display:inline-flex}.lang-switch:hover,.lang-switch.is-open{border-color:var(--color-border-strong)}.lang-switch:focus-visible{box-shadow:var(--ring-accent);outline:none}.lang-switch__globe{color:var(--color-text-muted)}.lang-switch__code{font-size:var(--text-sm);font-weight:600}.lang-switch__chevron{color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.lang-switch.is-open .lang-switch__chevron{transform:rotate(180deg)}.lang-menu{z-index:30;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:250px;animation:lang-menu-in .14s var(--ease-out) both;position:fixed;overflow:hidden;box-shadow:0 12px 32px #10121e1f}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(-4px)}}.lang-menu__header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-base);color:var(--color-text);font-weight:600;display:flex}.lang-menu__header svg{color:var(--color-accent)}.lang-menu__list{gap:var(--space-1);padding:var(--space-2);flex-direction:column;display:flex}.lang-menu__item{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.lang-menu__item:hover{background:var(--color-surface-inset)}.lang-menu__item:focus-visible{box-shadow:var(--ring-accent);outline:none}.lang-menu__item.is-selected{background:var(--color-surface-sunken)}.lang-menu__code{width:24px;color:var(--color-text);font-weight:500}.lang-menu__item.is-selected .lang-menu__name{color:var(--color-accent);font-weight:600}.lang-menu__check{color:var(--color-accent);margin-left:auto}.app-shell{--topbar-h:64px;--main-pad-x:var(--space-8);--main-pad-y:var(--space-6);grid-template-columns:260px minmax(0,1fr);grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"top top""nav main";min-height:100vh;display:grid}.app-shell__topbar{z-index:20;align-items:center;gap:var(--space-3);padding:0 var(--space-8);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);grid-area:top;display:flex;position:sticky;top:0}.app-shell__brand{letter-spacing:-.03em;color:var(--color-text);white-space:nowrap;font-size:1.625rem;font-weight:600;line-height:1}.app-shell__brand-suffix{font-size:var(--text-sm);letter-spacing:0;color:var(--color-text-muted);margin-left:2px;font-weight:500}.app-shell__topbar-end{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.app-shell__account{align-items:center;gap:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border);min-width:0;display:flex}.app-shell__avatar{background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.app-shell__account-meta{flex-direction:column;min-width:0;line-height:1.3;display:flex}.app-shell__account-email{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:500;overflow:hidden}.app-shell__account-role{font-size:var(--text-xs);color:var(--color-text-muted)}.app-shell__menu-btn{width:40px;height:40px;margin-left:calc(-1 * var(--space-2));border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;border:none;place-items:center;display:none}.app-shell__nav{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));padding:var(--space-5) var(--space-4);background:var(--color-surface-raised);border-right:1px solid var(--color-border);flex-direction:column;grid-area:nav;align-self:start;display:flex;position:sticky;overflow-y:auto}.app-shell__nav ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-shell__nav-link{align-items:center;gap:var(--space-3);width:100%;padding:11px var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);font:inherit;font-size:var(--text-base);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.app-shell__nav-link svg{flex-shrink:0}.app-shell__nav-link:hover{background:var(--color-bg);color:var(--color-text)}.app-shell__nav-link.active{background:var(--color-accent-soft);color:var(--color-accent)}.app-shell__nav-link:focus-visible{box-shadow:var(--ring-accent);outline:none}.app-shell__signout{margin-top:auto}.app-shell__signout:hover:not(:disabled){background:var(--color-reversed-soft);color:var(--color-reversed)}.app-shell__signout:disabled{opacity:.55;cursor:not-allowed}.app-shell__scrim{display:none}.app-shell__main{min-width:0;padding:var(--main-pad-y) var(--main-pad-x) var(--space-10);grid-area:main}@media (width<=1024px){.app-shell__account-meta{display:none}}@media (width<=768px){.app-shell{--topbar-h:56px;--main-pad-x:var(--space-4);--main-pad-y:var(--space-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.app-shell__topbar{padding:0 var(--space-4)}.app-shell__brand{font-size:1.375rem}.app-shell__menu-btn{display:grid}.app-shell__account{border-left:none;padding-left:0}.app-shell__nav{top:var(--topbar-h);z-index:30;width:min(280px,85vw);height:calc(100dvh - var(--topbar-h));transition:transform var(--duration-normal) var(--ease-out);position:fixed;bottom:0;left:0;transform:translate(-100%)}.app-shell.is-menu-open .app-shell__nav{transform:none}.app-shell.is-menu-open .app-shell__scrim{inset:var(--topbar-h) 0 0 0;z-index:25;background:#0f111e59;border:none;display:block;position:fixed}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);padding:9px var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;font-weight:500;line-height:1.25;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:var(--ring-accent);outline:none}.btn svg{flex-shrink:0}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-strong)}.btn--danger{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-reversed)}.btn--danger:hover:not(:disabled){background:var(--color-reversed-soft);border-color:color-mix(in srgb, var(--color-reversed) 35%, transparent)}.btn--danger-solid{background:var(--color-danger);color:#fff}.btn--danger-solid:hover:not(:disabled){background:var(--color-danger-hover)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.field__required{color:var(--color-danger);margin-left:4px}.field__input{font:inherit;font-size:var(--text-sm);min-height:44px;padding:10px var(--space-4);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #0000}.field__input::placeholder{color:var(--color-text-subtle)}.field__input:hover:not(:focus):not(:disabled){border-color:var(--color-border)}.field__input:focus{background:var(--color-surface-raised);border-color:var(--color-accent);box-shadow:var(--ring-accent);outline:none}.field__input:disabled{color:var(--color-text-muted);cursor:not-allowed}.field__textarea{resize:vertical;line-height:1.5}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.surface-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.surface-section{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.surface-section__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.surface-section__bar>.surface-section__actions:only-child{margin-left:auto}.surface-section__heading{min-width:0}.surface-section__title{font-size:var(--text-base);margin:0;font-weight:600}.surface-section__description{font-size:var(--text-xs);color:var(--color-text-muted);margin:2px 0 0}.surface-section__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.surface-section__messages{gap:var(--space-2);flex-direction:column;display:flex}.surface-section__messages>p{margin:0}.surface-card__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.surface-card__title{font-size:var(--text-base);margin:0;font-weight:600}.surface-card__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.surface-card__body{padding:var(--space-6);overflow-x:auto}.surface-card__body>:is(.data-table,.table-scroll){width:calc(100% + 2 * var(--space-6));margin-inline:calc(-1 * var(--space-6))}.surface-card__body>:is(.data-table,.table-scroll):first-child{margin-top:calc(-1 * var(--space-6))}.surface-card__body>:is(.data-table,.table-scroll):last-child{margin-bottom:calc(-1 * var(--space-6))}.drawer{z-index:100;background:#0f111e73;justify-content:flex-end;animation:.2s ease-out both drawer-fade-in;display:flex;position:fixed;inset:0}.drawer.is-closing{pointer-events:none;animation:.18s ease-in both drawer-fade-out}.drawer__panel{background:var(--color-surface-raised);width:min(560px,100%);height:100%;box-shadow:var(--shadow-drawer);will-change:transform;outline:none;flex-direction:column;animation:.24s cubic-bezier(.22,1,.36,1) both drawer-slide-in;display:flex}.drawer.is-closing .drawer__panel{animation:.18s cubic-bezier(.4,0,1,1) both drawer-slide-out}.drawer__header{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.drawer__icon{border-radius:var(--radius-lg);background:var(--color-accent);width:48px;height:48px;color:var(--color-on-accent);flex-shrink:0;place-items:center;display:grid}.drawer__icon svg{width:22px;height:22px}.drawer__heading{flex:1;min-width:0}.drawer__title{font-size:var(--text-lg);margin:0;font-weight:600;line-height:1.3}.drawer__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:2px 0 0}.drawer__close{border:1px solid var(--color-border);background:var(--color-surface-raised);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.drawer__close:hover{background:var(--color-bg);color:var(--color-text)}.drawer__close:focus-visible{box-shadow:var(--ring-accent);outline:none}.drawer__body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-form{gap:var(--space-5);flex-direction:column;display:flex}.drawer-context{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-inset);margin:0}.drawer-context__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.drawer-context__row+.drawer-context__row{border-top:1px solid var(--color-border)}.drawer-context dt{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;font-weight:500}.drawer-context dd{min-width:0;font-size:var(--text-sm);color:var(--color-accent);text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.drawer__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.drawer__footer .btn{min-width:110px;padding-block:11px}@keyframes drawer-fade-in{0%{opacity:0}}@keyframes drawer-fade-out{to{opacity:0}}@keyframes drawer-slide-in{0%{transform:translate(100%)}}@keyframes drawer-slide-out{to{transform:translate(100%)}}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin:calc(-1 * var(--main-pad-y)) calc(-1 * var(--main-pad-x)) 0;padding:var(--space-6) var(--main-pad-x);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.page-header__main{align-items:center;gap:var(--space-5);min-width:0;display:flex}.page-header__icon{border-radius:var(--radius-lg);background:var(--color-accent);width:56px;height:56px;color:var(--color-on-accent);flex-shrink:0;place-items:center;display:grid}.page-header__icon svg{stroke-width:2px;width:26px;height:26px}.page-header__text{min-width:0}.page-header__eyebrow{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:2px;line-height:19.5px}.page-header:has(.page-header__eyebrow){padding-top:calc(var(--space-6) - 10px);padding-bottom:calc(var(--space-6) - 10px)}.page-header__title{font-size:var(--text-display);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.page-header__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:2px 0 0}.page-header__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=768px){.page-header__icon{width:44px;height:44px}.page-header__icon svg{width:20px;height:20px}.page-header__main{gap:var(--space-3)}}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 12px;font-size:.8125rem;font-weight:600;line-height:1.2;display:inline-flex}.status-badge--pending{color:var(--color-pending);background:var(--color-pending-soft)}.status-badge--approved{color:var(--color-approved);background:var(--color-approved-soft)}.status-badge--reversed{color:var(--color-reversed);background:var(--color-reversed-soft)}.status-badge--settled{color:var(--color-settled);background:var(--color-settled-soft)}.status-badge--neutral{color:var(--color-text-muted);background:var(--color-surface-sunken)}.tooltip-anchor{display:inline-flex}.tooltip{z-index:40;border-radius:var(--radius-sm);color:#fff;letter-spacing:normal;text-transform:none;white-space:nowrap;pointer-events:none;background:#4a4a52;padding:6px 10px;font-size:.8125rem;font-weight:400;line-height:1.3;position:fixed;transform:translate(-50%)}.icon-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-btn:hover:not(:disabled),.icon-btn--soft{background:var(--color-accent-soft);color:var(--color-accent)}.icon-btn--soft:hover:not(:disabled){background:#4b4a9e33}.icon-btn:focus-visible{box-shadow:var(--ring-accent);outline:none}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3);background:var(--color-table-head);border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.75rem;font-weight:600}.data-table td{padding:11px var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.data-table :is(th,td):first-child{padding-left:var(--space-6)}.data-table :is(th,td):last-child{padding-right:var(--space-6)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.data-table tbody tr:nth-child(2n){background:var(--color-table-stripe)}.data-table tbody tr:hover{background:var(--color-table-hover)}.data-table td .link-cell{font-weight:600}.code-pill{border-radius:var(--radius-sm);background:var(--color-accent-softer);max-width:100%;color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border:1px solid #4b4a9e38;padding:2px 8px;font-size:.8125rem;font-weight:600;line-height:1.5;display:inline-block;overflow:hidden}.data-table td .btn{padding:6px var(--space-3);font-size:.8125rem}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-scroll{white-space:nowrap;vertical-align:middle;scrollbar-width:none;max-width:150px;display:inline-block;overflow-x:auto}.cell-scroll::-webkit-scrollbar{display:none}.data-table--fixed{table-layout:fixed;min-width:1100px}.data-table--fixed td{overflow-wrap:break-word}.data-table--fixed :is(td,th).num{overflow-wrap:normal;white-space:nowrap}.data-table--fixed .cell-scroll{max-width:100%}.data-table__empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.table-scroll{overflow-x:auto}.data-table :is(th,td).data-table__action{text-align:center}.data-table__action .inline-actions{justify-content:center}.correction-tag{margin-left:var(--space-2);padding:2px var(--space-2);background:var(--color-accent-soft);color:var(--color-accent);cursor:help;vertical-align:middle;border-radius:999px;font-size:.6875rem;font-weight:500;display:inline-block}.tabular-date{font-variant-numeric:tabular-nums;white-space:nowrap}.data-table tbody tr.row-clickable,.data-table tbody tr.row-expandable{cursor:pointer}.data-table tbody tr.row-expandable.is-expanded{background:var(--color-accent-softer)}.data-table tbody tr.row-expandable.is-expanded>td{border-bottom:0}.data-table tbody tr.row-expandable.is-expanded>td:first-child,.data-table tbody tr.row-detail>td{box-shadow:inset 3px 0 0 var(--color-accent)}.row-expand-btn svg{transition:transform var(--duration-normal) var(--ease-out)}.row-expand-btn.is-open{color:var(--color-accent)}.row-expand-btn.is-open svg{transform:rotate(180deg)}.data-table tbody tr.row-detail,.data-table tbody tr.row-detail:hover{background:var(--color-accent-softer)}.data-table tbody tr.row-detail>td{padding:0 var(--space-6)}.auto-height{transition:height .24s var(--ease-out);overflow:hidden}.row-detail__inner{gap:var(--space-3);padding-bottom:var(--space-5);animation:row-detail-in .24s var(--ease-out) both;flex-direction:column;display:flex}.row-detail__inner>p{margin:0}.row-detail__content{gap:var(--space-3);animation:row-detail-fade .22s var(--ease-out) both;flex-direction:column;display:flex}@keyframes row-detail-fade{0%{opacity:0}}.row-detail__summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.row-detail__chip{border:1px solid var(--color-border);background:var(--color-surface-raised);font-size:var(--text-xs);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.row-detail__chip strong{color:var(--color-text);font-weight:600}.row-detail__table{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);overflow-x:auto}.row-detail__table .data-table{font-size:.8125rem}.data-table--fixed.data-table--compact{min-width:760px}.row-detail__table .data-table thead th{padding:8px var(--space-3);font-size:.6875rem}.row-detail__table .data-table td{padding:8px var(--space-3)}.row-detail__table .data-table :is(th,td):first-child{padding-left:var(--space-4)}.row-detail__table .data-table :is(th,td):last-child{padding-right:var(--space-4)}.row-detail__table .data-table tbody tr:nth-child(2n){background:0 0}.row-detail__table .data-table tbody tr,.row-detail__table .data-table tbody tr:hover{box-shadow:none}.row-detail__table .data-table tbody tr:hover{background:var(--color-surface-inset)}.row-detail__table .data-table td.data-table__empty{height:37px;padding:0 var(--space-4);font-size:.8125rem}.row-detail__table .data-table tbody tr>td{box-shadow:none}@keyframes row-detail-in{0%{opacity:0}}.stat-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-6);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:0;display:flex}.stat-card__icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-5);place-items:center;display:grid}.stat-card__icon svg{width:22px;height:22px}.stat-card__icon--accent{background:var(--color-accent-soft);color:var(--color-accent)}.stat-card__icon--pending{background:var(--color-pending-soft);color:var(--color-pending)}.stat-card__icon--approved{background:var(--color-approved-soft);color:var(--color-approved)}.stat-card__icon--settled{background:var(--color-settled-soft);color:var(--color-settled)}.stat-card__icon--info{background:var(--color-info-soft);color:var(--color-info)}.stat-card__value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.5rem,1.2rem + .8vw,1.875rem);font-weight:600;line-height:1.2}.stat-card__label{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.stat-card__sub{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.stat-card__value .tabular{font-family:inherit}.skeleton{background:linear-gradient(90deg, var(--color-surface-sunken) 0%, var(--color-surface-inset) 40%, var(--color-surface-sunken) 80%);background-size:300% 100%;flex-shrink:0;animation:1.4s ease-in-out infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row-detail-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.row-detail-skeleton__head,.row-detail-skeleton__row{align-items:center;display:grid}.row-detail-skeleton__cell{min-width:0;padding:0 var(--space-3);display:flex}.row-detail-skeleton__cell:first-child{padding-left:var(--space-4)}.row-detail-skeleton__cell:last-child{padding-right:var(--space-4)}.row-detail-skeleton__head{background:var(--color-table-head);border-bottom:1px solid var(--color-border);height:33px}.row-detail-skeleton__row{height:37px}.row-detail-skeleton__row+.row-detail-skeleton__row{border-top:1px solid var(--color-border)}.date-range{align-items:center;gap:var(--space-3);display:inline-flex}.date-range__today,.date-range__trigger{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:600;display:inline-flex}.date-range__today:hover,.date-range__trigger:hover{background:var(--color-bg)}.date-range__today.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.date-range__today.is-active:hover{background:var(--color-accent-hover)}.date-range__trigger{padding:0 var(--space-3) 0 var(--space-4)}.date-range__today:focus-visible,.date-range__trigger:focus-visible{box-shadow:var(--ring-accent);outline:none}.date-range__chevron{transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;transform:rotate(180deg)}.date-range__trigger.is-open .date-range__chevron{transform:none}.date-range__popover{z-index:15;width:max-content;max-width:calc(100vw - 32px);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:14px;position:absolute;box-shadow:0 12px 32px #10121e1f}.date-range__presets{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.date-range__preset{height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);font-weight:500}.date-range__preset:hover{background:var(--color-surface-sunken);color:var(--color-text)}.date-range__preset.is-active,.date-range__preset.is-active:hover{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.date-range__calendars{gap:var(--space-3);flex-wrap:wrap;display:flex}.date-range__footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.date-range__footer .btn{min-width:64px;height:36px;font-size:var(--text-sm);padding-block:0;font-weight:600}.date-range__footer .date-range__clear{min-width:72px;color:var(--color-text-muted);font-weight:500}.calendar{width:280px;max-width:100%;padding:var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.calendar__head{padding:0 var(--space-2) var(--space-2);justify-content:space-between;align-items:center;display:flex}.calendar__title{border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px;font-weight:500;display:inline-flex}.calendar__caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--color-text-muted);width:0;height:0}.calendar__nav{gap:var(--space-1);display:flex}.calendar__arrow{width:28px;height:28px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.calendar__title:hover,.calendar__arrow:hover{background:var(--color-bg)}.calendar__weekdays,.calendar__week{grid-template-columns:repeat(7,1fr);display:grid}.calendar__weekdays{background:var(--color-surface-inset);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;padding:4px 0}.calendar__month-label{padding:var(--space-2) var(--space-3) 6px;font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-muted)}.calendar__cell{place-items:center;height:36px;display:grid}.calendar__week.is-shaded .calendar__cell{background:var(--color-input-bg)}.calendar__day{width:32px;height:32px;color:var(--color-text);font:inherit;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;font-size:.8125rem;display:grid}.calendar__day:hover:not(:disabled){background:var(--color-surface-sunken)}.calendar__day.is-today{border-color:var(--color-text-subtle)}.calendar__day.is-selected,.calendar__day.is-selected:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.calendar__day.is-selected.is-today{box-shadow:inset 0 0 0 2px var(--color-surface-raised)}.calendar__day:disabled{color:var(--color-text-subtle);opacity:.45;cursor:not-allowed}.calendar__day:focus-visible,.calendar__title:focus-visible,.calendar__arrow:focus-visible,.date-range__preset:focus-visible{box-shadow:var(--ring-accent);outline:none}.calendar__months{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.calendar__months-year{padding-bottom:var(--space-2);text-align:center;grid-column:1/-1;font-weight:600}.calendar__month{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-size:var(--text-sm);text-transform:capitalize;cursor:pointer;padding:8px 0}.calendar__month:hover{background:var(--color-bg)}.calendar__month.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}@media (width<=480px){.date-range__popover{padding:var(--space-3)}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.pagination__total{font-size:var(--text-base);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.pagination__controls{align-items:center;gap:var(--space-2);display:flex}.pagination__arrow,.pagination__input,.pagination__size{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);height:36px;color:var(--color-text);font:inherit;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.pagination__arrow{cursor:pointer;place-items:center;width:38px;padding:0;display:grid}.pagination__arrow:hover:not(:disabled){background:var(--color-bg)}.pagination__arrow:disabled{color:var(--color-text-subtle);border-color:var(--color-surface-sunken);cursor:not-allowed}.pagination__input{width:54px;padding:0 var(--space-2);text-align:center;font-size:var(--text-base);font-variant-numeric:tabular-nums;font-weight:600}.pagination__of{padding-right:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.pagination__size{width:76px;margin-left:var(--space-3);padding:0 28px 0 var(--space-3);appearance:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7080' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.pagination__arrow:focus-visible,.pagination__input:focus,.pagination__size:focus-visible{border-color:var(--color-accent);box-shadow:var(--ring-accent);outline:none}.pagination__input:hover:not(:focus):not(:disabled),.pagination__size:hover{border-color:var(--color-border-strong)}@media (width<=480px){.pagination__size{margin-left:0}}