/* ============================================================
   Carbon Theme for SmartPanel
   Dark, sleek, and modern design
   ============================================================ */

/* ---------- Base ---------- */
body, html {
    background-color: #0a0a0a !important;
    color: #e8e8e8 !important;
    font-family: 'Segoe UI', system-ui, sans-serif !important;
}
a {
    color: #f5a623 !important;
    text-decoration: none;
}
a:hover {
    color: #f7c948 !important;
}

/* ---------- Headers ---------- */
h1, h2, h3, h4, h5 {
    color: #e8e8e8 !important;
    font-weight: 600 !important;
}

/* ---------- Sidebar ---------- */
.main-sidebar, .sidebar, .left-side {
    background: #141414 !important;
    border-right: 1px solid #2a2a2a !important;
}
.sidebar-menu > li > a {
    color: #888888 !important;
    border-left: 3px solid transparent;
    padding: 12px 16px !important;
}
.sidebar-menu > li.active > a {
    color: #f5a623 !important;
    border-left-color: #f5a623 !important;
    background: #1e1e1e !important;
}
.sidebar-menu > li > a:hover {
    background: #1e1e1e !important;
    color: #e8e8e8 !important;
}

/* ---------- Top Bar ---------- */
.main-header, .navbar {
    background: #141414 !important;
    border-bottom: 1px solid #2a2a2a !important;
}
.navbar-nav > li > a {
    color: #888888 !important;
}
.navbar-nav > li > a:hover {
    color: #e8e8e8 !important;
}

/* ---------- Cards & Boxes ---------- */
.box, .card, .panel, .info-box {
    background: #141414 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
}
.box-header, .card-header {
    border-bottom: 1px solid #2a2a2a !important;
    color: #e8e8e8 !important;
}

/* ---------- Tables ---------- */
.table {
    color: #e8e8e8 !important;
}
.table > thead > tr > th {
    background: #1e1e1e !important;
    border-bottom: 2px solid #2a2a2a !important;
    color: #888888 !important;
}
.table > tbody > tr > td {
    border-top: 1px solid #2a2a2a !important;
}
.table-hover > tbody > tr:hover > td {
    background