@layer reset,layout,components;
@layer reset {
  :root{--paper:#fff;--surface:#fff;--subtle:#f7f8fa;--ink:#20232c;--muted:#626976;--line:#e5e7ec;--control-line:#8b909a;--accent:#ff3392;--accent-ink:#a51b5c;--tint:#fff0f7;--amber:#805507;--amber-bg:#fff7e6;--red:#ae2939;--red-bg:#fff0f1;--green:#22744b;--green-bg:#eaf7ee;--radius:6px;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.5;scroll-behavior:smooth;scrollbar-color:#c4c8d1 var(--subtle)}
  *{box-sizing:border-box}body{margin:0}a{color:var(--accent-ink);text-underline-offset:3px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p,dl{margin:0}h1{font-size:1.45rem;line-height:1.35;letter-spacing:-.02em;font-weight:650;overflow-wrap:anywhere}h2{font-size:1rem;line-height:1.4;font-weight:650}h3{font-size:1rem;font-weight:600}p{max-width:75ch}small{display:block;font-size:.8rem;color:var(--muted)}pre,code{font-family:var(--mono);font-size:.85rem}pre{padding:16px;background:var(--subtle);white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto;border-radius:var(--radius)}code{overflow-wrap:anywhere}::selection{background:#ffd0e6;color:#611238}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}input{caret-color:var(--accent-ink)}[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}
}
@layer layout {
  .rail{width:216px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font-size:1.25rem;font-weight:650;text-decoration:none;letter-spacing:-.025em}.rail>.brand{min-height:56px;padding:0 18px;border-bottom:1px solid var(--line)}.element{position:relative;display:grid;place-items:center;width:29px;height:30px;border:1px solid var(--accent);color:var(--ink);font-family:var(--mono);font-size:.95rem;border-radius:4px;line-height:1;flex-shrink:0}.element small{position:absolute;right:2px;top:1px;font-size:.4rem;color:var(--accent-ink)}.brand-sub{display:none}.rail nav{display:grid;gap:3px;padding:18px 10px}.rail nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;text-decoration:none;color:#505764;border-radius:5px;font-weight:500;font-size:.92rem}.rail nav svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.6}.rail nav a:hover{background:var(--subtle)}.rail nav [aria-current]{background:var(--tint);color:var(--accent-ink);font-weight:600}.rail-bottom{margin-top:auto;padding:16px 20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.rail-bottom button{margin-top:8px}
  .appbar{height:56px;margin-left:216px;padding:0 28px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:var(--surface);font-size:.88rem}.appbar>span:first-child{color:var(--muted)}.appbar-separator{color:#adb3bd}.appbar strong{font-weight:600}.appbar-logout{margin-left:auto}.workspace{margin-left:216px;padding:24px 28px 48px;min-width:0}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-header p{margin-top:5px;color:var(--muted);font-size:.88rem}.section{margin-top:28px;scroll-margin-top:24px}.section>p{margin:8px 0 16px;color:var(--muted);font-size:.88rem}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.section-heading a{font-size:.85rem;text-decoration:none}.section-heading a:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px}
  .login-main{min-height:100svh;display:grid;place-items:center;padding:28px;background:var(--subtle)}.login-panel{width:min(100%,380px);padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.login-panel .brand{margin-bottom:28px}.login-panel h1{font-size:1.45rem}.login-panel p{margin-top:10px;color:var(--muted);font-size:.88rem}.stack{display:grid;gap:18px;margin-top:24px}.form-grid{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:20px 0 12px;max-width:1000px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px}.form-actions output{font-size:.85rem}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--surface)}.filter-bar label{min-width:150px;flex:1;max-width:280px}.filter-bar+.table-wrap,.filter-bar+.empty{border-radius:0 0 6px 6px}.anchor-nav{display:flex;gap:24px;border-bottom:1px solid var(--line)}.anchor-nav a{padding:6px 0 12px;text-decoration:none;color:var(--muted)}.anchor-nav a:hover,.anchor-nav a:focus-visible{color:var(--accent-ink)}
  .totals{display:grid;grid-template-columns:1fr 1fr 1.6fr;border:1px solid var(--line);border-radius:var(--radius);margin:16px 0 24px}.totals>div{padding:16px 20px;min-width:0}.totals>div+div{border-left:1px solid var(--line)}.totals dt{color:var(--muted);font-size:.82rem}.totals dd{margin:5px 0;font-family:var(--mono);font-size:1.65rem;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere}.totals .token-total{font-size:1.4rem}.token-total span{color:var(--muted);font-weight:400}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:var(--radius)}.details-grid dt{font-size:.8rem;color:var(--muted)}.details-grid dd{margin:5px 0 0;overflow-wrap:anywhere;font-family:var(--mono);font-size:.88rem}.pagination{margin-top:16px}.table-footer{padding:10px 12px;color:var(--muted);font-size:.8rem}
}
@layer components {
  button,.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:var(--accent);color:#23111a;border:1px solid transparent;padding:7px 12px;border-radius:5px;text-decoration:none;font-weight:600;min-height:36px;font-size:.85rem;transition:background .15s ease-out}button:hover,.button:hover{background:#ff64ac}button:active,.button:active{background:#f51c82}.secondary{background:var(--surface);border-color:var(--control-line);color:var(--ink)}.secondary:hover{background:var(--subtle)}.text-button{padding:3px 0;border:0;color:var(--accent-ink);background:none;min-height:30px;font-weight:500}.text-button:hover{background:none;text-decoration:underline}.danger-button{background:var(--red);color:#fff}.danger-button:hover{background:#8f2030}.danger-zone{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.danger-zone summary{color:var(--red)}.danger-zone p{margin:10px 0}
  .health-line{display:flex;gap:8px;align-items:center;font-size:.82rem}.health-line .muted{margin-left:auto}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);flex-shrink:0}.healthy{background:var(--green)}.warning{background:var(--amber)}.critical{background:var(--red)}.muted{color:var(--muted)}.warning-text{color:var(--amber)}.notice{padding:10px 12px;background:var(--amber-bg);color:#704b09;border:1px solid #f0d9a5;border-radius:5px;margin:12px 0;max-width:none;font-size:.85rem}.notice a{color:inherit;font-weight:600}.danger{background:var(--red-bg);color:var(--red);border-color:#f4cdd2}
  .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}th{font-size:.78rem;font-weight:600;color:var(--muted);background:var(--subtle);white-space:nowrap}th,td{padding:9px 12px;border-bottom:1px solid var(--line)}td{vertical-align:middle}tbody tr:hover{background:#fafbfc}tr:last-child td{border-bottom:0}td small{margin-top:3px}td a{font-weight:500;text-decoration:none}td a:hover{text-decoration:underline}.numeric,input[type=number],.timestamp{font-family:var(--mono);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;font-size:.85rem}th.numeric,td.numeric{text-align:right}.timestamp{color:#454c59;font-size:.8rem}.logs-table{min-width:1150px}.logs-table td{padding-block:8px;white-space:nowrap}.truncate{display:block;max-width:23ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;font-size:.75rem;line-height:1.4;padding:2px 7px;border-radius:4px;background:#f0f1f4;color:#505764;white-space:nowrap}.red{background:var(--red-bg);color:var(--red)}.green{background:var(--green-bg);color:var(--green)}.amber{background:var(--amber-bg);color:var(--amber)}progress{display:block;width:120px;max-width:100%;height:3px;margin-top:5px;accent-color:var(--accent);border:0;border-radius:2px;overflow:hidden}progress::-webkit-progress-bar{background:#eceef2}progress::-webkit-progress-value{background:var(--accent)}
  .empty{padding:28px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.empty p{margin:8px 0 16px;color:var(--muted);font-size:.88rem}.quiet-empty{padding:18px 0;color:var(--muted);font-size:.88rem}.source-row,.signal-row{padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.88rem}.signal-row{justify-content:start}.source-row strong,.signal-row strong{font-weight:500}.source-row small,.signal-row small{margin-top:3px}.signal-row:hover strong{color:var(--accent-ink)}label{display:grid;gap:6px;font-size:.82rem;font-weight:500}label small{font-weight:400}input,select{width:100%;min-width:0;border:1px solid var(--control-line);border-radius:5px;padding:7px 10px;color:var(--ink);background:var(--surface);min-height:36px}input::placeholder{color:#6c7380;font-weight:400}.check{display:flex;align-items:center;gap:9px;align-self:center;min-height:36px}.check input{width:16px;height:16px;min-height:16px;accent-color:var(--accent-ink)}.record{padding:12px 0;border-bottom:1px solid var(--line)}.record>summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;cursor:pointer;list-style:none;min-height:32px}.record>summary::before{content:'';width:7px;height:7px;margin-right:3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);color:var(--muted)}.record[open]>summary::before{transform:rotate(45deg)}.record>summary small{margin-left:auto}.record>summary>span:not(.badge){color:var(--muted);font-size:.82rem}.record>pre{margin:12px 0}.create-record summary{color:var(--accent-ink);font-weight:600}.secret-result{padding:16px;background:var(--tint);border-radius:6px;margin-top:16px}.secret-result>*+*{margin-top:10px}.secret-result input{font-family:var(--mono)}.content-view{background:var(--subtle)}.skip{position:fixed;top:-60px;left:12px;z-index:10;background:white;padding:12px}.skip:focus{top:12px}#toast{position:fixed;bottom:24px;right:24px;padding:12px 18px;background:var(--ink);color:white;border-radius:6px;box-shadow:0 5px 18px #20232c22;max-width:calc(100vw - 48px)}
}
@media(max-width:1100px){.rail{width:196px}.workspace,.appbar{margin-left:196px}.workspace{padding:24px}.appbar{padding-inline:24px}.totals{grid-template-columns:1fr 1fr 1.5fr}.totals>div{padding:14px}.totals dd,.totals .token-total{font-size:1.25rem}.details-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.rail{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}.rail>.brand{min-height:52px;padding-inline:16px;border-bottom:0}.rail nav{display:flex;gap:4px;padding:0 8px 8px;overflow-x:auto}.rail nav a{white-space:nowrap;padding:10px 8px;font-size:.82rem;min-height:44px;gap:7px}.rail nav svg{width:16px;height:16px}.rail-bottom{display:none}.appbar{margin:0;padding:0 16px;height:42px;font-size:.82rem;gap:8px}.appbar>span:first-child{display:none}.appbar-separator{display:none}.workspace{margin:0;padding:20px 16px 36px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-header p{font-size:.85rem}.health-line{flex-wrap:wrap}.health-line .muted{margin-left:0}.totals{grid-template-columns:1fr 1fr}.totals>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.totals dd,.totals .token-total{font-size:1.4rem}.form-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr;padding:12px}.filter-bar label{min-width:0;max-width:none}.anchor-nav{gap:20px;overflow-x:auto;font-size:.87rem}.details-grid{grid-template-columns:1fr;padding:16px}.record>summary small{margin-left:0}.section-heading{align-items:start}.section-heading a{font-size:.82rem}button,.button,input,select{min-height:44px}.check input{min-height:16px}.empty{padding:22px 16px}.login-main{padding:20px}.login-panel{padding:24px}}
@media(pointer:coarse){button,.button,input,select{min-height:44px}.check input{min-height:16px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}button,.button{transition:none}}