body.has-sidebar{--sidebar-width:220px}body.sidebar-compact{--sidebar-width:76px}body.sidebar-enabled>main{margin-left:var(--sidebar-width);max-width:none;width:auto;min-width:0} .site-sidebar{position:fixed;left:0;top:76px;bottom:0;width:var(--sidebar-width);padding:18px 12px;background:#0d141b;border-right:1px solid #283b48;overflow-y:auto;z-index:90;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.site-sidebar[hidden]{display:none}.sidebar-heading{display:flex;flex-direction:column;gap:12px;padding:0 8px 16px}.sidebar-title{color:#33d18b;letter-spacing:2px}.site-sidebar .sidebar-link{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#9eafc1;text-decoration:none;text-align:left;font:600 14px system-ui;box-sizing:border-box}.site-sidebar .sidebar-link:hover{background:#172630;color:#fff}.site-sidebar .sidebar-link.active{color:#52e2a6;background:#16352b}.sidebar-icon{font-size:10px;min-width:24px;text-align:center;letter-spacing:.6px}.sidebar-admin{margin-top:12px;border-top:1px solid #283b48;padding-top:12px}.sidebar-admin summary{cursor:pointer;padding:10px;color:#b5c5d5}.sidebar-admin .sidebar-link{padding-left:18px}.sidebar-collapse{font-size:11px;padding:6px}.sidebar-compact .sidebar-label,.sidebar-compact .sidebar-title{display:none}.sidebar-compact .sidebar-link{justify-content:center;padding:10px 2px}.sidebar-compact .sidebar-admin summary{font-size:10px;padding:10px 0}.sidebar-compact .sidebar-heading{padding:0 0 12px}.sidebar-menu{display:none}.sidebar-shade{display:none}.display-settings{width:min(520px,calc(100vw - 32px));box-sizing:border-box;background:#121c25;color:#eef5fb;border:1px solid #334959;border-radius:14px;padding:24px;max-height:90dvh;overflow:auto}.display-settings::backdrop{background:#000a}.display-settings label{display:flex;flex-direction:column;gap:8px;margin:20px 0}.display-settings select{width:100%;font-size:16px}.display-settings p{line-height:1.5}.sidebar-admin[hidden]{display:none}.has-sidebar .topbar{min-height:76px;box-sizing:border-box}.has-sidebar .workspace.graphs-expanded{z-index:1000}
@media(max-width:800px){body.sidebar-enabled>main{margin-left:0}body.has-sidebar{--sidebar-width:240px}.site-sidebar{top:0;z-index:1200;transform:translateX(-100%);padding-top:24px}.sidebar-open .site-sidebar{transform:none}.sidebar-menu{display:inline-flex;min-height:40px}.sidebar-menu[hidden]{display:none}.sidebar-open .sidebar-shade{display:block;position:fixed;inset:0;background:#0009;border:0;border-radius:0;z-index:1199}.sidebar-compact .sidebar-label,.sidebar-compact .sidebar-title{display:initial}.sidebar-compact .sidebar-link{justify-content:flex-start;padding:10px}.sidebar-collapse{display:none}.sidebar-compact .sidebar-admin summary{font-size:14px;padding:10px}.has-sidebar .topbar{gap:8px;padding:10px 12px;flex-wrap:wrap}.has-sidebar .topbar-actions{gap:6px}.sidebar-heading:before{content:'Navigation';font-size:12px;color:#9eafc1}}

.sidebar-collapse,.sidebar-menu,.display-settings button{background:#17232e;color:#e6eef7;border:1px solid #314351;border-radius:8px;cursor:pointer;padding:8px 12px}.site-sidebar a:focus-visible,.site-sidebar button:focus-visible,.site-sidebar summary:focus-visible{outline:2px solid #4edca2;outline-offset:2px}