:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}body{margin:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1),transparent 30%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.12),transparent 32%),#0f172a}#root{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem}.page{display:flex;flex-direction:column;gap:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#3b82f633,#ec489933);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.4rem 1.8rem;box-shadow:0 18px 60px #00000059}.topbar h1{margin:0;font-size:1.7rem}.topbar-actions{display:flex;align-items:center;gap:.6rem}.subtitle{margin:.2rem 0 0;color:#cbd5e1}.badge{background:#10b9812e;color:#bbf7d0;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(16,185,129,.25);font-weight:600}.card{background:#0f172acc;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.3rem;box-shadow:0 10px 40px #00000059}.card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.card h2,.card h3{margin-top:0;margin-bottom:.35rem}.search-row{display:flex;gap:.5rem}.search-row input{min-width:220px;flex:1}.hint{margin:0 0 .8rem;color:#94a3b8}.form{display:flex;flex-direction:column;gap:.8rem}label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;color:#cbd5e1}input,textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.65rem .75rem;color:#e2e8f0;font-size:1rem}select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.55rem .6rem;color:#e2e8f0;font-size:.95rem;color-scheme:dark}.version-select{background:#2563eb14;border:1px solid rgba(59,130,246,.35);color:#f8fafc}select option{background:#0b1224;color:#e2e8f0}select option:disabled{color:#94a3b8}input:focus,textarea:focus{outline:2px solid rgba(59,130,246,.6);border-color:transparent}.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}button{background:linear-gradient(135deg,#2563eb,#22d3ee);color:#0b1224;font-weight:700;border:none;padding:.75rem 1rem;border-radius:12px;cursor:pointer;box-shadow:0 10px 30px #22d3ee59}button:hover{filter:brightness(1.05)}button.ghost{background:#ffffff0f;color:#e2e8f0;box-shadow:none}.steps{margin:.4rem 0 0;padding-left:1.2rem;color:#cbd5e1;line-height:1.55}.steps code{background:#ffffff0f;padding:.05rem .35rem;border-radius:6px;color:#e2e8f0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.error{margin-top:.5rem;padding:.6rem .8rem;border-radius:10px;background:#ef44441a;color:#fecdd3;border:1px solid rgba(248,113,113,.3)}.token-box{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;word-break:break-all;font-family:JetBrains Mono,Fira Code,monospace;color:#bbf7d0}.nav{display:flex;gap:.6rem;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:.5rem;box-shadow:0 10px 30px #00000040}.nav-item{background:transparent;color:#cbd5e1;padding:.6rem .9rem;border-radius:10px;border:1px solid transparent;box-shadow:none}.nav-item.active{border-color:#3b82f680;background:#3b82f61f;color:#e2e8f0}.nav-spacer{flex:1}.nav-user{color:#e2e8f0;font-weight:600;padding-right:.6rem}.table-wrap{margin-top:.8rem;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.table-wrap.scrollable{overflow:auto;max-height:480px}.table-wrap.mini{margin-top:.4rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table.compact th,.data-table.compact td{padding:.5rem .6rem;font-size:.9rem}.data-table th,.data-table td{padding:.7rem .8rem;border-bottom:1px solid rgba(255,255,255,.05)}.data-table th{text-align:left;background:#ffffff08;color:#cbd5e1;font-weight:700}.data-table tr:last-child td{border-bottom:none}.muted{color:#94a3b8}.version-mismatch{color:#f87171;font-weight:700}.actions{display:flex;gap:.4rem}.history-header{display:flex;align-items:baseline;gap:.6rem}.inline-error{display:inline-block;margin:0;padding:.15rem .4rem}.ping-result{margin-top:.35rem;font-size:.9rem}.ping-ok{color:#34d399}.ping-fail{color:#fca5a5}.toast{position:fixed;top:16px;right:16px;z-index:100;padding:.8rem 1rem;border-radius:10px;background:#0f172aeb;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 40px #00000059;color:#e2e8f0;min-width:240px}.toast.success{border-color:#34d39999;color:#bbf7d0}.toast.error{border-color:#f8717199;color:#fecdd3}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:1rem;padding:1rem;border:1px dashed rgba(255,255,255,.12);border-radius:12px;background:#ffffff05}.form-grid h3{grid-column:1 / -1;margin:0 0 .2rem}.span-2{grid-column:span 2}.form-actions{display:flex;gap:.6rem}.placeholder{text-align:left}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;z-index:50}.modal{background:#0f172af2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem;width:min(720px,100%);box-shadow:0 20px 80px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.select-row{display:flex;gap:.4rem;align-items:center}.mini-input{width:100%;margin:.35rem 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;border-radius:10px;padding:.45rem .6rem}