diff --git a/style_properties.less b/style_properties.less
index 503f54b..5bcd5a9 100644
--- a/style_properties.less
+++ b/style_properties.less
@@ -44,6 +44,7 @@
 @xf-paletteNeutral1: #f1f1f1;
 @xf-paletteNeutral2: #a1a1aa;
 @xf-paletteNeutral3: #111111;
+@xf-publicLogoUrl: ~'data/assets/logo_default/plaza-logo-wide.webp';
 @xf-selectedItemBgColor: @xf-paletteAccent1;
 @xf-selectedItemColor: @xf-paletteAccent3;
 @xf-styleType: dark;
diff --git a/style_properties/_metadata.json b/style_properties/_metadata.json
index d2c836b..ecb9028 100644
--- a/style_properties/_metadata.json
+++ b/style_properties/_metadata.json
@@ -131,6 +131,9 @@
     "paletteNeutral3.json": {
         "hash": "1ec2ef5d3d83ad10b6b7232aaa08c440"
     },
+    "publicLogoUrl.json": {
+        "hash": "aabe78e8cf804421f6dfa2a20b5028da"
+    },
     "selectedItemBgColor.json": {
         "hash": "1b6dcccfb12810ca097e9609b6190590"
     },
diff --git a/style_properties/publicLogoUrl.json b/style_properties/publicLogoUrl.json
new file mode 100644
index 0000000..a47fc2b
--- /dev/null
+++ b/style_properties/publicLogoUrl.json
@@ -0,0 +1,17 @@
+{
+    "group_name": "basic",
+    "title": "Logo URL",
+    "description": "The path from your XenForo root directory to your logo. If you specify alternate variations, they should be the same size. If you specify an SVG, you should set <b>Emails &gt; Email logo URL</b> to a PNG, or similar, for better compatibility.",
+    "property_type": "value",
+    "css_components": [],
+    "value_type": "string",
+    "value_parameters": "asset=logo",
+    "has_variations": true,
+    "depends_on": "",
+    "value_group": "logo",
+    "property_value": {
+        "default": "data/assets/logo_default/plaza-logo-wide.webp",
+        "alternate": "data/assets/logo_alternate/plaza-logo-wide.webp"
+    },
+    "display_order": 101
+}
\ No newline at end of file
diff --git a/templates/_metadata.json b/templates/_metadata.json
index 30df93d..84af3b4 100644
--- a/templates/_metadata.json
+++ b/templates/_metadata.json
@@ -3,7 +3,7 @@
         "addon_id": "XF",
         "version_id": 2031070,
         "version_string": "2.3.10",
-        "hash": "122ec8228c6c2b8046c4d75aa413e316"
+        "hash": "a857862c1389c9a7592865e46a440848"
     },
     "public/account_alerts_popup.html": {
         "addon_id": "XF",
@@ -11,6 +11,12 @@
         "version_string": "2.3.10",
         "hash": "625739bb3c29b990a3dfc58e44fd24e8"
     },
+    "public/account_preferences_popup.html": {
+        "addon_id": "RomhackPlaza/Master",
+        "version_id": 1000000,
+        "version_string": "1.0.0",
+        "hash": "5de44b0169e7c63fb664aefc04832ba3"
+    },
     "public/alert_macros.html": {
         "addon_id": "XF",
         "version_id": 2031070,
@@ -27,7 +33,7 @@
         "addon_id": "XF",
         "version_id": 2031070,
         "version_string": "2.3.10",
-        "hash": "e5bc61bbe761757ea341047fe034fc40"
+        "hash": "3944286126e45dbc6af560fd1618744e"
     },
     "public/member_tooltip.html": {
         "addon_id": "XF",
@@ -41,22 +47,28 @@
         "version_string": "2.3.10",
         "hash": "5a95069e23fb2a8c740d3d380a0feb34"
     },
+    "public/misc_preferences_popup.html": {
+        "addon_id": "RomhackPlaza/Master",
+        "version_id": 1000000,
+        "version_string": "1.0.0",
+        "hash": "35f51014f2dfed0104697930d0eff39e"
+    },
     "public/romhackplaza_css.html": {
         "addon_id": "",
         "version_id": 0,
         "version_string": "",
-        "hash": "9f45a4c55e49ec4481f9e58b20038717"
+        "hash": "7ef3afe6786ee66da180c97f23f17fcd"
     },
     "public/romhackplaza_js.html": {
         "addon_id": "",
         "version_id": 0,
         "version_string": "",
-        "hash": "30324ecf51ac365509fce5ef1db2ecd1"
+        "hash": "211bbfb5f0c06de1d7c6a662d8580604"
     },
     "public/topbar_actions.html": {
         "addon_id": "RomhackPlaza/Master",
         "version_id": 1000000,
         "version_string": "1.0.0",
-        "hash": "883175f080ec2926eca33fb50f0def1e"
+        "hash": "c69a27c5c117caf5625183e0e627c89d"
     }
 }
\ No newline at end of file
diff --git a/templates/public/PAGE_CONTAINER.html b/templates/public/PAGE_CONTAINER.html
index c5c9617..39299d3 100644
--- a/templates/public/PAGE_CONTAINER.html
+++ b/templates/public/PAGE_CONTAINER.html
@@ -85,26 +85,28 @@
 <main id="app">
 	<nav id="menu">
 		<div class="$menu-header">
-			<div class="$menu-logo">
-				RP
-			</div>
-			<div class="$menu-title">
-				Romhack Plaza
-			</div>
+					<xf:macro id="style_variation_macros::picture"
+			arg-property="publicLogoUrl"
+			arg-propertyRetina="publicLogoUrl2x"
+			arg-width="{{ property('publicLogoWidth') }}"
+			arg-height="{{ property('publicLogoHeight') }}"
+			arg-alt="{$xf.options.boardTitle}" />
 		</div>
 		<div class="$menu-navigation">
 
 
-        <div class="$menu-group">
+
 			<xf:foreach loop="$navTree" key="$navSection" value="$navEntry" i="$i" if="{{ $navSection != $xf.app.defaultNavigationId }}">
+				<div class="$menu-group">
 				<div class="$menu-group-title">{{ $navEntry.title }}</div>
-				<xf:foreach loop="$navEntry.children" key="$childNavId" value="$childNavEntry" i="$j">
-					<a href="{{ $childNavEntry.href }}" class="$menu-item" >
-						<i data-lucide="{{ $childNavEntry.attributes.icon}}"></i><span>{{ $childNavEntry.title }}</span>
-					</a>
-				</xf:foreach>
+					<xf:foreach loop="$navEntry.children" key="$childNavId" value="$childNavEntry" i="$j">
+						<a href="{{ $childNavEntry.href }}" class="$menu-item" >
+							<i data-lucide="{{ $childNavEntry.attributes.icon}}"></i><span>{{ $childNavEntry.title }}</span>
+						</a>
+					</xf:foreach>
+				</div>
 			</xf:foreach>
-        </div>
+
 
     </div>
 
@@ -458,6 +460,7 @@
 
 {$ldJsonHtml|raw}
 
+<xf:js src="RomhackPlaza/Master/core.js" />
 <xf:include template="romhackplaza_js" />
 
 </body>
diff --git a/templates/public/extra.less b/templates/public/extra.less
index ea5932a..2611c34 100644
--- a/templates/public/extra.less
+++ b/templates/public/extra.less
@@ -309,6 +309,11 @@ ul {
     color: var(--text);
     border-color: var(--success2);
 }
+.\$badge.yellow, .\$badge.utilities {
+    background-color: #fdeb0f;
+    color: #000;
+    border-color: #fdeb0f;
+}
 
 .\$topbar-badge {
     position: absolute;
@@ -791,6 +796,169 @@ ul {
 
 
 
+/* File: resources/css/components/drafts.css */
+.\$drafts-count {
+    font-size: 0.85rem;
+    color: var(--text2);
+    margin-bottom: 15px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid var(--border);
+}
+
+.\$drafts-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 15px;
+    padding: 80px 20px;
+    background-color: var(--bg2);
+    border: 1px dashed var(--border);
+    text-align: center;
+    color: var(--text2);
+
+    h3 {
+        font-size: 1.1rem;
+        color: var(--text);
+        margin: 0;
+    }
+
+    p {
+        font-size: 0.9rem;
+        margin: 0;
+    }
+
+}
+
+.\$drafts-list {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.\$drafts-item {
+    display: flex;
+    gap: 20px;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    border-left: 3px solid var(--rhpz-orange);
+    padding: 20px;
+    transition: border-color 0.15s;
+
+    &:hover {
+        border-color: var(--rhpz-orange);
+    }
+}
+
+.\$drafts-cover {
+    width: 80px;
+    height: 80px;
+    flex-shrink: 0;
+    background-color: var(--bg);
+    border: 1px solid var(--border);
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+    }
+}
+
+.\$drafts-cover-placeholder {
+    color: var(--border);
+}
+
+.\$drafts-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.\$drafts-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 15px;
+}
+
+.\$drafts-title {
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 6px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.\$drafts-meta {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+}
+
+.\$drafts-dates {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    text-align: right;
+    font-size: 0.78rem;
+    color: var(--text2);
+    flex-shrink: 0;
+
+    span {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 5px;
+    }
+}
+
+.\$drafts-progress {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.\$drafts-progress-bar {
+    flex: 1;
+    height: 4px;
+    background-color: var(--bg4);
+    overflow: hidden;
+}
+
+.\$drafts-progress-fill {
+    height: 100%;
+    background-color: var(--rhpz-orange);
+    transition: width 0.3s ease;
+
+    .\$complete {
+        background-color: var(--success);
+    }
+}
+.\$drafts-progress-label {
+    font-size: 0.75rem;
+    color: var(--text2);
+    white-space: nowrap;
+}
+.\$drafts-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    justify-content: center;
+    flex-shrink: 0;
+    .\$btn {
+        white-space: nowrap;
+    }
+}
+
+
 /* File: resources/css/components/easymde.css */
 .\$EasyMDEContainer {
     display: flex;
@@ -1264,6 +1432,50 @@ ul {
     flex-direction: column;
     gap: 5px;
 }
+.\$gallery-item {
+    position: relative;
+    cursor: grab;
+    transition: opacity 0.2s, transform 0.15s;
+    user-select: none;
+}
+
+.gallery-item:active { cursor: grabbing; }
+
+.\$gallery-item--dragging {
+    opacity: 0.4;
+    transform: scale(0.97);
+}
+
+.\$gallery-drag-handle {
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    z-index: 10;
+    background-color: rgba(0,0,0,0.6);
+    color: #fff;
+    padding: 3px 4px;
+    display: flex;
+    align-items: center;
+    cursor: grab;
+    opacity: 0;
+    transition: opacity 0.15s;
+}
+
+.gallery-item:hover .gallery-drag-handle { opacity: 1; }
+
+.\$gallery-order-badge {
+    position: absolute;
+    bottom: 4px;
+    left: 4px;
+    z-index: 10;
+    background-color: rgba(0,0,0,0.7);
+    color: #fff;
+    font-size: 0.7rem;
+    font-weight: 700;
+    padding: 2px 6px;
+    min-width: 20px;
+    text-align: center;
+}
 .\$authors-list {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -1444,6 +1656,47 @@ ul {
 
 .author-search-item:hover { background-color: var(--bg3); }
 
+.\$game-selector-mode {
+    display: flex;
+    gap: 0;
+    margin-bottom: 15px;
+    border: 1px solid var(--border);
+}
+
+.\$game-selector-mode-btn {
+    display: flex;
+    align-items: center;
+    gap: 7px;
+    padding: 8px 14px;
+    background: none;
+    border: none;
+    border-right: 1px solid var(--border);
+    color: var(--text2);
+    font-size: 0.85rem;
+    cursor: pointer;
+    font-family: var(--font-family);
+    transition: background-color 0.1s, color 0.1s;
+}
+
+.\$game-selector-mode-btn:last-child {
+    border-right: none;
+}
+
+.\$game-selector-mode-btn:hover {
+    background-color: var(--bg3);
+    color: var(--text);
+}
+
+.\$game-selector-mode-btn.active {
+    background-color: var(--bg3);
+    color: var(--rhpz-orange);
+    border-bottom: 2px solid var(--rhpz-orange);
+}
+
+.\$game-selector-platform-only {
+    grid-column: span 1;
+}
+
 
 /* File: resources/css/components/grid.css */
 .\$grid-c2 {
@@ -1658,11 +1911,563 @@ ul {
 
 }
 
-.\$modal-content {
+.\$modal-content, .\$modal-body {
     padding: 20px;
 }
 
 
+/* File: resources/css/components/modcp.css */
+.\$modcp-wrapper {
+    display: flex;
+    gap: 0;
+    align-items: flex-start;
+    min-height: calc(100vh - 60px);
+}
+
+.\$modcp-sidebar {
+    width: 220px;
+    flex-shrink: 0;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    position: sticky;
+    top: 0;
+    align-self: flex-start;
+    margin-right: 15px;
+}
+
+.\$modcp-sidebar-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 14px 16px;
+    font-weight: 600;
+    font-size: 0.88rem;
+    color: var(--text);
+    border-bottom: 1px solid var(--border);
+    background-color: var(--bg3);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+
+.modcp-nav { padding: 8px 0; }
+
+.modcp-nav-group { margin-bottom: 4px; }
+
+.\$modcp-nav-label {
+    display: block;
+    padding: 8px 16px 4px;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.8px;
+    color: var(--text2);
+}
+
+.\$modcp-nav-item {
+    display: flex;
+    align-items: center;
+    gap: 9px;
+    padding: 8px 16px;
+    font-size: 0.88rem;
+    color: var(--text);
+    text-decoration: none;
+    border-left: 3px solid transparent;
+    transition: background-color 0.1s, border-color 0.1s;
+
+    &:hover {
+        background-color: var(--bg3);
+        text-decoration: none;
+    }
+    .\$active {
+        background-color: var(--bg3);
+        border-left-color: var(--rhpz-orange);
+        color: var(--text);
+        font-weight: 600;
+    }
+}
+
+.\$modcp-nav-badge {
+    margin-left: auto;
+    background-color: var(--rhpz-orange);
+    color: #111;
+    font-size: 0.65rem;
+    font-weight: 700;
+    min-width: 18px;
+    height: 18px;
+    border-radius: 9px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 5px;
+}
+
+.\$modcp-content {
+    flex: 1;
+    min-width: 0;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 25px;
+}
+
+.\$modcp-page-title {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 25px;
+    padding-bottom: 15px;
+    border-bottom: 1px solid var(--border);
+}
+
+.\$modcp-count {
+    margin-left: auto;
+    font-size: 0.85rem;
+    font-weight: normal;
+    color: var(--text2);
+}
+
+.\$modcp-section-title {
+    font-size: 0.78rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.7px;
+    color: var(--text2);
+    margin-bottom: 12px;
+}
+
+.\$modcp-stats {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 12px;
+    margin-bottom: 25px;
+}
+
+.\$modcp-stat-card {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px;
+    background-color: var(--bg3);
+    border: 1px solid var(--border);
+    border-left: 3px solid var(--border);
+    text-decoration: none;
+    transition: border-color 0.15s, background-color 0.15s;
+    color: var(--text);
+
+    &:hover {
+        background-color: var(--bg4);
+        text-decoration: none;
+    }
+}
+
+.modcp-stat-card--orange { border-left-color: var(--rhpz-orange); }
+.modcp-stat-card--danger  { border-left-color: var(--error); }
+.modcp-stat-card--muted   { cursor: default; }
+
+.modcp-stat-icon { color: var(--text2); }
+.modcp-stat-card--orange .modcp-stat-icon { color: var(--rhpz-orange); }
+.modcp-stat-card--danger  .modcp-stat-icon { color: var(--error); }
+
+.modcp-stat-info  { display: flex; flex-direction: column; }
+.modcp-stat-value { font-size: 1.4rem; font-weight: 700; color: var(--text); line-height: 1; }
+.modcp-stat-label { font-size: 0.75rem; color: var(--text2); margin-top: 3px; }
+
+.\$modcp-quick-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 25px;
+}
+
+.\$modcp-quick-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    padding: 8px 14px;
+    background-color: var(--bg3);
+    border: 1px solid var(--border);
+    color: var(--text);
+    font-size: 0.85rem;
+    text-decoration: none;
+    transition: background-color 0.1s, border-color 0.1s;
+
+    &:hover {
+        background-color: var(--bg4);
+        border-color: var(--rhpz-orange);
+        text-decoration: none;
+    }
+}
+
+.modcp-list { display: flex; flex-direction: column; }
+
+.\$modcp-list-item {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    padding: 12px 15px;
+    border-bottom: 1px solid var(--border);
+    transition: background-color 0.1s;
+}
+
+.modcp-list-item:last-child { border-bottom: none; }
+.modcp-list-item:hover { background-color: var(--bg3); }
+.modcp-list-item--deleted { opacity: 0.8; }
+
+.\$modcp-list-item-cover {
+    width: 44px;
+    height: 44px;
+    flex-shrink: 0;
+    background-color: var(--bg);
+    border: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    color: var(--border);
+}
+
+.\$modcp-list-item-cover img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.\$modcp-list-item-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.\$modcp-list-item-title {
+    font-size: 0.92rem;
+    font-weight: 600;
+    color: var(--text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.\$modcp-list-item-meta {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 0.78rem;
+    color: var(--text2);
+}
+
+.\$modcp-list-item-actions {
+    display: flex;
+    gap: 6px;
+    flex-shrink: 0;
+}
+
+.\$modcp-list-item-edit {
+    display: flex;
+    gap: 6px;
+    flex: 1;
+    align-items: center;
+}
+
+.\$modcp-list-item-edit .\$form-input {
+    flex: 1;
+    padding: 5px 10px;
+    font-size: 0.88rem;
+}
+
+.\$modcp-list-see-all {
+    display: block;
+    text-align: center;
+    padding: 10px;
+    font-size: 0.85rem;
+    color: var(--rhpz-orange);
+    border-top: 1px solid var(--border);
+    text-decoration: none;
+}
+
+.\$modcp-add-form {
+    background-color: var(--bg3);
+    border: 1px solid var(--border);
+    padding: 15px;
+    margin-bottom: 20px;
+}
+
+.\$modcp-add-form-inner {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+}
+
+.modcp-add-form-inner .form-input { flex: 1; }
+
+.\$modcp-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    padding: 50px 20px;
+    color: var(--text2);
+    text-align: center;
+}
+
+.\$mod-alert {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 15px;
+    margin-bottom: 20px;
+    font-size: 0.88rem;
+    border: 1px solid;
+}
+
+.\$mod-alert--success {
+    background-color: rgba(129, 199, 132, 0.08);
+    border-color: rgba(129, 199, 132, 0.3);
+    color: var(--success);
+}
+
+.\$modcp-list-item-edit--game {
+    flex-wrap: wrap;
+    gap: 6px;
+}
+
+.modcp-list-item-edit--game .form-input  { min-width: 180px; flex: 2; }
+.modcp-list-item-edit--game .form-select { flex: 1; min-width: 120px; }
+
+.\$log-filters {
+    margin-bottom: 16px;
+    background-color: var(--bg3);
+    border: 1px solid var(--border);
+}
+
+.\$log-filters-main {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 14px;
+    flex-wrap: wrap;
+}
+
+.\$log-search-wrap {
+    flex: 1;
+    min-width: 200px;
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.\$log-search-wrap i {
+    position: absolute;
+    left: 10px;
+    color: var(--text2);
+    pointer-events: none;
+}
+
+.log-search-wrap .form-input { padding-left: 30px; }
+
+.log-select { min-width: 130px; }
+
+.\$log-filter-dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--rhpz-orange);
+    flex-shrink: 0;
+}
+
+.\$log-filters-extra {
+    border-top: 1px solid var(--border);
+    padding: 12px 14px;
+}
+
+.\$log-filters-extra-inner {
+    display: flex;
+    align-items: flex-end;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.\$log-filter-field {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.\$log-filter-label {
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.6px;
+    color: var(--text2);
+}
+
+.log-transition-enter { transition: all .15s ease; }
+.log-transition-leave { transition: all .1s ease; }
+
+.\$log-results-bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 0.78rem;
+    color: var(--text2);
+    margin-bottom: 10px;
+    padding: 0 2px;
+}
+
+.log-loading { opacity: 0.5; }
+
+.log-item { align-items: flex-start; padding: 11px 14px; }
+.log-item--open { background-color: var(--bg3); }
+
+.\$log-event-dot {
+    width: 26px;
+    height: 26px;
+    flex-shrink: 0;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 2px;
+    border: 1px solid var(--border);
+    background-color: var(--bg3);
+    color: var(--text2);
+}
+
+.\$log-event-dot--created {
+    background-color: rgba(129,199,132,.1);
+    border-color: rgba(129,199,132,.35);
+    color: var(--success);
+}
+
+.\$log-event-dot--updated {
+    background-color: rgba(255,115,0,.1);
+    border-color: rgba(255,115,0,.35);
+    color: var(--rhpz-orange);
+}
+
+.\$log-event-dot--deleted {
+    background-color: rgba(229,115,115,.1);
+    border-color: rgba(229,115,115,.35);
+    color: var(--error);
+}
+
+.\$log-channel-badge {
+    display: inline-flex;
+    align-items: center;
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    padding: 1px 6px;
+    background-color: rgba(255,255,255,.05);
+    border: 1px solid var(--border);
+    color: var(--text2);
+}
+
+.log-id { color: var(--text2); font-size: 0.78rem; }
+.log-sep { color: var(--border); }
+
+.\$log-item-right {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    margin-left: auto;
+}
+
+.\$log-timestamp {
+    font-size: 0.75rem;
+    color: var(--text2);
+    white-space: nowrap;
+}
+
+.log-expand-btn { padding: 4px 7px; }
+
+.\$log-properties {
+    background-color: var(--bg);
+    border-bottom: 1px solid var(--border);
+    padding: 14px 14px 14px 54px;
+}
+
+.\$log-diff-label {
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.7px;
+    color: var(--text2);
+    margin-bottom: 8px;
+}
+
+.\$log-diff {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.8rem;
+}
+
+.\$log-diff th {
+    text-align: left;
+    padding: 5px 10px;
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--text2);
+    border-bottom: 1px solid var(--border);
+}
+
+.\$log-diff td {
+    padding: 5px 10px;
+    border-bottom: 1px solid var(--border);
+    vertical-align: top;
+    max-width: 300px;
+    overflow-wrap: break-word;
+}
+
+.log-diff tr:last-child td { border-bottom: none; }
+
+.\$log-diff-key {
+    font-size: 0.78rem;
+    font-weight: 600;
+    color: var(--text);
+    width: 160px;
+    white-space: nowrap;
+}
+
+.log-diff-old-head { color: var(--error) !important; }
+.log-diff-new-head { color: var(--success) !important; }
+
+.\$log-diff-old {
+    color: var(--error);
+    background-color: rgba(229,115,115,.05);
+}
+
+.\$log-diff-new {
+    color: var(--success);
+    background-color: rgba(129,199,132,.05);
+}
+
+.\$log-raw {
+    font-family: monospace;
+    font-size: 0.78rem;
+    color: var(--text2);
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 10px 12px;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+.\$log-pagination {
+    padding: 14px 0 4px;
+    border-top: 1px solid var(--border);
+}
+
+
 /* File: resources/css/components/notifications.css */
 .\$notifications, .\$conversations {
     position: absolute;
@@ -2154,6 +2959,580 @@ ul {
 }
 
 
+/* File: resources/css/components/tools.css */
+.\$patcher-container {
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 25px;
+    margin-bottom: 20px;
+}
+
+.\$patcher-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+}
+
+@media (max-width: 768px) {
+    .\$patcher-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+.\$patcher-dropzone {
+    border: 2px dashed var(--border);
+    background-color: var(--bg3);
+    padding: 55px 20px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+}
+
+.\$patcher-dropzone:hover, .\$patcher-dropzone.dragover {
+    border-color: var(--rhpz-orange);
+    background-color: var(--bg4);
+}
+
+.\$patcher-dropzone.has-file {
+    border-color: var(--success);
+    background-color: rgba(129, 199, 132, 0.02);
+}
+
+.\$patcher-status-box {
+    margin-top: 20px;
+    padding: 15px;
+    border: 1px solid var(--border);
+    background-color: var(--bg3);
+    font-size: 0.95rem;
+    line-height: 1.4;
+}
+
+.\$btn:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+    background-color: var(--bg3);
+    border-color: var(--border);
+    color: var(--text2);
+}
+
+.\$embed-patch-box {
+    border: 1px solid var(--border);
+    background-color: var(--bg3);
+    padding: 25px;
+    height: 85%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 15px;
+}
+.\$embed-patch-box-icon {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+.\$embed-patch-box-icon-block {
+    width: 48px;
+    height: 48px;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+
+/* File: resources/css/layout/activity.css */
+
+.\$activity-hero-excerpt {
+    font-size: 0.9rem;
+    color: rgba(255,255,255,0.75);
+    margin-bottom: 12px;
+    line-height: 1.5;
+    max-width: 600px;
+}
+
+.\$activity-tl-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+    padding-bottom: 15px;
+    border-bottom: 1px solid var(--border);
+    gap: 15px;
+    flex-wrap: wrap;
+}
+
+.\$activity-tl-title {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 1.15rem;
+    font-weight: 600;
+    color: var(--text);
+    margin: 0;
+}
+
+.\$activity-tl-filters {
+    display: flex;
+    gap: 5px;
+    flex-wrap: wrap;
+}
+
+.\$activity-tl-filter {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    padding: 5px 12px;
+    background: none;
+    border: 1px solid var(--border);
+    color: var(--text2);
+    font-size: 0.8rem;
+    cursor: pointer;
+    font-family: var(--typography);
+    transition: all 0.1s;
+}
+
+.activity-tl-filter:hover  { background-color: var(--bg3); color: var(--text); }
+.\$activity-tl-filter.active {
+    background-color: var(--bg3);
+    border-color: var(--rhpz-orange);
+    color: var(--rhpz-orange);
+}
+
+.\$activity-day-sep {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding-left: 54px;
+    margin: 20px 0 12px;
+}
+
+.\$activity-day-label {
+    font-size: 0.72rem;
+    font-weight: 600;
+    color: var(--text2);
+    text-transform: uppercase;
+    letter-spacing: 0.8px;
+    white-space: nowrap;
+}
+
+.\$activity-day-line {
+    flex: 1;
+    height: 1px;
+    background-color: var(--border);
+}
+
+.\$activity-tl-item {
+    display: flex;
+    gap: 0;
+    margin-bottom: 2px;
+}
+
+.\$activity-tl-left {
+    width: 54px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 12px;
+}
+
+.\$activity-tl-dot {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    border: 1px solid var(--border);
+    background-color: var(--bg2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    z-index: 1;
+}
+
+.\$activity-tl-dot--entry {
+    background-color: rgba(255,115,0,0.1);
+    border-color: rgba(255,115,0,0.4);
+    color: var(--rhpz-orange);
+}
+
+.\$activity-tl-dot--news {
+    background-color: rgba(129,199,132,0.1);
+    border-color: rgba(129,199,132,0.4);
+    color: var(--success);
+}
+
+.\$activity-tl-dot--message, .\$activity-tl-dot--thread, .\$activity-tl-dot--club {
+    background-color: rgba(25,118,210,0.1);
+    border-color: rgba(25,118,210,0.4);
+    color: var(--info);
+}
+
+.\$activity-tl-line {
+    width: 1px;
+    flex: 1;
+    background-color: var(--border);
+    margin-top: 4px;
+    min-height: 16px;
+}
+
+.activity-tl-item:last-of-type .activity-tl-line { display: none; }
+
+.\$activity-tl-card {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 10px 14px;
+    margin-bottom: 8px;
+    text-decoration: none;
+    transition: border-color 0.15s, background-color 0.1s;
+    min-width: 0;
+}
+
+.\$activity-tl-card:hover {
+    border-color: var(--rhpz-orange);
+    background-color: var(--bg3);
+    text-decoration: none;
+}
+
+.\$activity-tl-thumb {
+    width: 52px;
+    height: 52px;
+    flex-shrink: 0;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--bg3);
+    border: 1px solid var(--border);
+}
+
+.\$activity-tl-thumb img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.\$activity-tl-body {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+}
+
+.\$activity-tl-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.6px;
+    padding: 2px 7px;
+    width: fit-content;
+}
+
+.\$activity-tl-badge--entry {
+    background-color: rgba(255,115,0,0.1);
+    color: var(--rhpz-orange);
+    border: 1px solid rgba(255,115,0,0.25);
+}
+
+.\$activity-tl-badge--news {
+    background-color: rgba(129,199,132,0.1);
+    color: var(--success);
+    border: 1px solid rgba(129,199,132,0.25);
+}
+
+.\$activity-tl-badge--message, .\$activity-tl-badge--thread, .\$activity-tl-dot--club {
+    background-color: rgba(25,118,210,0.1);
+    color: var(--info);
+    border: 1px solid rgba(25,118,210,0.25);
+}
+
+.\$activity-tl-card-title {
+    font-size: 0.92rem;
+    font-weight: 600;
+    color: var(--text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1.3;
+}
+
+.\$activity-tl-card-description {
+    font-size: 0.8rem;
+    color: var(--text2);
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    line-height: 1.3;
+}
+
+.\$activity-tl-meta {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 0.75rem;
+    color: var(--text2);
+    flex-wrap: wrap;
+}
+
+.\$activity-tl-meta span {
+    display: flex;
+    align-items: center;
+    gap: 3px;
+}
+
+.\$activity-tl-time {
+    font-size: 0.72rem;
+    color: var(--text2);
+    white-space: nowrap;
+    flex-shrink: 0;
+    align-self: center;
+}
+
+.\$activity-tl-empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    padding: 60px;
+    color: var(--text2);
+    text-align: center;
+    padding-left: 54px;
+}
+
+@media (max-width: 600px) {
+    .activity-tl-header { flex-direction: column; align-items: flex-start; }
+    .activity-tl-thumb  { display: none; }
+    .activity-day-sep   { padding-left: 44px; }
+    .activity-tl-left   { width: 44px; }
+}
+
+.\$home-section {
+    margin-bottom: 30px;
+}
+
+.\$home-section-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-bottom: 12px;
+    border-bottom: 1px solid var(--border);
+    margin-bottom: 14px;
+}
+
+.\$home-section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 1.05rem;
+    font-weight: 600;
+    color: var(--text);
+    margin: 0;
+}
+
+.\$home-section-more {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 0.75rem;
+    color: var(--text2);
+    border: 1px solid var(--border);
+    padding: 4px 10px;
+    text-decoration: none;
+    transition: color 0.1s, border-color 0.1s;
+}
+
+.\$home-section-more:hover {
+    color: var(--rhpz-orange);
+    border-color: var(--rhpz-orange);
+}
+
+.\$news-strip {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 10px;
+}
+
+.\$news-strip-card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    text-decoration: none;
+    overflow: hidden;
+    transition: border-color 0.15s;
+}
+
+.news-strip-card:hover { border-color: var(--rhpz-orange); text-decoration: none; }
+
+.\$news-strip-cover {
+    height: 110px;
+    background-color: var(--bg3);
+    background-size: cover;
+    background-position: center;
+    position: relative;
+    flex-shrink: 0;
+}
+
+.\$news-strip-date {
+    position: absolute;
+    bottom: 6px;
+    left: 8px;
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: rgba(255,255,255,0.8);
+    background: rgba(0,0,0,0.55);
+    padding: 2px 6px;
+    border: 1px solid rgba(255,255,255,0.07);
+}
+
+.\$news-strip-body {
+    padding: 10px 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    flex: 1;
+}
+
+.\$news-strip-badge {
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--success);
+    background: rgba(129,199,132,0.1);
+    border: 1px solid rgba(129,199,132,0.25);
+    padding: 1px 6px;
+    width: fit-content;
+}
+
+.\$news-strip-title {
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--text);
+    line-height: 1.35;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    margin: 0;
+}
+
+.\$news-strip-meta {
+    font-size: 0.72rem;
+    color: var(--text2);
+    margin-top: auto;
+}
+
+.\$featured-entries-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 10px;
+}
+
+.\$featured-entry-card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    text-decoration: none;
+    overflow: hidden;
+    transition: border-color 0.15s;
+}
+
+.featured-entry-card:hover { border-color: var(--rhpz-orange); text-decoration: none; }
+
+.\$featured-entry-cover {
+    height: 80px;
+    background-color: var(--bg3);
+    position: relative;
+    flex-shrink: 0;
+    overflow: hidden;
+}
+
+.\$featured-entry-cover img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.85;
+}
+
+.\$featured-entry-star {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    background: rgba(255,115,0,0.9);
+    color: #111;
+    padding: 2px 6px;
+    border: 1px solid rgba(255,115,0,0.5);
+    display: flex;
+    align-items: center;
+    gap: 3px;
+}
+
+.\$featured-entry-body {
+    padding: 10px 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    flex: 1;
+}
+
+.\$featured-entry-platform {
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--rhpz-orange);
+    background: rgba(255,115,0,0.1);
+    border: 1px solid rgba(255,115,0,0.25);
+    padding: 1px 6px;
+    width: fit-content;
+}
+
+.\$featured-entry-title {
+    font-size: 0.88rem;
+    font-weight: 600;
+    color: var(--text);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.\$featured-entry-meta {
+    font-size: 0.72rem;
+    color: var(--text2);
+    margin-top: auto;
+}
+
+@media (max-width: 900px) {
+    .news-strip              { grid-template-columns: repeat(3, 1fr); }
+    .featured-entries-grid   { grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (max-width: 600px) {
+    .news-strip              { grid-template-columns: repeat(2, 1fr); }
+    .featured-entries-grid   { grid-template-columns: repeat(2, 1fr); }
+    .news-strip-cover        { height: 80px; }
+}
+
+
 /* File: resources/css/layout/content.css */
 #main-wrapper {
     flex-grow: 1;
@@ -2180,24 +3559,6 @@ ul {
         cursor: pointer;
     }
 
-    .\$search-bar {
-        display: flex;
-        align-items: center;
-        background-color: var(--bg);
-        border: 1px solid var(--border);
-        border-radius: 2px;
-        padding: 5px 10px;
-        width: 300px;
-        input {
-            background: none;
-            border: none;
-            color: var(--text);
-            outline: none;
-            margin-left: 8px;
-            width: 100%;
-        }
-    }
-
     .\$topbar-actions {
         display: flex;
         gap: 8px;
@@ -2210,6 +3571,24 @@ ul {
 
 }
 
+.\$search-bar {
+    display: flex;
+    align-items: center;
+    background-color: var(--bg);
+    border: 1px solid var(--border);
+    border-radius: 2px;
+    padding: 5px 10px;
+    width: 300px;
+    input {
+        background: none;
+        border: none;
+        color: var(--text);
+        outline: none;
+        margin-left: 8px;
+        width: 100%;
+    }
+}
+
 #content {
     flex-grow: 1;
     padding: 30px;
@@ -2236,8 +3615,8 @@ ul {
     gap: 30px;
 
     .\$entry-cover {
-        width: 200px;
-        height: 280px;
+        width: 220px;
+        height: 220px;
         background-color: var(--bg);
         border: 1px solid var(--border);
         display: flex;
@@ -2251,7 +3630,8 @@ ul {
         img {
             width: 100%;
             height: 100%;
-            object-fit: cover;
+            object-fit: contain;
+            padding: 8px;
         }
     }
 
@@ -2616,12 +3996,18 @@ ul {
     z-index: 100;
 
     .\$menu-header {
-        padding: 20px;
+        padding: 10px;
         display: flex;
         align-items: center;
         gap: 12px;
         border-bottom: 1px solid var(--border);
 
+        img {
+            width: 100%;
+            height: 100%;
+            object-fit: contain;
+        }
+
         .\$menu-logo {
             width: 32px;
             height: 32px;
@@ -2785,6 +4171,744 @@ ul {
     }
 }
 
+#news-container {
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+}
+
+.\$news-header {
+    width: 100%;
+    height: 300px;
+    background-size: cover;
+    background-position: center;
+    display: flex;
+    align-items: flex-end;
+    padding: 40px 30px;
+    border-bottom: 1px solid var(--border);
+    position: relative;
+}
+
+.\$news-header-content {
+    position: relative;
+    z-index: 2;
+}
+
+.\$news-header .\$news-title {
+    font-size: 2.5rem;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 12px;
+    text-shadow: 0 2px 4px rgba(0,0,0,0.6);
+}
+
+.\$news-header .\$news-meta {
+    color: var(--text2);
+    display: flex;
+    gap: 20px;
+    font-size: 0.9rem;
+    align-items: center;
+}
+
+.\$news-header .\$meta-item {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    background-color: rgba(0, 0, 0, 0.4);
+    padding: 4px 10px;
+    border-radius: 2px;
+    border: 1px solid rgba(255,255,255,0.05);
+}
+
+.\$news-layout {
+    display: flex;
+    flex-direction: row;
+    gap: 30px;
+    padding: 30px;
+}
+
+@media (max-width: 992px) {
+    .\$news-layout {
+        flex-direction: column;
+    }
+}
+
+.\$news-main-content {
+    flex-grow: 1;
+    flex-basis: 0;
+    min-width: 0;
+}
+
+.\$news-body-text {
+    line-height: 1.75;
+    color: var(--text);
+    font-size: 1.05rem;
+    margin-bottom: 15px;
+}
+
+.\$news-body-text p {
+    margin-bottom: 20px;
+}
+
+.\$news-sidebar {
+    width: 320px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+}
+
+@media (max-width: 992px) {
+    .\$news-sidebar {
+        width: 100%;
+    }
+}
+
+.\$sidebar-block {
+    background-color: var(--bg);
+    border: 1px solid var(--border);
+    padding: 20px;
+    border-radius: 4px;
+}
+
+.\$sidebar-title {
+    font-size: 1rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--text);
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border-bottom: 1px solid var(--border);
+    padding-bottom: 8px;
+}
+
+.\$btn-sidebar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    width: 100%;
+    padding: 10px 15px;
+    font-size: 0.95rem;
+    font-weight: 500;
+    text-decoration: none;
+    cursor: pointer;
+    border-radius: 2px;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
+    text-align: center;
+}
+
+.\$btn-orange {
+    background-color: var(--rhpz-orange);
+    color: #fff;
+    border: 1px solid transparent;
+}
+
+.\$btn-orange:hover {
+    background-color: var(--rhpz-orange-hover);
+}
+
+.\$related-card {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.\$related-card-cover {
+    width: 100%;
+    height: 150px;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    overflow: hidden;
+    border-radius: 2px;
+}
+
+.\$related-card-cover img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    padding: 5px;
+}
+
+.\$related-card-info h4 {
+    font-size: 1.1rem;
+    color: var(--text);
+    margin-bottom: 10px;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.\$news-sidebar .\$video-thumbnail-wrapper {
+    position: relative;
+    width: 100%;
+    aspect-ratio: 16/9;
+    background-color: #000;
+    border: 1px solid var(--border);
+    cursor: pointer;
+    overflow: hidden;
+    border-radius: 2px;
+}
+
+.\$news-sidebar .\$video-thumbnail-wrapper img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    opacity: 0.7;
+    transition: transform 0.3s ease, opacity 0.3s ease;
+}
+
+.\$news-sidebar .\$video-thumbnail-wrapper:hover img {
+    transform: scale(1.03);
+    opacity: 0.9;
+}
+
+.\$news-sidebar .\$play-trigger {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 50px;
+    height: 50px;
+    background-color: rgba(0, 0, 0, 0.75);
+    border: 2px solid #fff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    transition: background-color 0.2s, transform 0.2s ease-out;
+}
+
+.\$news-sidebar .\$video-thumbnail-wrapper:hover .\$play-trigger {
+    background-color: var(--rhpz-orange);
+    transform: translate(-50%, -50%) scale(1.1);
+}
+
+.\$news-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 15px;
+    flex-wrap: wrap;
+}
+
+.\$news-header .\$news-actions .\$btn {
+    background-color: rgba(0, 0, 0, 0.5);
+    border-color: rgba(255, 255, 255, 0.15);
+    backdrop-filter: blur(4px);
+    color: var(--text);
+    transition: background-color 0.15s, border-color 0.15s;
+}
+
+.\$news-header .\$news-actions .\$btn:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+    border-color: rgba(255, 255, 255, 0.3);
+}
+
+.\$news-header .\$news-actions .\$btn.success {
+    background-color: rgba(56, 142, 60, 0.6);
+    border-color: rgba(129, 199, 132, 0.4);
+    color: #81c784;
+}
+
+.\$news-header .\$news-actions .\$btn.danger {
+    background-color: rgba(183, 28, 28, 0.5);
+    border-color: rgba(229, 115, 115, 0.4);
+    color: #e57373;
+}
+
+/* ── Hero ────────────────────────────────────────────────── */
+.\$news-hero {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 360px;
+    margin-bottom: 20px;
+    border: 1px solid var(--border);
+    overflow: hidden;
+    text-decoration: none;
+    transition: border-color 0.2s;
+}
+
+.\$news-hero:hover {
+    border-color: var(--rhpz-orange);
+    text-decoration: none;
+}
+
+.\$news-hero-bg {
+    position: absolute;
+    inset: 0;
+    background-size: cover;
+    background-position: center;
+    background-color: var(--bg3);
+    transition: transform 0.4s ease;
+}
+
+.\$news-hero:hover .\$news-hero-bg {
+    transform: scale(1.02);
+}
+
+.\$news-hero-content {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 30px;
+    z-index: 2;
+}
+
+.\$news-hero-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    background-color: var(--rhpz-orange);
+    color: #111;
+    font-size: 0.72rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.8px;
+    padding: 4px 10px;
+    margin-bottom: 12px;
+}
+
+.\$news-hero-title {
+    font-size: 2rem;
+    font-weight: 600;
+    color: #fff;
+    margin-bottom: 12px;
+    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
+    line-height: 1.2;
+}
+
+.\$news-hero-meta {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    font-size: 0.85rem;
+    color: rgba(255,255,255,0.75);
+}
+
+.\$news-hero-meta span {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    background-color: rgba(0,0,0,0.4);
+    padding: 3px 10px;
+    border: 1px solid rgba(255,255,255,0.08);
+}
+
+.\$news-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 15px;
+    margin-bottom: 20px;
+}
+
+.\$news-card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--bg2);
+    border: 1px solid var(--border);
+    text-decoration: none;
+    overflow: hidden;
+    transition: border-color 0.15s, transform 0.15s;
+}
+
+.\$news-card:hover {
+    border-color: var(--rhpz-orange);
+    transform: translateY(-2px);
+    text-decoration: none;
+}
+
+.\$news-card-cover {
+    height: 160px;
+    background-size: cover;
+    background-position: center;
+    background-color: var(--bg3);
+    position: relative;
+    flex-shrink: 0;
+    transition: transform 0.3s ease;
+}
+
+.\$news-card:hover .\$news-card-cover {
+    transform: scale(1.03);
+}
+
+.\$news-card-state-badge {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    background-color: rgba(0,0,0,0.7);
+    color: var(--rhpz-orange);
+    font-size: 0.72rem;
+    font-weight: 600;
+    padding: 3px 8px;
+    border: 1px solid rgba(255,115,0,0.3);
+}
+
+.\$news-card-body {
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    gap: 8px;
+}
+
+.\$news-card-title {
+    font-size: 1rem;
+    font-weight: 600;
+    color: var(--text);
+    line-height: 1.3;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.\$news-card-excerpt {
+    font-size: 0.82rem;
+    color: var(--text2);
+    line-height: 1.5;
+    margin: 0;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    flex: 1;
+}
+
+.\$news-card-meta {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 0.75rem;
+    color: var(--text2);
+    margin-top: auto;
+    padding-top: 8px;
+    border-top: 1px solid var(--border);
+}
+
+.\$news-card-meta span {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+@media (max-width: 600px) {
+    .news-hero        { height: 240px; }
+    .news-hero-title  { font-size: 1.4rem; }
+    .news-grid        { grid-template-columns: 1fr; }
+}
+
+
+/* File: resources/css/layout/submit.css */
+.\$submit-hero {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    gap: 24px;
+    background-color: var(--bg2);
+    border-bottom: 1px solid var(--border);
+    padding: 40px 36px 32px;
+}
+
+.\$submit-eyebrow {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: var(--rhpz-orange);
+    background: rgba(255,115,0,.1);
+    border: 1px solid rgba(255,115,0,.3);
+    padding: 3px 10px;
+    margin-bottom: 16px;
+}
+
+.\$submit-hero-title {
+    font-size: 1.9rem;
+    font-weight: 300;
+    color: var(--text);
+    margin-bottom: 10px;
+    line-height: 1.25;
+}
+
+.\$submit-hero-sub {
+    font-size: 0.9rem;
+    color: var(--text2);
+    max-width: 460px;
+    line-height: 1.65;
+}
+
+.\$submit-review-note {
+    font-size: 0.8rem;
+    color: var(--text2);
+    border: 1px solid var(--border);
+    background: var(--bg3);
+    padding: 14px 18px;
+    max-width: 210px;
+    line-height: 1.6;
+    flex-shrink: 0;
+}
+
+.submit-review-note strong { color: var(--rhpz-orange); }
+
+.submit-body { padding: 28px 36px 40px; }
+
+.\$submit-section-label {
+    font-size: 0.68rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: var(--text2);
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    margin-bottom: 14px;
+}
+
+.\$submit-section-label::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: var(--border);
+}
+
+.\$submit-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 10px;
+    margin-bottom: 30px;
+}
+
+.\$submit-card {
+    display: flex;
+    flex-direction: column;
+    background: var(--bg2);
+    border: 1px solid var(--border);
+    text-decoration: none;
+    transition: border-color .15s, background .1s;
+}
+
+.\$submit-card:hover {
+    border-color: var(--card-color);
+    background: var(--bg3);
+    text-decoration: none;
+}
+
+.\$submit-card-top {
+    display: flex;
+    align-items: flex-start;
+    gap: 14px;
+    padding: 20px 20px 16px;
+    border-bottom: 1px solid var(--border);
+}
+
+.\$submit-card-icon {
+    width: 38px;
+    height: 38px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--card-bg);
+    border: 1px solid var(--card-border);
+    color: var(--card-color);
+}
+
+.\$submit-card-title {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 4px;
+}
+
+.\$submit-card-desc {
+    font-size: 0.78rem;
+    color: var(--text2);
+    line-height: 1.55;
+}
+
+.\$submit-card-bottom {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 20px;
+}
+
+.\$submit-card-tag {
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--card-color);
+    background: var(--card-bg);
+    border: 1px solid var(--card-border);
+    padding: 2px 7px;
+}
+
+.\$submit-card-cta {
+    font-size: 0.75rem;
+    color: var(--text2);
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    transition: color .15s;
+}
+
+.submit-card:hover .submit-card-cta { color: var(--card-color); }
+
+.\$submit-news-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+    margin-bottom: 28px;
+}
+
+.\$submit-news-card {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    background: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 18px 22px;
+    text-decoration: none;
+    transition: border-color .15s, background .1s;
+}
+
+.\$submit-news-card:hover {
+    border-color: var(--success);
+    background: var(--bg3);
+}
+
+.submit-news-card--disabled { opacity: .5; cursor: not-allowed; }
+.submit-news-card--disabled:hover { border-color: var(--border); background: var(--bg2); }
+
+.\$submit-news-icon {
+    width: 38px;
+    height: 38px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(129,199,132,.1);
+    border: 1px solid rgba(129,199,132,.3);
+    color: var(--success);
+}
+
+.\$submit-news-title {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: var(--text);
+    margin-bottom: 3px;
+}
+
+.submit-news-desc { font-size: 0.78rem; color: var(--text2); line-height: 1.55; }
+
+.\$submit-news-cta {
+    flex-shrink: 0;
+    font-size: 0.75rem;
+    color: var(--text2);
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    transition: color .15s;
+}
+
+.submit-news-card:hover .submit-news-cta { color: var(--success); }
+
+.\$submit-news-staff-note {
+    background: var(--bg2);
+    border: 1px solid var(--border);
+    padding: 18px 22px;
+    font-size: 0.8rem;
+    color: var(--text2);
+    line-height: 1.65;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.\$submit-news-staff-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    font-size: 0.65rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: .6px;
+    color: var(--rhpz-orange);
+    background: rgba(255,115,0,.1);
+    border: 1px solid rgba(255,115,0,.3);
+    padding: 2px 8px;
+    width: fit-content;
+}
+
+.submit-news-staff-note a { color: var(--text2); text-decoration: underline; }
+.submit-news-staff-note a:hover { color: var(--text); }
+
+.\$submit-rules {
+    display: flex;
+    gap: 0;
+    background: var(--bg2);
+    border: 1px solid var(--border);
+}
+
+.\$submit-rule {
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+    gap: 12px;
+    padding: 18px 22px;
+    border-right: 1px solid var(--border);
+    font-size: 0.8rem;
+    color: var(--text2);
+    line-height: 1.6;
+}
+
+.submit-rule:last-child { border-right: none; }
+.submit-rule strong { color: var(--text); }
+
+.\$submit-rule-num {
+    width: 22px;
+    height: 22px;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255,115,0,.1);
+    border: 1px solid rgba(255,115,0,.3);
+    color: var(--rhpz-orange);
+    font-size: 0.72rem;
+    font-weight: 700;
+}
+
+@media (max-width: 900px) {
+    .submit-hero    { flex-direction: column; align-items: flex-start; }
+    .submit-grid    { grid-template-columns: repeat(2, 1fr); }
+    .submit-rules   { flex-direction: column; }
+    .submit-rule    { border-right: none; border-bottom: 1px solid var(--border); }
+    .submit-rule:last-child { border-bottom: none; }
+}
+
+@media (max-width: 600px) {
+    .submit-hero, .submit-body { padding-left: 20px; padding-right: 20px; }
+    .submit-grid        { grid-template-columns: 1fr; }
+    .submit-news-row    { grid-template-columns: 1fr; }
+    .submit-review-note { max-width: 100%; }
+}
+
 
 /* File: resources/css/xenforo.css */
 .\$xf-menu-user-avatar-fix {
diff --git a/templates/public/misc_preferences_popup.html b/templates/public/misc_preferences_popup.html
new file mode 100644
index 0000000..0efebe1
--- /dev/null
+++ b/templates/public/misc_preferences_popup.html
@@ -0,0 +1,55 @@
+<div class="$settings-section">
+    <div class="$settings-section-title">
+        <i data-lucide="sun-moon" size="14"></i>
+        Theme
+    </div>
+        <xf:if is="$xf.visitor.style_variation === 'default'">
+            <button type="button" href="{{ link_type( 'public', link('misc/style-variation'), null, {
+                'variation': 'alternate',
+                'reset': null,
+                't': csrf_token(),
+                '_xfRedirect': $redirect
+            }) }}" class="$settings-theme-toggle" rel="nofollow" data-xf-click="style-variation" data-variation="alternate">
+                <span class="$settings-theme-toggle-inner">
+                    <i data-lucide="moon" size="15"></i>
+                    Dark
+                    <span class="$settings-theme-toggle-badge">ON</span>
+                </span>
+            </button>
+        </xf:if>
+        <xf:if is="$xf.visitor.style_variation === 'alternate'">
+            <button type="button" href="{{ link_type( 'public', link('misc/style-variation'), null, {
+                'variation': 'default',
+                'reset': null,
+                't': csrf_token(),
+                '_xfRedirect': $redirect
+            }) }}" class="$settings-theme-toggle" rel="nofollow" data-xf-click="style-variation" data-variation="default">
+                <span class="$settings-theme-toggle-inner">
+                    <i data-lucide="sun" size="15"></i>
+                    Light
+                    <span class="$settings-theme-toggle-badge">ON</span>
+                </span>
+            </button>
+        </xf:if>
+</div>
+
+<div class="$settings-separator"></div>
+
+<xf:if is="$xf.visitor.user_id">
+    <div class="$settings-section">
+        <div class="$settings-section-title">
+            <i data-lucide="user-cog" size="14"></i>
+            Account
+        </div>
+        <a href="{{ link('account') }}" class="$settings-link">
+            <i data-lucide="settings-2" size="14"></i>
+            XenForo settings
+            <i data-lucide="external-link" size="12" style="margin-left:auto"></i>
+        </a>
+    </div>
+</xf:if>
+<script>
+    if( window.refreshIcons !== undefined ) {
+        window.refreshIcons();
+    }
+</script>
\ No newline at end of file
diff --git a/templates/public/romhackplaza_css.html b/templates/public/romhackplaza_css.html
index e68d8b5..a7866f5 100644
--- a/templates/public/romhackplaza_css.html
+++ b/templates/public/romhackplaza_css.html
@@ -1,3 +1,6 @@
 <style>
 	.lucide { fill: none !important; }
+    #menu { font-size: initial !important;}
+    .\$menu-group-title { font-size: 0.80rem !important; }
+    .\$menu-title { font-size: 1.275rem !important; }
 </style>
\ No newline at end of file
diff --git a/templates/public/romhackplaza_js.html b/templates/public/romhackplaza_js.html
index fff3471..b08f4d3 100644
--- a/templates/public/romhackplaza_js.html
+++ b/templates/public/romhackplaza_js.html
@@ -3,4 +3,10 @@
     document.addEventListener('DOMContentLoaded', function() {
         lucide.createIcons();
     });
+
+    window.refreshIcons = (container = document) => {
+        const pending = container.querySelectorAll('[data-lucide]');
+        if (pending.length === 0) return;
+        lucide.createIcons();
+    };
 </script>
\ No newline at end of file
diff --git a/templates/public/topbar_actions.html b/templates/public/topbar_actions.html
index f7282a3..7cd4492 100644
--- a/templates/public/topbar_actions.html
+++ b/templates/public/topbar_actions.html
@@ -29,8 +29,8 @@
     <xf:if is="$topbarModSeparator == true">
         <div class="$vertical-separator"></div>
     </xf:if>
-    <xf:if is="$xf.visitor.user_id">
-        <a href="#" class="$btn">
+    <xf:if is="$xf.visitor.canCreateEntry()">
+        <a href="{{ $xf.options.homePageUrl }}/submit" class="$btn">
             <i data-lucide="hard-drive-upload" size="18"></i>
         </a>
     </xf:if>
@@ -96,7 +96,24 @@
     </div>
 
     </xf:if>
-    <button class="$btn">
+    <a class="$btn" data-xf-click="menu" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('settings')|for_attr }}" aria-haspopup="true">
         <i data-lucide="settings" size="18"></i>
-    </button>
+    </a>
+    <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
+         data-href="{{ link('misc/preferences-popup') }}"
+         data-nocache="true"
+         data-load-target=".js-convMenuBody"
+         data-xf-init="rhpz-dynamic-theme"
+    >
+        <div class="menu-content">
+            <div class="$settings-header">
+                <span>Settings</span>
+            </div>
+            <div class="js-convMenuBody">
+                <div class="$notifications-loading">
+                    <i data-lucide="loader-2" class="$spin"></i>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
\ No newline at end of file