:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1d2926; background: #f4f7f6; }
* { box-sizing: border-box; }
body { margin: 0; }
button { font: inherit; cursor: pointer; }
.topbar { padding: 42px max(24px, calc((100vw - 1180px) / 2)); background: #fff; display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #e4ebe8; }
.eyebrow { color: #218264; font-size: 14px; margin-bottom: 10px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 10px; font-size: 32px; }
.topbar p, .muted { color: #778580; }
.admin-badge { color: #fff; background: #218264; border-radius: 999px; padding: 10px 18px; }
main { width: min(1180px, calc(100% - 48px)); margin: 32px auto 64px; }
.welcome, .panel { background: #fff; border-radius: 18px; padding: 28px; margin-bottom: 24px; box-shadow: 0 6px 22px rgba(31, 74, 61, .05); }
.welcome p { color: #778580; margin-bottom: 0; }
.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 24px; }
.stat-card { text-align: left; border: 1px solid #e3ebe7; background: #fff; border-radius: 18px; padding: 24px; display: flex; flex-direction: column; gap: 7px; transition: .15s; }
.stat-card:hover { border-color: #218264; transform: translateY(-2px); }
.stat-card strong { font-size: 36px; color: #218264; }
.stat-card span { font-size: 18px; font-weight: 700; }
.stat-card small { color: #778580; }
.stat-card i { color: #218264; font-style: normal; margin-top: 12px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.section-head h2 { margin-bottom: 0; }
.back { border: 0; color: #218264; background: transparent; }
.list { display: flex; flex-direction: column; gap: 16px; }
.list-row, .signup-row, .feedback-row { border: 1px solid #e7eeeb; border-radius: 14px; padding: 20px 22px; display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.list-row h3, .signup-row h3, .feedback-row h3 { margin-bottom: 8px; font-size: 17px; }
.list-row p, .signup-row p, .feedback-row p { margin-bottom: 0; color: #6f7c77; line-height: 1.7; }
.list-row > b { color: #218264; white-space: nowrap; }
.signup-row, .feedback-row { align-items: flex-start; }
.signup-row .source { color: #218264; white-space: nowrap; }
.tag { color: #218264; background: #eaf5f0; border-radius: 999px; font-size: 12px; padding: 4px 8px; font-weight: 500; }
.empty { color: #8b9893; padding: 28px 0; text-align: center; }
@media (max-width: 720px) { .topbar { padding: 28px 20px; } main { width: calc(100% - 32px); margin-top: 20px; } .stats-grid { grid-template-columns: 1fr; gap: 16px; } .welcome, .panel { padding: 20px; } .list-row, .signup-row, .feedback-row { flex-direction: column; align-items: flex-start; } .signup-row .source { white-space: normal; } }