:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app: hsl(220, 20%, 97%);--bg-surface: hsl(0, 0%, 100%);--bg-subtle: hsl(220, 14%, 96%);--text-primary: hsl(222, 47%, 11%);--text-secondary: hsl(215, 16%, 47%);--text-muted: hsl(215, 16%, 60%);--border-color: hsl(214, 32%, 91%);--border-focus: hsl(221, 83%, 53%);--primary: hsl(221, 83%, 53%);--primary-hover: hsl(221, 83%, 45%);--primary-text: hsl(0, 0%, 100%);--danger: hsl(0, 72%, 51%);--danger-bg: hsl(0, 86%, 97%);--danger-border: hsl(0, 93%, 89%);--success: hsl(142, 71%, 38%);--success-bg: hsl(144, 70%, 96%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-card)}.card-header{margin-bottom:1.75rem;text-align:center}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem}.card-subtitle{font-size:.9rem;color:var(--text-secondary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.4rem}.form-input{width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.7rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color .15s ease,transform .05s ease;text-decoration:none}.btn-primary{background-color:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);margin-top:.75rem}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-primary)}.btn:disabled{opacity:.6;cursor:not-allowed}.alert-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1.25rem}.alert-success{background-color:var(--success-bg);border:1px solid hsl(144,70%,80%);color:var(--success);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1.25rem}.qr-container{display:flex;justify-content:center;align-items:center;padding:1.25rem;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1.25rem 0}.qr-container img,.qr-container svg{max-width:190px;max-height:190px;width:100%;height:auto;display:block}.secret-box{background:var(--bg-subtle);border:1px dashed var(--border-color);padding:.6rem .8rem;border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem;color:var(--text-primary);text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all;margin-bottom:1.25rem}.tab-switch{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;background:none;border:none;padding:.65rem;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .15s ease}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary)}.dashboard-container{min-height:100vh;background:radial-gradient(circle at 50% 0%,#f8f9fc,#f6f7f9 60%,#f3f3f7);padding:2.5rem 1.5rem;display:flex;justify-content:center;align-items:flex-start}.dashboard-shell{width:100%;max-width:1020px;display:flex;flex-direction:column;gap:1.5rem}.dashboard-header-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem 2.25rem;box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;overflow:hidden}.dashboard-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2463eb,#5048e5,#8249df)}.dashboard-header-main{display:flex;flex-direction:column;gap:.5rem;min-width:0}.dashboard-badge-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.system-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;transition:all .2s ease}.system-pill-success{background-color:#eefcf3;border:1px solid hsl(142,60%,86%);color:#188c42}.system-pill-danger{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.system-pill-warning{background-color:#fef7eb;border:1px solid hsl(38,92%,84%);color:#b3710f}.system-pill-neutral{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary)}.dashboard-timestamp{font-size:.8rem;color:var(--text-muted)}.dashboard-message{font-size:1.625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;margin:0;line-height:1.25}.dashboard-user-greeting{font-size:.925rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.user-highlight{color:var(--text-primary);font-weight:600}.dashboard-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.icon-svg{display:inline-block;vertical-align:middle;margin-right:.4rem}.refresh-btn{width:auto;margin-top:0;padding:.6rem 1rem;font-size:.875rem}.logout-btn{width:auto;min-width:110px;padding:.6rem 1.25rem;font-size:.875rem}.telemetry-section-bar{display:flex;justify-content:space-between;align-items:flex-end;padding:0 .25rem}.telemetry-title-group{display:flex;flex-direction:column;gap:.2rem}.telemetry-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.015em}.telemetry-subtitle{font-size:.825rem;color:var(--text-secondary)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.25rem}.status-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.35rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden}.status-card:hover{border-color:#b6c2ed;box-shadow:var(--shadow-card);transform:translateY(-2px)}.status-card[data-testid=status-card-connection] .card-icon{color:#2463eb}.status-card[data-testid=status-card-user] .card-icon{color:#6467f2}.status-card[data-testid=status-card-auth] .card-icon{color:#8249df}.status-card[data-testid=status-card-env] .card-icon{color:#0da2e7}.status-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem .5rem}.status-card-label{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.card-icon{color:var(--text-muted);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:9999px;font-size:.725rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.badge-success{background-color:#eefcf3;color:#188c42;border:1px solid hsl(142,60%,86%)}.badge-primary{background-color:#ecf2fd;color:#1450d2;border:1px solid hsl(221,83%,88%)}.badge-neutral{background-color:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.bg-success{background-color:var(--success)}.bg-danger{background-color:var(--danger)}.status-card-metric{display:flex;flex-direction:column;gap:.15rem;padding:.25rem 0;min-width:0}.metric-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}.metric-unit{font-size:.75rem;color:var(--text-muted);font-weight:500}.status-card-details{border-top:1px solid var(--border-color);padding-top:.75rem;display:flex;flex-direction:column;gap:.45rem;font-size:.8rem}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.detail-label{color:var(--text-secondary);flex-shrink:0}.detail-value{font-weight:600;color:var(--text-primary);text-align:right;max-width:65%}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-secondary{color:var(--text-secondary)!important}.code-font{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.775rem}.truncate-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pulse-dot{width:7px;height:7px;border-radius:50%;position:relative;flex-shrink:0}.dot-success{background-color:var(--success)}.dot-success.active:after{border-color:var(--success)}.dot-danger{background-color:var(--danger)}.dot-danger.active:after{border-color:var(--danger)}.dot-warning{background-color:#f59f0a}.dot-warning.active:after{border-color:#f59f0a}.dot-neutral{background-color:var(--text-muted)}.dot-neutral.active:after{border-color:var(--text-muted)}.pulse-dot.active:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1.5px solid;animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-footer-note{display:flex;justify-content:space-between;align-items:center;font-size:.775rem;color:var(--text-muted);padding:.5rem .25rem 1.5rem;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1rem;color:var(--text-secondary)}@media(max-width:768px){.dashboard-container{padding:1.25rem 1rem}.dashboard-header-card{flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1.25rem}.dashboard-header-actions{width:100%}.refresh-btn,.logout-btn{flex:1}.status-grid{grid-template-columns:1fr}.dashboard-footer-note{flex-direction:column;align-items:flex-start}}