.admin-debug-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:flex-end;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.admin-debug-panel{background:var(--bg-surface,#1e1e1e);border-left:1px solid var(--border-color,#333);flex-direction:column;width:400px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:-4px 0 20px #0000004d}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.debug-header{border-bottom:1px solid var(--border-color,#333);background:var(--bg-surface-elevated,#252525);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.header-title{align-items:center;gap:.75rem;display:flex}.header-title h2{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:600}.close-btn{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-primary,#fff)}.debug-tabs{border-bottom:1px solid var(--border-color,#333);display:flex}.debug-tab{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-weight:500;transition:all .2s}.debug-tab:hover{color:var(--text-primary,#fff);background:#ffffff0d}.debug-tab.active{color:var(--accent-color,#64ffda);border-bottom-color:var(--accent-color,#64ffda);background:#64ffda0d}.debug-content{flex:1;padding:1.5rem;overflow-y:auto}.status-card{border:1px solid var(--border-color,#333);background:#ffffff08;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.status-card h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#aaa);margin:0 0 1rem;font-size:.9rem}.status-indicator{background:#0003;border-radius:4px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.status-indicator.connected{color:#4cd964;background:#4cd9641a}.status-indicator.disconnected,.status-indicator.offline,.status-indicator.error{color:#ff3b30;background:#ff3b301a}.status-indicator.checking{color:#fc0;background:#ffcc001a}.dot{background-color:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px}.label{font-size:.9rem;font-weight:600}.details{color:var(--text-secondary,#888);word-break:break-all;margin-top:.5rem;font-size:.85rem}.gateway-details{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem;font-size:.85rem}.detail-row{justify-content:space-between;margin-bottom:.5rem;display:flex}.detail-row span:first-child{color:var(--text-secondary,#aaa)}.detail-row code{color:var(--accent-color,#64ffda);background:#0000004d;border-radius:3px;padding:.1rem .3rem;font-family:monospace}.actions{margin-top:1rem}.btn-reconnect{background:var(--bg-surface-elevated,#333);border:1px solid var(--border-color,#555);width:100%;color:var(--text-primary,#fff);cursor:pointer;border-radius:6px;padding:.75rem;font-weight:500;transition:all .2s}.btn-reconnect:hover:not(:disabled){background:var(--accent-color,#64ffda);color:#000;border-color:var(--accent-color,#64ffda)}.btn-reconnect:disabled{opacity:.6;cursor:not-allowed}.last-check{color:var(--text-tertiary,#666);text-align:center;margin-top:2rem;font-size:.75rem}.instruction-step{margin-bottom:2rem;padding-left:2.5rem;position:relative}.step-num{background:var(--accent-color,#64ffda);color:#000;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.instruction-step p{color:var(--text-secondary,#ddd);margin:0 0 .75rem;line-height:1.5}.instruction-step strong{color:var(--text-primary,#fff)}.code-block{border:1px solid var(--border-color,#333);background:#000;border-radius:6px;margin-bottom:.75rem;padding:1rem;overflow-x:auto}.code-block pre{color:#a5d6ff;margin:0;font-family:Fira Code,monospace;font-size:.85rem}.btn-copy{border:1px solid var(--accent-color,#64ffda);color:var(--accent-color,#64ffda);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-copy:hover{background:#64ffda1a}