:root{
  --zg-neutral-0:#ffffff;
  --zg-neutral-50:#f8fafc;
  --zg-neutral-100:#f1f5f9;
  --zg-neutral-200:#e2e8f0;
  --zg-neutral-300:#cbd5e1;
  --zg-neutral-400:#94a3b8;
  --zg-neutral-500:#64748b;
  --zg-neutral-600:#475569;
  --zg-neutral-700:#334155;
  --zg-neutral-800:#1e293b;
  --zg-neutral-900:#0f172a;
  --zg-marketing-primary:#e11d48;
  --zg-marketing-secondary:#ffe4e6;
  --zg-surface-page:var(--zg-neutral-50);
  --zg-surface-card:var(--zg-neutral-0);
  --zg-surface-soft:var(--zg-neutral-100);
  --zg-surface-hover:#f8fafc;
  --zg-surface-sidebar:var(--zg-neutral-0);
  --zg-text-primary:var(--zg-neutral-900);
  --zg-text-secondary:var(--zg-neutral-700);
  --zg-text-muted:var(--zg-neutral-500);
  --zg-text-placeholder:var(--zg-neutral-400);
  --zg-border-soft:var(--zg-neutral-200);
  --zg-border-default:var(--zg-neutral-300);
  --zg-border-strong:var(--zg-neutral-400);
  --zg-accent-primary:var(--zg-marketing-primary);
  --zg-accent-secondary:var(--zg-marketing-secondary);
  --zg-accent-hover:#be123c;
  --zg-accent-border:rgba(225,29,72,0.28);
  --zg-focus-ring:rgba(225,29,72,0.14);
  --zg-radius-sm:8px;
  --zg-radius-md:10px;
  --zg-radius-lg:14px;
  --zg-radius-xl:18px;
  --zg-shadow-soft:0 10px 24px rgba(15,23,42,0.06);
  --zg-shadow-popover:0 18px 40px rgba(15,23,42,0.12);
  --zg-font-family:"Open Sans", Arial, sans-serif;
  --white:var(--zg-neutral-0);
  --page-bg:var(--zg-surface-page);
  --section-bg:var(--zg-surface-soft);
  --border:var(--zg-border-soft);
  --input-border:var(--zg-border-default);
  --placeholder:var(--zg-text-placeholder);
  --muted-text:var(--zg-text-muted);
  --body-text:var(--zg-text-secondary);
  --headline-text:var(--zg-text-primary);
  --primary:var(--zg-accent-primary);
  --glass:rgba(255,255,255,0.72);
  --dark-base:var(--zg-text-primary);
  --light-base:var(--zg-surface-page);
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  min-height:100vh;
  overflow-x:hidden;
  background:var(--zg-surface-page);
  color:var(--zg-text-secondary);
  font-family:var(--zg-font-family);
  font-size:15px;
  line-height:1.5;
}

h1,
h2,
h3,
h4,
h5,
h6{
  color:var(--zg-text-primary);
  letter-spacing:0;
}

h2{
  font-size:28px;
  line-height:1.25;
  font-weight:700;
}

h3{
  font-size:18px;
  line-height:1.35;
  font-weight:700;
}

button,
input,
textarea,
select{
  font:inherit;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--zg-accent-primary);
  outline-offset:2px;
}

.content-box,
.analytics-panel,
.review-panel,
.message-panel,
.products-panel,
.comments-panel,
.influencers-panel,
.settings-panel{
  color:var(--zg-text-secondary);
}

.analytics-card,
.analytics-chart-card,
.review-summary,
.review-card,
.reviews-feedback-card,
.reviews-feedback-list-card,
.reviews-feedback-actions-card,
.instagram-sidebar,
.instagram-messages-sidebar,
.instagram-chat-card,
.viewer-post-panel,
.viewer-comments-panel,
.product-idea-card,
.products-source-list,
.products-empty,
.products-loading,
.influencer-card,
.influencers-source-list,
.influencers-empty,
.influencers-loading,
.holiday-events-column,
.holiday-events-header,
.holiday-events-actions,
.holiday-event-card,
.holiday-events-post-card,
.campain-card,
.campains-empty,
.campains-loading,
.newsletter-draft-card,
.newsletter-empty,
.newsletter-loading,
.newsletter-meta-item{
  background:var(--zg-surface-card);
  border:1px solid var(--zg-border-soft);
  border-radius:var(--zg-radius-lg);
  box-shadow:var(--zg-shadow-soft);
}

.analytics-card.missing,
.instagram-sidebar-post:hover,
.instagram-sidebar-post.active,
.instagram-thread-card:hover,
.instagram-thread-card.active,
.product-idea-card-selected,
.holiday-event-card-selected{
  background:var(--zg-accent-secondary);
  border-color:var(--zg-accent-border);
}

.settings-field input,
.settings-field textarea,
.settings-unit-input,
.reply-input,
.post-comment-input,
.instagram-comment-reply-input,
.instagram-message-input,
.holiday-events-post-edit-input,
.holiday-events-post-tag-input{
  min-height:42px;
  border:1px solid var(--zg-border-default);
  border-radius:var(--zg-radius-md);
  background:var(--zg-surface-card);
  color:var(--zg-text-primary);
}

.settings-field input::placeholder,
.settings-field textarea::placeholder,
.reply-input::placeholder,
.post-comment-input::placeholder,
.instagram-comment-reply-input::placeholder,
.instagram-message-input::placeholder,
.holiday-events-post-edit-input::placeholder,
.holiday-events-post-tag-input::placeholder{
  color:var(--zg-text-placeholder);
}

.settings-field input:focus,
.settings-field textarea:focus,
.settings-unit-input:focus-within,
.reply-input:focus,
.post-comment-input:focus,
.instagram-comment-reply-input:focus,
.instagram-message-input:focus,
.holiday-events-post-edit-input:focus,
.holiday-events-post-tag-input:focus{
  border-color:var(--zg-accent-primary);
  box-shadow:0 0 0 3px var(--zg-focus-ring);
  outline:none;
}

.settings-primary-btn,
.holiday-events-generate-btn,
.holiday-events-post-save-btn,
.campains-refresh-btn,
.newsletter-save-btn,
.products-refresh-btn,
.product-generate-post-btn,
.influencers-refresh-btn,
.delete-reply-btn{
  min-height:40px;
  border:1px solid var(--zg-accent-primary);
  border-radius:var(--zg-radius-md);
  background:var(--zg-accent-primary);
  color:var(--zg-neutral-0);
  font-size:14px;
  font-weight:600;
  box-shadow:none;
  transition:background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.settings-primary-btn:hover,
.holiday-events-generate-btn:hover,
.holiday-events-post-save-btn:hover,
.campains-refresh-btn:hover,
.newsletter-save-btn:hover,
.products-refresh-btn:hover,
.product-generate-post-btn:hover,
.influencers-refresh-btn:hover,
.delete-reply-btn:hover{
  background:var(--zg-accent-hover);
  border-color:var(--zg-accent-hover);
  transform:none;
}

.reply-btn,
.review-filter-btn,
.post-comment-btn,
.reply-comment-btn,
.comment-like-btn,
.comment-menu-btn,
.holiday-events-post-tag-add-btn{
  min-height:36px;
  border:1px solid var(--zg-border-soft);
  border-radius:var(--zg-radius-md);
  background:var(--zg-surface-card);
  color:var(--zg-text-secondary);
  font-size:14px;
  font-weight:600;
}

.reply-btn:hover,
.review-filter-btn:hover,
.post-comment-btn:hover,
.reply-comment-btn:hover,
.comment-like-btn:hover,
.comment-like-btn.liked,
.comment-menu-btn:hover,
.comment-menu.open .comment-menu-btn,
.holiday-events-post-tag-add-btn:hover{
  background:var(--zg-accent-secondary);
  border-color:var(--zg-accent-border);
  color:var(--zg-accent-primary);
  transform:none;
}

.review-filter-btn.active{
  background:var(--zg-accent-secondary);
  border-color:var(--zg-accent-border);
  color:var(--zg-accent-primary);
}

.analytics-card-tag,
.holiday-events-post-card-tags span,
.product-fit-badge,
.influencer-fit-badge,
.message-status-pill{
  background:var(--zg-accent-secondary);
  color:var(--zg-accent-primary);
  border-color:var(--zg-accent-border);
}

.instagram-message-bubble.mine,
.instagram-message-own{
  background:var(--zg-accent-primary);
  color:var(--zg-neutral-0);
}