@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-0: hsl(210, 20%, 98%);--bg-1: hsl(0, 0%, 100%);--bg-2: hsl(210, 20%, 95%);--bg-3: hsl(214, 32%, 91%);--border: hsl(214, 32%, 91%);--border-subtle: hsl(214, 32%, 93%);--text-0: hsl(0, 0%, 9%);--text-1: hsl(220, 9%, 40%);--text-2: hsl(220, 9%, 65%);--text-3: hsl(220, 9%, 78%);--accent: hsl(221, 83%, 53%);--accent-soft: hsla(221, 83%, 53%, .1);--accent-hover: hsl(221, 83%, 45%);--green: hsl(142, 71%, 45%);--green-soft: hsla(142, 71%, 45%, .1);--amber: hsl(35, 92%, 50%);--amber-soft: hsla(35, 92%, 50%, .1);--red: hsl(0, 84%, 60%);--red-soft: hsla(0, 84%, 60%, .1);--violet: hsl(262, 60%, 55%);--violet-soft: hsla(262, 60%, 55%, .1);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 4px 12px rgba(0,0,0,.08);--radius: 8px;--radius-lg: 12px;--font: "Noto Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--header-h: 56px;color-scheme:light dark}[data-theme=dark]{--bg-0: hsl(224, 18%, 8%);--bg-1: hsl(222, 16%, 13%);--bg-2: hsl(222, 14%, 17%);--bg-3: hsl(220, 14%, 22%);--border: hsl(220, 14%, 20%);--border-subtle: hsl(220, 14%, 16%);--text-0: hsl(210, 17%, 90%);--text-1: hsl(215, 12%, 68%);--text-2: hsl(215, 10%, 42%);--text-3: hsl(215, 10%, 30%);--accent-soft: hsla(221, 83%, 53%, .14);--green-soft: hsla(142, 71%, 45%, .14);--amber-soft: hsla(35, 92%, 50%, .14);--red-soft: hsla(0, 84%, 60%, .14);--violet-soft: hsla(262, 60%, 55%, .14);--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-0: hsl(224, 18%, 8%);--bg-1: hsl(222, 16%, 13%);--bg-2: hsl(222, 14%, 17%);--bg-3: hsl(220, 14%, 22%);--border: hsl(220, 14%, 20%);--border-subtle: hsl(220, 14%, 16%);--text-0: hsl(210, 17%, 90%);--text-1: hsl(215, 12%, 68%);--text-2: hsl(215, 10%, 42%);--text-3: hsl(215, 10%, 30%);--accent-soft: hsla(221, 83%, 53%, .14);--green-soft: hsla(142, 71%, 45%, .14);--amber-soft: hsla(35, 92%, 50%, .14);--red-soft: hsla(0, 84%, 60%, .14);--violet-soft: hsla(262, 60%, 55%, .14);--shadow: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-lg: 0 4px 12px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg-0);color:var(--text-0);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font);background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text-1)}.btn-ghost:hover{background:var(--bg-3);color:var(--text-0)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--accent-soft);color:var(--accent)}.badge-violet{background:var(--violet-soft);color:var(--violet)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.card{background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-2);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-1)}tr:hover td{background:var(--bg-2)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text-0)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}kbd{font-family:var(--font)}