@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",Consolas,monospace;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-bg:#f8fafc;--surface:#fff;--surface-hover:#e2e8f0;--color-primary:#0d9488;--color-primary-light:#14b8a6;--color-primary-hover:#0f766e;--color-on-primary:#fff;--color-primary-subtle:#0d94881a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--score-good:#10b981;--score-ok:#f59e0b;--score-bad:#ef4444;--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-2-5:10px;--spacing-3:12px;--spacing-3-5:14px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--radius-sm:4px;--radius-default:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000001a,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--focus-ring:0 0 0 3px #0d94884d;--transition-instant:50ms;--transition-normal:.15s;--transition-slow:.3s;--ease-default:ease-in-out;--ease-out:ease-out;--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-all:all .15s ease;--container-max:1200px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--sidebar-width:260px;--sidebar-collapsed-width:68px;--z-sidebar:100;--z-backdrop:90;--z-modal:200;--z-tooltip:300;--z-toast:400}[data-theme=dark]{--color-bg:#020617;--surface:#0f172a;--surface-hover:#1e293b;--color-primary:#0d9488;--color-primary-light:#5eead4;--color-primary-hover:#14b8a6;--color-on-primary:#fff;--color-primary-subtle:#5eead41a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e293b;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #00000026;--shadow-xl:0 20px 25px #0000004d,0 10px 10px #00000026;--shadow-2xl:0 25px 50px #00000080;--shadow-inner:inset 0 2px 4px #0003;--focus-ring:0 0 0 3px #5eead44d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#020617;--surface:#0f172a;--surface-hover:#1e293b;--color-primary:#0d9488;--color-primary-light:#5eead4;--color-primary-hover:#14b8a6;--color-on-primary:#fff;--color-primary-subtle:#5eead41a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#1e293b;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #00000026;--shadow-xl:0 20px 25px #0000004d,0 10px 10px #00000026;--shadow-2xl:0 25px 50px #00000080;--shadow-inner:inset 0 2px 4px #0003;--focus-ring:0 0 0 3px #5eead44d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--color-bg);transition:background-color var(--transition-normal)var(--ease-default),color var(--transition-normal)var(--ease-default);line-height:1.5}a{color:var(--color-primary-light);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{box-shadow:var(--focus-ring);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avg-good{color:var(--score-good)}.avg-ok{color:var(--score-ok)}.avg-bad{color:var(--score-bad)}.avg-good-bg{background-color:var(--color-success-bg);color:var(--score-good)}.avg-ok-bg{background-color:var(--color-warning-bg);color:var(--score-ok)}.avg-bad-bg{background-color:var(--color-error-bg);color:var(--score-bad)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border-radius:var(--radius-default);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1.5;display:inline-flex}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:focus-visible{box-shadow:var(--focus-ring)}.btn-secondary{color:var(--text-primary);border-color:var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-hover)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-ghost{color:var(--text-secondary);background-color:#0000;border:none}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--text-primary)}.btn-sm{padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-md)}.btn-icon{padding:var(--spacing-2);width:36px;height:36px}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-sm)}.card-compact{padding:var(--spacing-4)}.input{width:100%;padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-default);transition:var(--transition-all);line-height:1.5}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1);display:block}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-connected{background-color:var(--color-success)}.status-dot-disconnected{background-color:var(--text-muted)}.status-dot-reconnecting{background-color:var(--color-warning);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.badge{padding:var(--spacing-0-5)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge-position{background-color:var(--color-primary-subtle);color:var(--color-primary-light)}.badge-number{background-color:var(--surface-hover);color:var(--text-secondary);font-family:var(--font-mono)}.active-toggle{border:1.5px dashed var(--text-muted);cursor:pointer;width:12px;height:16px;transition:var(--transition-all);border-radius:2px;display:inline-block}.active-toggle.is-active{background-color:var(--color-success);border-color:var(--color-success);border-style:solid}.icon-xs{width:12px;height:12px}.icon-sm{width:14px;height:14px}.icon-base{width:16px;height:16px}.icon-nav{width:20px;height:20px}.icon-section{width:24px;height:24px}.icon-empty{width:32px;height:32px}.icon-hero{width:48px;height:48px}.score-btn{border:1px solid var(--border);border-radius:var(--radius-default);width:32px;height:32px;font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;background:var(--surface);color:var(--text-primary);transition:var(--transition-all);justify-content:center;align-items:center;display:inline-flex}.score-btn:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary-light)}.score-btn.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.page-container{max-width:var(--container-max);padding:var(--spacing-6);margin:0 auto}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-muted)}.grid{gap:var(--spacing-6);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-container{padding:var(--spacing-4)}.page-title{font-size:var(--font-size-xl)}}@media (max-width:640px){.page-container{padding:var(--spacing-3)}.card{padding:var(--spacing-4)}}
.Sidebar-module__y-Zxfa__layout{min-height:100vh;display:flex}.Sidebar-module__y-Zxfa__sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);height:100vh;z-index:var(--z-sidebar);transition:width var(--transition-slow)var(--ease-spring);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.Sidebar-module__y-Zxfa__collapsed{width:var(--sidebar-collapsed-width)}.Sidebar-module__y-Zxfa__brand{align-items:center;gap:var(--spacing-3);padding:var(--spacing-5)var(--spacing-4);border-bottom:1px solid var(--border);min-height:64px;display:flex}.Sidebar-module__y-Zxfa__logo{width:36px;height:36px;color:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.Sidebar-module__y-Zxfa__brandText{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;overflow:hidden}.Sidebar-module__y-Zxfa__nav{padding:var(--spacing-4)var(--spacing-2);gap:var(--spacing-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.Sidebar-module__y-Zxfa__navSection{gap:var(--spacing-1);flex-direction:column;display:flex}.Sidebar-module__y-Zxfa__navLabel{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1)var(--spacing-3);margin-bottom:var(--spacing-1)}.Sidebar-module__y-Zxfa__navList{gap:var(--spacing-0-5);flex-direction:column;list-style:none;display:flex}.Sidebar-module__y-Zxfa__navItem{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-all);cursor:pointer;white-space:nowrap;text-decoration:none;display:flex;overflow:hidden}.Sidebar-module__y-Zxfa__navItem:hover{background:var(--surface-hover);color:var(--text-primary);text-decoration:none}.Sidebar-module__y-Zxfa__navItem.Sidebar-module__y-Zxfa__active{background:var(--color-primary-subtle);color:var(--color-primary-light)}.Sidebar-module__y-Zxfa__navIcon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.Sidebar-module__y-Zxfa__navText{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.Sidebar-module__y-Zxfa__footer{padding:var(--spacing-3)var(--spacing-2);border-top:1px solid var(--border);gap:var(--spacing-1);flex-direction:column;display:flex}.Sidebar-module__y-Zxfa__footerItem{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);white-space:nowrap;display:flex;overflow:hidden}.Sidebar-module__y-Zxfa__footerButton{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--font-size-base);white-space:nowrap;text-align:left;background:0 0;border:none;width:100%;display:flex;overflow:hidden}.Sidebar-module__y-Zxfa__footerButton:hover{background:var(--surface-hover);color:var(--text-primary)}.Sidebar-module__y-Zxfa__footerText{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.Sidebar-module__y-Zxfa__statusDot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.Sidebar-module__y-Zxfa__statusConnected{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.Sidebar-module__y-Zxfa__statusConnecting{background:var(--color-warning,#eab308);animation:1.5s ease-in-out infinite Sidebar-module__y-Zxfa__pulse}@keyframes Sidebar-module__y-Zxfa__pulse{0%,to{opacity:1}50%{opacity:.4}}.Sidebar-module__y-Zxfa__statusOffline{background:var(--text-muted)}.Sidebar-module__y-Zxfa__hamburger{top:var(--spacing-4);left:var(--spacing-4);z-index:calc(var(--z-sidebar) + 1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:var(--transition-all);justify-content:center;align-items:center;display:none;position:fixed}.Sidebar-module__y-Zxfa__hamburger:hover{background:var(--surface-hover)}.Sidebar-module__y-Zxfa__backdrop{z-index:calc(var(--z-sidebar) - 1);background:#00000080;display:none;position:fixed;inset:0}.Sidebar-module__y-Zxfa__main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)var(--ease-spring);flex:1}.Sidebar-module__y-Zxfa__mainCollapsed{margin-left:var(--sidebar-collapsed-width)}@media (max-width:1024px){.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen){width:var(--sidebar-collapsed-width)}.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen) .Sidebar-module__y-Zxfa__navText,.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen) .Sidebar-module__y-Zxfa__brandText,.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen) .Sidebar-module__y-Zxfa__navLabel,.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen) .Sidebar-module__y-Zxfa__footerText{display:none}.Sidebar-module__y-Zxfa__main{margin-left:var(--sidebar-collapsed-width)}}@media (max-width:768px){.Sidebar-module__y-Zxfa__sidebar{width:var(--sidebar-width);transform:translate(-100%)}.Sidebar-module__y-Zxfa__sidebar.Sidebar-module__y-Zxfa__mobileOpen{transform:translate(0)}.Sidebar-module__y-Zxfa__sidebar:not(.Sidebar-module__y-Zxfa__mobileOpen){width:var(--sidebar-width)}.Sidebar-module__y-Zxfa__hamburger{display:flex}.Sidebar-module__y-Zxfa__backdrop{display:block}.Sidebar-module__y-Zxfa__main{padding-top:calc(44px + var(--spacing-8));margin-left:0}.Sidebar-module__y-Zxfa__mainCollapsed{margin-left:0}.Sidebar-module__y-Zxfa__sidebar .Sidebar-module__y-Zxfa__navText,.Sidebar-module__y-Zxfa__sidebar .Sidebar-module__y-Zxfa__brandText,.Sidebar-module__y-Zxfa__sidebar .Sidebar-module__y-Zxfa__navLabel,.Sidebar-module__y-Zxfa__sidebar .Sidebar-module__y-Zxfa__footerText{display:inline}}