/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

:root {
    --atlas-bg: #06131d;
    --atlas-surface: rgba(10, 27, 40, 0.88);
    --atlas-surface-strong: #102739;
    --atlas-surface-soft: #15344c;
    --atlas-border: rgba(148, 163, 184, 0.16);
    --atlas-border-strong: rgba(34, 197, 94, 0.28);
    --atlas-text: #e2e8f0;
    --atlas-text-soft: #94a3b8;
    --atlas-accent: #22c55e;
    --atlas-accent-strong: #16a34a;
    --atlas-accent-alt: #14b8a6;
    --atlas-danger: #f97316;
    --atlas-shadow: 0 20px 45px rgba(2, 12, 19, 0.35);
    --atlas-radius: 20px;
}

body.dark-layout,
body[data-layout="dark-layout"] {
    background:
        radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.14), transparent 24%),
        linear-gradient(180deg, #07131d 0%, #0a1d2b 48%, #08141f 100%);
    color: var(--atlas-text);
}

body.dark-layout .app-content,
body.dark-layout .content-wrapper,
body.dark-layout .content-body {
    background: transparent;
}

body.dark-layout .header-navbar,
body.dark-layout .main-menu,
body.dark-layout .footer,
body.dark-layout .card,
body.dark-layout .modal-content,
body.dark-layout .dropdown-menu {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.dark-layout .header-navbar {
    background: rgba(5, 18, 29, 0.82) !important;
    border-bottom: 1px solid var(--atlas-border);
    box-shadow: var(--atlas-shadow);
}

body.dark-layout .main-menu {
    background: rgba(7, 19, 30, 0.9) !important;
    border-right: 1px solid var(--atlas-border);
}

body.dark-layout .main-menu .navbar-header,
body.dark-layout .main-menu .main-menu-content,
body.dark-layout .main-menu .navigation {
    background: transparent !important;
}

body.dark-layout .main-menu .navigation li a,
body.dark-layout .main-menu .navigation li a i,
body.dark-layout .nav .nav-item .nav-link,
body.dark-layout .breadcrumb,
body.dark-layout .user-name,
body.dark-layout .dropdown-item,
body.dark-layout .brand-text,
body.dark-layout .content-header-title,
body.dark-layout h1,
body.dark-layout h2,
body.dark-layout h3,
body.dark-layout h4,
body.dark-layout h5,
body.dark-layout h6,
body.dark-layout label,
body.dark-layout p,
body.dark-layout span,
body.dark-layout small {
    color: var(--atlas-text) !important;
}

body.dark-layout .text-muted,
body.dark-layout .text-primary,
body.dark-layout .card-text,
body.dark-layout .card-description,
body.dark-layout .dropdown-item small,
body.dark-layout .page-item.disabled .page-link {
    color: var(--atlas-text-soft) !important;
}

body.dark-layout .main-menu .navigation > li.open > a,
body.dark-layout .main-menu .navigation > li.sidebar-group-active > a,
body.dark-layout .main-menu .navigation > li.active > a,
body.dark-layout .main-menu .navigation li a:hover,
body.dark-layout .dropdown-item:hover,
body.dark-layout .dropdown-item:focus {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(20, 184, 166, 0.16)) !important;
    color: #f8fafc !important;
}

body.dark-layout .card,
body.dark-layout .modal-content,
body.dark-layout .dropdown-menu,
body.dark-layout .table,
body.dark-layout .navbar-container {
    background: var(--atlas-surface) !important;
    border: 1px solid var(--atlas-border);
    border-radius: var(--atlas-radius);
    box-shadow: var(--atlas-shadow);
}

body.dark-layout .card .card-header,
body.dark-layout .modal-header,
body.dark-layout .modal-footer {
    border-color: var(--atlas-border) !important;
    background: transparent;
}

body.dark-layout .card .card-header {
    padding-bottom: 0;
}

body.dark-layout .btn,
body.dark-layout .btn-primary,
body.dark-layout .btn-success {
    border-radius: 14px;
    border: 1px solid transparent;
    box-shadow: none;
}

body.dark-layout .btn-primary,
body.dark-layout .btn-success {
    background: linear-gradient(135deg, var(--atlas-accent), var(--atlas-accent-alt)) !important;
    color: #03110b !important;
    font-weight: 700;
}

body.dark-layout .btn-light-secondary,
body.dark-layout .btn-outline-primary,
body.dark-layout .btn-outline-success,
body.dark-layout .btn-outline-secondary {
    background: rgba(15, 35, 49, 0.72) !important;
    border-color: var(--atlas-border-strong) !important;
    color: var(--atlas-text) !important;
}

body.dark-layout .btn:hover,
body.dark-layout .page-link:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

body.dark-layout .form-control,
body.dark-layout .custom-select,
body.dark-layout .select2-selection,
body.dark-layout textarea,
body.dark-layout input,
body.dark-layout select {
    background: rgba(7, 19, 30, 0.92) !important;
    border: 1px solid var(--atlas-border) !important;
    color: var(--atlas-text) !important;
    border-radius: 14px !important;
}

body.dark-layout .form-control:focus,
body.dark-layout .custom-select:focus,
body.dark-layout textarea:focus,
body.dark-layout input:focus,
body.dark-layout select:focus {
    border-color: var(--atlas-accent-alt) !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 184, 166, 0.12) !important;
}

body.dark-layout .table thead th,
body.dark-layout .table td,
body.dark-layout .table th {
    border-color: rgba(148, 163, 184, 0.1) !important;
    color: var(--atlas-text) !important;
}

body.dark-layout .table-striped tbody tr:nth-of-type(odd),
body.dark-layout .table-hover tbody tr:hover {
    background: rgba(18, 40, 55, 0.65) !important;
}

body.dark-layout .badge,
body.dark-layout .avatar.bg-success,
body.dark-layout .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, var(--atlas-accent), var(--atlas-accent-alt)) !important;
    color: #03110b !important;
    border-color: transparent !important;
}

body.dark-layout .alert-warning,
body.dark-layout .alert-info,
body.dark-layout .alert-success {
    background: rgba(15, 45, 50, 0.9);
    border: 1px solid var(--atlas-border-strong);
    color: var(--atlas-text);
    border-radius: 16px;
}

.atlas-panel-hero {
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.18), transparent 26%),
        linear-gradient(135deg, rgba(8, 24, 36, 0.92), rgba(14, 41, 57, 0.9));
    border: 1px solid var(--atlas-border-strong);
    box-shadow: var(--atlas-shadow);
    margin-bottom: 1.5rem;
}

.atlas-panel-hero::after {
    content: "";
    position: absolute;
    inset: auto -60px -60px auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(20, 184, 166, 0.18), transparent 70%);
}

.atlas-panel-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #bbf7d0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.atlas-panel-hero__title {
    margin: 1rem 0 0.35rem;
    font-size: 2rem;
    font-weight: 800;
    color: #f8fafc;
}

.atlas-panel-hero__text {
    max-width: 720px;
    margin: 0;
    color: var(--atlas-text-soft);
    line-height: 1.6;
}

.atlas-inline-note {
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: rgba(14, 41, 57, 0.74);
    border: 1px dashed var(--atlas-border-strong);
    color: var(--atlas-text);
}

@media (max-width: 768px) {
    .atlas-panel-hero {
        padding: 1.15rem;
        border-radius: 20px;
    }

    .atlas-panel-hero__title {
        font-size: 1.55rem;
    }
}

.atlas-dashboard {
    padding-top: 0.75rem;
}

.atlas-dashboard-hero {
    margin-bottom: 1.75rem;
}

.atlas-dashboard .header-title {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: 0.98rem;
    font-weight: 700;
    color: #dff7ef;
}

.atlas-dashboard .dhr-marquee {
    max-width: 580px;
    white-space: nowrap;
}

.atlas-stats-grid {
    margin-bottom: 0.5rem;
}

.atlas-stat-card {
    overflow: hidden;
    border: 1px solid rgba(64, 197, 158, 0.18) !important;
    background:
        radial-gradient(circle at top right, rgba(27, 216, 150, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(15, 28, 44, 0.94), rgba(26, 35, 58, 0.92)) !important;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
    cursor: pointer;
}

.atlas-stat-card:hover {
    transform: translateY(-3px);
    border-color: rgba(64, 197, 158, 0.38) !important;
    box-shadow: 0 22px 42px rgba(1, 11, 19, 0.45);
}

.atlas-stat-card__body {
    position: relative;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.35rem 1.4rem !important;
    border: 0 !important;
    background: transparent !important;
}

.atlas-stat-card__body h3,
.atlas-stat-card h3 {
    margin-bottom: 0.15rem !important;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.atlas-stat-card .text-success {
    color: #6ee7b7 !important;
    font-weight: 700 !important;
}

.atlas-stat-card .text-muted {
    color: #97a6ba !important;
}

.atlas-stat-card .icon-box-success,
.atlas-section-card .icon-box-success {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(29, 78, 216, 0.15);
    border: 1px solid rgba(96, 165, 250, 0.2);
}

.atlas-stat-card .icon-item,
.atlas-section-card .icon-item {
    color: #93c5fd !important;
    font-size: 1.05rem;
}

.atlas-section-card {
    border-color: rgba(96, 165, 250, 0.2) !important;
    background:
        linear-gradient(180deg, rgba(12, 26, 40, 0.96), rgba(20, 33, 54, 0.94)) !important;
}

.atlas-section-card .card-header {
    padding: 1.25rem 1.4rem 0.6rem !important;
}

.atlas-section-card .card-title {
    font-size: 1.15rem;
    font-weight: 800;
    color: #f8fbff !important;
}

.atlas-section-card .card-body {
    border: 0 !important;
    padding: 1rem 1.4rem 1.4rem !important;
}

.atlas-link-card .divider-text {
    font-weight: 700;
    color: #c7d2fe !important;
}

.atlas-link-card .form-control[readonly] {
    font-size: 0.92rem;
    color: #e5eef9 !important;
}

.atlas-section-card table thead th {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.78rem;
    color: #8fb5d8 !important;
}

.atlas-section-card table tbody td {
    vertical-align: middle;
}

@media (max-width: 991px) {
    .atlas-stat-card__body {
        min-height: 102px;
    }

    .atlas-dashboard .dhr-marquee {
        max-width: 260px;
    }
}

/* Atlas Workspace Refresh */
:root {
    --atlas-bg: #f3f5f8;
    --atlas-page: #f8fafc;
    --atlas-ink: #182230;
    --atlas-muted: #667085;
    --atlas-card: #ffffff;
    --atlas-menu: #15171f;
    --atlas-menu-soft: #20232d;
    --atlas-line: #d9e0ea;
    --atlas-line-strong: #b9c6d8;
    --atlas-green: #12b76a;
    --atlas-cyan: #06a6b8;
    --atlas-amber: #f59e0b;
    --atlas-coral: #f04438;
    --atlas-shadow-soft: 0 14px 32px rgba(16, 24, 40, 0.10);
    --atlas-shadow-hover: 0 20px 44px rgba(16, 24, 40, 0.16);
    --atlas-radius: 8px;
}

body.dark-layout,
body[data-layout="dark-layout"] {
    background:
        linear-gradient(90deg, rgba(21, 23, 31, 0.03) 1px, transparent 1px),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
    background-size: 28px 28px, auto !important;
    color: var(--atlas-ink) !important;
}

body.dark-layout.blank-page {
    background:
        linear-gradient(135deg, rgba(18, 183, 106, 0.12), transparent 34%),
        linear-gradient(315deg, rgba(245, 158, 11, 0.14), transparent 30%),
        #f5f7fb !important;
}

body.dark-layout .app-content,
body.dark-layout .content-wrapper,
body.dark-layout .content-body {
    background: transparent !important;
}

body.dark-layout .header-navbar {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid var(--atlas-line) !important;
    box-shadow: 0 10px 26px rgba(16, 24, 40, 0.08) !important;
    backdrop-filter: blur(12px);
}

body.dark-layout .main-menu {
    background: var(--atlas-menu) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 12px 0 28px rgba(16, 24, 40, 0.15) !important;
}

body.dark-layout .main-menu .navbar-header,
body.dark-layout .main-menu .main-menu-content,
body.dark-layout .main-menu .navigation {
    background: transparent !important;
}

body.dark-layout .main-menu .navigation .navigation-header span {
    color: #9da7b6 !important;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
}

body.dark-layout .main-menu .navigation li a,
body.dark-layout .main-menu .navigation li a i {
    color: #d7dde8 !important;
}

body.dark-layout .main-menu .navigation > li.open > a,
body.dark-layout .main-menu .navigation > li.sidebar-group-active > a,
body.dark-layout .main-menu .navigation > li.active > a,
body.dark-layout .main-menu .navigation li a:hover {
    background: linear-gradient(90deg, rgba(18, 183, 106, 0.22), rgba(6, 166, 184, 0.12)) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

body.dark-layout .navbar-container,
body.dark-layout .card,
body.dark-layout .modal-content,
body.dark-layout .dropdown-menu,
body.dark-layout .table {
    background: var(--atlas-card) !important;
    border: 1px solid var(--atlas-line) !important;
    border-radius: var(--atlas-radius) !important;
    box-shadow: var(--atlas-shadow-soft) !important;
}

body.dark-layout .dropdown-menu {
    overflow: hidden;
}

body.dark-layout .card .card-header,
body.dark-layout .modal-header,
body.dark-layout .modal-footer {
    background: transparent !important;
    border-color: var(--atlas-line) !important;
}

body.dark-layout h1,
body.dark-layout h2,
body.dark-layout h3,
body.dark-layout h4,
body.dark-layout h5,
body.dark-layout h6,
body.dark-layout label,
body.dark-layout p,
body.dark-layout span,
body.dark-layout small,
body.dark-layout .user-name,
body.dark-layout .breadcrumb,
body.dark-layout .content-header-title,
body.dark-layout .dropdown-item,
body.dark-layout .brand-text {
    color: var(--atlas-ink) !important;
}

body.dark-layout .text-muted,
body.dark-layout .text-primary,
body.dark-layout .card-text,
body.dark-layout .card-description,
body.dark-layout .page-item.disabled .page-link {
    color: var(--atlas-muted) !important;
}

body.dark-layout .main-menu span,
body.dark-layout .main-menu small,
body.dark-layout .main-menu .brand-text {
    color: #e9edf5 !important;
}

body.dark-layout .btn,
body.dark-layout .btn-primary,
body.dark-layout .btn-success,
body.dark-layout .btn-warning,
body.dark-layout .btn-light-secondary,
body.dark-layout .btn-outline-primary,
body.dark-layout .btn-outline-success,
body.dark-layout .btn-outline-secondary {
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.dark-layout .btn-primary,
body.dark-layout .btn-success,
body.dark-layout .login-submit {
    background: linear-gradient(135deg, var(--atlas-green), var(--atlas-cyan)) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

body.dark-layout .btn-warning {
    background: var(--atlas-amber) !important;
    border-color: var(--atlas-amber) !important;
    color: #1d1404 !important;
}

body.dark-layout .btn-light-secondary,
body.dark-layout .btn-outline-primary,
body.dark-layout .btn-outline-success,
body.dark-layout .btn-outline-secondary {
    background: #ffffff !important;
    border-color: var(--atlas-line-strong) !important;
    color: var(--atlas-ink) !important;
}

body.dark-layout .form-control,
body.dark-layout .custom-select,
body.dark-layout .select2-selection,
body.dark-layout textarea,
body.dark-layout input,
body.dark-layout select {
    background: #ffffff !important;
    border: 1px solid var(--atlas-line-strong) !important;
    border-radius: 8px !important;
    color: var(--atlas-ink) !important;
}

body.dark-layout .form-control:focus,
body.dark-layout .custom-select:focus,
body.dark-layout textarea:focus,
body.dark-layout input:focus,
body.dark-layout select:focus {
    border-color: var(--atlas-green) !important;
    box-shadow: 0 0 0 4px rgba(18, 183, 106, 0.16) !important;
}

body.dark-layout .table thead th {
    background: #f0f4f8 !important;
    color: #475467 !important;
    border-color: var(--atlas-line) !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.76rem;
}

body.dark-layout .table td,
body.dark-layout .table th {
    color: var(--atlas-ink) !important;
    border-color: var(--atlas-line) !important;
}

body.dark-layout .table-striped tbody tr:nth-of-type(odd),
body.dark-layout .table-hover tbody tr:hover {
    background: #f8fafc !important;
}

body.dark-layout .badge,
body.dark-layout .avatar.bg-success,
body.dark-layout .pagination .page-item.active .page-link {
    background: var(--atlas-green) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.atlas-panel-hero {
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(18, 183, 106, 0.12), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
    border: 1px solid var(--atlas-line) !important;
    box-shadow: var(--atlas-shadow-soft) !important;
    padding: 1.25rem 1.4rem !important;
}

.atlas-panel-hero::after {
    display: none !important;
}

.atlas-panel-hero__eyebrow {
    background: rgba(18, 183, 106, 0.12) !important;
    border: 1px solid rgba(18, 183, 106, 0.2);
    color: #027a48 !important;
    border-radius: 999px !important;
}

.atlas-panel-hero__title {
    color: var(--atlas-ink) !important;
    font-size: 1.75rem !important;
    letter-spacing: 0 !important;
}

.atlas-panel-hero__text {
    color: var(--atlas-muted) !important;
}

.atlas-stat-card {
    background: #ffffff !important;
    border: 1px solid var(--atlas-line) !important;
    border-left: 4px solid var(--atlas-green) !important;
    border-radius: 8px !important;
    box-shadow: var(--atlas-shadow-soft) !important;
}

.atlas-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--atlas-shadow-hover) !important;
}

.atlas-stat-card__body {
    min-height: 108px;
    padding: 1.15rem !important;
    border: 0 !important;
}

.atlas-stat-card__body h3,
.atlas-stat-card h3 {
    color: var(--atlas-ink) !important;
    font-size: 1.8rem !important;
    letter-spacing: 0 !important;
}

.atlas-stat-card .text-success {
    color: #027a48 !important;
}

.atlas-stat-card .text-muted {
    color: var(--atlas-muted) !important;
}

.atlas-stat-card .icon-box-success,
.atlas-section-card .icon-box-success {
    background: #ecfdf3 !important;
    border: 1px solid #abefc6 !important;
    border-radius: 8px !important;
}

.atlas-stat-card .icon-item,
.atlas-section-card .icon-item {
    color: #039855 !important;
}

.atlas-section-card,
.atlas-link-card {
    background: #ffffff !important;
    border: 1px solid var(--atlas-line) !important;
    border-radius: 8px !important;
    box-shadow: var(--atlas-shadow-soft) !important;
}

.atlas-section-card .card-title {
    color: var(--atlas-ink) !important;
}

.atlas-link-card .divider-text {
    background: #ffffff !important;
    color: #475467 !important;
    border-radius: 999px;
    padding: 0 0.7rem;
}

.atlas-link-card .form-control[readonly] {
    background: #f8fafc !important;
    color: var(--atlas-ink) !important;
    font-size: 0.9rem;
}

.bg-authentication {
    background: #ffffff !important;
}

.login-brand-card {
    border-radius: 8px !important;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.16) !important;
}

.login-brand-card .card {
    border-radius: 8px !important;
}

.login-side-image {
    filter: drop-shadow(0 18px 32px rgba(16, 24, 40, 0.16));
}

@media (max-width: 991px) {
    body.dark-layout .content-wrapper {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .atlas-panel-hero__title {
        font-size: 1.35rem !important;
    }
}

/* Atlas final override: keeps the refreshed layout above saved legacy themes. */
html body.dark-layout,
html body {
    background: #f3f7f6 !important;
    color: #14213d !important;
}

html body.dark-layout .main-menu,
html body.dark-layout .main-menu-content,
html body.dark-layout .main-menu.menu-dark,
html body.dark-layout .main-menu.menu-dark .navigation,
html body.dark-layout .main-menu.menu-dark .navigation > li,
html body.dark-layout .main-menu.menu-dark .navigation > li > a {
    background: #10201d !important;
    color: #d7e7e2 !important;
}

html body.dark-layout .main-menu .navbar-header {
    background: #0b1715 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

html body.dark-layout .header-navbar,
html body.dark-layout .navbar-container,
html body.dark-layout .content-header,
html body.dark-layout .content-wrapper,
html body.dark-layout .content-body {
    background: #f3f7f6 !important;
    color: #14213d !important;
}

html body.dark-layout .card,
html body.dark-layout .card-body,
html body.dark-layout .atlas-link-card {
    background: #ffffff !important;
    color: #14213d !important;
    border: 1px solid #d9e5e1 !important;
    box-shadow: 0 18px 44px rgba(20,33,61,.08) !important;
}

html body.dark-layout .card-title,
html body.dark-layout h1,
html body.dark-layout h2,
html body.dark-layout h3,
html body.dark-layout h4,
html body.dark-layout h5,
html body.dark-layout label,
html body.dark-layout .text-primary {
    color: #143f38 !important;
}

html body.dark-layout p,
html body.dark-layout span,
html body.dark-layout small,
html body.dark-layout .text-muted {
    color: #64748b !important;
}

html body.dark-layout .form-control,
html body.dark-layout input,
html body.dark-layout select,
html body.dark-layout textarea {
    background: #f8fafc !important;
    color: #14213d !important;
    border-color: #d6e2df !important;
}

html body.dark-layout .btn-primary,
html body.dark-layout .btn-success {
    background: #12b886 !important;
    border-color: #12b886 !important;
    color: #ffffff !important;
}

/* Tropa Net production polish: no external icon dependency. */
html body.dark-layout .main-menu {
    width: 280px !important;
    box-shadow: 18px 0 40px rgba(15, 32, 29, .16) !important;
}

html body.dark-layout.menu-expanded .content,
html body.dark-layout.menu-expanded .footer,
html body.dark-layout.menu-expanded .navbar-container {
    margin-left: 280px !important;
}

html body.dark-layout .main-menu .navbar-brand {
    width: calc(100% - 18px) !important;
    min-height: 60px !important;
    margin: 12px 9px !important;
    padding: 0 14px !important;
    background: linear-gradient(135deg, #0f2b26 0%, #071815 100%) !important;
    border: 1px solid rgba(52, 211, 153, .18) !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

html body.dark-layout .main-menu .navbar-brand img.logo {
    width: 170px !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

html body.dark-layout .navigation.navigation-main {
    padding: 10px 14px 24px !important;
}

html body.dark-layout .navigation.navigation-main .navigation-header {
    margin: 22px 8px 8px !important;
    padding: 0 !important;
}

html body.dark-layout .navigation.navigation-main .navigation-header span {
    color: #93b7ad !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a,
html body.dark-layout .navigation.navigation-main .menu-content > li > a {
    min-height: 46px !important;
    margin: 4px 0 !important;
    padding: 0 14px 0 48px !important;
    border-radius: 14px !important;
    color: #effaf6 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

html body.dark-layout .navigation.navigation-main .menu-content > li > a {
    min-height: 38px !important;
    margin-left: 10px !important;
    padding-left: 40px !important;
    color: #cfe6df !important;
    font-size: 13px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a:hover,
html body.dark-layout .navigation.navigation-main > li.nav-item.active > a,
html body.dark-layout .navigation.navigation-main > li.nav-item.open > a,
html body.dark-layout .navigation.navigation-main .menu-content > li > a:hover {
    background: rgba(18, 184, 134, .14) !important;
    color: #ffffff !important;
}

html body.dark-layout .navigation.navigation-main i.menu-livicon,
html body.dark-layout .navigation.navigation-main i.bx {
    display: none !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a::before,
html body.dark-layout .navigation.navigation-main .menu-content > li > a::before {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: rgba(18, 184, 134, .16);
    border: 1px solid rgba(52, 211, 153, .28);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

html body.dark-layout .navigation.navigation-main .menu-content > li > a::before {
    width: 20px;
    height: 20px;
    left: 12px;
    border-radius: 7px;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a::after,
html body.dark-layout .navigation.navigation-main .menu-content > li > a::after {
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #34d399;
    border-bottom: 2px solid #34d399;
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

html body.dark-layout .navigation.navigation-main .menu-content > li > a::after {
    width: 6px;
    height: 6px;
    left: 19px;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > .menu-content {
    display: none !important;
    margin: 4px 0 8px !important;
    padding: 4px 0 4px 12px !important;
    background: rgba(255, 255, 255, .03) !important;
    border-left: 1px solid rgba(52, 211, 153, .22) !important;
    border-radius: 0 14px 14px 0 !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item.open > .menu-content {
    display: block !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item:has(> .menu-content) > a {
    padding-right: 42px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item:has(> .menu-content) > a .menu-title::after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #34d399;
    font-size: 18px;
    font-weight: 800;
}

html body.dark-layout .navigation.navigation-main > li.nav-item.open:has(> .menu-content) > a .menu-title::after {
    content: "-";
}

html body.dark-layout .header-navbar {
    min-height: 72px !important;
    border-bottom: 1px solid #dbe7e3 !important;
    box-shadow: 0 12px 30px rgba(15, 32, 29, .08) !important;
}

html body.dark-layout .content-wrapper {
    padding: 2rem 2.2rem !important;
}

.atlas-panel-hero {
    max-width: none !important;
    margin-bottom: 1.8rem !important;
}

.atlas-panel-hero__title {
    color: #0f3f37 !important;
    letter-spacing: .02em !important;
}

.atlas-panel-hero__eyebrow {
    background: #dff8ec !important;
    border: 1px solid #9ae6c1 !important;
    color: #087f5b !important;
}

@media (max-width: 1199px) {
    html body.dark-layout .main-menu {
        width: 260px !important;
    }

    html body.dark-layout.menu-expanded .content,
    html body.dark-layout.menu-expanded .footer,
    html body.dark-layout.menu-expanded .navbar-container {
        margin-left: 260px !important;
    }
}

/* Tropa Net unified dark theme: black + green, compact and centered. */
:root {
    --tropa-bg: #071310;
    --tropa-bg-soft: #0b1d18;
    --tropa-panel: #10231e;
    --tropa-panel-2: #132a24;
    --tropa-border: rgba(52, 211, 153, .24);
    --tropa-border-strong: rgba(52, 211, 153, .45);
    --tropa-text: #eefcf6;
    --tropa-muted: #9bc8ba;
    --tropa-green: #16c784;
    --tropa-green-2: #34d399;
    --tropa-shadow: 0 20px 45px rgba(0, 0, 0, .28);
}

html body,
html body.dark-layout {
    background:
        radial-gradient(circle at 16% 4%, rgba(22, 199, 132, .16), transparent 28%),
        linear-gradient(180deg, #06110f 0%, #091815 100%) !important;
    color: var(--tropa-text) !important;
}

html body.dark-layout .content-wrapper,
html body.dark-layout .content-body,
html body.dark-layout .content-header,
html body.dark-layout .app-content,
html body.dark-layout .navbar-container,
html body.dark-layout .header-navbar,
html body.dark-layout .page-wrapper {
    background: transparent !important;
    color: var(--tropa-text) !important;
}

html body.dark-layout.menu-expanded .content,
html body.dark-layout.menu-expanded .footer,
html body.dark-layout.menu-expanded .navbar-container {
    margin-left: 250px !important;
}

html body.dark-layout .main-menu {
    width: 250px !important;
    background: #071310 !important;
    border-right: 1px solid rgba(52, 211, 153, .16) !important;
}

html body.dark-layout .content-wrapper {
    padding: 1.15rem 1.45rem !important;
}

html body.dark-layout .content-body {
    max-width: 1540px !important;
    margin: 0 auto !important;
}

html body.dark-layout .header-navbar {
    min-height: 58px !important;
    background: rgba(7, 19, 16, .92) !important;
    border-bottom: 1px solid rgba(52, 211, 153, .18) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2) !important;
}

html body.dark-layout .header-navbar-shadow {
    display: none !important;
}

html body.dark-layout .main-menu .navbar-header,
html body.dark-layout .main-menu .main-menu-content,
html body.dark-layout .main-menu .navigation,
html body.dark-layout .main-menu.menu-dark,
html body.dark-layout .main-menu.menu-dark .navigation,
html body.dark-layout .main-menu.menu-dark .navigation > li,
html body.dark-layout .main-menu.menu-dark .navigation > li > a {
    background: #071310 !important;
}

html body.dark-layout .main-menu .navbar-brand {
    min-height: 52px !important;
    margin: 10px 12px !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, #0d2a23, #081815) !important;
}

html body.dark-layout .main-menu .navbar-brand img.logo {
    width: 150px !important;
}

html body.dark-layout .navigation.navigation-main {
    padding: 8px 12px 18px !important;
}

html body.dark-layout .navigation.navigation-main .navigation-header {
    margin: 16px 6px 6px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a,
html body.dark-layout .navigation.navigation-main .menu-content > li > a {
    min-height: 39px !important;
    margin: 3px 0 !important;
    padding-left: 43px !important;
    border-radius: 12px !important;
    color: var(--tropa-text) !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a::before {
    width: 25px !important;
    height: 25px !important;
    left: 10px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a::after {
    left: 18px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > .menu-content {
    background: rgba(22, 199, 132, .06) !important;
}

.atlas-panel-hero,
html body.dark-layout .card,
html body.dark-layout .card-body,
html body.dark-layout .atlas-link-card,
html body.dark-layout .content-body > .row > [class*="col-"] .card,
html body.dark-layout .content-body form,
html body.dark-layout .table-responsive {
    background: linear-gradient(180deg, var(--tropa-panel) 0%, #0b1d18 100%) !important;
    color: var(--tropa-text) !important;
    border: 1px solid var(--tropa-border) !important;
    border-radius: 16px !important;
    box-shadow: var(--tropa-shadow) !important;
}

.atlas-panel-hero {
    padding: 1.15rem 1.35rem !important;
    margin: 0 auto 1.1rem !important;
}

.atlas-panel-hero__eyebrow {
    background: rgba(22, 199, 132, .14) !important;
    border-color: var(--tropa-border-strong) !important;
    color: var(--tropa-green-2) !important;
}

.atlas-panel-hero__title,
html body.dark-layout h1,
html body.dark-layout h2,
html body.dark-layout h3,
html body.dark-layout h4,
html body.dark-layout h5,
html body.dark-layout .card-title,
html body.dark-layout label,
html body.dark-layout .text-primary {
    color: var(--tropa-text) !important;
}

html body.dark-layout p,
html body.dark-layout span,
html body.dark-layout small,
html body.dark-layout .text-muted,
html body.dark-layout .card-text {
    color: var(--tropa-muted) !important;
}

html body.dark-layout .row {
    margin-left: -9px !important;
    margin-right: -9px !important;
}

html body.dark-layout .row > [class*="col-"] {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

html body.dark-layout .card {
    margin-bottom: 18px !important;
}

html body.dark-layout .card .card-body {
    padding: 1rem 1.1rem !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}

html body.dark-layout .form-control,
html body.dark-layout input,
html body.dark-layout select,
html body.dark-layout textarea {
    background: #0a1916 !important;
    color: var(--tropa-text) !important;
    border: 1px solid var(--tropa-border) !important;
    border-radius: 10px !important;
    min-height: 40px !important;
}

html body.dark-layout .form-control:focus,
html body.dark-layout input:focus,
html body.dark-layout select:focus,
html body.dark-layout textarea:focus {
    border-color: var(--tropa-green-2) !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, .14) !important;
}

html body.dark-layout .btn,
html body.dark-layout button {
    border-radius: 10px !important;
    font-weight: 800 !important;
}

html body.dark-layout .btn-primary,
html body.dark-layout .btn-success,
html body.dark-layout .btn-outline-success,
html body.dark-layout button[type="submit"] {
    background: linear-gradient(135deg, #16c784, #0ea66c) !important;
    border-color: transparent !important;
    color: #03110d !important;
}

html body.dark-layout .atlas-link-card,
html body.dark-layout .atlas-link-card .card-body {
    background: linear-gradient(180deg, #10231e, #0b1d18) !important;
}

html body.dark-layout .atlas-link-card .form-control[readonly],
html body.dark-layout input[readonly] {
    background: #081612 !important;
    color: #dffcf2 !important;
}

html body.dark-layout hr,
html body.dark-layout .divider,
html body.dark-layout .divider-text {
    border-color: var(--tropa-border) !important;
    color: var(--tropa-muted) !important;
}

html body.dark-layout .table,
html body.dark-layout table {
    color: var(--tropa-text) !important;
    background: var(--tropa-panel) !important;
}

html body.dark-layout .table th,
html body.dark-layout .table td,
html body.dark-layout table th,
html body.dark-layout table td {
    border-color: rgba(52, 211, 153, .14) !important;
}

html body.dark-layout .avatar.bg-success {
    background: var(--tropa-green) !important;
}

@media (min-width: 1400px) {
    html body.dark-layout .content-body {
        max-width: 1480px !important;
    }
}

@media (max-width: 991px) {
    html body.dark-layout.menu-expanded .content,
    html body.dark-layout.menu-expanded .footer,
    html body.dark-layout.menu-expanded .navbar-container {
        margin-left: 0 !important;
    }

    html body.dark-layout .content-wrapper {
        padding: 1rem !important;
    }
}

/* Tropa Net fullscreen repair: compact, no overlap, no white surfaces. */
html,
html body,
html body.dark-layout {
    min-height: 100% !important;
    overflow-x: hidden !important;
}

html body.dark-layout .main-menu {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 232px !important;
    z-index: 1040 !important;
    overflow-y: auto !important;
}

html body.dark-layout.menu-expanded .content,
html body.dark-layout.menu-expanded .footer,
html body.dark-layout.menu-expanded .navbar-container,
html body.dark-layout .content,
html body.dark-layout .footer,
html body.dark-layout .navbar-container {
    margin-left: 232px !important;
}

html body.dark-layout .header-navbar {
    left: 232px !important;
    width: calc(100% - 232px) !important;
    height: 62px !important;
    min-height: 62px !important;
    background: #071310 !important;
}

html body.dark-layout .content.app-content,
html body.dark-layout .app-content.content {
    padding-top: 74px !important;
}

html body.dark-layout .content-wrapper {
    min-height: calc(100vh - 74px) !important;
    padding: 14px 18px 28px !important;
}

html body.dark-layout .content-body {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

html body.dark-layout .content-body > .row,
html body.dark-layout .content-body .row {
    justify-content: center !important;
}

html body.dark-layout .content-body > .row > [class*="col-"],
html body.dark-layout .content-body .row > [class*="col-"] {
    margin-bottom: 12px !important;
}

html body.dark-layout .main-menu .navbar-brand {
    justify-content: center !important;
    padding: 0 10px !important;
}

html body.dark-layout .main-menu .navbar-brand center {
    width: 100% !important;
}

html body.dark-layout .main-menu .navbar-brand img.logo {
    width: 142px !important;
}

html body.dark-layout .navigation.navigation-main i,
html body.dark-layout .navigation.navigation-main svg,
html body.dark-layout .navigation.navigation-main canvas,
html body.dark-layout .navigation.navigation-main .livicon-evo {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

html body.dark-layout .navigation.navigation-main > li::before,
html body.dark-layout .navigation.navigation-main > li::after,
html body.dark-layout .navigation.navigation-main .nav-item::before,
html body.dark-layout .navigation.navigation-main .nav-item::after {
    display: none !important;
    content: none !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a,
html body.dark-layout .navigation.navigation-main .menu-content > li > a {
    padding-left: 18px !important;
    padding-right: 18px !important;
    justify-content: flex-start !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item > a::before,
html body.dark-layout .navigation.navigation-main > li.nav-item > a::after,
html body.dark-layout .navigation.navigation-main .menu-content > li > a::before,
html body.dark-layout .navigation.navigation-main .menu-content > li > a::after {
    display: none !important;
    content: none !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item:has(> .menu-content) > a .menu-title::after {
    right: 12px !important;
}

html body.dark-layout .navigation.navigation-main > li.nav-item:has(> .menu-content) > a {
    padding-right: 34px !important;
}

html body.dark-layout .card,
html body.dark-layout .card-body,
html body.dark-layout .table-responsive,
html body.dark-layout .dataTables_wrapper,
html body.dark-layout .dataTables_scroll,
html body.dark-layout .dataTables_scrollHead,
html body.dark-layout .dataTables_scrollBody,
html body.dark-layout .dataTables_scrollFoot {
    background: #0b1d18 !important;
    color: var(--tropa-text) !important;
}

html body.dark-layout table,
html body.dark-layout .table,
html body.dark-layout table thead,
html body.dark-layout .table thead,
html body.dark-layout table thead tr,
html body.dark-layout .table thead tr,
html body.dark-layout table thead th,
html body.dark-layout .table thead th {
    background: #10231e !important;
    color: #dffcf2 !important;
}

html body.dark-layout table tbody,
html body.dark-layout .table tbody,
html body.dark-layout table tbody tr,
html body.dark-layout .table tbody tr,
html body.dark-layout table tbody td,
html body.dark-layout .table tbody td {
    background: #0b1d18 !important;
    color: #d5f4ea !important;
}

html body.dark-layout .dataTables_filter,
html body.dark-layout .dataTables_length,
html body.dark-layout .dataTables_info,
html body.dark-layout .dataTables_paginate {
    color: var(--tropa-muted) !important;
}

html body.dark-layout .dataTables_wrapper .dataTables_filter input,
html body.dark-layout .dataTables_wrapper .dataTables_length select {
    max-width: 190px !important;
}

html body.dark-layout .table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 14px !important;
}

html body.dark-layout .dropdown-menu {
    background: #0b1d18 !important;
    border: 1px solid var(--tropa-border) !important;
    box-shadow: var(--tropa-shadow) !important;
}

html body.dark-layout .dropdown-item {
    color: var(--tropa-text) !important;
}

html body.dark-layout .dropdown-item:hover {
    background: rgba(22, 199, 132, .12) !important;
}

html body.dark-layout .atlas-panel-hero,
html body.dark-layout .card {
    width: 100% !important;
}

@media (max-width: 991px) {
    html body.dark-layout .main-menu {
        width: 250px !important;
        transform: translateX(-250px);
    }

    html body.dark-layout.menu-open .main-menu {
        transform: translateX(0);
    }

    html body.dark-layout .header-navbar,
    html body.dark-layout .content,
    html body.dark-layout .footer,
    html body.dark-layout .navbar-container {
        left: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}