@font-face{font-family:Host Grotesk;src:url(/fonts/host-grotesk-var.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Mono;src:url(/fonts/atkinson-hyperlegible-mono-var.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Host Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:var(--font-display);--font-mono:"Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, monospace;--weight-body:400;--weight-medium:500;--weight-strong:600;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2rem;--text-page:1.875rem;--text-metric:1.5rem;--text-metric-lead:1.75rem;--text-detail:2.125rem;--text-section:1.25rem;--text-title:1rem;--text-lead:.9375rem;--tracking-display:-.025em;--tracking-tight:-.015em;--tracking-mono:-.02em;--leading-display:1.08;--leading-head:1.2;--leading-body:1.55;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--space-5xl:56px;--space-6xl:64px;--space-7xl:72px;--space-8xl:80px;--space-9xl:96px;--space-10xl:112px;--space-11xl:128px;--container:82.5rem;--side-w:16.5rem;--gutter:clamp(1.25rem, 2.6vw, 2.5rem);--max-prose:70ch;--control-h:2.25rem;--control-h-sm:1.875rem;--tap-target:2.75rem;--radius-panel:8px;--radius-control:6px;--radius-mark:3px;--border-hair:1px;--color-paper:oklch(97.2% .008 84);--color-paper-2:oklch(94.8% .009 82);--color-paper-3:oklch(91.5% .01 80);--color-paper-4:oklch(88.5% .01 78);--color-ink:oklch(20% .014 68);--color-ink-2:oklch(31% .013 68);--color-muted:oklch(45% .012 70);--color-faint:oklch(58% .01 75);--color-rule:oklch(87.5% .009 80);--color-rule-strong:oklch(78% .011 78);--color-field-edge:oklch(53% .012 70);--color-side:oklch(92.5% .011 82);--color-side-2:oklch(88.8% .013 81);--color-side-ink:oklch(20% .014 68);--color-side-muted:oklch(44% .012 70);--color-accent:oklch(50% .105 72);--color-accent-hover:oklch(45% .105 70);--color-accent-ink:oklch(97.2% .008 84);--color-accent-soft:oklch(93% .03 80);--color-focus:oklch(42% .12 70);--color-ok:oklch(40% .095 155);--color-ok-soft:oklch(94% .03 155);--color-bad:oklch(47% .16 25);--color-bad-soft:oklch(95% .025 25);--color-warn:oklch(48% .11 65);--color-warn-soft:oklch(94% .035 75);--color-error:var(--color-bad);--color-success:var(--color-ok);--color-code-bg:oklch(20% .012 155);--color-code-ink:oklch(92% .008 90);--color-auth:oklch(24% .02 155);--color-auth-2:oklch(30% .02 155);--color-auth-ink:oklch(94% .008 90);--color-auth-muted:oklch(74% .015 150);--color-auth-rule:oklch(40% .02 155);--color-backdrop:oklch(16% .012 160/.55);--shadow-modal:0 16px 48px oklch(20% .012 68/.18);--shadow-plate:0 1px 2px oklch(20% .012 68/.05);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--bg:var(--color-paper);--surface:var(--color-paper-2);--border:var(--color-rule);--text:var(--color-ink);--muted:var(--color-muted);--accent:var(--color-accent);--good:var(--color-ok);--bad:var(--color-bad);--warn:var(--color-warn)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:oklch(18.5% .018 160);--color-paper-2:oklch(21.5% .02 160);--color-paper-3:oklch(24.5% .021 160);--color-paper-4:oklch(28.5% .021 160);--color-ink:oklch(93% .008 90);--color-ink-2:oklch(84% .008 90);--color-muted:oklch(70% .01 150);--color-faint:oklch(60% .01 150);--color-rule:oklch(30% .02 160);--color-rule-strong:oklch(39% .021 160);--color-field-edge:oklch(56% .018 160);--color-side:oklch(14.5% .018 160);--color-side-2:oklch(19.5% .02 160);--color-side-ink:oklch(93% .008 90);--color-side-muted:oklch(68% .01 150);--color-accent:oklch(76% .115 78);--color-accent-hover:oklch(81% .115 80);--color-accent-ink:oklch(18% .015 70);--color-accent-soft:oklch(30% .04 80);--color-focus:oklch(80% .12 80);--color-ok:oklch(74% .09 155);--color-ok-soft:oklch(26% .04 155);--color-bad:oklch(70% .14 25);--color-bad-soft:oklch(27% .04 25);--color-warn:oklch(78% .11 70);--color-warn-soft:oklch(28% .035 70);--color-code-bg:oklch(12.5% .012 160);--color-code-ink:oklch(92% .008 90);--color-auth:oklch(22% .03 160);--color-auth-2:oklch(27% .03 160);--color-auth-ink:oklch(93% .008 90);--color-auth-muted:oklch(74% .012 150);--color-auth-rule:oklch(36% .028 160);--color-backdrop:oklch(8% .01 160/.68);--shadow-modal:0 24px 64px oklch(8% .01 160/.6);--shadow-plate:inset 0 0 0 1px var(--color-rule)}@media (width<=60rem){:root{--gutter:1.25rem;--control-h:2.5rem;--control-h-sm:2.25rem}}@media (prefers-reduced-motion:reduce){:root{--dur-micro:.01ms;--dur-short:.01ms;--dur-long:.01ms}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-rule-strong) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);min-height:100svh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--color-accent);margin:0}::selection{background:var(--color-accent-soft);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}h1,h2,h3,h4{overflow-wrap:break-word;min-width:0;font-family:var(--font-display);font-weight:var(--weight-medium);font-synthesis:none;letter-spacing:var(--tracking-display);line-height:var(--leading-head);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding-inline-start:var(--space-xl)}img,video{max-width:100%;height:auto;display:block}svg{display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse}code,kbd,samp{font-family:var(--font-mono);letter-spacing:var(--tracking-mono);font-size:.92em}hr{border:0;border-top:var(--border-hair) solid var(--color-rule);margin:0}[hidden]{display:none!important}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-mono)}.money{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);letter-spacing:-.015em}.mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.wrap{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.side{grid-template-columns:var(--side-w) minmax(0, 1fr);background:var(--color-paper);min-height:100svh;display:grid}.skip{top:calc(-1 * var(--space-11xl));left:var(--gutter);z-index:var(--z-toast);height:var(--control-h);padding-inline:var(--space-md);border-radius:var(--radius-control);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);align-items:center;text-decoration:none;display:inline-flex;position:absolute}.skip:focus-visible{top:var(--space-md)}.side__rail{height:100svh;padding:var(--space-2xl) var(--space-lg) var(--space-xl);background:var(--color-side);border-right:var(--border-hair) solid var(--color-rule);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.side__brand{align-items:center;gap:var(--space-sm);padding-inline:var(--space-2xs);color:var(--color-side-ink);text-decoration:none;display:flex}.side__mark{border-radius:var(--radius-control);background:var(--color-accent);width:30px;height:30px;color:var(--color-accent-ink);flex-shrink:0;place-items:center;display:grid}.side__mark svg{width:18px;height:18px}.side__brand-copy{flex-direction:column;min-width:0;line-height:1.15;display:flex}.side__brand-name{font-size:var(--text-md);font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight)}.side__brand-role{font-size:var(--text-2xs);color:var(--color-side-muted);letter-spacing:0}.side__nav{gap:var(--space-3xl);margin-top:var(--space-3xl);flex-direction:column;display:flex}.side__group{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.side__group-label{padding:0 var(--space-sm) var(--space-xs);color:var(--color-side-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);margin:0;line-height:1.3}.nav-link{align-items:center;gap:var(--space-sm);min-height:var(--space-5xl);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control);color:var(--color-side-ink);font-size:var(--text-base);transition:background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);text-decoration:none;display:flex;position:relative}.nav-link__copy{gap:var(--space-3xs);flex-direction:column;min-width:0;line-height:1.25;display:flex}.nav-link__label{font-weight:var(--weight-body)}.nav-link__note{color:var(--color-side-muted);font-size:var(--text-2xs);font-weight:var(--weight-body);line-height:1.3}.nav-link.active .nav-link__label{font-weight:var(--weight-medium)}.nav-link.active .nav-link__note{color:var(--color-side-muted)}.nav-link svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-link:hover svg{opacity:.9}.nav-link.active svg{color:var(--color-accent);opacity:1}.nav-link:hover{background:var(--color-side-2);color:var(--color-side-ink)}.nav-link.active{background:var(--color-side-2);color:var(--color-ink);font-weight:var(--weight-medium)}.nav-link.active:before{top:50%;left:calc(-1 * var(--space-lg));width:3px;height:var(--space-lg);background:var(--color-accent);content:"";position:absolute;transform:translateY(-50%)}.nav-link:focus-visible{outline-color:var(--color-focus)}.side__tools{gap:var(--space-lg);padding-top:var(--space-lg);border-top:var(--border-hair) solid var(--color-rule);flex-direction:column;margin-top:auto;display:flex}.side__env{gap:var(--space-2xs);color:var(--color-side-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);flex-direction:column;display:flex}.side__env select{width:100%;height:var(--control-h-sm);font-size:var(--text-sm)}.side__env-note{color:var(--color-side-muted);font-size:var(--text-2xs);font-weight:var(--weight-body);line-height:1.4}.side__account{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;min-width:0;display:flex}.side__session{align-items:center;gap:var(--space-xs);color:var(--color-side-muted);font-size:var(--text-2xs);flex-basis:100%;line-height:1.3;display:flex}.side__session-mark{background:var(--color-ok);border-radius:1px;flex-shrink:0;width:5px;height:5px}.side__email{color:var(--color-side-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.side__actions{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.side__actions .button{height:var(--control-h-sm);padding-inline:var(--space-xs);font-size:var(--text-2xs)}.side__main{width:100%;max-width:calc(var(--container) + (2 * var(--gutter)));min-width:0;padding:var(--space-3xl) var(--gutter) var(--space-9xl);margin-inline:auto}.page-head{padding-bottom:var(--space-lg);border-bottom:var(--border-hair) solid var(--color-rule)}.page-head__text{min-width:0}.page-head__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-head h1{max-width:30ch;font-size:var(--text-page);font-weight:var(--weight-medium);line-height:var(--leading-display);letter-spacing:var(--tracking-display);flex:auto}.page-lede{max-width:66ch;margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.page-env{align-items:center;gap:var(--space-xs);height:26px;margin-top:var(--space-2xs);padding-inline:var(--space-sm);border:var(--border-hair) solid var(--color-rule-strong);border-radius:var(--radius-mark);color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;flex-shrink:0;display:inline-flex}.page-env:before{content:"";background:currentColor;border-radius:1px;flex-shrink:0;width:6px;height:6px}.page-env[data-env=production]{border-color:var(--color-bad);color:var(--color-bad)}.text-link{color:var(--color-ink-2);font-size:var(--text-sm);font-weight:var(--weight-medium);-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong);text-underline-offset:.2em;white-space:nowrap}.text-link:hover{color:var(--color-ink);-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.muted{color:var(--color-muted)}.panel-note,.panel-count{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.panel{min-width:0;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--border-hair) solid var(--color-rule)}.panel+.panel{margin-top:var(--space-3xl)}.page-head+.panel{margin-top:var(--space-2xl);border-top:0;padding-top:0}.page-head+.kpi-grid{margin-top:var(--space-2xl);border-top:0}.panel--flush{padding-top:var(--space-md)}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--space-lg);min-height:var(--space-xl);margin-bottom:var(--space-md);display:flex}.panel-head h2{min-width:0;font-size:var(--text-section);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:1.25}.panel-head--table{min-height:var(--space-lg);margin-bottom:var(--space-xs)}.panel-body{min-width:0}.project-form{margin-top:var(--space-2xl)}.kpi-grid{margin-top:var(--space-2xl);border-top:var(--border-hair) solid var(--color-rule);border-bottom:var(--border-hair) solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi{min-width:0;padding:var(--space-lg) var(--space-xl);border-left:var(--border-hair) solid var(--color-rule)}.kpi:first-child{border-left:0;padding-left:0}.kpi:last-child{padding-right:0}.kpi__label{align-items:center;gap:var(--space-xs);min-height:var(--space-md);color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3;display:flex}.kpi__live{background:var(--color-accent);border-radius:1px;flex-shrink:0;width:6px;height:6px}.kpi__value{margin-top:var(--space-xs);font-size:var(--text-metric);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;overflow:hidden}.kpi--lead .kpi__value{font-size:var(--text-metric-lead)}.kpi__meta{margin-top:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.kpi__meta .num{color:var(--color-ink-2)}.bars{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bars__head,.bars__row{grid-template-columns:minmax(130px, 1.2fr) minmax(120px, 2.2fr) minmax(120px, auto) var(--space-11xl);align-items:center;gap:var(--space-lg);display:grid}.bars__head{padding-bottom:var(--space-xs);color:var(--color-muted);font-size:var(--text-2xs)}.bars__head span:nth-child(3),.bars__head span:nth-child(4){text-align:right}.bars__row{padding-block:var(--space-md);border-top:var(--border-hair) solid var(--color-rule)}.bars__name{font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.bars__track{background:var(--color-paper-3);border-radius:1px;height:6px;display:block;overflow:hidden}.bars__fill{background:var(--color-accent);border-radius:1px;height:100%;display:block}.bars__value{font-size:var(--text-sm);text-align:right;white-space:nowrap}.bars__count{color:var(--color-muted);font-size:var(--text-2xs);text-align:right;white-space:nowrap}.dash-grid{margin-top:var(--space-3xl);border-top:var(--border-hair) solid var(--color-rule);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);display:grid}.dash-grid>.panel{padding-top:var(--space-lg);border-top:0;margin-top:0}.dash-grid>.panel+.panel{margin-left:var(--space-2xl);padding-left:var(--space-2xl);border-left:var(--border-hair) solid var(--color-rule)}.queue{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue__item{gap:var(--space-2xs) var(--space-md);padding-block:var(--space-sm);border-top:var(--border-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr) auto;display:grid}.queue__item:first-child{border-top:0;padding-top:0}.queue__name{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}.queue__project{color:var(--color-muted);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.queue__attempt{color:var(--color-muted);font-size:var(--text-2xs);text-align:right;white-space:nowrap}.queue__attempt .num{color:var(--color-ink-2)}.queue__error{color:var(--color-muted);font-size:var(--text-2xs);text-align:right;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.table-wrap{width:100%;min-width:0}.data-table{width:100%;font-size:var(--text-base);line-height:1.45}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);text-align:left;vertical-align:middle}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table th:last-child,.data-table td:last-child{padding-right:0}.data-table th{padding-top:0;padding-bottom:var(--space-xs);border-bottom:var(--border-hair) solid var(--color-rule-strong);color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;line-height:1.3}.data-table td{height:var(--space-4xl);border-bottom:var(--border-hair) solid var(--color-rule)}.data-table tbody tr{transition:background-color var(--dur-micro) var(--ease-out)}.data-table tbody tr:hover{background-color:var(--color-paper-2)}.data-table tbody tr:last-child td{border-bottom:0}.data-table .cell-num{text-align:right;white-space:nowrap}.data-table th.cell-num{text-align:right}.data-table .cell-time{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .cell-time.num{font-family:var(--font-body);letter-spacing:0}.data-table td[data-label=Project],.data-table td[data-label=Nama]{text-overflow:ellipsis;white-space:nowrap;max-width:20rem;overflow:hidden}.table__name{font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table__amount{font-size:var(--text-sm)}.table__link{color:var(--color-ink);font-size:var(--text-xs);-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong);text-underline-offset:.2em;white-space:nowrap}.table__link:hover{color:var(--color-ink);-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.table__webhook{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.data-table td.actions{padding-left:var(--space-md);text-align:right;white-space:nowrap}.row-actions{justify-content:flex-end;align-items:center;gap:var(--space-3xs) var(--space-sm);flex-wrap:nowrap;margin-left:auto;display:flex}.data-table td.actions .ghost{height:var(--control-h-sm);padding-inline:var(--space-xs);font-size:var(--text-xs);text-decoration:underline;-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted);text-underline-offset:.2em}.data-table td.actions .ghost:hover{text-decoration-color:currentColor}.audit-table td code{font-size:var(--text-2xs)}.audit-detail{max-width:38ch;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table-empty{padding-block:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm)}.empty-note{padding-block:var(--space-xl);color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.badge{align-items:center;gap:var(--space-xs);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;line-height:1.3;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:1px;flex-shrink:0;width:6px;height:6px}.badge.good,.status-paid,.status-delivered,.badge[data-status=PAID],.badge[data-status=DELIVERED]{color:var(--color-ok)}.badge.bad,.status-failed,.status-dead,.badge[data-status=FAILED],.badge[data-status=DEAD]{color:var(--color-bad)}.status-pending,.badge[data-status=PENDING]{color:var(--color-warn)}.status-pending:before,.badge[data-status=PENDING]:before{background:0 0;box-shadow:inset 0 0 0 1.5px}.status-expired,.badge[data-status=EXPIRED]{color:var(--color-muted)}.status-expired:before,.badge[data-status=EXPIRED]:before{background:0 0;box-shadow:inset 0 0 0 1.5px}.badge.role{height:var(--space-md);padding-inline:var(--space-xs);border:var(--border-hair) solid var(--color-rule-strong);border-radius:var(--radius-mark);color:var(--color-side-muted);font-size:var(--text-2xs);font-weight:var(--weight-body)}.badge.role:before{display:none}.form{gap:var(--space-md);flex-direction:column;display:flex}.form label,.field{gap:var(--space-xs);min-width:0;color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);flex-direction:column;display:flex}.field__label{color:var(--color-ink-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1.4}.field--inline{align-items:flex-start}.field--wide,.form .wide{width:100%}input,select,textarea{width:100%;height:var(--control-h);padding:0 var(--space-sm);border:var(--border-hair) solid var(--color-field-edge);border-radius:var(--radius-control);outline-offset:-3px;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-body);transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);outline:2px solid #0000;line-height:1.4}select{padding-right:var(--space-2xl)}input:hover,select:hover,textarea:hover{background:var(--color-paper-2)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-ink-2);outline-color:var(--color-focus)}input:disabled,select:disabled,textarea:disabled{background:var(--color-paper-2);color:var(--color-muted);opacity:.55;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}.input--inline{height:var(--control-h-sm);font-size:var(--text-xs)}.form--narrow{max-width:24rem}.form--project{align-items:end;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr)) auto;display:grid}.form--project label{min-width:0}.project-form__actions{margin:0}.form .actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.field--wide.actions,.wide.actions{flex-direction:row}.button,.ghost{height:var(--control-h);padding-inline:var(--space-md);border-radius:var(--radius-control);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.button{border:var(--border-hair) solid var(--color-rule-strong);color:var(--color-ink);background:0 0}.button:hover{background:var(--color-paper-2)}.button:active{transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.button--quiet{color:var(--color-side-ink);border-color:#0000}.button--quiet:hover{background:var(--color-side-2)}.button--small{height:var(--control-h-sm);padding-inline:var(--space-sm);font-size:var(--text-xs)}.ghost{border:var(--border-hair) solid transparent;color:var(--color-ink-2);background:0 0}.ghost:hover{background:var(--color-paper-2);color:var(--color-ink)}.ghost:active{transform:translateY(1px)}.ghost:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible,.ghost:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.error{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-left:2px solid var(--color-bad);background:var(--color-bad-soft);color:var(--color-ink);font-size:var(--text-sm);line-height:1.5;display:block}.error strong{color:var(--color-bad);font-weight:var(--weight-strong)}.error .muted{color:var(--color-ink-2)}.error code{font-size:var(--text-2xs)}.credential{margin-top:var(--space-xl);padding:var(--space-lg) var(--space-xl);border-left:2px solid var(--color-accent);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--color-paper-2)}.credential__head{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.credential__head strong{font-size:var(--text-sm);font-weight:var(--weight-strong)}.credential-row{gap:var(--space-md);padding-block:var(--space-xs);border-top:var(--border-hair) solid var(--color-rule);grid-template-columns:10rem minmax(0,1fr);display:grid}.credential__value{overflow-wrap:anywhere;font-size:var(--text-xs)}.filter-bar,.queue-bar{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);padding-bottom:var(--space-md);border-bottom:var(--border-hair) solid var(--color-rule-strong);display:flex}.filter-bar__lead{align-items:baseline;gap:var(--space-md);display:flex}.filter-bar__title,.queue-bar h2{font-size:var(--text-section);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:1.25}.filter-fields{align-items:flex-end;gap:var(--space-md);display:flex}.filter-fields .field{min-width:10rem}.queue-bar>div{align-items:flex-start;gap:var(--space-md);display:flex}.pager{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-xs);display:flex}.pager .muted{font-variant-numeric:tabular-nums}.back-link{margin-bottom:var(--space-md);color:var(--color-muted);font-size:var(--text-sm);-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong);display:inline-flex}.back-link:hover{color:var(--color-ink)}.record__summary{justify-content:space-between;align-items:flex-end;gap:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:var(--border-hair) solid var(--color-rule);display:flex}.reading{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-mono)}.reading--record{margin-top:var(--space-xs);font-size:var(--text-detail);font-weight:var(--weight-medium);letter-spacing:-.03em;line-height:1.1}.record__status{align-items:flex-end;gap:var(--space-xs);flex-direction:column;display:flex}.record .details{margin-top:var(--space-xl)}.details{gap:0 var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.details>div{gap:var(--space-md);min-width:0;padding-block:var(--space-sm);border-bottom:var(--border-hair) solid var(--color-rule);grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline;display:grid}.details>div:last-child:nth-child(odd){grid-column:1/-1}.details dt{color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-body);line-height:1.4}.details dd{overflow-wrap:anywhere;min-width:0;color:var(--color-ink);font-size:var(--text-sm);margin:0;line-height:1.5}.details dd code{font-size:var(--text-xs)}.details dd a{color:var(--color-ink);-webkit-text-decoration-color:var(--color-rule-strong);text-decoration-color:var(--color-rule-strong)}.settings-note{max-width:68ch;margin-top:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.settings-system>.muted{margin-top:var(--space-sm);font-size:var(--text-sm)}.settings-system .details{margin-top:var(--space-xl);grid-template-columns:minmax(0,1fr)}.settings-grid{gap:var(--space-xl);margin-top:var(--space-2xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-grid>.panel{margin-top:0}.env-card{padding:var(--space-xl);border:var(--border-hair) solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-paper-2);color:var(--color-ink);margin-top:0}.env-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:var(--border-hair) solid var(--color-rule);display:flex}.env-card__head>div{min-width:0}.env-card__head h2{font-size:var(--text-lg);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.env-host{margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-2xs);line-height:1.4}.env-card .badge{flex-shrink:0}.form--env{margin-top:var(--space-lg)}.form--env .actions{margin-top:var(--space-2xs)}.test-result{margin-top:var(--space-md);color:var(--color-ink-2);font-size:var(--text-xs);line-height:1.5}.env-updated{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:var(--border-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-2xs);line-height:1.5}.viewer-note{padding-block:var(--space-lg)}.docs-layout{align-items:start;gap:var(--space-6xl);margin-top:var(--space-2xl);grid-template-columns:12.5rem minmax(0,1fr);display:grid}.docs-toc{top:var(--space-xl);min-width:0;padding-left:var(--space-md);border-left:var(--border-hair) solid var(--color-rule);position:sticky}.docs-toc__title{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium)}.docs-toc nav{gap:var(--space-3xs);flex-direction:column;display:flex}.docs-toc a{padding-block:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs);line-height:1.4;text-decoration:none;display:block}.docs-toc a:hover{color:var(--color-ink)}.docs-content{min-width:0;max-width:42rem}.doc-section{min-width:0}.doc-section+.doc-section{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:var(--border-hair) solid var(--color-rule)}.doc-section h2{margin-bottom:var(--space-sm);letter-spacing:var(--tracking-tight);font-size:1.375rem}.doc-section h3{margin-top:var(--space-xl);margin-bottom:var(--space-xs);font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.doc-section p,.doc-section li{max-width:68ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.7}.doc-section p+p{margin-top:var(--space-sm)}.doc-section ul,.doc-section ol{margin-top:var(--space-xs);padding-inline-start:var(--space-xl)}.doc-section li{margin-block:var(--space-2xs)}.doc-section strong{color:var(--color-ink);font-weight:var(--weight-strong)}.doc-section code{overflow-wrap:anywhere}.doc-section p code,.doc-section li code,.doc-section td code,.doc-section dd code{padding:1px var(--space-2xs);border-radius:var(--radius-mark);background:var(--color-paper-2);color:var(--color-ink);overflow-wrap:anywhere;font-size:.94em}.doc-code{margin:var(--space-md) 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-control);background:var(--color-code-bg);color:var(--color-code-ink);font-size:var(--text-xs);line-height:1.65;overflow-x:auto}.doc-code code{font-size:inherit;letter-spacing:0}.doc-table-wrap{margin:var(--space-md) 0;border:var(--border-hair) solid var(--color-rule);border-radius:var(--radius-control);overflow-x:auto}.doc-section table{width:100%;font-size:var(--text-xs);line-height:1.5}.doc-section th,.doc-section td{padding:var(--space-xs) var(--space-sm);border-bottom:var(--border-hair) solid var(--color-rule);text-align:left;vertical-align:top}.doc-section th{color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap}.doc-section td{color:var(--color-ink-2)}.doc-section tbody tr:last-child th,.doc-section tbody tr:last-child td{border-bottom:0}.doc-section th:first-child{color:var(--color-ink);font-weight:var(--weight-medium)}.auth{background:var(--color-paper);min-height:100svh}.auth__main{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100svh;display:grid}.auth__intro{justify-content:space-between;gap:var(--space-3xl);padding:var(--space-3xl) var(--space-4xl) var(--space-4xl);background:var(--color-auth);color:var(--color-auth-ink);flex-direction:column;display:flex}.auth__bar{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.auth__brand{color:var(--color-auth-ink)}.auth__brand .brand__role{color:var(--color-auth-muted)}.auth__intro-copy{max-width:45ch;margin-block:auto}.auth__title{max-width:12ch;font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:var(--weight-medium);letter-spacing:-.04em;line-height:1.02}.auth__lede{max-width:44ch;margin-top:var(--space-md);color:var(--color-auth-muted);font-size:var(--text-sm);line-height:1.65}.auth__foot{max-width:38ch;padding-top:var(--space-md);border-top:var(--border-hair) solid var(--color-auth-rule);color:var(--color-auth-muted);font-size:var(--text-2xs);line-height:1.5}.auth__panel{padding:var(--space-3xl) var(--space-4xl);background:var(--color-paper);color:var(--color-ink);flex-direction:column;justify-content:center;display:flex}.auth__panel>h2{max-width:24rem;font-size:var(--text-2xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.auth__card{width:100%;max-width:24rem;margin-top:var(--space-xl)}.auth__card .form{gap:var(--space-md)}.auth__card .details{margin-bottom:var(--space-lg);grid-template-columns:1fr}.auth__hint{max-width:40ch;margin-top:var(--space-xl);color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.auth__panel>.error{max-width:24rem;margin-top:var(--space-lg)}.auth .env-select{color:var(--color-auth-muted)}.auth .env-select select{border-color:var(--color-auth-rule);background:var(--color-auth-2);width:auto;min-width:7.5rem;color:var(--color-auth-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auth__intro>.error{max-width:32rem}.brand{align-items:baseline;gap:var(--space-xs);margin:0;display:inline-flex}.brand__name{font-size:var(--text-sm);font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight)}.brand__role{color:var(--color-muted);font-size:var(--text-2xs)}.env-select{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);display:inline-flex}.env-select select{width:auto;min-width:7rem;height:var(--control-h-sm);font-size:var(--text-xs)}.boot{min-height:100svh;padding:var(--space-xl);background:var(--color-paper);place-items:center;display:grid}.boot__panel{align-items:flex-start;gap:var(--space-md);flex-direction:column;max-width:24rem;display:flex}.boot__brand{color:var(--color-ink)}.boot__panel .error{width:100%}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-xl);background:var(--color-backdrop);place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(26rem,100%);max-height:min(80svh,40rem);padding:var(--space-2xl);border-radius:var(--radius-panel);background:var(--color-paper);box-shadow:var(--shadow-modal);overflow-y:auto}.modal h2{font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.modal>.muted{margin-top:var(--space-xs);font-size:var(--text-sm);line-height:1.5}.modal .form{margin-top:var(--space-lg)}.modal>.error{margin-top:var(--space-md)}.table-skeleton{padding-block:var(--space-xs);flex-direction:column;display:flex}.table-skeleton__row{gap:var(--space-md);padding-block:var(--space-sm);border-bottom:var(--border-hair) solid var(--color-rule);display:flex}.table-skeleton__cell{background:var(--color-paper-3);border-radius:1px;flex:1;height:10px}@media (width<=84rem){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:var(--space-lg) 0;border-left:0}.kpi:nth-child(odd){padding-right:var(--space-xl)}.kpi:nth-child(2n){padding-left:var(--space-xl);border-left:var(--border-hair) solid var(--color-rule)}.kpi:nth-child(-n+2){border-bottom:var(--border-hair) solid var(--color-rule)}}@media (width<=78rem){.dash-grid{grid-template-columns:minmax(0,1fr)}.dash-grid>.panel+.panel{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--border-hair) solid var(--color-rule);border-left:0;margin-left:0;padding-left:0}}@media (width<=75rem){.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding-inline:var(--space-xs)}.data-table th:first-child,.data-table td:first-child{padding-left:0}.form--project{grid-template-columns:repeat(2,minmax(0,1fr))}.project-form__actions{grid-column:1/-1}.row-actions{grid-template-columns:repeat(2,max-content);display:grid}}@media (width<=72rem){.settings-grid,.details{grid-template-columns:minmax(0,1fr)}.docs-layout{gap:var(--space-2xl);grid-template-columns:10rem minmax(0,1fr)}}@media (width<=60rem){.side{display:block}.side__rail{height:auto;padding:var(--space-lg) var(--gutter) var(--space-sm);border-right:0;border-bottom:var(--border-hair) solid var(--color-rule);position:static;overflow:visible}.side__brand{padding-inline:0}.side__nav{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-xs);border-top:var(--border-hair) solid var(--color-rule);scrollbar-width:none;flex-direction:row;overflow-x:auto}.side__nav::-webkit-scrollbar{display:none}.side__group{gap:var(--space-3xs);flex-direction:row;flex-shrink:0}.side__group-label{display:none}.side__group+.side__group{margin-left:var(--space-xs);padding-left:var(--space-xs);border-left:var(--border-hair) solid var(--color-rule-strong)}.nav-link{min-height:var(--space-3xl);padding:0 var(--space-sm);white-space:nowrap;flex-shrink:0}.nav-link__note{display:none}.nav-link.active:before{width:var(--space-lg);height:2px;top:auto;bottom:0;left:50%;transform:translate(-50%)}.side__tools{align-items:flex-end;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);flex-flow:wrap;display:flex}.side__env{flex:9rem}.side__env select{height:var(--control-h-sm)}.side__account{flex:10rem}.side__env-note,.side__session{display:none}.side__actions{flex:none;display:flex}.side__actions .button{padding-inline:var(--space-sm)}.side__main{padding:var(--space-2xl) var(--gutter) var(--space-7xl)}.page-head__title-row{flex-wrap:wrap}.page-head h1{font-size:var(--text-2xl)}.dash-grid>.panel+.panel,.dash-grid>.panel{padding-top:var(--space-md)}.bars__head{display:none}.bars__row{gap:var(--space-2xs) var(--space-md);padding-block:var(--space-md);grid-template-columns:minmax(0,1fr) auto}.bars__name{grid-area:1/1}.bars__value{grid-area:1/2}.bars__track{grid-area:2/1/auto/-1}.bars__count{grid-area:3/2}.filter-bar,.queue-bar{align-items:stretch;gap:var(--space-md);flex-direction:column}.filter-fields{flex-direction:column;align-items:stretch}.filter-fields .field{min-width:0}.queue-bar>div{flex-direction:column;align-items:stretch}.pager{flex-wrap:wrap}.record__summary{align-items:flex-start;gap:var(--space-md);flex-direction:column}.record__status{align-items:flex-start}.docs-layout{display:block}.docs-toc{padding:var(--space-sm) 0 0;border-top:var(--border-hair) solid var(--color-rule);border-left:0;position:static}.docs-toc nav{gap:var(--space-2xs);flex-flow:wrap}.docs-toc a{padding:var(--space-2xs) var(--space-xs);border:var(--border-hair) solid var(--color-rule);border-radius:var(--radius-mark)}.docs-content{margin-top:var(--space-xl)}.auth__main{grid-template-columns:minmax(0,1fr);min-height:100svh}.auth__intro{gap:var(--space-xl);padding:var(--space-xl) var(--gutter)}.auth__intro-copy{max-width:24ch}.auth__title{font-size:var(--text-4xl)}.auth__panel{padding:var(--space-2xl) var(--gutter) var(--space-6xl)}.auth__card{max-width:100%}.auth__card .button--primary{width:100%}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tbody tr{padding-block:var(--space-md);border-bottom:var(--border-hair) solid var(--color-rule);grid-template-columns:minmax(0,1fr);display:grid}.data-table tbody tr:last-child{border-bottom:0}.data-table td,.data-table th{justify-content:space-between;align-items:baseline;gap:var(--space-md);height:auto;padding:var(--space-2xs) 0;text-align:left;white-space:normal;border-bottom:0;display:flex}.data-table td:before{color:var(--color-muted);content:attr(data-label);font-size:var(--text-2xs);font-weight:var(--weight-body);text-align:left;flex:0 0 7rem}.data-table td.cell-num,.data-table td.actions{text-align:right}.data-table td.actions{padding-top:var(--space-xs);justify-content:flex-end}.data-table td[data-label=Project],.data-table td[data-label=Nama]{white-space:normal;max-width:none}.table__name,.table__webhook{white-space:normal}.audit-detail{white-space:normal;overflow-wrap:anywhere;max-width:none}.table-empty{padding-block:var(--space-xl);display:block}.table-empty:before{display:none}}@media (width<=40rem){.kpi-grid{grid-template-columns:minmax(0,1fr)}.kpi,.kpi:nth-child(odd),.kpi:nth-child(2n){padding:var(--space-md) 0;border-left:0}.kpi:nth-child(-n+2){border-bottom:var(--border-hair) solid var(--color-rule)}.kpi:last-child{border-bottom:0}.kpi__value{font-size:var(--text-metric)}.kpi--lead .kpi__value{font-size:var(--text-metric-lead)}.panel-head{align-items:flex-start;gap:var(--space-xs) var(--space-md);flex-wrap:wrap}.settings-grid{gap:var(--space-md)}.env-card{padding:var(--space-lg)}.credential{padding:var(--space-md)}.credential-row,.details>div{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr)}.form--project{grid-template-columns:minmax(0,1fr)}.side__actions{flex:100%}.side__actions .button{flex:1}.auth__bar{flex-wrap:wrap}.modal{padding:var(--space-xl)}.data-table td:before{flex-basis:5.5rem}}@media (prefers-reduced-motion:reduce){.nav-link,.button,.ghost,input,select,textarea,.data-table tbody tr{transition:none}}