html, body { height: 100%; font-family: 'Inter', system-ui, sans-serif; }
.badge { display:inline-flex; align-items:center; border-radius:0.25rem; padding:0.125rem 0.5rem; font-size:0.75rem; font-weight:500; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; border-radius:.375rem; padding:.375rem .75rem; font-size:.875rem; font-weight:500; transition:background-color .15s, border-color .15s; cursor:pointer; }
.btn-primary { background:#0A2647; color:#fff; }
.btn-primary:hover { background:#205295; }
.btn-secondary { background:#fff; color:#334155; border:1px solid #cbd5e1; }
.btn-secondary:hover { background:#f8fafc; }
.btn-ghost { background:transparent; color:#475569; }
.btn-ghost:hover { background:#f1f5f9; }
.btn-danger { color:#b91c1c; background:#fff; border:1px solid #fecaca; }
.btn-danger:hover { background:#fef2f2; }
.input { width:100%; border:1px solid #cbd5e1; border-radius:.375rem; padding:.375rem .75rem; font-size:.875rem; outline:none; background:#fff; }
.input:focus { border-color:#205295; box-shadow:0 0 0 1px #205295; }
.card { background:#fff; border:1px solid #e2e8f0; border-radius:.5rem; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.tag-pill { background:#F1F6FB; color:#205295; border:1px solid rgba(32,82,149,.25); }
.fade-in { animation: fadeIn .12s ease-out; } @keyframes fadeIn { from {opacity:0} to {opacity:1} }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:6px; }