diff --git a/app/pages/__layout__.html b/app/pages/__layout__.html
index 9057f46..7bd3183 100644
--- a/app/pages/__layout__.html
+++ b/app/pages/__layout__.html
@@ -1,210 +1,186 @@
 <!doctype html>
-<html lang="en" data-bs-theme="dark" data-theme="dark">
-    <head>
-<!--[if IE 6]>
-  © COPYRIGHT 2026 nexium.fit
-  DO NOT COPY, MODIFY, OR REDISTRIBUTE THIS CODE
-  WITHOUT PERMISSION FROM nexium.fit
+<html lang="en" data-bs-theme="dark">
 
-  
-  PAGE GENERATED AT : {{ datetime_utcnow() }} UTC
+<head>
+  <!--[if IE 6]>
+ whenever you feel down,
+ remember that theres still a lot to live for.
+
+    nexium.fit, lx was here.
+    
 <![endif]-->
-        <meta charset="utf-8">
-        <script>(function(){var t=localStorage.getItem('theme')||'dark';document.documentElement.setAttribute('data-theme',t);document.documentElement.setAttribute('data-bs-theme',t);})();</script>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="icon" href="/static/img/NEXIUM.ico" type="image/x-icon"/>
-        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
-        <script async src="https://www.googletagmanager.com/gtag/js?id=G-7P5LY26BKG"></script>
-        <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap" rel="stylesheet">
-        <link href="/static/css/global.css" rel="stylesheet"/>
-        <link href="/static/css/custom-ui-tweaks.css" rel="stylesheet"/>
-        {% if currentuser: %}<script src="/static/js/presence.js"></script>{% endif %}
-        <style>
-          .subnav-bar a {
-            color: var(--subnav-link) !important;
-            font-size: 14px;
-            text-decoration: none;
-            margin-right: 15px;
-            margin-top: 0;
-          }
-          .subnav-bar a:hover {
-            color: var(--subnav-link-hover) !important;
-          }
-          .subnav-bar {
-            background-color: var(--subnav-bg);
-            padding: 3px;
-          }
-          @media screen and (max-width: 992px) {
-            .subnav-bar {
-              display: none;
-            }
-            .main-nav-dropdown {
-              display: block !important;
-            }
-          }
-          @media screen and (min-width: 992px) {
-            .main-nav-dropdown {
-              display: none;
-            }
-          }
-        </style>
-        <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
-        <title>{% block title %}{% endblock %} - NEXIUM</title>
-        <meta name="robots" content="noindex">
-        {% block head %}{% endblock %}
-    </head>
-    <body class="has-left-sidebar" {% if website_wide_message %}style="padding-top: 30px"{% endif %}>
-        <!-- Left sidebar replacing the top navigation -->
-        <aside class="left-sidebar" role="navigation" aria-label="Main sidebar">
-            <div class="sidebar-brand">
-                <img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
-            </div>
-            <nav class="sidebar-nav">
-                <ul>
-                    <li><a href="/home">Home</a></li>
-                    <li><a href="/users/{{ currentuser.id }}/profile">Profile</a></li>
-                    <li><a href="/settings"><i class="bi bi-gear-fill me-2"></i>Settings</a></li>
-                    <li><a href="/friends">Friends</a></li>
-                    <li><a href="/users">Users</a></li>
-                    <li><a href="/avatar">Avatar</a></li>
-                    <li><a href="/messages">Messages</a></li>
-                    <li><a href="/groups">Groups</a></li>
-                    <li><a href="/trade">Trades</a></li>
-                    <li><a href="/download">Downloads</a></li>
-                    <li><a href="https://discord.gg/cBMp3Z52UM" target="_blank" rel="noopener">Discord</a></li>
-                    {% if currentuser.is_admin %}
-                    <li><a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %} <span class="badge">{{currentuser.pending_asset_count}}</span>{% endif %}</a></li>
-                    {% endif %}
-                </ul>
-            </nav>
-        </aside>
-        <div class="fixed-top width-100">
-        {% if currentuser: %}
-        <nav class="navbar navbar-expand-lg">
-            <div class="container-fluid">
-              <a class="navbar-brand position-relative me-md-2 " href="/home">
-                <img src="/static/img/LoginLogo.png" alt="NEXIUM" class="brand-logo" />
-              </a>
-              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-              </button>
-              <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="/home">Home</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="/games">Games</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="/catalog">Catalog</a>
-                  </li>
-                  <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="/develop">Develop</a>
-                  </li>
-                  <div class="nav-item dropdown d-flexr main-nav-dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="height:28px;">
-                      Others{% if currentuser.unread_messages > 0 or currentuser.inbound_trades > 0: %} 🔴{%endif%}
-                    </a>
-                    <ul class="dropdown-menu">
-                      <li><a class="dropdown-item" href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a></li>
-                      <li><a class="dropdown-item" href="/groups">Groups</a></li>
-                      <li><a class="dropdown-item" href="/users">Users</a></li>
-                      <li><a class="dropdown-item" href="/avatar">Avatar</a></li>
-                      <li><a class="dropdown-item" href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a></li>
-                      <li><a class="dropdown-item" href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a></li>
-                      <li><a class="dropdown-item" href="/download">Downloads</a></li>
-                      <!-- <li><a class="dropdown-item" href="https://synmons.com">Synmons</a></li> -->
-                      <li><hr class="dropdown-divider"></li>
-                      <li><a class="dropdown-item" href="https://discord.gg/cBMp3Z52UM">Discord</a></li>
-                      {% if currentuser.is_admin: %}
-                      <li><a class="dropdown-item" href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a></li>
-                      {% endif %}
-                    </ul>
-                  </div>
-                </ul>
-                <div class="d-flex" id="currencydiv">
-                    <a style="margin-right:10px;font-weight: 600;text-decoration: none;" href="/users/{{currentuser.id}}/profile"><img class="rounded-5 overflow-hidden me-2" width="32" height="32" src="/Thumbs/Head.ashx?x=48&y=48&userId={{currentuser.id}}" alt="{{currentuser.username}}"/><span>{{currentuser.username}}</span></a>
-                    <span class="rbx-icon-nav-robux me-1 text-body"></span>
-                    <span class="" id="robux-amount">{{currentuser.robux}}</span>
-                    <a href="/transactions/"><span class="rbx-icon-nav-tix"></span></a>
-                    <span>{{currentuser.tix}}</span>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
-                    <div class="nav-item dropdown d-flex ms-3">
-                        <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="height:28px;">
-                          <span class="rbx-icon-nav-settings"></span>
-                        </a>
-                        <ul class="dropdown-menu dropdown-menu-end">
-                          <li><a class="dropdown-item" href="/settings">Settings</a></li>
-                          <li><a class="dropdown-item" href="/invite-keys">Invite Keys</a></li>
-                          <li><a class="dropdown-item" href="/membership">Membership</a></li>
-                          <li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
-                          <li><hr class="dropdown-divider"></li>
-                          <li><form action="/logout" method="post"><input type="hidden" name="csrf_token" value="{{csrf_token()}}"><button class="dropdown-item" style="color:rgb(255, 6, 60);font-weight:600;" type="submit">Logout</button></form></li>
-                        </ul>
-                      </div>
-                </div>
-              </div>
-            </div>
-          </nav>
-          <div class="w-100 border-bottom subnav-bar ps-3 pe-3">
-            <a href="/users/{{currentuser.id}}/profile">Profile</a>
-            <a href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a>
-            <a href="/users">Users</a>
-            <a href="/avatar">Avatar</a>
-            <a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
-            <a href="/groups">Groups</a>
-            <a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
-            <a href="/download">Downloads</a>
-            <!-- <a href="https://synmons.com">Synmons</a> -->
-            <a href="https://discord.gg/cBMp3Z52UM">Discord</a>
-            {% if currentuser.is_admin: %}
-            <a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a>
-            {% endif %}
-          </div>
-        {% endif %}
-        {% if website_wide_message: %}
-        <div id="websitewidemessage" class="alert rounded-0 text-body p-1 position-relative" role="alert" data-announcement="{{ website_wide_message | e }}">
-            <button type="button" id="websitewidemessage-close" aria-label="Close">&times;</button>
-            <p>{{ website_wide_message }}</p>
-        </div>
-        {% endif %}
-        </div>
-        {% block content %}{% endblock %}
-        {% if currentuser: %}
-        <div id="footer">
-            <div class="container pt-4 pb-4">
-                <div class="row">
-                    <div class="col-4">
-                        <b>©2026 nexium.fit</b>
-                        <p>nexium.fit is not affiliated or related to the Roblox Corporation or any of its subsidaries.</p>
-                    </div>
-                    <div class="col" id="footerlist">
-                        <a href="/terms">Terms of Service</a>
-                        <a href="/privacy">Privacy Policy</a>
-                        <a href="https://discord.gg/cBMp3Z52UM">Discord</a>
-                    </div>
-                    <div class="col" id="footerlist">
-                        <a href="/home">Home</a>
-                        <a href="/games">Games</a>
-                        <a href="/catalog">Catalog</a>
-                        <a href="/develop">Develop</a>
-                    </div>
-                    <div class="col" id="footerlist">
-                        <a href="/settings">Settings</a>
-                        <a href="/currency-exchange">Currency Exchange</a>
-                        <a href="/download">Downloads</a>
-                    </div>
-                </div>
-            </div>
-        </div>
+    * {
+      font-family: "Outfit", sans-serif;
+      font-optical-sizing: auto;
+      font-style: normal;
+    }
+
+    img.emoji {
+      height: 1em;
+      width: 1em;
+      margin: 0 .05em 0 .1em;
+      vertical-align: -0.1em;
+    }
+
+.main-content {
+  margin-top: -50px !important;
+}
+
+
+  </style>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" href="/static/img/vortex.ico" type="image/x-icon" />
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
+    crossorigin="anonymous"></script>
+  <script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>
+
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
+  <link href="/static/css/global.css" rel="stylesheet" />
+  <link href="/static/css/header.css?random={{ BuildVersionDontGetThisMixedUpCuh }}" rel="stylesheet" />
+  {% if currentuser: %}
+  <script src="/static/js/presence.js"></script>{% endif %}
+
+  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
+  <title>{% block title %}{% endblock %} - Vortexi</title>
+  <meta name="robots" content="noindex">
+  {% block head %}{% endblock %}
+</head>
+
+<body {% if website_wide_message %}class="has-alert" {% endif %}>
+  <div class="width-100">
+    {% if currentuser: %}
+    <button class="toggle-sidebar btn btn-link text-white d-lg-none position-fixed top-0 start-0 m-2 z-3">
+      <i class="bi bi-list fs-4"></i>
+    </button>
+    <div class="sidebar">
+      <div class="sidebar-nav">
+        <a href="/home" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
+        <a href="/users/{{currentuser.id}}/profile" class="nav-link"><i class="bi bi-person-fill"></i> Profile</a>
+        <a href="/games" class="nav-link"><i class="bi bi-controller"></i> Games</a>
+        <a href="/catalog" class="nav-link"><i class="bi bi-shop"></i> Catalog</a>
+        <a href="/develop" class="nav-link"><i class="bi bi-code-square"></i> Develop</a>
+        <a href="/users/{{currentuser.id}}/friends" class="nav-link">
+          <i class="bi bi-people-fill"></i> Friends
+          {% if currentuser.friend_requests > 0: %}
+          <span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>
+          {% endif %}
+        </a>
+        <a href="/groups" class="nav-link"><i class="bi bi-collection"></i> Groups</a>
+        <a href="/users" class="nav-link"><i class="bi bi-person-fill"></i> Users</a>
+        <a href="/avatar" class="nav-link"><i class="bi bi-person-badge"></i> Avatar</a>
+        <a href="/messages" class="nav-link">
+          <i class="bi bi-envelope-fill"></i> Messages
+          {% if currentuser.unread_messages > 0: %}
+          <span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>
+          {% endif %}
+        </a>
+        <a href="/trade" class="nav-link">
+          <i class="bi bi-arrow-left-right"></i> Trades
+          {% if currentuser.inbound_trades > 0: %}
+          <span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>
+          {% endif %}
+        </a>
+        <a href="/download" class="nav-link"><i class="bi bi-download"></i> Downloads</a>
+        <a href="https://discord.gg/REPLACEME" class="nav-link"><i class="bi bi-discord"></i> Discord</a>
+        {% if currentuser.is_admin: %}
+        <a href="/admin/" class="nav-link">
+          <i class="bi bi-shield-fill"></i> Admin Panel
+          {% if currentuser.pending_asset_count > 0: %}
+          <span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>
+          {% endif %}
+        </a>
         {% endif %}
       </div>
-
     </div>
-    <script src="/static/js/global.js" crossorigin="anonymous"></script>
-    <script src="/static/js/theme.js" crossorigin="anonymous"></script>
-    </body>
+    <nav class="navbar">
+      <div class="container-fluid">
+        <div class="d-flex align-items-center">
+          <button class="toggle-sidebar btn btn-link text-white me-2" type="button">
+            <i class="bi bi-list fs-4"></i>
+          </button>
+          <a class="navbar-brand" href="/home">
+            <h1 class="title-logo">Vortexi</h1>
+          </a>
+        </div>
+
+        <div class="d-flex align-items-center gap-2">
+          <div
+            class=" d-inline-flex align-items-center bg-dark text-white rounded-pill px-3 py-1 border shadow-sm gap-3">
+            <div class="d-flex align-items-center">
+              <span class="rbx-icon-nav-robux me-1 text-white"></span>
+              <span class="fw-semibold" id="robux-amount">{{currentuser.robux}}</span>
+            </div>
+
+            <div class=" d-flex align-items-center">
+              <span class="rbx-icon-nav-tix me-1 text-white"></span>
+              <span class="fw-semibold" id="tix-amount">{{currentuser.tix}}</span>
+            </div>
+          </div>
+
+          <div
+            class="nav-item dropdown d-inline-flex align-items-center rounded-pill px-3 py-1 bg-dark border shadow-sm">
+            <a class="nav-link dropdown-toggle d-flex align-items-center p-0" href="#" role="button"
+              data-bs-toggle="dropdown" aria-expanded="false">
+              <img class="rounded-circle me-2" width="32" height="32"
+                src="/Thumbs/Head.ashx?x=48&y=48&userId={{currentuser.id}}" alt="{{currentuser.username}}" />
+              <b><span class="d-none d-md-inline">{{currentuser.username}}</span></b>
+            </a>
+            <ul class="dropdown-menu dropdown-menu-end">
+              <li><a class="dropdown-item" href="/settings">Settings</a></li>
+              <li><a class="dropdown-item" href="/membership">Membership</a></li>
+              <li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
+              <li>
+                <hr class="dropdown-divider">
+              </li>
+              <li>
+                <form action="/logout" method="post">
+                  <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
+                  <button class="dropdown-item text-danger fw-semibold" type="submit">Logout</button>
+                </form>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </nav>
+
+    <div class="w-100 border-bottom subnav-bar ps-3 pe-3">
+      <a href="/users/{{currentuser.id}}/profile">Profile</a>
+      <a href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span
+          class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a>
+      <a href="/users">Users</a>
+      <a href="/avatar">Avatar</a>
+      <a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span
+          class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
+      <a href="/groups">Groups</a>
+      <a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span
+          class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
+      <a href="/download">Downloads</a>
+      <a href="https://discord.gg/REPLACEME">Discord</a>
+      {% if currentuser.is_admin: %}
+      <a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span
+          class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a>
+      {% endif %}
+    </div>
+    {% endif %}
+    {% if website_wide_message: %}
+    <div id="websitewidemessage" class="alert text-white" role="alert">
+      <p>{{ website_wide_message | safe }}</p>
+    </div>
+    {% endif %}
+  </div>
+  <div class="main-content">
+    {% block content %}{% endblock %}
+  </div>
+  <script src="/static/js/global.js" crossorigin="anonymous"></script>
+  <script src="/static/js/twemoji.js" crossorigin="anonymous"></script>
+
+</body>
 </html>
