:root{font-family:Outfit,system-ui,sans-serif;color:#10251f;background:#f2faf6;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:32px 20px}h1,h2{font-family:Georgia,serif}.top{display:flex;justify-content:space-between;align-items:center}.card{background:#fff;border:1px solid #c8ddd5;border-radius:12px;padding:20px}.login{max-width:380px;margin:12vh auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}label{display:block;font-size:13px;margin-bottom:6px}input,button{font:inherit;border-radius:8px;padding:11px 14px}input{width:100%;border:1px solid #c8ddd5;margin-bottom:14px}button{border:0;background:#128C7E;color:#fff;font-weight:700;cursor:pointer}.ghost{background:transparent;color:#577169;border:1px solid #c8ddd5}.danger{background:#DC2626}.meta{color:#577169;font-size:13px}.badge{display:inline-block;border-radius:999px;padding:3px 9px;background:#e4f3ec;font-size:12px}.badge.suspended{background:#fff}.active{color:#0E6E5E}.suspended{color:#DC2626}@media(max-width:600px){main{padding:20px 14px}.top{align-items:flex-start;gap:12px}}