:root{--canvas: #ffffff;--canvas-soft: #fafafa;--canvas-soft-2: #f5f5f5;--ink: #171717;--body: #4d4d4d;--mute: #888888;--hairline: #ebebeb;--hairline-strong: #a1a1a1;--error: #ee0000;--error-soft: #f7d4d6;color:var(--ink);background:var(--canvas-soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"ss01","ss02"}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{min-height:32px;border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);border-radius:6px;padding:0 12px;cursor:pointer;font-size:14px;font-weight:500;line-height:20px;box-shadow:0 0 0 1px #00000008 inset}button:hover{background:var(--canvas-soft-2)}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.primary:hover{background:#333}button.danger{border-color:var(--error-soft);color:#c50000}button.danger:hover{background:#fff5f5}button:disabled{cursor:not-allowed;opacity:.6}input,select{width:100%;height:40px;border:1px solid var(--hairline);border-radius:6px;padding:0 12px;background:var(--canvas);color:var(--ink);font-size:14px;line-height:20px;outline:none}input:focus,select:focus{border-color:var(--hairline-strong);box-shadow:0 0 0 3px #0000000a}input::placeholder{color:var(--mute)}label{display:grid;gap:6px;color:var(--body);font-size:12px;line-height:16px}table{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}th,td{border-bottom:1px solid var(--hairline);padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--body);font-weight:500;background:var(--canvas-soft)}td{color:var(--ink)}.login.svelte-1n46o8q{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,#d3e5ff 0,transparent 28%),radial-gradient(circle at 70% 0%,#f7d4d6 0,transparent 24%),var(--canvas-soft)}.login.svelte-1n46o8q form:where(.svelte-1n46o8q){width:min(380px,100%);display:grid;gap:16px;padding:24px;background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 0 0 1px #00000008 inset,0 1px 1px #00000005,0 8px 16px -4px #0000000a}.login-top.svelte-1n46o8q,.topbar.svelte-1n46o8q,.topbar-actions.svelte-1n46o8q{display:flex;justify-content:space-between;gap:8px;align-items:center}.layout.svelte-1n46o8q{max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px}aside.svelte-1n46o8q,article.svelte-1n46o8q{background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 0 0 1px #00000008 inset,0 1px 1px #00000005,0 2px 2px #0000000a}aside.svelte-1n46o8q{position:sticky;top:24px;height:calc(100vh - 48px);padding:16px;display:grid;grid-template-rows:auto 1fr;gap:20px}nav.svelte-1n46o8q{display:grid;align-content:start;gap:8px}nav.svelte-1n46o8q button:where(.svelte-1n46o8q){width:100%;justify-content:flex-start;text-align:left}.content.svelte-1n46o8q{min-width:0;display:grid;gap:16px;align-content:start}.topbar.svelte-1n46o8q{min-height:64px;padding:12px 16px;background:var(--canvas);border:1px solid var(--hairline);border-radius:8px;box-shadow:0 0 0 1px #00000008 inset,0 1px 1px #00000005,0 2px 2px #0000000a}.topbar.svelte-1n46o8q p:where(.svelte-1n46o8q){margin-top:4px;color:var(--ink);font-size:14px;line-height:20px}.topbar-actions.svelte-1n46o8q{justify-content:flex-end}article.svelte-1n46o8q{padding:24px;display:grid;gap:16px;overflow-x:auto}h1.svelte-1n46o8q,h2.svelte-1n46o8q,p.svelte-1n46o8q{margin:0}h1.svelte-1n46o8q{font-size:32px;font-weight:600;line-height:40px;letter-spacing:0}h2.svelte-1n46o8q{font-size:24px;font-weight:600;line-height:32px;letter-spacing:0}h3.svelte-1n46o8q{margin:0;font-size:16px;font-weight:600;line-height:24px}.grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.actions.svelte-1n46o8q{display:flex;gap:8px}.table-toolbar.svelte-1n46o8q,.pagination.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-toolbar.svelte-1n46o8q span:where(.svelte-1n46o8q),.pagination.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--body);font-size:14px;line-height:20px}.check.svelte-1n46o8q{display:flex;min-height:40px;align-items:center;gap:8px}.check.svelte-1n46o8q input:where(.svelte-1n46o8q){width:16px;height:16px}.setting-check.svelte-1n46o8q{min-height:38px;align-self:end;padding:9px 10px;border:1px solid var(--hairline);border-radius:6px;background:var(--canvas-soft);color:var(--body);font-size:14px;line-height:20px}.setting-check.svelte-1n46o8q input:where(.svelte-1n46o8q){flex:0 0 auto;width:14px;height:14px;margin:0}.setting-check.svelte-1n46o8q span:where(.svelte-1n46o8q){min-width:0}.log-table.svelte-1n46o8q{width:100%;table-layout:fixed;border-collapse:collapse}.log-table.svelte-1n46o8q th:where(.svelte-1n46o8q),.log-table.svelte-1n46o8q td:where(.svelte-1n46o8q){padding:10px 12px;text-align:left;vertical-align:top;white-space:nowrap}.log-table.svelte-1n46o8q .time-cell:where(.svelte-1n46o8q){width:172px}.log-table.svelte-1n46o8q .select-cell:where(.svelte-1n46o8q){width:36px;padding-left:8px;padding-right:8px;text-align:center}.log-table.svelte-1n46o8q .select-cell:where(.svelte-1n46o8q) input:where(.svelte-1n46o8q){width:14px;height:14px;margin:0;vertical-align:middle}.log-table.svelte-1n46o8q .user-cell:where(.svelte-1n46o8q){width:96px}.log-table.svelte-1n46o8q .client-cell:where(.svelte-1n46o8q){width:150px}.log-table.svelte-1n46o8q .method-cell:where(.svelte-1n46o8q){width:76px}.log-table.svelte-1n46o8q .status-cell:where(.svelte-1n46o8q),.log-table.svelte-1n46o8q .duration-cell:where(.svelte-1n46o8q){width:76px}.log-table.svelte-1n46o8q .error-type-cell:where(.svelte-1n46o8q){width:132px}.log-table.svelte-1n46o8q .ellipsis:where(.svelte-1n46o8q){overflow:hidden;text-overflow:ellipsis}.log-table.svelte-1n46o8q .target-cell:where(.svelte-1n46o8q){max-width:0}.log-table.svelte-1n46o8q .expandable-row:where(.svelte-1n46o8q){cursor:pointer}.log-table.svelte-1n46o8q .expanded-detail:where(.svelte-1n46o8q) td:where(.svelte-1n46o8q){white-space:normal;background:var(--canvas-soft);border-top:1px solid var(--hairline)}.detail-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-grid.svelte-1n46o8q div:where(.svelte-1n46o8q){min-width:0}.detail-grid.svelte-1n46o8q span:where(.svelte-1n46o8q){display:block;margin-bottom:4px;color:var(--mute);font-size:13px;line-height:20px}.detail-grid.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--body);font-size:14px;line-height:20px;word-break:break-all}.detail-grid.svelte-1n46o8q .full-detail:where(.svelte-1n46o8q){grid-column:1 / -1}.dns-table.svelte-1n46o8q{width:100%;table-layout:fixed;border-collapse:collapse}.dns-table.svelte-1n46o8q th:where(.svelte-1n46o8q),.dns-table.svelte-1n46o8q td:where(.svelte-1n46o8q){padding:10px 12px;text-align:left;vertical-align:top;white-space:nowrap}.dns-table.svelte-1n46o8q tbody:where(.svelte-1n46o8q) tr:where(.svelte-1n46o8q){cursor:pointer}.dns-table.svelte-1n46o8q .select-cell:where(.svelte-1n46o8q){width:36px;padding-left:8px;padding-right:8px;text-align:center}.dns-table.svelte-1n46o8q .select-cell:where(.svelte-1n46o8q) input:where(.svelte-1n46o8q){width:14px;height:14px;margin:0;vertical-align:middle}.dns-table.svelte-1n46o8q .port-cell:where(.svelte-1n46o8q){width:72px;white-space:nowrap}.dns-table.svelte-1n46o8q .host-cell:where(.svelte-1n46o8q),.dns-table.svelte-1n46o8q .addr-cell:where(.svelte-1n46o8q){max-width:0;overflow:hidden;text-overflow:ellipsis}.dns-table.svelte-1n46o8q tr.expanded:where(.svelte-1n46o8q) .host-cell:where(.svelte-1n46o8q),.dns-table.svelte-1n46o8q tr.expanded:where(.svelte-1n46o8q) .addr-cell:where(.svelte-1n46o8q){max-width:none;white-space:normal;overflow:visible;word-break:break-all}.stats.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stats.svelte-1n46o8q div:where(.svelte-1n46o8q),.usage.svelte-1n46o8q{display:grid;gap:8px;padding:16px;border:1px solid var(--hairline);border-radius:8px;background:var(--canvas-soft)}.stats.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--body);font-size:13px;line-height:20px}.stats.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--ink);font-size:24px;font-weight:600;line-height:32px;letter-spacing:0}.usage.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--body);font-size:14px;line-height:20px}code.svelte-1n46o8q{display:block;overflow-x:auto;padding:10px 12px;border-radius:6px;background:var(--ink);color:#fff;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.section-heading.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--body);font-size:14px;line-height:20px}.section-heading.svelte-1n46o8q{flex-wrap:wrap}.meta-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.meta-grid.svelte-1n46o8q div:where(.svelte-1n46o8q){min-width:0;display:grid;gap:4px}.meta-grid.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--mute);font-size:13px;line-height:18px}.meta-grid.svelte-1n46o8q strong:where(.svelte-1n46o8q){min-width:0;color:var(--body);font-size:14px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-grid.svelte-1n46o8q .full:where(.svelte-1n46o8q){grid-column:1 / -1}.button-link.svelte-1n46o8q{min-height:32px;display:inline-flex;align-items:center;border:1px solid var(--ink);border-radius:6px;padding:0 12px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.button-link.svelte-1n46o8q:hover{background:#333}.eyebrow.svelte-1n46o8q{color:var(--mute);font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:400;line-height:16px}.message.svelte-1n46o8q{color:var(--body);background:var(--canvas);border:1px solid var(--hairline);border-radius:6px;padding:8px 12px;font-size:14px}@media(max-width:760px){.layout.svelte-1n46o8q{padding:16px;grid-template-columns:1fr}aside.svelte-1n46o8q{position:static;height:auto}nav.svelte-1n46o8q{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.topbar.svelte-1n46o8q{align-items:flex-start;flex-direction:column}article.svelte-1n46o8q{padding:16px}}
