diff --git a/admin.php b/admin.php
index 16294d6..e2c70f7 100644
--- a/admin.php
+++ b/admin.php
@@ -519,13 +519,13 @@ $current_session_user = isset($_SESSION['user']) ? (string) $_SESSION['user'] :
 
         <nav class="nav-tabs">
             <a href="admin.php" class="active">Utilisateurs</a>
+            <a href="scwebhook.php">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php">Base d'Objets</a>
             <a href="scmining.php">Scanner Minage</a>
             <a href="scmanufactures.php">Manufactures</a>
             <a href="scvaisseaux.php">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/assets/pasted-20260408-162933-15bb71d4.png b/assets/pasted-20260408-162933-15bb71d4.png
new file mode 100644
index 0000000..c8e404c
Binary files /dev/null and b/assets/pasted-20260408-162933-15bb71d4.png differ
diff --git a/scitems.php b/scitems.php
index 71485b0..206da14 100644
--- a/scitems.php
+++ b/scitems.php
@@ -401,13 +401,13 @@ if ($edit_id > 0) {
 
         <nav class="nav-tabs">
             <a href="admin.php">Utilisateurs</a>
+            <a href="scwebhook.php">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php" class="active">Base d'Objets</a>
             <a href="scmining.php">Scanner Minage</a>
             <a href="scmanufactures.php">Manufactures</a>
             <a href="scvaisseaux.php">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scmanufactures.php b/scmanufactures.php
index 82705d6..937a29d 100644
--- a/scmanufactures.php
+++ b/scmanufactures.php
@@ -273,13 +273,13 @@ $current_session_user = $_SESSION['user'] ?? '';
 
         <nav class="nav-tabs">
             <a href="admin.php">Utilisateurs</a>
+            <a href="scwebhook.php">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php">Base d\'Objets</a>
             <a href="scmining.php">Scanner Minage</a>
             <a href="scmanufactures.php" class="active">Manufactures</a>
             <a href="scvaisseaux.php">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scmining.php b/scmining.php
index 8bd03cf..5a1b03d 100644
--- a/scmining.php
+++ b/scmining.php
@@ -330,13 +330,13 @@ $current_session_user = $_SESSION['user'] ?? '';
 
         <nav class="nav-tabs">
             <a href="admin.php">Utilisateurs</a>
+            <a href="scwebhook.php">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php">Base d'Objets</a>
             <a href="scmining.php" class="active">Scanner Minage</a>
             <a href="scmanufactures.php">Manufactures</a>
             <a href="scvaisseaux.php">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scnotification.php b/scnotification.php
index 96f2851..5cfd8c7 100644
--- a/scnotification.php
+++ b/scnotification.php
@@ -322,20 +322,17 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
     <title>SC Notification | R.E.A.C.T. Admin</title>
     <link rel="stylesheet" type="text/css" href="css/styles.css">
     <link rel="stylesheet" type="text/css" href="css/default.css">
-    <style>
+        <style>
         :root {
-            --primary: #f4a31d;
-            --primary-soft: rgba(244, 163, 29, 0.16);
-            --bg: #2b2b2b;
-            --bg-page: #1a1a1a;
-            --card: #565656;
-            --card-deep: #4a4a4a;
-            --field: #454545;
-            --border: rgba(255,255,255,0.08);
-            --text-soft: #d5d5d5;
-            --text-muted: #a9a9a9;
-            --success: #6fe08f;
-            --danger: #ff8a8a;
+            --primary: #a29b78;
+            --primary-glow: rgba(162, 155, 120, 0.4);
+            --bg-dark: #080a0f;
+            --card-bg: rgba(20, 24, 33, 0.85);
+            --border-glow: rgba(162, 155, 120, 0.25);
+            --danger: #ff4d4d;
+            --success: #00ff88;
+            --text-soft: #d7d7d7;
+            --text-muted: #9ea3ad;
         }
 
         @font-face {
@@ -348,22 +345,35 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         body {
             margin: 0;
             min-height: 100vh;
-            background: linear-gradient(180deg, #4a4a4a 0%, var(--bg-page) 100%);
+            background: radial-gradient(circle at top right, #1a1f2e, var(--bg-dark));
+            background-attachment: fixed;
+            color: #e0e0e0;
             font-family: 'Electrolize', sans-serif;
-            color: #f6f6f6;
+            overflow-x: hidden;
         }
 
         .admin-layout {
-            max-width: 1460px;
+            display: flex;
+            flex-direction: column;
+            max-width: 1400px;
             margin: 0 auto;
             padding: 2rem;
+            animation: fadeIn 0.6s ease-out;
         }
 
-        .admin-topbar, .page-shell, .history-card {
-            background: rgba(53, 53, 53, 0.98);
-            border: 1px solid var(--border);
-            border-radius: 14px;
-            box-shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .admin-topbar,
+        .page-shell,
+        .history-card {
+            background: var(--card-bg);
+            backdrop-filter: blur(12px);
+            border: 1px solid var(--border-glow);
+            border-radius: 12px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
         }
 
         .admin-topbar {
@@ -371,20 +381,25 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
             justify-content: space-between;
             align-items: center;
             gap: 1rem;
-            padding: 1.4rem 1.8rem;
+            padding: 1.5rem 2rem;
             margin-bottom: 2rem;
         }
 
         .topbar-info h1 {
             margin: 0;
-            font-size: 1.55rem;
-            color: #fff;
+            font-size: 1.5rem;
+            letter-spacing: 2px;
+            text-transform: uppercase;
+            background: linear-gradient(90deg, #fff, var(--primary));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         .topbar-info p {
-            margin: 0.35rem 0 0;
+            margin: 0.25rem 0 0;
+            font-size: 0.85rem;
             color: var(--primary);
-            font-size: 0.88rem;
+            opacity: 0.8;
         }
 
         .btn-modern {
@@ -392,52 +407,55 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
             align-items: center;
             justify-content: center;
             gap: 0.4rem;
-            padding: 0.72rem 1.1rem;
-            border-radius: 6px;
+            padding: 0.6rem 1.2rem;
+            border-radius: 4px;
             border: 1px solid var(--primary);
             background: transparent;
             color: #fff;
             text-decoration: none;
             text-transform: uppercase;
-            font-size: 0.82rem;
+            font-size: 0.9rem;
             cursor: pointer;
-            transition: 0.22s ease;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             font-family: 'Electrolize', sans-serif;
         }
 
         .btn-modern:hover {
             background: var(--primary);
-            color: #111;
+            color: var(--bg-dark);
+            box-shadow: 0 0 15px var(--primary-glow);
         }
 
         .btn-modern.danger {
-            border-color: #f06a6a;
-            color: #f06a6a;
+            border-color: var(--danger);
+            color: var(--danger);
         }
 
         .btn-modern.danger:hover {
-            background: #f06a6a;
+            background: var(--danger);
             color: #fff;
+            box-shadow: 0 0 15px rgba(255, 77, 77, 0.3);
         }
 
         .nav-tabs {
             display: flex;
             flex-wrap: wrap;
             gap: 1rem;
-            margin-bottom: 1.5rem;
+            margin-bottom: 2rem;
             padding-bottom: 1rem;
-            border-bottom: 1px solid rgba(255,255,255,0.08);
+            border-bottom: 1px solid var(--border-glow);
         }
 
         .nav-tabs a {
-            color: #a5a5a5;
             text-decoration: none;
+            color: #888;
             text-transform: uppercase;
-            font-size: 0.88rem;
+            font-size: 0.9rem;
+            transition: color 0.3s;
         }
 
-        .nav-tabs a.active,
-        .nav-tabs a:hover {
+        .nav-tabs a:hover,
+        .nav-tabs a.active {
             color: var(--primary);
         }
 
@@ -445,21 +463,23 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
             margin-bottom: 1rem;
             padding: 1rem 1.15rem;
             border-radius: 10px;
-            border: 1px solid rgba(255,255,255,0.08);
-            background: rgba(255,255,255,0.04);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            background: rgba(255, 255, 255, 0.04);
         }
 
-        .flash.success { color: var(--success); border-color: rgba(111,224,143,0.28); }
-        .flash.error { color: var(--danger); border-color: rgba(255,138,138,0.28); }
+        .flash.success { color: #9ff3c8; border-color: rgba(0, 255, 136, 0.25); }
+        .flash.error { color: #ff9d9d; border-color: rgba(255, 77, 77, 0.25); }
 
         .page-shell {
-            padding: 1rem;
+            padding: 1.5rem;
         }
 
         .page-title {
-            padding: 0.65rem 0.9rem 1rem;
-            font-size: 1.12rem;
-            color: #fff;
+            margin: 0 0 1.5rem;
+            padding-bottom: 0.75rem;
+            font-size: 1.25rem;
+            color: var(--primary);
+            border-bottom: 1px solid var(--border-glow);
         }
 
         .form-grid {
@@ -474,28 +494,19 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         }
 
         .section-card {
-            background: var(--card);
-            border: 1px solid rgba(0,0,0,0.18);
-            border-radius: 8px;
-            padding: 1rem;
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.05);
+            border-radius: 12px;
+            padding: 1.25rem;
         }
 
         .section-title {
-            margin: 0 0 0.9rem;
+            margin: 0 0 1rem;
+            padding-bottom: 0.65rem;
             color: var(--primary);
             font-size: 1rem;
             line-height: 1.2;
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-        }
-
-        .section-title::before {
-            content: '';
-            width: 3px;
-            height: 18px;
-            background: var(--primary);
-            border-radius: 999px;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
         }
 
         .field-row { margin-bottom: 0.85rem; }
@@ -505,7 +516,8 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
             display: block;
             margin-bottom: 0.45rem;
             font-size: 0.83rem;
-            color: var(--text-soft);
+            color: #aaa;
+            text-transform: uppercase;
         }
 
         .check {
@@ -515,6 +527,7 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
             font-size: 0.9rem;
             margin-bottom: 0.7rem;
             color: #ededed;
+            text-transform: none;
         }
 
         .control,
@@ -525,12 +538,25 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         input[type="date"],
         input[type="time"] {
             width: 100%;
-            padding: 0.8rem 0.85rem;
-            border-radius: 5px;
-            border: 1px solid rgba(255,255,255,0.06);
-            background: var(--field);
+            padding: 0.8rem 1rem;
+            border-radius: 4px;
+            border: 1px solid #444;
+            background: rgba(0, 0, 0, 0.3);
             color: #fff;
             font-family: 'Electrolize', sans-serif;
+            transition: border-color 0.3s, background 0.3s;
+        }
+
+        .control:focus,
+        textarea:focus,
+        select:focus,
+        input[type="text"]:focus,
+        input[type="url"]:focus,
+        input[type="date"]:focus,
+        input[type="time"]:focus {
+            outline: none;
+            border-color: var(--primary);
+            background: rgba(0, 0, 0, 0.5);
         }
 
         textarea {
@@ -563,13 +589,6 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         .submit-wrap .btn-modern {
             width: 100%;
             padding: 0.95rem 1.2rem;
-            background: var(--primary);
-            color: #111;
-            font-weight: bold;
-        }
-
-        .submit-wrap .btn-modern:hover {
-            filter: brightness(1.06);
         }
 
         .history-card {
@@ -579,9 +598,11 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
 
         .history-card h2 {
             margin: 0 0 1rem;
+            padding-bottom: 0.75rem;
             color: var(--primary);
-            font-size: 1rem;
+            font-size: 1.1rem;
             text-transform: uppercase;
+            border-bottom: 1px solid var(--border-glow);
         }
 
         .history-list {
@@ -592,8 +613,8 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         .history-item {
             padding: 0.85rem 0.95rem;
             border-radius: 8px;
-            background: rgba(255,255,255,0.04);
-            border: 1px solid rgba(255,255,255,0.06);
+            background: rgba(255, 255, 255, 0.03);
+            border: 1px solid rgba(255, 255, 255, 0.05);
         }
 
         .history-meta {
@@ -613,18 +634,18 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         }
 
         .status-pill.ok {
-            background: rgba(111,224,143,0.16);
-            color: #a7efba;
+            background: rgba(0, 255, 136, 0.12);
+            color: #9ff3c8;
         }
 
         .status-pill.ko {
-            background: rgba(255,138,138,0.16);
+            background: rgba(255, 77, 77, 0.12);
             color: #ffb0b0;
         }
 
         .empty-state {
             padding: 1.2rem;
-            border: 1px dashed rgba(255,255,255,0.12);
+            border: 1px dashed rgba(255, 255, 255, 0.12);
             border-radius: 10px;
             text-align: center;
             color: var(--text-muted);
@@ -651,14 +672,14 @@ function scnotification_old_checked(array $old, string $key, bool $default = fal
         <nav class="nav-tabs">
             <?php if (auth_is_admin()): ?>
                 <a href="admin.php">Utilisateurs</a>
+                <a href="scwebhook.php">WEBHOOK</a>
+                <a href="scnotification.php" class="active">NOTIF DISCORD</a>
                 <a href="scitems.php">Base d'Objets</a>
                 <a href="scmining.php">Scanner Minage</a>
                 <a href="scmanufactures.php">Manufactures</a>
                 <a href="scvaisseaux.php">Vaisseaux</a>
             <?php endif; ?>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php" class="active">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scpreset.php b/scpreset.php
index d87ea5b..d34dc66 100644
--- a/scpreset.php
+++ b/scpreset.php
@@ -325,14 +325,14 @@ $presets = $stmt_list->fetchAll();
         <nav class="nav-tabs">
             <?php if (auth_is_admin()): ?>
                 <a href="admin.php">Utilisateurs</a>
+                <a href="scwebhook.php">WEBHOOK</a>
+                <a href="scnotification.php">NOTIF DISCORD</a>
                 <a href="scitems.php">Base d\'Objets</a>
                 <a href="scmining.php">Scanner Minage</a>
                 <a href="scmanufactures.php">Manufactures</a>
                 <a href="scvaisseaux.php">Vaisseaux</a>
             <?php endif; ?>
             <a href="scpreset.php" class="active">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scvaisseaux.php b/scvaisseaux.php
index 6360ea3..c2b1975 100644
--- a/scvaisseaux.php
+++ b/scvaisseaux.php
@@ -284,13 +284,13 @@ $current_session_user = $_SESSION['user'] ?? '';
 
         <nav class="nav-tabs">
             <a href="admin.php">Utilisateurs</a>
+            <a href="scwebhook.php">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php">Base d\'Objets</a>
             <a href="scmining.php">Scanner Minage</a>
             <a href="scmanufactures.php">Manufactures</a>
             <a href="scvaisseaux.php" class="active">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>
diff --git a/scwebhook.php b/scwebhook.php
index 2dab5ca..cb9a4c2 100644
--- a/scwebhook.php
+++ b/scwebhook.php
@@ -184,17 +184,16 @@ $banners = $stmt_banners->fetchAll();
     <title>SC Webhook | R.E.A.C.T. Admin</title>
     <link rel="stylesheet" type="text/css" href="css/styles.css">
     <link rel="stylesheet" type="text/css" href="css/default.css">
-    <style>
+        <style>
         :root {
-            --primary: #f6a21a;
-            --primary-soft: rgba(246, 162, 26, 0.16);
-            --primary-glow: rgba(246, 162, 26, 0.38);
-            --bg-dark: #0d1016;
-            --card-bg: rgba(44, 44, 48, 0.96);
-            --card-bg-secondary: rgba(58, 58, 63, 0.96);
-            --border-glow: rgba(255, 255, 255, 0.08);
-            --danger: #ff6767;
-            --success: #52d273;
+            --primary: #a29b78;
+            --primary-glow: rgba(162, 155, 120, 0.4);
+            --bg-dark: #080a0f;
+            --card-bg: rgba(20, 24, 33, 0.85);
+            --card-bg-secondary: rgba(255, 255, 255, 0.03);
+            --border-glow: rgba(162, 155, 120, 0.25);
+            --danger: #ff4d4d;
+            --success: #00ff88;
             --muted: #aaaaaa;
         }
 
@@ -208,22 +207,34 @@ $banners = $stmt_banners->fetchAll();
         body {
             margin: 0;
             min-height: 100vh;
-            background: linear-gradient(180deg, #262626 0%, #12141b 100%);
-            color: #f4f4f4;
+            background: radial-gradient(circle at top right, #1a1f2e, var(--bg-dark));
+            background-attachment: fixed;
+            color: #e0e0e0;
             font-family: 'Electrolize', sans-serif;
+            overflow-x: hidden;
         }
 
         .admin-layout {
-            max-width: 1450px;
+            display: flex;
+            flex-direction: column;
+            max-width: 1400px;
             margin: 0 auto;
             padding: 2rem;
+            animation: fadeIn 0.6s ease-out;
         }
 
-        .admin-topbar, .glass-card {
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        .admin-topbar,
+        .glass-card {
             background: var(--card-bg);
+            backdrop-filter: blur(12px);
             border: 1px solid var(--border-glow);
             border-radius: 12px;
-            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.28);
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
         }
 
         .admin-topbar {
@@ -237,15 +248,19 @@ $banners = $stmt_banners->fetchAll();
 
         .topbar-info h1 {
             margin: 0;
-            font-size: 1.6rem;
-            letter-spacing: 1px;
-            color: #fff;
+            font-size: 1.5rem;
+            letter-spacing: 2px;
+            text-transform: uppercase;
+            background: linear-gradient(90deg, #fff, var(--primary));
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         .topbar-info p {
-            margin: 0.35rem 0 0;
+            margin: 0.25rem 0 0;
+            font-size: 0.85rem;
             color: var(--primary);
-            font-size: 0.9rem;
+            opacity: 0.8;
         }
 
         .btn-modern {
@@ -253,23 +268,23 @@ $banners = $stmt_banners->fetchAll();
             align-items: center;
             justify-content: center;
             gap: 0.45rem;
-            padding: 0.75rem 1.1rem;
-            border-radius: 6px;
+            padding: 0.6rem 1.2rem;
+            border-radius: 4px;
             border: 1px solid var(--primary);
             background: transparent;
             color: #fff;
             text-decoration: none;
             text-transform: uppercase;
-            font-size: 0.82rem;
+            font-size: 0.9rem;
             cursor: pointer;
-            transition: 0.25s ease;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
             font-family: 'Electrolize', sans-serif;
         }
 
         .btn-modern:hover {
             background: var(--primary);
-            color: #0d1016;
-            box-shadow: 0 0 18px var(--primary-glow);
+            color: var(--bg-dark);
+            box-shadow: 0 0 15px var(--primary-glow);
         }
 
         .btn-modern.danger {
@@ -280,16 +295,16 @@ $banners = $stmt_banners->fetchAll();
         .btn-modern.danger:hover {
             background: var(--danger);
             color: #fff;
-            box-shadow: none;
+            box-shadow: 0 0 15px rgba(255, 77, 77, 0.3);
         }
 
         .btn-modern.secondary {
-            border-color: #6e6e6e;
+            border-color: rgba(255, 255, 255, 0.2);
             color: #d6d6d6;
         }
 
         .btn-modern.secondary:hover {
-            background: #6e6e6e;
+            background: rgba(255, 255, 255, 0.12);
             color: #fff;
             box-shadow: none;
         }
@@ -305,19 +320,19 @@ $banners = $stmt_banners->fetchAll();
             gap: 1rem;
             margin-bottom: 2rem;
             padding-bottom: 1rem;
-            border-bottom: 1px solid rgba(255,255,255,0.08);
+            border-bottom: 1px solid var(--border-glow);
         }
 
         .nav-tabs a {
-            color: #989898;
             text-decoration: none;
+            color: #888;
             text-transform: uppercase;
-            font-size: 0.88rem;
-            transition: color 0.2s ease;
+            font-size: 0.9rem;
+            transition: color 0.3s;
         }
 
-        .nav-tabs a.active,
-        .nav-tabs a:hover {
+        .nav-tabs a:hover,
+        .nav-tabs a.active {
             color: var(--primary);
         }
 
@@ -325,12 +340,12 @@ $banners = $stmt_banners->fetchAll();
             margin-bottom: 1.5rem;
             padding: 1rem 1.2rem;
             border-radius: 8px;
-            border: 1px solid rgba(255,255,255,0.08);
-            background: rgba(255,255,255,0.04);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            background: rgba(255, 255, 255, 0.04);
         }
 
-        .flash.success { border-color: rgba(82, 210, 115, 0.35); color: #9ef0b4; }
-        .flash.error { border-color: rgba(255, 103, 103, 0.35); color: #ff9d9d; }
+        .flash.success { border-color: rgba(0, 255, 136, 0.25); color: #9ff3c8; }
+        .flash.error { border-color: rgba(255, 77, 77, 0.25); color: #ff9d9d; }
 
         .page-grid {
             display: grid;
@@ -348,11 +363,11 @@ $banners = $stmt_banners->fetchAll();
         }
 
         .glass-card h2 {
-            margin: 0 0 1.25rem;
+            margin: 0 0 1.5rem;
+            padding-bottom: 0.75rem;
+            font-size: 1.25rem;
             color: var(--primary);
-            font-size: 1.1rem;
-            text-transform: uppercase;
-            letter-spacing: 0.6px;
+            border-bottom: 1px solid var(--border-glow);
         }
 
         .section-note {
@@ -370,19 +385,26 @@ $banners = $stmt_banners->fetchAll();
         .form-group label {
             display: block;
             margin-bottom: 0.5rem;
-            color: #d8d8d8;
-            font-size: 0.82rem;
+            font-size: 0.85rem;
+            color: #aaa;
             text-transform: uppercase;
         }
 
         .form-control {
             width: 100%;
-            padding: 0.82rem 0.9rem;
-            border-radius: 6px;
-            border: 1px solid rgba(255,255,255,0.08);
-            background: var(--card-bg-secondary);
+            padding: 0.8rem 1rem;
+            background: rgba(0, 0, 0, 0.3);
+            border: 1px solid #444;
+            border-radius: 4px;
             color: #fff;
             font-family: 'Electrolize', sans-serif;
+            transition: border-color 0.3s, background 0.3s;
+        }
+
+        .form-control:focus {
+            outline: none;
+            border-color: var(--primary);
+            background: rgba(0, 0, 0, 0.5);
         }
 
         .form-control[type="color"] {
@@ -410,22 +432,41 @@ $banners = $stmt_banners->fetchAll();
 
         table {
             width: 100%;
-            border-collapse: collapse;
+            border-collapse: separate;
+            border-spacing: 0 8px;
         }
 
-        th, td {
-            padding: 0.9rem 0.75rem;
-            border-bottom: 1px solid rgba(255,255,255,0.08);
+        th {
+            text-align: left;
+            padding: 1rem 0.75rem;
+            font-size: 0.8rem;
+            text-transform: uppercase;
+            color: var(--primary);
+            opacity: 0.7;
+        }
+
+        td {
+            padding: 1rem 0.75rem;
+            background: var(--card-bg-secondary);
+            border-top: 1px solid rgba(255, 255, 255, 0.05);
+            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
             vertical-align: top;
             text-align: left;
             font-size: 0.88rem;
         }
 
-        th {
-            color: var(--primary);
-            text-transform: uppercase;
-            font-size: 0.75rem;
-            letter-spacing: 0.5px;
+        td:first-child {
+            border-left: 1px solid rgba(255, 255, 255, 0.05);
+            border-radius: 8px 0 0 8px;
+        }
+
+        td:last-child {
+            border-right: 1px solid rgba(255, 255, 255, 0.05);
+            border-radius: 0 8px 8px 0;
+        }
+
+        tr:hover td {
+            background: rgba(162, 155, 120, 0.08);
         }
 
         .muted {
@@ -438,14 +479,14 @@ $banners = $stmt_banners->fetchAll();
             align-items: center;
             padding: 0.2rem 0.55rem;
             border-radius: 999px;
-            background: rgba(255,255,255,0.07);
+            background: rgba(255, 255, 255, 0.07);
             font-size: 0.72rem;
             color: #fff;
         }
 
         .pill.forum {
-            background: rgba(246, 162, 26, 0.18);
-            color: #ffd38c;
+            background: rgba(162, 155, 120, 0.18);
+            color: #e5dcb7;
         }
 
         .banner-preview {
@@ -453,7 +494,7 @@ $banners = $stmt_banners->fetchAll();
             max-height: 42px;
             object-fit: cover;
             border-radius: 6px;
-            border: 1px solid rgba(255,255,255,0.08);
+            border: 1px solid rgba(255, 255, 255, 0.08);
             display: block;
             background: #17191e;
         }
@@ -469,8 +510,8 @@ $banners = $stmt_banners->fetchAll();
             width: 14px;
             height: 14px;
             border-radius: 50%;
-            background: var(--chip-color, #ffae00);
-            box-shadow: 0 0 0 2px rgba(255,255,255,0.08);
+            background: var(--chip-color, var(--primary));
+            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);
         }
 
         .actions-inline {
@@ -482,7 +523,7 @@ $banners = $stmt_banners->fetchAll();
 
         .empty-state {
             padding: 2rem;
-            border: 1px dashed rgba(255,255,255,0.12);
+            border: 1px dashed rgba(255, 255, 255, 0.12);
             border-radius: 10px;
             color: #9a9a9a;
             text-align: center;
@@ -508,13 +549,13 @@ $banners = $stmt_banners->fetchAll();
 
         <nav class="nav-tabs">
             <a href="admin.php">Utilisateurs</a>
+            <a href="scwebhook.php" class="active">WEBHOOK</a>
+            <a href="scnotification.php">NOTIF DISCORD</a>
             <a href="scitems.php">Base d'Objets</a>
             <a href="scmining.php">Scanner Minage</a>
             <a href="scmanufactures.php">Manufactures</a>
             <a href="scvaisseaux.php">Vaisseaux</a>
             <a href="scpreset.php">Presets Vaisseau</a>
-            <a href="scwebhook.php" class="active">SC Webhook</a>
-            <a href="scnotification.php">SC Notification</a>
         </nav>
 
         <?php if ($flash_message !== ''): ?>