body {
    background: #f3f7fb;
    color: #172033;
}

.card, .alert, .form-control, .form-select, .btn {
    border-radius: 8px;
}

.metric {
    display: block;
    min-height: 7rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid rgba(20, 60, 100, .12);
    box-shadow: 0 10px 28px rgba(20, 60, 100, .08);
    text-decoration: none;
    color: inherit;
}

.metric.compact {
    min-height: 5.5rem;
}

.metric span {
    color: #667487;
    font-size: .9rem;
    font-weight: 700;
}

.metric strong {
    display: block;
    font-size: 1.45rem;
    margin-top: .35rem;
}

.login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.login-card {
    width: min(100%, 460px);
    background: #fff;
    border: 1px solid rgba(20, 60, 100, .14);
    box-shadow: 0 16px 44px rgba(20, 60, 100, .12);
    padding: 2rem;
    border-radius: 8px;
}

.help-text {
    color: #667487;
    font-size: .875rem;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}