body {
    background: #f6f8fb;
    color: #18212f;
}

.navbar-brand {
    color: #0f5132;
}

.nav-link {
    border-radius: 6px;
    color: #526071;
    font-weight: 500;
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
}

.nav-link.active,
.nav-link:hover {
    background: #e8f5ee;
    color: #0f5132;
}

.page-title {
    font-size: 1.45rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.panel {
    background: #fff;
    border: 1px solid #e1e7ef;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(18, 32, 51, 0.04);
}

.metric {
    min-height: 108px;
}

.metric-label {
    color: #687789;
    font-size: 0.9rem;
}

.metric-value {
    font-size: 2rem;
    font-weight: 750;
}

.table td,
.table th {
    vertical-align: middle;
}

.badge-soft {
    background: #eef4f8;
    color: #365064;
}

.message-bubble {
    max-width: 760px;
    border-radius: 8px;
    padding: 0.8rem 1rem;
    border: 1px solid #dbe5ed;
    background: #fff;
}

.message-bubble.out {
    background: #e9f7ef;
    border-color: #caead9;
    margin-left: auto;
}

.form-help {
    color: #687789;
    font-size: 0.875rem;
}