*{box-sizing:border-box}body{margin:0;background:#050505;color:#cfcfcf;font-family:Consolas,"Courier New",monospace;display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0b0b0b;border-bottom:1px solid #202020;color:#59ff59;letter-spacing:1px;height:60px}.button{cursor:pointer;padding:6px 14px;border:1px solid #2b2b2b;color:#59ff59;user-select:none}.button:hover{background:#101010}.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;display:flex;flex-direction:column;background:#090909;border-right:1px solid #202020}.footer-title,.sidebar-title{padding:18px;border-bottom:1px solid #1b1b1b;color:#6d6d6d;font-size:12px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column}.sidebar a{padding:10px 18px;color:#9a9a9a;text-decoration:none;border-left:2px solid transparent}.sidebar a:hover{background:#101010;color:#d8d8d8}.sidebar a.active{background:#101010;border-left-color:#59ff59;color:#59ff59}.sidebar-footer{margin-top:auto;border-top:1px solid #202020}.status{display:flex;align-items:center;gap:8px;padding:18px}.dot{width:8px;height:8px;background:#59ff59}main nav{display:flex;gap:8px;padding:18px;border-bottom:1px solid #202020;margin-bottom:30px;z-index:999}main nav a{padding:6px 14px;color:#9a9a9a;text-decoration:none;border-bottom:2px solid transparent}main nav a:hover{background:#101010;color:#d8d8d8}main nav a.active{background:#101010;border-bottom-color:#59ff59;color:#59ff59}main nav a.active:hover{background:#101010;color:#59ff59}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070707}::-webkit-scrollbar-thumb{background:#2d2d2d}::-webkit-scrollbar-thumb:hover{background:#59ff59}