.zem-crm { max-width: 1240px; }
.zem-portal { margin: 24px auto; padding: 0 18px; }
.zem-grid { display: grid; gap: 16px; }
.zem-stats { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-top: 18px; }
.zem-card { background: #fff; border: 1px solid #dcdcde; border-radius: 6px; padding: 18px; }
.zem-card span { color: #646970; display: block; font-size: 13px; margin-bottom: 8px; }
.zem-card strong { color: #1d2327; display: block; font-size: 28px; line-height: 1.1; }
.zem-form { background: #fff; border: 1px solid #dcdcde; border-radius: 6px; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin: 18px 0; padding: 16px; }
.zem-form label { display: grid; gap: 6px; font-weight: 600; }
.zem-form label span { color: #1d2327; font-size: 12px; text-transform: uppercase; }
.zem-form textarea { min-height: 72px; }
.zem-form label.zem-wide, .zem-form button { grid-column: 1 / -1; }
.zem-form input, .zem-form select, .zem-form textarea { max-width: 100%; width: 100%; }
.zem-table { margin-top: 16px; }
.zem-table-wrap { overflow-x: auto; }
.zem-section { margin-top: 28px; }
.zem-brand-header { align-items: center; background: #fff; border: 1px solid #dcdcde; border-radius: 6px; display: flex; gap: 18px; margin: 16px 0; padding: 16px; }
.zem-brand-header img { height: 82px; width: 82px; object-fit: contain; }
.zem-brand-header h2 { margin: 0 0 6px; font-size: 24px; }
.zem-brand-header p { margin: 0; color: #50575e; line-height: 1.45; }
.zem-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.zem-tabs a { background: #fff; border: 1px solid #c3c4c7; border-radius: 6px; color: #1d2327; padding: 8px 12px; text-decoration: none; }
.zem-tabs a.active { background: #005f8f; border-color: #005f8f; color: #fff; }
@media (max-width: 700px) {
    .zem-brand-header { align-items: flex-start; flex-direction: column; }
    .zem-brand-header img { height: 68px; width: 68px; }
}