.fwo-dashboard { width: min(calc(100% - 32px), 1180px); margin: 0 auto; padding-block: 56px; }
.fwo-dashboard__header { padding: 32px; border-radius: 24px; color: white; background: #101828; }
.fwo-dashboard__header h1 { margin: 0; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; }
.fwo-dashboard__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 24px; }
.fwo-dashboard-card, .fwo-quick-post { padding: 24px; border: 1px solid #e4e7ec; border-radius: 20px; background: #fff; }
.fwo-quick-post { display: grid; gap: 18px; margin-top: 24px; box-shadow: 0 14px 40px rgba(16, 24, 40, .08); }
.fwo-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fwo-dashboard-list { list-style: none; margin: 0; padding: 0; }
.fwo-dashboard-list li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e4e7ec; }
.fwo-notice { margin: 18px 0; padding: 16px 18px; border-radius: 12px; background: #eef4ff; }
.fwo-notice--success { background: #ecfdf3; }
.fwo-notice--error { background: #fef3f2; }
.fwo-help { color: #667085; font-size: .9rem; }
@media (max-width: 820px) {
    .fwo-dashboard__grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .fwo-form-row { grid-template-columns: 1fr; }
}