@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap");:root{--shell-bg:#0d0f12;--sidebar-bg:#111418;--sidebar-border:#1a2030;--accent:#4a7fa5;--accent-bright:#5d9ec9;--accent-dim:#2a4d66;--text-primary:#e8edf2;--text-secondary:#7a8a99;--text-muted:#3d4e5e;--sidebar-width:260px;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--shell-bg);color:var(--text-primary);font-family:var(--font-display);overflow-x:hidden}body.no-scroll{overflow:hidden}ul{list-style:none}a{text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--sidebar-bg)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.aside{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;align-items:center;padding:40px 0 30px;z-index:100;transition:left .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.aside:after{content:"";position:absolute;top:15%;bottom:15%;right:0;width:1px;background:linear-gradient(to bottom,transparent,var(--accent-dim),transparent)}.aside .logo{margin-bottom:52px}.aside .logo a,.aside .logo>a{display:flex;gap:1px;font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:.06em;color:var(--text-primary);padding:10px 16px;position:relative;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.aside .logo a:before{top:0;left:0;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.aside .logo a:after,.aside .logo a:before{content:"";position:absolute;width:14px;height:14px}.aside .logo a:after{bottom:0;right:0;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.aside .logo a span{font-family:var(--font-display);display:inline-block;animation:logoGlow 3s ease-in-out infinite}.aside .logo a span:nth-child(2){animation-delay:.4s}@keyframes logoGlow{0%,to{color:var(--text-primary);text-shadow:none}50%{color:var(--accent-bright);text-shadow:0 0 16px var(--accent),0 0 32px var(--accent-dim)}}.aside .nav{width:100%;padding:0 20px;flex:1 1}.aside .nav ul{display:flex;flex-direction:column;gap:4px}.aside .nav li a{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);border:1px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease;position:relative}.aside .nav li a svg{width:17px;height:17px;flex-shrink:0;transition:stroke .2s ease}.aside .nav li a:hover{color:var(--text-primary);background:rgba(74,127,165,.07);border-color:var(--sidebar-border)}.aside .nav li a.active{color:var(--accent-bright);background:rgba(74,127,165,.1);border-color:var(--accent-dim)}.aside .nav li a.active:before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:2px;background:var(--accent);border-radius:2px}.aside-footer{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--text-muted);margin-top:auto;padding-top:24px}.nav-toggler{display:none;position:fixed;top:18px;left:18px;z-index:200;width:40px;height:40px;background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:6px;cursor:pointer;align-items:center;justify-content:center;transition:border-color .2s ease}.nav-toggler:hover{border-color:var(--accent-dim)}.nav-toggler span,.nav-toggler span:after,.nav-toggler span:before{display:block;width:18px;height:2px;background:var(--accent);border-radius:2px;transition:transform .25s ease,opacity .2s ease;position:relative}.nav-toggler span:after,.nav-toggler span:before{content:"";position:absolute;left:0}.nav-toggler span:before{top:-6px}.nav-toggler span:after{top:6px}.nav-toggler.open span{background:transparent}.nav-toggler.open span:before{transform:rotate(45deg);top:0}.nav-toggler.open span:after{transform:rotate(-45deg);top:0}.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left .3s cubic-bezier(.22,1,.36,1)}@media (max-width:1024px){.aside{left:calc(-1 * var(--sidebar-width))}.aside.open{left:0}.nav-toggler{display:flex}.main-content{margin-left:0}.overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.aside.open~.overlay,.overlay.active{opacity:1;pointer-events:auto}}