1@import "tailwindcss";23@theme {4 --color-bg: #0b0d10;5 --color-surface: #11141a;6 --color-surface-2: #161a21;7 --color-surface-3: #1c212a;8 --color-border: #232831;9 --color-border-strong: #2f3641;10 --color-ink: #e7e9ee;11 --color-ink-2: #aab1bd;12 --color-ink-3: #6f7784;13 --color-accent: #3987e5;14 --color-accent-2: #d95926;15 --color-accent-3: #199e70;16 --color-good: #22a06b;17 --color-warn: #c98500;18 --color-bad: #e66767;19 --color-violet: #9085e9;20 --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;21 --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;22}2324:root {25 color-scheme: dark;26 --series-1: #3987e5;27 --series-2: #d95926;28 --series-3: #199e70;29 --series-4: #c98500;30 --series-5: #d55181;31 --series-6: #008300;32 --series-7: #9085e9;33 --series-8: #e66767;34}3536html, body {37 background: var(--color-bg);38 color: var(--color-ink);39 font-family: var(--font-sans);40 -webkit-font-smoothing: antialiased;41 text-rendering: optimizeLegibility;42}4344* { scrollbar-width: thin; scrollbar-color: #2f3641 transparent; }4546.num { font-variant-numeric: tabular-nums; }4748.card {49 background: var(--color-surface);50 border: 1px solid var(--color-border);51 border-radius: 12px;52}5354.pill {55 display: inline-flex; align-items: center; gap: 6px;56 padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600;57 letter-spacing: 0.01em; border: 1px solid transparent; white-space: nowrap;58}5960.btn {61 display: inline-flex; align-items: center; justify-content: center; gap: 6px;62 height: 32px; padding: 0 12px; border-radius: 8px; font-size: 13px; font-weight: 500;63 border: 1px solid var(--color-border-strong); background: var(--color-surface-2); color: var(--color-ink);64 transition: background 120ms, border-color 120ms, opacity 120ms; cursor: pointer; white-space: nowrap;65}66.btn:hover { background: var(--color-surface-3); border-color: #3a4250; }67.btn:disabled { opacity: 0.45; cursor: not-allowed; }68.btn-primary { background: var(--color-accent); border-color: var(--color-accent); color: white; }69.btn-primary:hover { background: #4a93ea; border-color: #4a93ea; }70.btn-danger { background: transparent; border-color: #5a2b2b; color: var(--color-bad); }71.btn-danger:hover { background: #2a1616; }72.btn-ghost { background: transparent; border-color: transparent; color: var(--color-ink-2); }73.btn-ghost:hover { background: var(--color-surface-2); color: var(--color-ink); }74.btn-sm { height: 26px; padding: 0 9px; font-size: 12px; border-radius: 7px; }7576.input {77 height: 34px; padding: 0 10px; border-radius: 8px; font-size: 13px; width: 100%;78 border: 1px solid var(--color-border-strong); background: var(--color-bg); color: var(--color-ink); outline: none;79}80.input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px rgba(57,135,229,0.18); }81textarea.input { height: auto; padding: 8px 10px; line-height: 1.5; resize: vertical; }82select.input { appearance: none; padding-right: 28px; background-image: linear-gradient(45deg, transparent 50%, #6f7784 50%), linear-gradient(135deg, #6f7784 50%, transparent 50%); background-position: calc(100% - 14px) 14px, calc(100% - 9px) 14px; background-size: 5px 5px; background-repeat: no-repeat; }8384.tbl { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 13px; }85.tbl th { text-align: left; font-weight: 500; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-ink-3); padding: 8px 12px; border-bottom: 1px solid var(--color-border); white-space: nowrap; }86.tbl td { padding: 10px 12px; border-bottom: 1px solid var(--color-border); vertical-align: middle; }87.tbl tr:last-child td { border-bottom: none; }88.tbl tr.row-link { cursor: pointer; }89.tbl tr.row-link:hover td { background: var(--color-surface-2); }9091.label { font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-ink-3); font-weight: 500; }92.mono { font-family: var(--font-mono); }93.prose-sm p { margin: 0 0 8px; }94.prose-sm code { font-family: var(--font-mono); font-size: 12px; background: var(--color-surface-3); padding: 1px 5px; border-radius: 4px; }95.prose-sm pre { background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 8px; padding: 10px 12px; overflow: auto; font-size: 12px; margin: 8px 0; }96.prose-sm pre code { background: none; padding: 0; }9798@keyframes pulse { 0%,100% { opacity: 1 } 50% { opacity: .35 } }99.pulse { animation: pulse 1.4s ease-in-out infinite; }100@keyframes spin { to { transform: rotate(360deg) } }101.spin { animation: spin 0.9s linear infinite; }102