.card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px #0f172a0d}.input{display:block;margin-top:.25rem;width:100%;min-height:44px;border:1px solid #cbd5e1;border-radius:.75rem;padding:.55rem .75rem}.input:focus{outline:2px solid #38bdf8;border-color:#38bdf8}.btn,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.btn{background:#0284c7;color:#fff;box-shadow:0 1px 2px #0f172a22}.btn:hover{opacity:.9}.btn-secondary{background:#e0f2fe;color:#0284c7}.nav{padding:.75rem .5rem;font-size:.75rem;color:#64748b}.nav.active{color:#0284c7;font-weight:700;border-bottom:2px solid #0284c7}.metric{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px #0f172a0d;display:flex;flex-direction:column}.metric span{font-size:.875rem;color:#64748b}.metric strong{font-size:1.5rem;margin-top:.5rem}.metric small{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.bar{height:.5rem;border-radius:99px;background:#f1f5f9;margin-top:.25rem;overflow:hidden}.bar i{display:block;height:100%;background:#38bdf8;border-radius:99px}.badge{margin-left:.5rem;padding:.25rem .5rem;border-radius:99px;font-size:.75rem;background:#e0f2fe;color:#0284c7}@media(min-width:768px){.nav{font-size:.875rem}}
.input:focus{outline-color:var(--cs-secondary);border-color:var(--cs-secondary)}.btn{background:var(--cs-primary)}.btn-secondary,.badge{background:var(--cs-accent);color:var(--cs-primary)}.nav.active{color:var(--cs-primary);border-color:var(--cs-primary)}.bar i{background:var(--cs-secondary)}