.app-rail{--rail-bg:#1e4a4e;--rail-fg:#fff;--rail-circle:#fff;--rail-accent:#7ed957;background:var(--rail-bg);scrollbar-width:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:70px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.app-rail::-webkit-scrollbar{display:none}.app-rail-logo{color:var(--rail-accent);flex-shrink:0;justify-content:center;align-items:center;padding:12px 0 6px;font-size:24px;display:flex}.app-rail-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:10px;padding:6px 0;display:flex;overflow-y:auto}.app-rail-nav::-webkit-scrollbar{display:none}.app-rail-item{color:var(--rail-fg);flex-direction:column;align-items:center;gap:5px;padding:2px 0;text-decoration:none;display:flex;position:relative}.app-rail-icon{width:42px;height:42px;color:var(--rail-fg);border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:background .15s,color .15s;display:flex}.app-rail-item:hover .app-rail-icon,.app-rail-item.active .app-rail-icon{background:var(--rail-circle);color:var(--rail-bg)}.app-rail-item.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:34px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-rail-label{text-align:center;color:var(--rail-fg);font-size:12px;line-height:1.1}.app-rail-footer{flex-shrink:0;justify-content:center;padding:10px 0 14px;display:flex}.app-rail-avatar{color:#fff;background:#6d5ae0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.app-subnav{--subnav-bg:#fff;--subnav-border:#0000000f;--subnav-fg:#333;--subnav-hover-bg:#0000000a;--subnav-active-bg:#e7f1ec;--subnav-active-fg:#0a474c;background:var(--subnav-bg);border-right:1px solid var(--subnav-border);flex-shrink:0;width:232px;height:100vh;padding:18px 12px;position:sticky;top:0;overflow-y:auto}.dark .app-subnav{--subnav-bg:#141414;--subnav-border:#ffffff14;--subnav-fg:#ffffffd9;--subnav-hover-bg:#ffffff0f;--subnav-active-bg:#7ed9571f;--subnav-active-fg:#fff}.app-subnav-title{color:var(--subnav-fg);padding:4px 10px 16px;font-size:19px;font-weight:600}.app-subnav-list{flex-direction:column;gap:4px;display:flex}.app-subnav-item{color:var(--subnav-fg);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.app-subnav-item:hover{background:var(--subnav-hover-bg)}.app-subnav-item.active{background:var(--subnav-active-bg);color:var(--subnav-active-fg);font-weight:500}.app-subnav-icon{font-size:20px;line-height:0;display:flex}@media (width<=900px){.app-subnav{width:190px}}html,body,#root{height:100%;margin:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media only screen and (width>=767px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#bebebe;border-radius:20px;transition:all 1s}::-webkit-scrollbar-track{background:#e6e6e6;border-radius:20px}}.dark ::-webkit-scrollbar-thumb{background:#555}.dark ::-webkit-scrollbar-track{background:#2a2a2a}:root{--viz-series-1:#2a78d6;--viz-series-2:#1baf7a;--viz-grid:#e1e0d9;--viz-axis:#898781}.dark{--viz-series-1:#3987e5;--viz-series-2:#199e70;--viz-grid:#2c2c2a;--viz-axis:#898781}