@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-success:#059669;--color-success-hover:#047857;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-warning:#d97706;--color-warning-hover:#b45309;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-bg-primary:#fff;--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-border:var(--color-gray-200);--color-border-hover:var(--color-gray-300);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl)}.page-content{min-height:calc(100vh - 120px);padding:var(--spacing-xl) 0}.heading-1{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.heading-2{font-size:1.875rem}.heading-2,.heading-3{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.heading-3{font-size:1.5rem}.text-secondary{color:var(--color-text-secondary);font-size:.875rem}.text-muted{color:var(--color-text-muted)}.btn,.text-muted{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;min-height:40px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem;min-height:32px}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;min-height:48px}.card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-md);margin-top:var(--spacing-lg)}.status-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-connected{background-color:rgba(34,197,94,.1);color:var(--color-success)}.status-disconnected{background-color:rgba(239,68,68,.1);color:var(--color-danger)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background-color:var(--color-success)}.status-dot.disconnected{background-color:var(--color-danger)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--spacing-lg)}.alert-success{background-color:rgba(34,197,94,.1);border-color:var(--color-success);color:var(--color-success)}.alert-danger{background-color:rgba(239,68,68,.1);border-color:var(--color-danger);color:var(--color-danger)}.alert-warning{background-color:rgba(217,119,6,.1);border-color:var(--color-warning);color:var(--color-warning)}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .15s ease}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-primary);background-color:rgba(37,99,235,.1)}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--spacing-md);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.empty-state h3{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.w-full{width:100%}.text-center{text-align:center}