:root{--terminal-green: #00ff41;--terminal-dark: #050505;--terminal-gray: #1a1a1a;--bsod-blue: #0078d7;--panel-w: 280px;--trigger-w: 42px}body{margin:0;padding:0;background-color:var(--terminal-dark);color:#fff;font-family:Inter,sans-serif;overflow-x:hidden}.main-content-wrapper{padding-left:var(--trigger-w);min-height:100vh;position:relative}.scroll-btn{position:fixed;bottom:30px;right:30px;z-index:9999;background:#000500e6;border:1px solid rgba(0,255,65,.4);color:var(--terminal-green);padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1);font-family:JetBrains Mono,monospace;backdrop-filter:blur(5px)}.scroll-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-btn .btn-text{font-size:9px;font-weight:900;letter-spacing:1px}.scroll-btn:hover{background:#00ff411a;border-color:var(--terminal-green);box-shadow:0 0 15px #00ff4133;transform:scale(1.05)}.scroll-btn .btn-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--terminal-green);opacity:.3;animation:btn-scan-v 2s infinite linear}@keyframes btn-scan-v{0%{top:0}to{top:100%}}.side-services-overlay{position:fixed;left:calc(var(--panel-w) * -1);top:0;height:100vh;width:calc(var(--panel-w) + var(--trigger-w));z-index:10000;display:flex;transition:transform .6s cubic-bezier(.16,1,.3,1)}.side-services-overlay:hover{transform:translate(var(--panel-w))}.side-panel-content{width:var(--panel-w);background:linear-gradient(to right,#050505,#0a0a0a);border-right:1px solid rgba(0,255,65,.1);box-shadow:20px 0 50px #00000080}.panel-inner{display:flex;flex-direction:column;height:100%}.panel-header{padding:25px 20px;border-bottom:1px solid #111;background:#0003}.terminal-top{display:flex;gap:6px;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;opacity:.5}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.root-path{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--terminal-green);opacity:.8;letter-spacing:1px}.services-list{padding:20px 15px;display:flex;flex-direction:column;gap:12px}.service-link{display:flex;align-items:center;padding:15px;background:#ffffff05;border:1px solid #1a1a1a;text-decoration:none;color:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:JetBrains Mono,monospace;position:relative;overflow:hidden}.s-icon{font-size:10px;color:var(--terminal-green);font-weight:700;width:40px;border-right:1px solid #222;margin-right:15px}.s-name{display:block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:2px}.status-row{display:flex;align-items:center;gap:10px}.s-status.active{color:var(--terminal-green);font-size:8px;font-weight:700}.s-status.offline{color:#666;font-size:8px;font-weight:700}.ping{font-size:8px;color:#444}.service-link.active{border-color:var(--terminal-green);background:#00ff4108}.service-link.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--terminal-green)}.service-link:hover:not(.locked){background:#00ff411a;border-color:var(--terminal-green);transform:translate(8px)}.service-link.locked{opacity:.5;cursor:not-allowed;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,0,0,.02) 5px,rgba(255,0,0,.02) 10px)}.error-shake{animation:shake .4s;border-color:#ff3e3e!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.side-trigger-panel{width:var(--trigger-w);background:#080808;border-right:1px solid #151515;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.trigger-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:#555;letter-spacing:4px;font-family:JetBrains Mono,monospace}.pulse-dot{width:6px;height:6px;background:var(--terminal-green);border-radius:50%;box-shadow:0 0 10px var(--terminal-green);animation:pulse 2s infinite linear}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.panel-footer{margin-top:auto;padding:20px;border-top:1px solid #111;background:#0000004d}.sys-metrics{display:flex;gap:15px;margin-bottom:8px}.metric{font-size:9px;color:#444;font-family:JetBrains Mono,monospace}.metric .val{color:var(--terminal-green);opacity:.7}.crt-base{position:fixed;inset:0;z-index:5000;pointer-events:none}.scanlines{position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000000d 50%);background-size:100% 4px;opacity:.4}.glitch-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s}.glitch-overlay.active{opacity:1;animation:global-flicker .1s infinite}@keyframes global-flicker{0%{background:#00ff410d}to{background:#ff00c108}}.blink{animation:blink-anim 1s steps(2) infinite;color:var(--terminal-green)}@keyframes blink-anim{0%{opacity:0}}@media(max-width:1024px){.main-content-wrapper{padding-left:0}.side-services-overlay{display:none!important}.scroll-btn{right:15px;bottom:15px}}