diff --git a/styles.css b/styles.css
index e17e588..c5e7596 100644
--- a/styles.css
+++ b/styles.css
@@ -2251,6 +2251,38 @@ body.auth-layout #signin-btn {
     border-color: var(--danger);
 }
 
+/* ─── Affiliate Area Cards ───────────────────────────────────── */
+.affiliate-areas-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-height: 300px;
+    overflow-y: auto;
+}
+
+.affiliate-area-card {
+    background: var(--bg-inner);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 12px 14px;
+}
+
+.affiliate-area-card .form-group input {
+    font-size: 12px;
+    padding: 5px 8px;
+}
+
+.affiliate-area-name {
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--accent);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    margin-bottom: 8px;
+    padding-bottom: 6px;
+    border-bottom: 1px solid var(--border);
+}
+
 /* ─── Wizard (Integrations setup) ─────────────────────────────── */
 #wizard-card {
     position: absolute;