.platform-body { background: #f5f6f2; }
.platform-topbar { background: rgba(245,246,242,.9); }
.platform-main { width: min(1500px, calc(100% - 48px)); }
.platform-hero h1 { max-width: 900px; font-size: 34px; letter-spacing: 0; }
.platform-kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.platform-kpi-grid .kpi-card { min-width: 0; padding: 19px; }
.platform-kpi-grid .kpi-card, .platform-main .panel, .platform-main .insight-card { border-radius: 8px; }
.platform-kpi-grid .kpi-card > strong { font-size: 38px; }
.kpi-card--green { border-color: #cce8dc; background: #e8f5ef; }
.platform-chart-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.platform-chart-grid .panel { min-width: 0; }
.platform-analysis-grid { grid-template-columns: repeat(3, 1fr); }
.brand-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; background: #edf7f2; color: #24795b; font-size: 9px; font-weight: 900; }
.brand-status.is-inactive { background: #f1f2ee; color: #848980; }
.platform-code { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; }
.platform-header-button { min-height: 34px; border: 1px solid var(--line); border-radius: 8px; background: white; padding: 0 12px; color: var(--ink); font-size: 11px; font-weight: 800; cursor: pointer; }
.platform-login { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.2fr); align-items: center; gap: 48px; max-width: 880px; margin: 18px auto 0; padding: 34px; border-radius: 8px; }
.platform-login h2 { margin: 0; font-size: 28px; }
.platform-login > div > p:last-child { margin: 10px 0 0; color: var(--muted); font-size: 13px; }
.platform-login form { display: grid; gap: 14px; }
.platform-login label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 800; }
.platform-login input { min-height: 44px; border: 1px solid var(--line); border-radius: 7px; background: white; padding: 0 13px; font: inherit; }
.platform-login form button { min-height: 44px; border: 0; border-radius: 7px; background: var(--ink); color: white; font: inherit; font-weight: 800; cursor: pointer; }
#platform-login-error { margin: 0; color: var(--coral); font-size: 11px; }
.analytics-state .switch-account-button { margin-top: 8px; border: 1px solid var(--line); background: white; color: var(--ink); }
@media (max-width: 1280px) { .platform-kpi-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .platform-chart-grid { grid-template-columns: 1fr; } .platform-analysis-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .platform-main { width: min(100% - 28px, 1500px); } .platform-kpi-grid { grid-template-columns: 1fr 1fr; gap: 9px; } .platform-analysis-grid { grid-template-columns: 1fr; } .platform-entry-link { font-size: 9px; } .platform-login { grid-template-columns: 1fr; gap: 24px; padding: 24px; } }
@media (max-width: 430px) { .platform-kpi-grid { grid-template-columns: 1fr; } }