@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--font-sans:"Inter",-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SFMono-Regular","Consolas",monospace;--bg-0:#0a0e14;--bg-1:#0d1117;--bg-2:#161b22;--bg-3:#1c2128;--bg-4:#21262d;--surface:rgba(22,27,34,.95);--surface-hover:rgba(33,38,45,.95);--surface-raised:rgba(28,33,40,.98);--border:rgba(48,54,61,.8);--border-subtle:rgba(48,54,61,.4);--text:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#6e7681;--accent:#3dd6d0;--accent-muted:rgba(61,214,208,.15);--accent-hover:rgba(61,214,208,.25);--green:#3fb950;--green-muted:rgba(63,185,80,.15);--yellow:#d29922;--yellow-muted:rgba(210,153,34,.15);--red:#f85149;--red-muted:rgba(248,81,73,.15);--blue:#58a6ff;--blue-muted:rgba(88,166,255,.15);--purple:#bc8cff;--purple-muted:rgba(188,140,255,.15);--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mono{font-family:var(--font-mono)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse 80% 60% at 0 0,rgba(61,214,208,.08),transparent),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(88,166,255,.06),transparent),var(--bg-0)}.login-container{display:grid;grid-template-columns:1fr 1fr;width:min(960px,95vw);min-height:580px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.login-brand{background:linear-gradient(135deg,rgba(61,214,208,.06),transparent 60%),var(--bg-1);padding:48px 40px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border)}.login-brand-content{max-width:380px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo-text{font-size:1.25rem;letter-spacing:-.02em}.login-logo-text,.login-tagline{font-weight:700;color:var(--text)}.login-tagline{margin:0 0 12px;font-size:1.6rem;line-height:1.3;letter-spacing:-.03em}.login-subtitle{margin:0 0 28px;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:12px}.login-feature{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-secondary)}.login-feature-icon{color:var(--accent);font-size:.55rem}.login-auth{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.login-auth-inner{max-width:340px;margin:0 auto;width:100%}.login-auth-title{margin:0 0 6px;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.login-auth-desc{margin:0 0 28px;color:var(--text-secondary);font-size:.85rem}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 16px;border-radius:var(--radius);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid var(--border)}.oauth-btn.github{background:#f0f0f0;color:#1a1a1a}.oauth-btn.github:hover{background:#fff}.oauth-btn.google{background:var(--bg-2);color:var(--text)}.oauth-btn.google:hover{background:var(--bg-3)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-tertiary);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.btn-token-toggle{width:100%;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}.btn-token-toggle:hover{color:var(--text);border-color:var(--accent);background:var(--accent-muted)}.token-form{display:flex;flex-direction:column;gap:12px}.login-footer-text{margin:24px 0 0;font-size:.72rem;color:var(--text-tertiary);line-height:1.5}@media (max-width:720px){.login-container{grid-template-columns:1fr;min-height:auto}.login-brand{display:none}.login-auth{padding:32px 24px}}.dashboard{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--border-subtle)}.sidebar-logo{display:flex;align-items:center;gap:10px}.sidebar-logo-text{font-weight:700;font-size:1rem;letter-spacing:-.02em}.sidebar-badge{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-muted);padding:2px 6px;border-radius:4px;margin-left:auto}.sidebar-nav{flex:1 1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-section-label{padding:16px 12px 6px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .12s ease;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid var(--border-subtle)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:background .12s ease}.sidebar-user:hover{background:var(--bg-3)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-muted);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:var(--accent);flex-shrink:0}.sidebar-user-info{overflow:hidden}.sidebar-user-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:var(--text-tertiary)}.main-content{margin-left:240px;flex:1 1;min-width:0}.topbar{justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--bg-1);position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-left{display:flex;align-items:center}.topbar-left{gap:16px}.topbar-title{font-size:1rem;font-weight:600;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:10px}.page-content{padding:24px 28px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-head{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{margin:0;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.card-body{padding:20px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.stat-card{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:16px;transition:border-color .12s ease}.stat-card:hover{border-color:var(--border)}.stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:6px}.stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em}.stat-card.accent .stat-value{color:var(--accent)}.stat-card.green .stat-value{color:var(--green)}.stat-card.yellow .stat-value{color:var(--yellow)}.stat-card.red .stat-value{color:var(--red)}.stat-card.blue .stat-value{color:var(--blue)}.stat-card.purple .stat-value{color:var(--purple)}.stat-sub{font-size:.72rem;color:var(--text-tertiary);margin-top:4px;font-family:var(--font-mono)}.chain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.chain-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius)}.chain-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.chain-dot.live{background:var(--green);box-shadow:0 0 8px rgba(63,185,80,.4)}.chain-dot.stale{background:var(--yellow)}.chain-dot.offline{background:var(--red)}.chain-detail{flex:1 1;min-width:0}.chain-detail-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.chain-detail-value{font-family:var(--font-mono);font-size:.88rem;font-weight:500;margin-top:2px;word-break:break-all}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-12,.grid-2{display:grid;gap:16px}.grid-12{grid-template-columns:repeat(12,1fr);grid-gap:16px}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);background:var(--bg-2);position:-webkit-sticky;position:sticky;top:0}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:hsla(0,0%,100%,.02)}.table tbody tr:last-child td{border-bottom:none}.table .null-cell{color:var(--text-tertiary);font-style:italic}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-green{color:var(--green);background:var(--green-muted)}.badge-yellow{color:var(--yellow);background:var(--yellow-muted)}.badge-red{color:var(--red);background:var(--red-muted)}.badge-blue{color:var(--blue);background:var(--blue-muted)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.query-toolbar{gap:8px;flex-wrap:wrap}.query-meta-bar,.query-toolbar{display:flex;align-items:center}.query-meta-bar{gap:16px;padding:10px 14px;background:var(--bg-2);border-radius:var(--radius);font-size:.78rem;font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:12px}.query-meta-item{display:flex;align-items:center;gap:6px}.query-meta-label{color:var(--text-tertiary)}.query-meta-value{color:var(--text);font-weight:500}.query-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);text-align:center}.query-empty-icon{font-size:2rem;margin-bottom:12px;opacity:.4}.query-empty-title{font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.query-empty-desc{font-size:.82rem}.view-toggle{display:flex;background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden}.view-toggle-btn{padding:6px 12px;font-size:.75rem;font-weight:600;font-family:inherit;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s ease}.view-toggle-btn.active{background:var(--accent-muted);color:var(--accent)}.json-view,.view-toggle-btn:hover:not(.active){color:var(--text-secondary)}.json-view{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:14px;overflow:auto;max-height:400px;font-family:var(--font-mono);font-size:.78rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,90vw);background:var(--bg-1);border-left:1px solid var(--border);z-index:201;display:flex;flex-direction:column;animation:slideIn .2s ease;box-shadow:-8px 0 24px rgba(0,0,0,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:1rem;font-weight:700}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-3);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;font-size:1.1rem;transition:all .1s ease}.drawer-close:hover{color:var(--text);background:var(--bg-4)}.drawer-body{flex:1 1;overflow-y:auto;padding:24px}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:10px}.drawer-field{margin-bottom:14px}.drawer-field-label{font-size:.72rem;color:var(--text-tertiary);margin-bottom:4px;font-weight:500}.drawer-field-value{font-family:var(--font-mono);font-size:.82rem;color:var(--text);word-break:break-all}.drawer-sql{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:12px;font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--accent);white-space:pre-wrap;word-break:break-word;overflow:auto}.drawer-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--text);padding:10px 12px;font-family:inherit;font-size:.85rem;transition:border-color .12s ease;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.textarea{min-height:100px;resize:vertical;font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease;white-space:nowrap}.btn:hover{background:var(--bg-3);color:var(--text);border-color:var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent-muted);border-color:rgba(61,214,208,.3);color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:rgba(61,214,208,.5)}.btn.danger{color:var(--red);border-color:rgba(248,81,73,.3)}.btn.danger:hover{background:var(--red-muted);border-color:rgba(248,81,73,.5)}.btn.success{color:var(--green);border-color:rgba(63,185,80,.3)}.btn.success:hover{background:var(--green-muted);border-color:rgba(63,185,80,.5)}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-icon{padding:6px 8px}.full-width{width:100%}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.text-red{color:var(--red)}.error{color:var(--red)}.error,.flash{font-size:.82rem;margin-top:8px}.flash{color:var(--green)}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gap-16{gap:16px}.gap-12{gap:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:.72rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .12s ease}.copy-btn:hover{color:var(--text-secondary);border-color:var(--border);background:var(--bg-3)}.delivery-row{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-size:.82rem}.delivery-row:last-child{border-bottom:none}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 16px;font-size:.82rem;font-weight:600;color:var(--text-tertiary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:all .12s ease;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.empty-state{flex-direction:column;padding:48px 20px;text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-3);font-size:1.2rem;margin-bottom:16px;color:var(--text-tertiary)}.empty-state-title{font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state-desc{font-size:.82rem;color:var(--text-tertiary);max-width:320px}@media (max-width:1024px){.sidebar{display:none}.main-content{margin-left:0}.grid-12{grid-template-columns:1fr}.col-span-12,.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8{grid-column:span 1}.grid-2{grid-template-columns:1fr}}@media (max-width:640px){.topbar{padding:12px 16px}.page-content{padding:16px}.stats-row{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:span 1}}