:root { --moco-navy:#172235; --moco-blue:#4361ee; --moco-bg:#f4f6fa; }
body { background:var(--moco-bg); color:#273142; }
.navbar { background:var(--moco-navy); }
.navbar-brand { font-weight:700; letter-spacing:.02em; }
.card { border:0; box-shadow:0 2px 14px rgba(23,34,53,.06); }
.metric-value { font-size:1.55rem; font-weight:700; }
.table thead th { color:#667085; font-size:.78rem; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }
.table td { vertical-align:middle; }
.money { font-variant-numeric:tabular-nums; white-space:nowrap; }
.status-dot { width:.55rem; height:.55rem; border-radius:50%; display:inline-block; margin-right:.35rem; }
.login-panel { max-width:430px; margin:12vh auto 0; }
.placeholder-metric { color:#98a2b3; border:1px dashed #d0d5dd; border-radius:.5rem; padding:1rem; }
.page-link { color:var(--moco-blue); }