diff --git a/static/css/main.css b/static/css/main.css
index f4d0219..a0b03ed 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -6,4 +6,46 @@ main.container{scroll-margin-top: 4rem;}
.btn .bi{margin-right:.35rem}
.form-progress{height:4px}
.spinner-inline{display:inline-flex;align-items:center;gap:.5rem}
+
+
+/* Modern dark theme */
+:root{
+ --bg-elev: #111318;
+ --bg-header: linear-gradient(180deg, #0e1015 0%, #0b0d11 100%);
+ --accent: #4cc9f0;
+ --accent-2: #a78bfa;
+ --text: #e6e8ee;
+ --muted: #a3a6b0;
+ --link-bg: rgba(255,255,255,.06);
+ --link-bg-active: rgba(76,201,240,.18);
+ --border: rgba(255,255,255,.08);
+}
+*{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif}
+body{background-color:#0b0d11;color:var(--text)}
+
+.header1{
+ background: var(--bg-header);
+ border-bottom: 1px solid var(--border);
+ position: sticky; top:0; z-index: 1030;
+}
+.header1 .logo{font-weight:700; letter-spacing:.2px}
+.header1 .logo .fa-globe{color: var(--accent)}
+
+.menu-link{
+ display:inline-flex; align-items:center; gap:.4rem;
+ color: var(--text); text-decoration:none;
+ padding:.5rem .8rem; border-radius:.7rem;
+ background: transparent; transition: all .18s ease;
+ border:1px solid transparent;
+}
+.menu-link:hover{background: var(--link-bg); color:#fff; border-color: var(--border)}
+.menu-link.active{background: var(--link-bg-active); border-color: rgba(76,201,240,.35); box-shadow: 0 0 0 .15rem rgba(76,201,240,.12) inset}
+.menu-link:focus-visible{outline: 2px solid var(--accent-2); outline-offset: 2px}
+.menu .btn{border-radius:.7rem}
+
+.card{background: var(--bg-elev); border-color: var(--border)}
+.table{--bs-table-bg: transparent; color: var(--text)}
+.badge{background: var(--link-bg); color: var(--text)}
+
+a{color: var(--accent)} a:hover{color:#7dd3ff}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index fa99cab..e4cf33c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -9,25 +9,33 @@
{% block head %}{% endblock %}
+
+
+
+
+
-