:root{--header-height:60px;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;max-width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-container{background-color:var(--p-surface-ground);width:100%;max-width:100%;height:100%;color:var(--p-text-color);flex-direction:column;display:flex;overflow-x:hidden}.skip-link{z-index:1000;background:var(--p-surface-card);border:1px solid var(--p-surface-border);border-radius:var(--p-border-radius);color:var(--p-text-color);padding:.5rem .75rem;text-decoration:none;transition:transform .15s;position:absolute;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus-visible{outline:2px solid var(--p-primary-color);outline-offset:2px;transform:translateY(0)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;transition:background-color .3s,color .3s}:focus-visible{outline:2px solid var(--p-primary-color);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--p-surface-100)}::-webkit-scrollbar-thumb{background:var(--p-surface-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--p-surface-500)}.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark-mode ::-webkit-scrollbar-track{background:var(--p-surface-800)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--p-surface-600)}.map-container{width:100%;height:100%;position:relative}.chart-container{width:100%;height:100%;min-height:200px}.dashboard-grid{height:calc(100vh - var(--header-height));grid-template-rows:1fr 300px;grid-template-columns:1fr 320px;gap:1rem;padding:1rem;display:grid}.dashboard-grid .map-panel{grid-area:1/1}.dashboard-grid .sidebar-panel{grid-area:1/2/3}.dashboard-grid .charts-panel{grid-area:2/1}.panel{background:var(--p-surface-card);border-radius:var(--p-border-radius);border:1px solid var(--p-surface-border);flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--p-surface-border);background:var(--p-surface-50);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.panel-title{color:var(--p-text-color);font-size:.875rem;font-weight:600}.panel-content{flex:1;padding:1rem;overflow:auto}.panel-content.no-padding{padding:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.stat-card{background:var(--p-surface-ground);border-radius:var(--p-border-radius);text-align:center;padding:1rem}.stat-value{color:var(--p-primary-color);font-size:1.5rem;font-weight:700}.stat-label{color:var(--p-text-muted-color);margin-top:.25rem;font-size:.75rem}.connection-item{border-bottom:1px solid var(--p-surface-border);align-items:center;gap:.75rem;padding:.75rem;transition:background-color .15s;display:flex}.connection-item:hover{background:var(--p-surface-hover)}.connection-item:last-child{border-bottom:none}.connection-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection-status.active{background:var(--p-green-500);box-shadow:0 0 8px var(--p-green-500)}.connection-status.inactive{background:var(--p-surface-400)}.connection-info{flex:1;min-width:0}.connection-ip{font-family:monospace;font-size:.875rem;font-weight:500}.connection-meta{color:var(--p-text-muted-color);gap:.5rem;font-size:.75rem;display:flex}@media (width<=1024px){.dashboard-grid{grid-template-rows:400px 300px auto;grid-template-columns:1fr}.dashboard-grid .map-panel{grid-area:1/1}.dashboard-grid .charts-panel{grid-area:2/1}.dashboard-grid .sidebar-panel{grid-area:3/1;max-height:400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.standalone-view{background:var(--p-surface-ground);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.standalone-view .view-header{height:var(--header-height);background:var(--p-surface-card);border-bottom:1px solid var(--p-surface-border);justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:0 1rem;display:flex}.standalone-view .header-content{align-items:center;gap:.5rem;min-width:0;display:flex}.standalone-view .header-content h1{margin:0;font-size:1.25rem;font-weight:600}.standalone-view .back-link{text-decoration:none}.standalone-view .view-content{flex:1;padding:1rem;overflow-x:hidden}@media (width<=640px){.standalone-view .view-header{align-items:flex-start;gap:.5rem;height:auto;padding:.75rem}.standalone-view .header-content h1{font-size:1.1rem}.standalone-view .view-content{padding:.5rem}}