:root{--neutral-0:#FFFFFF;--neutral-50:#F8F9FC;--neutral-100:#F4F5F9;--neutral-200:#E5E8F0;--neutral-300:#D9DEE9;--neutral-400:#B0B7C6;--neutral-500:#616A80;--neutral-600:#545B6E;--neutral-700:#111B2C;--brand:var(--neutral-700);--brand-bg:var(--neutral-200);--brand-deep:var(--neutral-700);--success:#0F8A5B;--success-bg:#E3F4EC;--success-fg:#0B6743;--warning:#D9962B;--warning-bg:#FBEFD9;--warning-fg:#8A5A0E;--danger:#C03530;--danger-bg:#FBEAE9;--danger-fg:#C03530;--info:#1E88E5;--info-bg:#E7F1FD;--info-fg:#125D9F;--accent:#6D4FC8;--accent-bg:#EFEAFB;--font-sans:var(--font-be-vietnam-pro,"Be Vietnam Pro"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-num:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-body:1.5;--leading-heading:1.3;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-lg:12px;--radius-full:999px;--table-text:var(--text-md);--table-zebra:transparent;--shadow-sm:0 1px 2px rgba(17,27,44,.04),0 1px 1px rgba(17,27,44,.04);--shadow-lg:0 12px 32px rgba(15,23,42,.10),0 2px 6px rgba(15,23,42,.06);--bg:var(--neutral-100);--bg-app:var(--neutral-100);--ag-n50:var(--neutral-100);--bg2:var(--neutral-100);--card:var(--neutral-0);--bg-surface:var(--neutral-0);--ag-white:var(--neutral-0);--surface-1:var(--neutral-0);--bg-zebra:var(--neutral-50);--surface-2:var(--neutral-50);--bg-subtle:var(--neutral-50);--bg-muted:var(--neutral-200);--ag-n100:var(--neutral-200);--bg-elevated:var(--neutral-200);--line:var(--neutral-200);--border:var(--neutral-200);--ag-n200:var(--neutral-200);--border-1:var(--neutral-200);--line2:var(--neutral-300);--border-strong:var(--neutral-300);--ag-n300:var(--neutral-300);--ag-n400:var(--neutral-400);--content-4:var(--neutral-400);--ink3:var(--neutral-500);--content-3:var(--neutral-500);--ag-n500:var(--neutral-500);--muted:var(--neutral-500);--ink2:var(--neutral-600);--content-2:var(--neutral-600);--ag-n600:var(--neutral-600);--text-secondary:var(--neutral-600);--ink:var(--neutral-700);--content-1:var(--neutral-700);--ag-n700:var(--neutral-700);--ag-n800:var(--neutral-700);--navy:var(--neutral-700);--ag-black:var(--neutral-700);--ag-primary:var(--brand);--ag-primary-light:var(--brand-bg);--ag-primary-hover:var(--brand-deep);--ag-primary-press:var(--brand-deep);--brand-soft:var(--brand-bg);--ag-green:var(--success);--green:var(--success);--ag-green-light:var(--success-bg);--green-050:var(--success-bg);--ag-green-50:var(--success-bg);--amber:var(--warning-fg);--ag-orange:var(--warning-fg);--ag-yellow:var(--warning-fg);--ag-amber:var(--warning-fg);--amber-bg:var(--warning-bg);--ag-orange-light:var(--warning-bg);--ag-yellow-light:var(--warning-bg);--red:var(--danger);--ag-red:var(--danger);--fail:var(--danger);--red-bg:var(--danger-bg);--ag-red-light:var(--danger-bg);--ag-red-50:var(--danger-bg);--ag-blue:var(--info);--blue:var(--info-fg);--ag-blue-light:var(--info-bg);--blue-bg:var(--info-bg);--purple:var(--accent);--ag-purple:var(--accent);--ag-primary-pfg:var(--accent);--ag-pink:var(--accent);--purple-bg:var(--accent-bg);--ag-purple-light:var(--accent-bg);--ag-pink-light:var(--accent-bg);--r-sm:var(--radius-sm);--r-md:var(--radius-sm);--r-lg:var(--radius-lg);--r-xl:var(--radius-lg);--r-pill:var(--radius-full);--shadow-1:var(--shadow-sm);--shadow-2:var(--shadow-lg);--shadow-3:var(--shadow-lg);--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-sans:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-num:var(--font-sans);--table-text:var(--text-sm);--brand:#0E7A5F;--brand-bg:#E2F4EC;--brand-deep:#0A5743;--teal:var(--brand);--teal-bg:var(--brand-bg);--teal-deep:var(--brand-deep)}@layer theme, base, components, utilities;@layer components{.ui-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle}.ui-badge--pill{height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);border:1px solid var(--t-border,transparent);background:var(--t-bg);color:var(--t-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.ui-badge--dot{font-size:var(--text-sm);color:var(--t-text,var(--neutral-700))}.ui-badge--dot:before{content:"";box-sizing:border-box;flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--t-ring,transparent);background:var(--t-dot)}.ui-badge--dot:has(>.ui-badge__icon):before{display:none}.ui-badge__icon{display:inline-flex;flex:none}.ui-badge--dot>.ui-badge__icon{color:var(--t-dot)}.ui-tone-neutral{--t-bg:var(--neutral-200);--t-fg:var(--neutral-600);--t-dot:var(--neutral-400)}.ui-tone-info{--t-bg:var(--info-bg);--t-fg:var(--info-fg);--t-dot:var(--info)}.ui-tone-warning{--t-bg:var(--warning-bg);--t-fg:var(--warning-fg);--t-dot:var(--warning)}.ui-tone-success{--t-bg:var(--success-bg);--t-fg:var(--success-fg);--t-dot:var(--success)}.ui-tone-danger{--t-bg:var(--danger-bg);--t-fg:var(--danger-fg);--t-dot:var(--danger)}.ui-tone-muted{--t-bg:transparent;--t-fg:var(--neutral-500);--t-border:var(--neutral-300);--t-dot:transparent;--t-ring:var(--neutral-400);--t-text:var(--neutral-500)}.ui-tone-accent{--t-bg:var(--accent-bg);--t-fg:var(--accent);--t-dot:var(--accent)}:where(.ui-btn,.ui-chip,.ui-tab,.ui-page-link,.ui-dialog__close):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.ui-btn:hover{transform:translateY(-1px)}.ui-btn--primary{background:var(--brand);color:var(--neutral-0)}.ui-btn--primary:hover{background:var(--brand-deep)}.ui-btn--secondary{background:var(--neutral-0);color:var(--neutral-700);border-color:var(--neutral-300)}.ui-btn--secondary:hover{background:var(--neutral-100)}.ui-btn--ghost{color:var(--neutral-600)}.ui-btn--ghost:hover{background:var(--neutral-100)}.ui-btn--danger{background:var(--danger);color:var(--neutral-0)}.ui-btn--sm{height:30px;padding:0 10px;font-size:var(--text-xs)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.ui-field{display:flex;flex-direction:column;gap:6px;min-width:0}.ui-field>label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-600)}.ui-field .req{color:var(--danger)}.ui-field :is(input:not([type=checkbox],[type=radio]),select,textarea){width:100%;min-width:0;height:38px;padding:0 var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background:var(--neutral-0);color:var(--neutral-700);font:inherit;font-size:var(--text-sm);outline:2px solid transparent}.ui-field textarea{height:84px;padding:var(--space-2) var(--space-3);resize:vertical}.ui-field :is(input,select,textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.ui-field :is(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}.ui-field :is(input,select,textarea):disabled{background:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed}.ui-field__hint{font-size:var(--text-xs);color:var(--neutral-500)}.ui-field__error{font-size:var(--text-xs);color:var(--danger-fg)}.ui-table-wrap{background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);overflow:auto}.ui-table-wrap--scroll{max-height:min(60vh,520px)}.ui-table-wrap--scroll .ui-table thead th{position:sticky;top:0;z-index:1}.ui-table{width:100%;border-collapse:collapse;font-size:var(--table-text)}.ui-table th{padding:11px var(--space-4);background:var(--neutral-50);color:var(--neutral-600);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.4px;text-align:left;text-transform:uppercase;white-space:nowrap}.ui-table td,.ui-table th{border-bottom:1px solid var(--neutral-200)}.ui-table td{padding:var(--space-3) var(--space-4);vertical-align:middle}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:nth-child(2n){background:var(--table-zebra)}.ui-table tbody tr:hover{background:var(--neutral-100)}.ui-table :is(th,td).num{text-align:right}.ui-table td.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);white-space:nowrap}.ui-table td .sub{display:block;font-size:var(--text-xs);color:var(--neutral-500)}.ui-table-foot,.ui-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0)}.ui-table-toolbar{border-bottom:1px solid var(--neutral-200)}.ui-table-foot{border-top:1px solid var(--neutral-200);background:var(--neutral-50);font-size:var(--text-xs);color:var(--neutral-500)}.ui-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--neutral-200)}.ui-tab{display:inline-flex;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--neutral-500);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-decoration:none;cursor:pointer}.ui-tab:hover{color:var(--neutral-700)}.ui-tab:is([aria-selected=true],[aria-current=page],.is-active){border-bottom-color:var(--brand);color:var(--brand);font-weight:var(--weight-semibold)}.ui-tab__count[class*=ui-tone-]{background:var(--t-bg);color:var(--t-fg)}.ui-tab__count{min-width:18px;padding:0 6px;border-radius:var(--radius-full);background:var(--neutral-200);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center}.ui-chip,.ui-tab__count{color:var(--neutral-600)}.ui-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:30px;padding:0 10px;border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background:var(--neutral-100);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;cursor:pointer}.ui-chip:hover{background:var(--neutral-0)}.ui-chip:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}.ui-chip:is(:disabled,[aria-disabled=true]):hover{background:var(--neutral-100)}.ui-chip:is([aria-pressed=true],[aria-selected=true],[aria-current=page],.is-active){border-color:var(--brand);background:var(--brand);color:var(--neutral-0)}.ui-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) 14px;font-size:var(--text-xs);color:var(--neutral-600)}.ui-pagination__pages{display:inline-flex;align-items:center;gap:var(--space-1)}.ui-page-link{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--radius-sm);color:inherit;text-decoration:none}a.ui-page-link:hover{background:var(--neutral-100)}.ui-page-link[aria-current=page]{border-color:var(--brand);color:var(--brand);font-weight:var(--weight-semibold)}.ui-pagination__gap{padding:0 var(--space-1);color:var(--neutral-500)}.ui-pagination__form{display:inline-flex;align-items:center;gap:var(--space-2)}.ui-pagination__form :is(select,input){height:28px;padding:0 var(--space-2);border:1px solid var(--neutral-300);border-radius:var(--radius-sm);background:var(--neutral-0);color:var(--neutral-700);font:inherit}.ui-pagination__form input{width:52px}.ui-pagination__form .ui-btn{height:28px}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--neutral-500);font-size:var(--text-sm);text-align:center}.ui-empty__icon{display:inline-flex;color:var(--neutral-400)}.ui-empty__title{color:var(--neutral-700);font-weight:var(--weight-semibold)}.ui-table td.ui-empty-cell{padding:0}.ui-table tbody tr:has(>td.ui-empty-cell):hover{background:transparent}.ui-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.ui-kpi-grid>*{min-width:0}.ui-kpi{position:relative;container-type:inline-size;padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);background:var(--neutral-0)}.ui-kpi__label{color:var(--neutral-600);font-size:var(--text-xs);font-weight:var(--weight-medium)}.ui-kpi__value{margin-top:6px;color:var(--neutral-700);font-family:var(--font-num);font-size:clamp(var(--text-lg),10.5cqi,var(--text-2xl));font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.4px;line-height:var(--leading-heading);overflow-wrap:anywhere}.ui-kpi__value[class*=ui-tone-]{color:var(--t-fg)}.ui-kpi__unit{margin-left:var(--space-1);color:var(--neutral-500);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:0}.ui-kpi__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--neutral-500)}.ui-kpi__foot .ui-badge{max-width:100%;height:auto;min-height:22px;white-space:normal}.ui-kpi__delta{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--t-bg);color:var(--t-fg);font-weight:var(--weight-semibold)}.ui-kpi__icon{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-bg);color:var(--brand)}.ui-kpi:has(>.ui-kpi__icon) .ui-kpi__label{padding-right:44px}.ui-page-head{display:flex;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.ui-page-head__text{min-width:0}.ui-page-head__title{margin:0;color:var(--neutral-700);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.2px;line-height:var(--leading-heading)}.ui-page-head__eyebrow{margin-bottom:var(--space-1)}.ui-page-head__eyebrow,.ui-page-head__subtitle{font-size:var(--text-sm);color:var(--neutral-500)}.ui-page-head__subtitle{margin:2px 0 0}.ui-page-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:auto}.ui-dialog,.ui-drawer{max-width:calc(100vw - var(--space-8));max-height:calc(100dvh - var(--space-8));padding:0;border:0;background:var(--neutral-0);color:var(--neutral-700);box-shadow:var(--shadow-lg)}.ui-dialog{width:520px;margin:auto;border-radius:var(--radius-lg)}.ui-dialog--sm{width:400px}.ui-dialog--lg{width:640px}.ui-dialog--xl{width:960px}.ui-drawer{width:540px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0}.ui-drawer--sm{width:420px}.ui-drawer--lg{width:640px}.ui-drawer--xl{width:720px}:is(.ui-dialog,.ui-drawer)::backdrop{background:rgb(17 27 44/.4)}.ui-dialog__panel{display:flex;flex-direction:column;max-height:inherit}.ui-drawer .ui-dialog__panel{height:100%}.ui-dialog__head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-200)}.ui-dialog__heading{flex:1;min-width:0}.ui-dialog__subtitle{margin:2px 0 0;color:var(--neutral-500);font-size:var(--text-sm)}.ui-dialog__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-heading)}.ui-dialog__close{display:grid;place-items:center;width:28px;height:28px;margin:-2px -6px 0 0;border:0;border-radius:var(--radius-sm);background:none;color:var(--neutral-500);font-size:var(--text-xl);line-height:1;cursor:pointer}.ui-dialog__close:hover{background:var(--neutral-100);color:var(--neutral-700)}.ui-dialog__body{flex:1;padding:var(--space-5);overflow-y:auto}.ui-dialog__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--neutral-200)}@media (max-width:640px){.ui-page-head{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.ui-page-head__actions{width:100%;margin-left:0}.ui-kpi{padding:var(--space-3)}}}