@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";.dashboard{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left{display:flex;align-items:center;gap:var(--space-4)}.header-title{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text-primary)}.header-version{font-weight:400;font-size:11px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:var(--space-3)}.user-email{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:11px;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.status-dot.connected{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-dot.connecting{background:var(--accent-warning);animation:pulse 1.5s ease-in-out infinite}.status-dot.error{background:var(--accent-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:1px;flex:1;background:var(--border-subtle)}.column{background:var(--bg-base);padding:var(--space-4);overflow-y:auto}.panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);border-bottom:1px solid var(--border-subtle)}.panel-title{font-size:12px;font-weight:600;color:var(--text-primary);text-transform:none;letter-spacing:0}.panel-body{padding:var(--space-3)}.form-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.form-row:last-child{margin-bottom:0}.form-row input{width:auto;min-width:0}.form-stack{display:flex;flex-direction:column;gap:var(--space-2)}.item-list-scroll{max-height:400px;overflow-y:auto;overflow-x:hidden;margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3)}.list-item-wrap{border-bottom:1px solid var(--border-subtle)}.list-item-wrap:last-child{border-bottom:none}.list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;transition:background-color .1s ease}.list-item:hover{background:var(--bg-hover)}.list-item-text{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-id{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-left:auto;cursor:pointer;padding:2px 4px;border-radius:2px;transition:all .1s ease}.list-item-id:hover{color:var(--accent-primary);background:#3b82f61a}.list-item-actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity .1s ease}.list-item:hover .list-item-actions{opacity:1}.list-item-json{margin:0;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:var(--bg-base);overflow-x:auto;border-top:1px solid var(--border-subtle)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.status-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm)}.status-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.status-value{font-family:var(--font-mono);font-size:12px;font-weight:500}.status-value.success{color:var(--accent-success)}.status-value.error{color:var(--accent-error)}.status-value.pending{color:var(--accent-warning)}.user-info{padding:var(--space-3);background:var(--bg-base);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);word-break:break-all}.user-info-row{display:flex;gap:var(--space-2);padding:var(--space-1) 0}.user-info-label{color:var(--text-muted);min-width:50px}.button-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.empty-state{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:12px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;font-size:14px;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}.icon-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.icon-btn.primary:hover{opacity:.9}input[type=number].number-input{width:44px;max-width:44px;text-align:center;-moz-appearance:textfield;flex:0 0 44px}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.checkbox-btn{color:var(--text-muted);opacity:.4;font-size:14px;transition:all .15s ease}.checkbox-btn.checked{opacity:1;color:var(--accent-success);background:#22c55e1a;border-color:var(--accent-success)}.storage-list{display:flex;flex-direction:column;gap:var(--space-2)}.storage-item{padding:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm)}.storage-key{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.storage-key-name{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.storage-status{font-size:8px;color:var(--text-muted)}.storage-status.has-value{color:var(--accent-success)}.storage-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);word-break:break-all}.storage-value .empty{color:var(--text-muted);font-style:italic}.storage-value pre.storage-json{margin:0;font-size:10px;color:var(--text-primary);background:var(--bg-elevated);padding:var(--space-2);border-radius:var(--radius-sm);overflow:auto;max-height:120px}.query-result{padding:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px}.query-result pre{max-height:120px;overflow:auto}.toggle-group{display:flex;background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);overflow:hidden}.toggle-btn{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .15s ease}.toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.toggle-btn.active{color:#fff;background:var(--accent-primary)}.toggle-btn+.toggle-btn{border-left:1px solid var(--border-subtle)}.perf-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.perf-list{display:flex;flex-direction:column;gap:1px;max-height:200px;overflow-y:auto}.perf-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:11px;background:var(--bg-base);border-radius:var(--radius-sm)}.perf-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-success);flex-shrink:0}.perf-dot.error{background:var(--accent-error)}.perf-op{flex:1;color:var(--text-secondary)}.perf-duration{font-weight:500;color:var(--accent-success)}.perf-duration.medium{color:var(--accent-warning)}.perf-duration.slow{color:var(--accent-error)}.event-log{max-height:300px;overflow-y:auto;font-family:var(--font-mono);font-size:10px}.log-entry{display:flex;align-items:baseline;gap:var(--space-2);padding:3px var(--space-3);border-bottom:1px solid var(--border-subtle)}.log-entry:last-child{border-bottom:none}.log-time{color:var(--text-muted);flex-shrink:0}.log-badge{padding:0 4px;border-radius:2px;font-size:9px;font-weight:600;text-transform:uppercase;flex-shrink:0}.log-badge-status{background:#3b82f626;color:var(--accent-primary)}.log-badge-operation{background:#22c55e26;color:var(--accent-success)}.log-badge-network{background:#f59e0b26;color:var(--accent-warning)}.log-badge-error{background:#ef444426;color:var(--accent-error)}.log-message{color:var(--text-primary);flex-shrink:0}.log-detail{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-duration{margin-left:auto;color:var(--accent-success);flex-shrink:0}.log-duration.medium{color:var(--accent-warning)}.log-duration.slow{color:var(--accent-error)}.scope-badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.scope-badge{display:inline-block;padding:2px 8px;font-family:var(--font-mono);font-size:11px;color:var(--accent-primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm)}.token-countdown{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--accent-success)}.token-countdown.expired{color:var(--accent-error)}.token-claims{padding:var(--space-2);background:var(--bg-base);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.token-claim-row{display:flex;gap:var(--space-2);padding:2px 0;font-family:var(--font-mono);font-size:11px}.token-claim-label{color:var(--text-muted);min-width:55px;flex-shrink:0}.token-claim-value{color:var(--text-primary);word-break:break-all}.token-claim-value.expired{color:var(--accent-error)}.token-display{display:flex;flex-direction:column;gap:var(--space-2)}.token-raw,.token-decoded{display:flex;flex-direction:column;gap:4px}.token-raw code{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);word-break:break-all}.token-decoded pre{font-family:var(--font-mono);font-size:10px;color:var(--text-primary);background:var(--bg-base);padding:var(--space-2);border-radius:var(--radius-sm);margin:0;overflow:auto;max-height:150px}:root{--bg-base: #0d0f12;--bg-surface: #13161a;--bg-elevated: #1a1d23;--bg-hover: #22262e;--border-subtle: #2a2f38;--border-default: #3a404a;--text-primary: #e8eaed;--text-secondary: #9aa0a8;--text-muted: #6b7280;--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-error: #ef4444;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-sm: 4px;--radius-md: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--text-primary)}h2{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-3)}h3{font-size:13px;font-weight:500;margin-bottom:var(--space-2)}p{margin:0;color:var(--text-secondary)}input[type=text],input[type=email],input[type=password],input[type=number]{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:12px;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus{border-color:var(--accent-primary)}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--text-muted)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}button:hover{background:var(--bg-hover);border-color:var(--border-default)}button:active{transform:translateY(1px)}button.primary{color:#fff;background:var(--accent-primary);border-color:var(--accent-primary)}button.primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}button.small{padding:var(--space-1) var(--space-2);font-size:11px}button.danger{color:var(--accent-error)}button.danger:hover{background:#ef44441a;border-color:var(--accent-error)}*{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}::selection{background:var(--accent-primary);color:#fff}