:root{color-scheme:dark;--bg: #0A0B0D;--bg2: #0D0F13;--panel: #131519;--panel2: #171A20;--ink: #EDEFF2;--muted: #9AA0A8;--dim: #7A818B;--border: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .12);--soft: #171A20;--accent: #8F7BFF;--accent-ink: #FFFFFF;--accent-2: #A99BFF;--accent-hi: #B3A6FF;--accent-soft: rgba(143, 123, 255, .16);--accent-soft-2: rgba(143, 123, 255, .22);--field-bg: #1B1F27;--warn: #D8B25E;--danger: #F0736A;--info: #5EA8FF;--success: #3EDBB6;--code-bg: #0D0F13;--code-fg: #C9CED6;--shadow: 0 24px 60px -28px rgba(0, 0, 0, .8);--hover: rgba(255, 255, 255, .05);--hover-soft: rgba(255, 255, 255, .03);--topbar-bg: rgba(9, 10, 12, .6);--login-grad: linear-gradient(180deg, #14161B, #0F1114);--overlay-bg: rgba(4, 5, 7, .66);--scroll-thumb: var(--line2);--scroll-thumb-hover: rgba(255, 255, 255, .2);--radius-btn: 9px;--radius-card: 14px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--fg: var(--ink);--line: var(--border);--ok: var(--success);--err: var(--danger)}:root[data-theme=light]{color-scheme:light;--bg: #FAF9F5;--bg2: #F2F1EC;--panel: #FFFFFF;--panel2: #F6F5F1;--ink: #1A1B1E;--muted: #5C616B;--dim: #868C95;--border: rgba(0, 0, 0, .1);--line2: rgba(0, 0, 0, .16);--soft: #F2F1EC;--accent-soft: rgba(143, 123, 255, .14);--accent-soft-2: rgba(143, 123, 255, .2);--field-bg: #FFFFFF;--success: #12A594;--code-bg: #F6F5F1;--code-fg: #2A2E35;--shadow: 0 24px 60px -28px rgba(0, 0, 0, .18);--hover: rgba(0, 0, 0, .05);--hover-soft: rgba(0, 0, 0, .035);--topbar-bg: rgba(250, 249, 245, .72);--login-grad: linear-gradient(180deg, #FFFFFF, #F6F5F1);--overlay-bg: rgba(20, 22, 28, .34);--scroll-thumb: rgba(0, 0, 0, .18);--scroll-thumb-hover: rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .18s,color .18s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hi);text-decoration:underline}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-btn);background:var(--accent);color:var(--accent-ink);padding:9px 15px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;white-space:nowrap}button:hover{transform:translateY(-1px);box-shadow:0 8px 26px -10px color-mix(in oklab,var(--accent) 60%,transparent)}button.sec{background:transparent;color:var(--ink);border-color:var(--line2)}button.sec:hover{background:var(--hover);border-color:color-mix(in oklab,var(--ink) 24%,transparent);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}button.icon{background:transparent;color:var(--muted);border-color:var(--line2);padding:8px;width:34px;height:34px}button.icon:hover{background:var(--hover);color:var(--ink);border-color:color-mix(in oklab,var(--ink) 20%,transparent);box-shadow:none;transform:none}input,select,textarea{width:100%;padding:9px 11px;border-radius:var(--radius-btn);border:1px solid var(--line2);background:var(--field-bg);color:var(--ink);font-size:14px;font-family:inherit;outline:none;transition:.12s}select option{background:var(--field-bg);color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}input::placeholder,textarea::placeholder{color:var(--dim)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background-image: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='%239AA0A8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}textarea{resize:vertical}label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px;font-weight:500}.err{color:var(--danger);font-size:13px;min-height:18px}.mono{font-family:var(--mono)}.code{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font:12px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;margin:4px 0 14px;color:var(--code-fg)}.code.err-box{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 40%,transparent);max-height:140px;background:color-mix(in oklab,var(--danger) 8%,var(--code-bg))}.attempts{display:flex;flex-direction:column;gap:6px;margin:4px 0 14px}.attempt{border:1px solid var(--border);border-radius:10px;background:var(--panel2);overflow:hidden}.attempt>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer;list-style:none;font:12px/1.4 var(--mono)}.attempt>summary::-webkit-details-marker{display:none}.attempt>summary:before{content:"▸";color:var(--muted);transition:transform .12s}.attempt[open]>summary:before{transform:rotate(90deg)}.attempt>summary:hover{background:color-mix(in oklab,var(--ink) 5%,var(--panel2))}.attempt>.code,.attempt>.m{margin-left:12px;margin-right:12px}.attempt>.m:first-of-type{margin-top:4px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;color:var(--muted)}.login-card{width:100%;max-width:380px;background:var(--login-grad);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:32px;color:var(--ink)}.login-card .brand{display:flex;justify-content:center;margin-bottom:22px}.login-card h1{font-size:19px;font-weight:650;margin:0 0 4px;text-align:center;letter-spacing:-.015em}.login-card p{color:var(--muted);margin:0 0 22px;text-align:center;font-size:13.5px}.field{margin-bottom:14px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;height:60px;padding:0 24px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--ink)}.brand:hover{text-decoration:none}.brand__mark{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--accent);letter-spacing:-.04em;line-height:1;transform:translateY(1px);flex:none}.brand__name{font-weight:650;font-size:15.5px;letter-spacing:-.015em;line-height:1.2}.brand__name small{display:block;font-weight:500;color:var(--dim);font-size:11px;letter-spacing:0}.tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button,.tab{padding:8px 13px;border-radius:8px;color:var(--muted);font-weight:550;white-space:nowrap;border:none;background:none;font-size:13.5px;transition:.12s}.tabs button:hover,.tab:hover{background:var(--hover);color:var(--ink);box-shadow:none;transform:none}.tabs button.active,.tab--active{background:var(--accent-soft);color:var(--accent)}.tabs button.active:hover{background:var(--accent-soft-2);color:var(--accent)}.topbar__user{display:flex;align-items:center;gap:12px;flex:none;margin-left:auto}.userchip{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--accent) 55%,#000));color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:12px}.userchip__meta{line-height:1.25}.userchip__meta b{font-size:13px;font-weight:600}.userchip__meta span{display:block;font-size:11px;color:var(--muted)}main{padding:28px 24px 80px;max-width:1200px;margin:0 auto}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:18px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px}.tile .k{color:var(--muted);font-size:12.5px;font-weight:550}.tile .v{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 800px){.grid2{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px}.panel h3{margin:0 0 14px;font-size:11px;color:var(--dim);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-family:var(--mono)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:end;margin-bottom:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:var(--radius-card)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px;background:var(--panel2)}tbody tr{cursor:pointer;transition:.1s}tbody tr:hover{background:var(--hover-soft)}tbody tr:last-child td{border-bottom:none}td .trunc{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-completed{background:color-mix(in oklab,var(--success) 15%,transparent);color:color-mix(in oklab,var(--success) 70%,var(--ink))}.b-failed{background:color-mix(in oklab,var(--danger) 15%,transparent);color:color-mix(in oklab,var(--danger) 72%,var(--ink))}.b-processing{background:color-mix(in oklab,var(--info) 15%,transparent);color:color-mix(in oklab,var(--info) 72%,var(--ink))}.b-pending{background:var(--hover);color:var(--muted)}.pager{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:12.5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);padding:24px}.modal h2{margin:0 0 14px;font-size:16px;font-weight:650}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;font-size:13.5px;margin-bottom:14px}.kv .m{color:var(--muted);font-weight:500}.kv .val{word-break:break-all}.audit{border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:12px;color:var(--muted)}.audit .a-row{margin:5px 0;display:flex;justify-content:space-between;gap:12px}.burger,.tabs__foot{display:none}@media (max-width: 720px){.topbar{gap:10px;padding:0 14px}.brand__name{font-size:14.5px}.topbar>.tabs{position:absolute;top:60px;left:0;right:0;z-index:60;display:none;flex:none;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 60px);overflow-y:auto;padding:8px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.topbar>.tabs.tabs--open{display:flex}.topbar>.tabs>button{width:100%;justify-content:flex-start;text-align:left;padding:12px 14px;font-size:15px;border-radius:9px}.tabs__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:12px 8px 4px;border-top:1px solid var(--border)}.tabs__who{font-size:12.5px;color:var(--muted)}.tabs__who b{color:var(--ink)}.burger{display:inline-flex}.topbar__user .userchip,.topbar__user .logout-lg{display:none}main{padding:18px 14px 72px}.tiles{grid-template-columns:1fr 1fr;gap:12px}.filters{grid-template-columns:1fr 1fr;gap:10px}.grid2{grid-template-columns:1fr}.modal{padding:18px;border-radius:14px}.kv{grid-template-columns:1fr;gap:2px 0}.kv .m{color:var(--muted);margin-top:8px}}@media (max-width: 420px){.tiles{grid-template-columns:1fr}.brand__name small{display:none}}
