:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;--primary: #33A1FD;--primary-dark: #1E92F6;--primary-darker: #0C87F2;--primary-darkest: #086AC8;--primary-light: #4EAEFE;--primary-lighter: #69BCFE;--primary-lightest: #8FCFFF;--background-color: #F4F4F9;--surface-color: #ffffff;--text-color: #1c1e21;--text-secondary: #525860;--color-teal: #00BCD4;--color-purple: #5E35B1;--color-amber: #FFC107;--color-brown: #8D6E63;--color-success: #4CAF50;color-scheme:light;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}:root[data-theme=light]{--primary: #33A1FD;--primary-dark: #1E92F6;--primary-darker: #0C87F2;--primary-darkest: #086AC8;--primary-light: #4EAEFE;--primary-lighter: #69BCFE;--primary-lightest: #8FCFFF;--background-color: #F4F4F9;--surface-color: #ffffff;--text-color: #1c1e21;--text-secondary: #525860;--color-teal: #00BCD4;--color-purple: #5E35B1;--color-amber: #FFC107;--color-brown: #8D6E63;--color-success: #4CAF50;color-scheme:light;color:var(--text-color);background-color:var(--background-color)}:root[data-theme=dark]{--primary: #4EAEFE;--primary-dark: #33A1FD;--primary-darker: #1E92F6;--primary-darkest: #0C87F2;--primary-light: #69BCFE;--primary-lighter: #8FCFFF;--primary-lightest: #B5DFFF;--background-color: #1c1e21;--surface-color: #2a2d31;--text-color: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--color-teal: #26C6DA;--color-purple: #7E57C2;--color-amber: #FFCA28;--color-brown: #A1887F;--color-success: #66BB6A;color-scheme:dark;color:var(--text-color);background-color:var(--background-color)}[data-theme=dark] .bg-primary-subtle{background-color:#4eaefe26}[data-theme=dark] .bg-success-subtle{background-color:#66bb6a26}[data-theme=dark] .bg-error-subtle{background-color:#ef444426}[data-theme=dark] .bg-warning-subtle{background-color:#f59e0b26}@media (prefers-color-scheme: dark){:root:not([data-theme]){--primary: #4EAEFE;--primary-dark: #33A1FD;--primary-darker: #1E92F6;--primary-darkest: #0C87F2;--primary-light: #69BCFE;--primary-lighter: #8FCFFF;--primary-lightest: #B5DFFF;--background-color: #1c1e21;--surface-color: #2a2d31;--text-color: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--color-teal: #26C6DA;--color-purple: #7E57C2;--color-amber: #FFCA28;--color-brown: #A1887F;--color-success: #66BB6A;color-scheme:dark;color:var(--text-color);background-color:var(--background-color)}:root:not([data-theme]) .bg-primary-subtle{background-color:#4eaefe26}:root:not([data-theme]) .bg-success-subtle{background-color:#66bb6a26}:root:not([data-theme]) .bg-error-subtle{background-color:#ef444426}:root:not([data-theme]) .bg-warning-subtle{background-color:#f59e0b26}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--background-color);color:var(--text-color)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--background-color);color:var(--text-color)}#root{max-width:1280px;margin:0 auto;padding:1rem;background-color:transparent}@media (min-width: 768px){#root{padding:2rem}}h1{font-size:2.5em;line-height:1.2;margin-bottom:1rem;font-weight:700;color:var(--text-color)}h2{font-size:1.75em;line-height:1.3;margin-bottom:.75rem;font-weight:600;color:var(--text-color)}h3{font-size:1.25em;line-height:1.4;margin-bottom:.5rem;font-weight:600;color:var(--text-color)}p{margin-bottom:1em;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark);text-decoration:underline}code{font-family:Courier New,Courier,monospace;font-size:.9em;padding:.2em .4em;background-color:#0000000d;border-radius:3px}[data-theme=dark] code{background-color:#ffffff1a}@media (prefers-color-scheme: dark){:root:not([data-theme]) code{background-color:#ffffff1a}}@media (min-width: 768px){h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}}button{border-radius:8px;border:2px solid transparent;padding:.75em 2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #33a1fd4d}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}button:active:not(:disabled){transform:translateY(0)}button.secondary{background-color:transparent;color:var(--primary);border-color:var(--primary)}button.secondary:hover{background-color:var(--primary);color:#fff}.card{padding:1.5em;background-color:var(--surface-color);border-radius:8px;margin-bottom:1rem;word-wrap:break-word;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #0000001f}@media (min-width: 768px){.card{padding:2em}}[data-theme=dark] .card{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .card:hover{box-shadow:0 4px 12px #0006}@media (prefers-color-scheme: dark){:root:not([data-theme]) .card{box-shadow:0 2px 8px #0000004d}:root:not([data-theme]) .card:hover{box-shadow:0 4px 12px #0006}}input,select,textarea{font-size:16px;background-color:var(--surface-color);color:var(--text-color);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:.5em}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{border-color:#ffffff1a}@media (prefers-color-scheme: dark){:root:not([data-theme]) input,:root:not([data-theme]) select,:root:not([data-theme]) textarea{border-color:#ffffff1a}}@media (max-width: 767px){body{font-size:14px}h1{font-size:1.75em}h2{font-size:1.4em}h3{font-size:1.2em}button{padding:.75em 1.5em;font-size:1em}.card{padding:1em}}.auth-dialog-image{width:100%;max-width:min(400px,100%);height:auto;display:block}@media (max-width: 480px){.auth-dialog-image{max-width:100%}}@media (min-width: 481px) and (max-width: 767px){.auth-dialog-image{max-width:min(350px,100%)}}@media (min-width: 768px){.auth-dialog-image{max-width:min(400px,100%)}}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.connected{background-color:var(--color-success)}.status-dot.disconnected{background-color:#ef4444}.info-box{margin-top:1.5rem;padding:1rem;background-color:#33a1fd1a;border-left:4px solid var(--primary);border-radius:4px}.info-box h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary)}.info-box p{font-size:.9rem;line-height:1.6;margin:.5rem 0 0}.error-box{background-color:#ef44441a;border-left-color:#ef4444}.tab-button{padding:.6em 1.2em;background-color:transparent;color:var(--text-color);border:2px solid transparent;transition:all .3s ease}.tab-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.tab-button:hover:not(.active){border-color:var(--primary);color:var(--primary);background-color:transparent;transform:none;box-shadow:none}.text-primary{color:var(--primary)}.text-success{color:var(--color-success)}.text-error{color:#ef4444}.text-warning{color:#f59e0b}.text-muted{opacity:.7}.bg-primary{background-color:var(--primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:#ef4444}.bg-warning{background-color:#f59e0b}.bg-primary-subtle{background-color:#33a1fd1a}.bg-success-subtle{background-color:#4caf501a}.bg-error-subtle{background-color:#ef44441a}.bg-warning-subtle{background-color:#f59e0b1a}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--color-success)}.border-error{border-color:#ef4444}.border-warning{border-color:#f59e0b}.badge{display:inline-block;padding:.25em .75em;border-radius:4px;font-size:.875rem;font-weight:600}.badge-primary{background-color:var(--primary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-purple{background-color:var(--color-purple);color:#fff}.badge-teal{background-color:var(--color-teal);color:#fff}.theme-toggle{transition:all .3s ease}.theme-toggle:hover{background-color:#33a1fd1a!important;transform:scale(1.1)!important;box-shadow:none!important}.theme-toggle:active{transform:scale(.95)!important}