:root {
    --brand: #00695c;
    --brand-dark: #004d40;
}

body {
    background-color: #f4f6f8;
}

.bg-brand {
    background-color: var(--brand);
}

.navbar-brand {
    line-height: 1.1;
}

.brand-sub {
    font-size: 0.75rem;
    font-style: italic;
    opacity: 0.85;
}

.btn-brand {
    background-color: var(--brand);
    border-color: var(--brand);
    color: #fff;
}

.btn-brand:hover,
.btn-brand:focus {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
    color: #fff;
}

.page-title {
    color: var(--brand-dark);
    font-weight: 600;
}

.card {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.table td.num,
.table th.num {
    text-align: right;
    white-space: nowrap;
}

.table tfoot td {
    font-weight: 600;
    border-top: 2px solid #333;
}

.dashboard-card {
    transition: transform 0.1s ease, box-shadow 0.1s ease;
    color: inherit;
    text-decoration: none;
}

.dashboard-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dashboard-card i {
    font-size: 2rem;
    color: var(--brand);
}

.login-wrapper {
    max-width: 380px;
    margin: 6vh auto 0;
}

@media print {
    body {
        background: #fff;
    }

    main.container {
        max-width: 100%;
        padding: 0;
    }

    .card {
        box-shadow: none;
    }

    .table {
        font-size: 11px;
    }

    a {
        text-decoration: none;
        color: inherit;
    }
}