:root {
    --bg-main: #F1F5F9;
    --sidebar-bg: #0F122A;
    --text-primary: #0F122A;
    --text-muted: #64748B;
    --btn-primary: #14B8A6;
    --btn-success: #22C55E;
    --border-light: #E2E8F0;
}

/* MAIN PAGE BACKGROUND */
body,
.page-wrapper,
.page-content,
.content {
    background: var(--bg-main) !important;
}

/* SIDEBAR */
.left-sidenav,
.leftbar-tab-menu,
.sidebar-menu,
.navbar-custom {
    background: var(--sidebar-bg) !important;
}

/* SIDEBAR TEXT */
.left-sidenav-menu li a,
.left-sidenav-menu li a i,
.menu-label {
    color: #ffffff !important;
}

/* ACTIVE MENU */
.left-sidenav-menu li.mm-active > a {
    background: var(--btn-primary) !important;
    color: #fff !important;
    border-radius: 8px;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6,
.page-title {
    color: var(--text-primary) !important;
}

/* MUTED TEXT */
.text-muted,
.card-title,
.table th {
    color: var(--text-muted) !important;
}

/* DASHBOARD CARDS */
.card {
    border: 1px solid var(--border-light) !important;
    border-radius: 12px;
    box-shadow: none !important;
}

/* PRIMARY BUTTON */
.btn-primary {
    background: var(--btn-primary) !important;
    border-color: var(--btn-primary) !important;
}

/* PRIMARY BUTTON */
.btn-outline-success {
    border-color: var(--btn-success) !important;
    color: var(--btn-success) !important;
}

.btn-outline-success:hover {
    background-color: var(--btn-success) !important;
    border-color: var(--btn-success) !important;
    color: #fff !important;
}

.btn-outline-primary {
    border-color: var(--btn-primary) !important;
    color: var(--btn-primary) !important;
}

.btn-outline-primary:hover {
    background-color: var(--btn-primary) !important;
    border-color: var(--btn-primary) !important;
    color: #fff !important;
}

/* SUCCESS BUTTON */
.btn-success {
    background: var(--btn-success) !important;
    border-color: var(--btn-success) !important;
}

/* TOP NAVBAR */
.topbar,
.navbar-custom {
    border-bottom: 1px solid var(--border-light);
}

/* SEARCH BOX */
.form-control,
.search-box input {
    border: 1px solid var(--border-light) !important;
}