body {

    background: #0f172a;

    color: #f8fafc;

    font-family: "Segoe UI", sans-serif;

    min-height: 100vh;

}

.top-navbar {

    background: #111827;

    border-bottom: 1px solid #334155;

    padding: 18px 0;

    margin-bottom: 25px;

}

.top-navbar .container-fluid {

    display: flex;

    justify-content: space-between;

    align-items: center;

    max-width: 1500px;

}

.brand {

    display: flex;

    align-items: center;

}

.logo {

    height: 64px;

    margin-right: 20px;

}

.company-name {

    color: #ef4444;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;

}

.application-name {

    color: white;

    font-size: 34px;

    font-weight: 700;

    line-height: 34px;

}

.application-subtitle {

    color: #94a3b8;

    font-size: 16px;

}

.version-badge {

    background: #2563eb;

    color: white;

    padding: 8px 18px;

    border-radius: 10px;

    font-weight: 600;

}

.card {

    background: #1e293b;

    border: 1px solid #334155;

    border-radius: 14px;

    color: white;

}

.card-header {

    background: #111827;

    border-bottom: 1px solid #334155;

    color: white;

    font-weight: 600;

}

.table {

    color: white;

}

.table th {

    width: 230px;

    color: #cbd5e1;

}

.table td {

    color: white;

}

.btn-success {

    background: #2563eb;

    border: none;

}

.btn-success:hover {

    background: #1d4ed8;

}

.btn-primary {

    background: #16a34a;

    border: none;

}

.btn-primary:hover {

    background: #15803d;

}

.alert-success {

    background: rgba(34,197,94,.15);

    border: 1px solid #22c55e;

    color: white;

}

.alert-danger {

    background: rgba(220,38,38,.18);

    border: 1px solid #dc2626;

    color: white;

}

.badge {

    font-size: .85rem;

}

footer {

    margin-top: 45px;

    padding: 20px;

    border-top: 1px solid #334155;

    color: #94a3b8;

}

footer .container {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.footer-centre {

    color: #3b82f6;

    font-weight: 600;

}

.footer-right {

    color: #94a3b8;

}

h2,
h3,
h4,
h5,
h6 {

    color: white;

}

.text-muted {

    color: #94a3b8 !important;

}

a {

    text-decoration: none;

}

::-webkit-scrollbar {

    width: 10px;

}

::-webkit-scrollbar-thumb {

    background: #475569;

    border-radius: 10px;

}

::-webkit-scrollbar-track {

    background: #0f172a;

}