:root {
    --ocaso-bg: #090f1a;
    --ocaso-card: #111827;
    --ocaso-border: #263244;
    --ocaso-text: #e5e7eb;
    --ocaso-green: #22c55e;
}

body {
    background: #0b1220;
    color: #f8fafc;
}

.navbar {
    background: #111827 !important;
    border-bottom: 1px solid #374151 !important;
}

.card {
    background: #1e293b;
    color: #f8fafc;
    border: 1px solid #334155;
    border-radius: 16px;
}

.card h3,
.card p,
.card h4 {
    color: #f8fafc;
}

.ocaso-table {
    width: 100%;
    border-collapse: collapse;
}

.ocaso-table th {
    color: #60a5fa;
    border-bottom: 1px solid #475569;
    padding: 12px;
    text-align: left;
}

.ocaso-table td {
    color: #f8fafc;
    padding: 12px;
    border-bottom: 1px solid #334155;
}

.ocaso-table tr:hover {
    background: #273449;
}

hr {
    border-color: #475569;
}

* {
    color: #f8fafc;
}

body {
    background: #0b1220 !important;
    color: #f8fafc !important;
}

.ocaso-table {
    width: 100%;
    background: #111827;
    border-radius: 12px;
}

.ocaso-table th {
    color: #60a5fa !important;
    padding: 12px;
}

.ocaso-table td {
    color: #ffffff !important;
    padding: 12px;
    border-bottom: 1px solid #334155;
}

.ocaso-table tr:hover {
    background: #1e293b;
}

.subtitle {
    color: #94a3b8;
}


.dashboard {

    display:grid;

    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));

    gap:20px;

}


.card {

    background:#111827;

    border:1px solid #263244;

    padding:25px;

    border-radius:18px;

}


.card h3 {

    margin-top:0;

}


.service {

    display:flex;

    justify-content:space-between;

    padding:12px;

    border-bottom:1px solid #263244;

}


.service small {

    color:#94a3b8;

}