@keyframes fadeIn { from { opacity: 0; transform: translateY(6px);} to { opacity:1; transform: none; } }
.animate-fadeIn { animation: fadeIn 380ms ease both; }
body { scroll-behavior: smooth; font-family: Inter, ui-sans-serif, system-ui; }

.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:12px;border:1px solid rgba(255,255,255,0.15)}
.b-clean{background:#103f2e;color:#5ff39b;border-color:#1e6b4d}
.b-pending{background:#2b2b10;color:#f4e88a;border-color:#7a6f2b}
.b-blocked{background:#3d0e14;color:#ff9191;border-color:#7a2931}

.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
.modal.hidden{display:none}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}
.modal-card{position:relative;width:min(640px,92%);background:#0b1220;border:1px solid #1e3359;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);overflow:hidden}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0d1a2e;border-bottom:1px solid #1e3359}
.modal-head .title{font-weight:600}
.modal-head .close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}
.modal-body{padding:16px}