.loading{display:none;text-align:center;padding:48px 0}
.loading.active{display:block}
.loading .spinner{width:32px;height:32px;border:1px solid #eee;border-top-color:#22955b;border-radius:100px;animation:spin 600ms linear infinite;margin:0 auto 12px}
@keyframes spin{to{transform:rotate(360deg)}}
.loading p{color:#aaa;font-size:.9rem}
.empty{text-align:center;padding:48px 20px;color:#aaa;font-size:1.05rem}
.error{text-align:center;padding:24px 20px;color:#ef4444;font-size:1rem;font-weight:600}