.card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); }
.card h3 { font-size:16px; font-weight:800; font-family:'Barlow Condensed',sans-serif; margin-bottom:12px; }
.card p { color:var(--muted); font-size:13px; line-height:1.6; }
.pill { font-size:11.5px; color:var(--muted); background:var(--alt); padding:5px 13px; border-radius:20px; font-weight:600; }
.btn { padding:9px 16px; border-radius:9px; border:none; cursor:pointer; font-family:'Barlow',sans-serif; font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:7px; }
.btn-primary { background:var(--primary); color:#fff; }
.btn-secondary { background:var(--alt); color:var(--muted); border:1px solid var(--border); }
.btn-sm { padding:6px 14px; font-size:12px; }
.badge { margin-left:auto; background:var(--error); color:#fff; border-radius:10px; padding:1px 7px; font-size:10px; font-weight:800; display:none; }
.status { display:inline-flex; align-items:center; border-radius:999px; padding:4px 10px; font-size:10px; font-weight:800; text-transform:uppercase; }
.s-na { background:#f8fafc; color:#64748b; border:1px solid #cbd5e1; }
.s-cf { background:#fff7ed; color:#c2410c; border:1px solid #fdba74; }
.s-ok { background:#f0fdf4; color:#166534; border:1px solid #86efac; }
.s-er { background:#fef2f2; color:#b91c1c; border:1px solid #fca5a5; }
.item { padding:12px 14px; border-radius:10px; border:1px solid var(--border); background:#fff; }
.actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.tag { display:inline-flex; padding:4px 8px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:700; }
.toast { position:fixed; bottom:28px; left:50%; transform:translateX(-50%) translateY(20px); background:#1a1a2e; color:#fff; padding:11px 22px; border-radius:12px; font-size:13px; font-weight:600; z-index:9999; opacity:0; transition:.28s; pointer-events:none; box-shadow:0 8px 32px rgba(0,0,0,.3); }
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }