diff --git a/resources/themes/backend/assets/css/app.css b/resources/themes/backend/assets/css/app.css
index df58402..92242fd 100644
--- a/resources/themes/backend/assets/css/app.css
+++ b/resources/themes/backend/assets/css/app.css
@@ -65,3 +65,57 @@ select:focus[data-flux-control] {
 /* \[:where(&)\]:size-4 {
     @apply size-4;
 } */
+/* Cresta 31 — Dark appearance */
+
+html.dark {
+    color-scheme: dark;
+}
+
+html.dark .admin-body,
+html.dark .main-shell,
+html.dark .main-content {
+    background-color: #151d19;
+    color: #e8eee9;
+}
+
+html.dark .topbar,
+html.dark .admin-footer {
+    background-color: #1d2922;
+    color: #e8eee9;
+    border-color: #35463b;
+}
+
+html.dark .sidebar {
+    background-color: #102820;
+    border-color: #35463b;
+}
+
+html.dark .nav-item {
+    color: #d9e6dd;
+}
+
+html.dark .nav-item:hover {
+    background-color: #29483a;
+}
+
+html.dark .nav-item.active {
+    background-color: #c9aa70;
+    color: #102820;
+}
+
+html.dark .main-content input,
+html.dark .main-content select,
+html.dark .main-content textarea {
+    background-color: #26352c;
+    color: #f1f5f2;
+    border-color: #435448;
+}
+
+html.dark .main-content table {
+    color: #e8eee9;
+}
+
+html.dark .main-content th,
+html.dark .main-content td {
+    border-color: #35463b;
+}
diff --git a/resources/views/lodge/admin-layout.blade.php b/resources/views/lodge/admin-layout.blade.php
index 7ef95e4..5f72e08 100644
--- a/resources/views/lodge/admin-layout.blade.php
+++ b/resources/views/lodge/admin-layout.blade.php
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="csrf-token" content="{{ csrf_token() }}"><title>@yield('title', $title ?? 'Administration') · Cresta 31</title>@include('partials.head')<link rel="stylesheet" href="{{ asset('css/cresta-admin.css') }}"><style>.cresta-settings-content{max-width:1100px;margin:0 auto;padding:8px 0 36px}.cresta-settings-content section{max-width:100%}.cresta-settings-content input{max-width:100%}</style></head><body class="admin-body"><input type="checkbox" id="nav-toggle" class="nav-toggle"><label for="nav-toggle" class="nav-shade"></label><aside class="sidebar"><a class="brand" href="{{ route('admin.dashboard') }}"><span class="brand-symbol">C<span>31</span></span><span><strong>Cresta 31</strong><small>ADMINISTRATION</small></span></a><div class="side-scroll">@if(auth()->check() && filled(config('lodge.admin_email')) && strcasecmp(auth()->user()->email, config('lodge.admin_email')) === 0)<div class="nav-caption">OVERVIEW</div><a class="nav-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}" href="{{ route('admin.dashboard') }}"><span class="ico">▦</span> Dashboard</a><div class="nav-caption">LODGE MANAGEMENT</div><a class="nav-item {{ request()->routeIs('lodge.admin') ? 'active' : '' }}" href="{{ route('lodge.admin') }}"><span class="ico">▤</span> Bookings</a><a class="nav-item {{ request()->routeIs('admin.photos') ? 'active' : '' }}" href="{{ route('admin.photos') }}"><span class="ico">▧</span> Photo gallery</a><a class="nav-item" href="{{ route('home') }}#book" target="_blank" rel="noopener"><span class="ico">▦</span> Availability <span class="external">↗</span></a><div class="nav-caption">SYSTEM</div>@if(\Illuminate\Support\Facades\Route::has('admin.modules.index'))<a class="nav-item {{ request()->routeIs('admin.modules.*') ? 'active' : '' }}" href="{{ route('admin.modules.index') }}"><span class="ico">◈</span> Modules</a>@elseif(\Illuminate\Support\Facades\Route::has('modules.index'))<a class="nav-item" href="{{ route('modules.index') }}"><span class="ico">◈</span> Modules</a>@endif<a class="nav-item" href="{{ route('profile.edit') }}"><span class="ico">⚙</span> Account settings</a><a class="nav-item" href="{{ route('home') }}" target="_blank" rel="noopener"><span class="ico">↗</span> View website</a>@else<a class="nav-item" href="{{ route('profile.edit') }}">Account settings</a><a class="nav-item" href="{{ url('/') }}">View website</a>@endif</div><div class="side-footer"><div class="avatar">{{ strtoupper(substr(auth()->user()->name ?? 'A',0,1)) }}</div><div class="user"><strong>{{ auth()->user()->name }}</strong><small>{{ auth()->user()->email }}</small></div></div></aside><div class="main-shell"><header class="topbar"><label for="nav-toggle" class="menu-toggle" aria-label="Toggle sidebar">☰</label><div class="crumb">Cresta 31 <span>/</span> @yield('section','Dashboard')</div><div class="top-actions"><a class="site-link" href="{{ route('home') }}" target="_blank" rel="noopener">View site ↗</a><form method="POST" action="{{ route('logout') }}">@csrf<button class="logout" type="submit">Sign out</button></form></div></header><main class="main-content">@if(session('success'))<div class="notice success">{{ session('success') }}</div>@endif@if($errors->any())<div class="notice error">{{ $errors->first() }}</div>@endif@hasSection('content')@yield('content')@else<div class="cresta-settings-content">{{ $slot ?? '' }}</div>@endif</main><footer class="admin-footer">Cresta 31 · Administration <span>{{ date('Y') }}</span></footer></div>@fluxScripts</body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="csrf-token" content="{{ csrf_token() }}"><title>@yield('title', $title ?? 'Administration') · Cresta 31</title>@include('partials.head')<link rel="stylesheet" href="{{ asset('css/cresta-admin.css') }}"><style>.cresta-settings-content{max-width:1100px;margin:0 auto;padding:8px 0 36px}.cresta-settings-content section{max-width:100%}.cresta-settings-content input{max-width:100%}</style>@fluxAppearance</head><body class="admin-body"><input type="checkbox" id="nav-toggle" class="nav-toggle"><label for="nav-toggle" class="nav-shade"></label><aside class="sidebar"><a class="brand" href="{{ route('admin.dashboard') }}"><span class="brand-symbol">C<span>31</span></span><span><strong>Cresta 31</strong><small>ADMINISTRATION</small></span></a><div class="side-scroll">@if(auth()->check() && filled(config('lodge.admin_email')) && strcasecmp(auth()->user()->email, config('lodge.admin_email')) === 0)<div class="nav-caption">OVERVIEW</div><a class="nav-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}" href="{{ route('admin.dashboard') }}"><span class="ico">▦</span> Dashboard</a><div class="nav-caption">LODGE MANAGEMENT</div><a class="nav-item {{ request()->routeIs('lodge.admin') ? 'active' : '' }}" href="{{ route('lodge.admin') }}"><span class="ico">▤</span> Bookings</a><a class="nav-item {{ request()->routeIs('admin.photos') ? 'active' : '' }}" href="{{ route('admin.photos') }}"><span class="ico">▧</span> Photo gallery</a><a class="nav-item" href="{{ route('home') }}#book" target="_blank" rel="noopener"><span class="ico">▦</span> Availability <span class="external">↗</span></a><div class="nav-caption">SYSTEM</div>@if(\Illuminate\Support\Facades\Route::has('admin.modules.index'))<a class="nav-item {{ request()->routeIs('admin.modules.*') ? 'active' : '' }}" href="{{ route('admin.modules.index') }}"><span class="ico">◈</span> Modules</a>@elseif(\Illuminate\Support\Facades\Route::has('modules.index'))<a class="nav-item" href="{{ route('modules.index') }}"><span class="ico">◈</span> Modules</a>@endif<a class="nav-item" href="{{ route('profile.edit') }}"><span class="ico">⚙</span> Account settings</a><a class="nav-item" href="{{ route('home') }}" target="_blank" rel="noopener"><span class="ico">↗</span> View website</a>@else<a class="nav-item" href="{{ route('profile.edit') }}">Account settings</a><a class="nav-item" href="{{ url('/') }}">View website</a>@endif</div><div class="side-footer"><div class="avatar">{{ strtoupper(substr(auth()->user()->name ?? 'A',0,1)) }}</div><div class="user"><strong>{{ auth()->user()->name }}</strong><small>{{ auth()->user()->email }}</small></div></div></aside><div class="main-shell"><header class="topbar"><label for="nav-toggle" class="menu-toggle" aria-label="Toggle sidebar">☰</label><div class="crumb">Cresta 31 <span>/</span> @yield('section','Dashboard')</div><div class="top-actions"><a class="site-link" href="{{ route('home') }}" target="_blank" rel="noopener">View site ↗</a><form method="POST" action="{{ route('logout') }}">@csrf<button class="logout" type="submit">Sign out</button></form></div></header><main class="main-content">@if(session('success'))<div class="notice success">{{ session('success') }}</div>@endif@if($errors->any())<div class="notice error">{{ $errors->first() }}</div>@endif@hasSection('content')@yield('content')@else<div class="cresta-settings-content">{{ $slot ?? '' }}</div>@endif</main><footer class="admin-footer">Cresta 31 · Administration <span>{{ date('Y') }}</span></footer></div>@fluxScripts</body></html>
\ No newline at end of file