:root {
    --uz-bg-page: #010e1e;
    --uz-bg-sidebar: #010e1e;
    --uz-bg-card: #091929;
    --uz-bg-elevated: #0f2136;
    --uz-border: #16233a;
    --uz-nav-active: #012a6a;

    --uz-text: #f5f7fa;
    --uz-text-muted: #8a9cb4;
    --uz-text-subtle: #7d8ea6;

    --uz-blue: #2979ff;
    --uz-green: #00e676;
    --uz-violet: #8b5cf6;
    --uz-amber: #ffd700;
    --uz-cyan: #00e5ff;
    --uz-pink: #ec4899;
    --uz-red: #ff1744;

    --uz-real-user: var(--uz-green);
    --uz-fake-user: var(--uz-red);

    --uz-radius: .75rem;
    --uz-radius-sm: .5rem;
    --uz-radius-lg: 1rem;
}

body.uz-light {
    --uz-bg-page: #f4f6fa;
    --uz-bg-sidebar: #ffffff;
    --uz-bg-card: #ffffff;
    --uz-bg-elevated: #eef2f7;
    --uz-border: #d9e0ea;
    --uz-nav-active: #e3edff;

    --uz-text: #0d1b2a;
    --uz-text-muted: #5a6b80;
    --uz-text-subtle: #6b7c91;

    --uz-blue: #1f5fd0;
    --uz-green: #05935a;
    --uz-amber: #a97a00;
    --uz-cyan: #0b7c8c;
    --uz-red: #d11a3a;
}

body {
    --bs-body-bg: var(--uz-bg-page);
    --bs-body-color: var(--uz-text);
    --bs-secondary-bg: var(--uz-bg-card);
    --bs-tertiary-bg: var(--uz-bg-elevated);
    --bs-secondary-color: var(--uz-text-muted);
    --bs-border-color: var(--uz-border);
    --bs-emphasis-color: var(--uz-text);

    --bs-primary: var(--uz-blue);
    --bs-primary-rgb: 41, 121, 255;
    --bs-success: var(--uz-green);
    --bs-danger: var(--uz-red);
    --bs-warning: var(--uz-amber);
    --bs-info: var(--uz-cyan);

    --bs-border-radius: var(--uz-radius);
    --bs-border-radius-sm: var(--uz-radius-sm);
    --bs-border-radius-lg: var(--uz-radius-lg);

    --bs-card-bg: var(--uz-bg-card);
    --bs-card-border-color: var(--uz-border);

    --bs-link-color: var(--uz-blue);
    --bs-link-hover-color: #5b9aff;

    color: var(--uz-text);

    font-size: .9375rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', Arial, sans-serif;
}

body.bg-theme {
    background-image: none;
    background-color: var(--uz-bg-page);
}

.card,
.card.radius-10 {
    background-color: var(--uz-bg-card);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius);
    color: var(--uz-text);

    box-shadow: none;
}

.card-header,
.card-footer {
    background-color: transparent;
    border-color: var(--uz-border);
    color: var(--uz-text);
}

.list-group-item {
    background-color: transparent;
    border-color: var(--uz-border);
    color: var(--uz-text);
}

.dropdown-menu,
.modal-content,
.offcanvas {
    background-color: var(--uz-bg-card);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius);
    color: var(--uz-text);
}

.dropdown-item {
    color: var(--uz-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--uz-bg-elevated);
    color: var(--uz-text);
}

.dropdown-divider,
hr {
    border-color: var(--uz-border);
}

.form-control,
.form-select {
    background-color: var(--uz-bg-elevated);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius-sm);
    color: var(--uz-text);
}

.form-control::placeholder {
    color: var(--uz-text-subtle);
}

.form-control:focus,
.form-select:focus {
    background-color: var(--uz-bg-elevated);
    border-color: var(--uz-blue);
    color: var(--uz-text);

    box-shadow: 0 0 0 .2rem rgba(41, 121, 255, .25);
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--uz-bg-card);
    color: var(--uz-text-muted);
}

.form-label,
label {
    color: var(--uz-text-muted);
}

.form-text {
    color: var(--uz-text-subtle);
}

.btn {
    border-radius: var(--uz-radius-sm);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.btn-primary {
    background-color: var(--uz-blue);
    border-color: var(--uz-blue);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #1f66e0;
    border-color: #1f66e0;
    color: #fff;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #1a58c4;
    border-color: #1a58c4;
}

.btn-outline-secondary {
    border-color: var(--uz-border);
    color: var(--uz-text-muted);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    background-color: var(--uz-bg-elevated);
    border-color: var(--uz-border);
    color: var(--uz-text);
}

.btn-outline-primary {
    border-color: var(--uz-blue);
    color: var(--uz-blue);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--uz-blue);
    color: #fff;
}

.table {
    --bs-table-color: var(--uz-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--uz-border);
    --bs-table-hover-bg: var(--uz-bg-elevated);
    --bs-table-hover-color: var(--uz-text);

    color: var(--uz-text);
}

.table > :not(caption) > * > * {
    background-color: transparent;
    border-bottom-color: var(--uz-border);
    color: var(--uz-text);
}

.table thead th {
    color: var(--uz-text-muted);
    font-weight: 600;
    text-transform: none;
}

.sidebar-wrapper,
.wrapper .sidebar-wrapper {
    background-color: var(--uz-bg-sidebar);
    border-right: 1px solid var(--uz-border);
}

.topbar,
.wrapper .topbar {
    background-color: var(--uz-bg-page);
    border-bottom: 1px solid var(--uz-border);
}

.sidebar-wrapper .metismenu a {
    color: var(--uz-text-muted);
}

.sidebar-wrapper .metismenu a:hover,
.sidebar-wrapper .metismenu a:focus {
    background-color: var(--uz-bg-elevated);
    color: var(--uz-text);
}

.sidebar-wrapper .metismenu .mm-active > a,
.sidebar-wrapper .metismenu a.active {
    background-color: var(--uz-nav-active);
    color: var(--uz-text);
}

.uz-real-user,
.uz-real-user .card-header {
    border-color: color-mix(in srgb, var(--uz-real-user) 35%, var(--uz-border));
}

.uz-real-user .uz-heading {
    color: var(--uz-real-user);
}

.uz-fake-user,
.uz-fake-user .card-header {
    border-color: color-mix(in srgb, var(--uz-fake-user) 35%, var(--uz-border));
}

.uz-fake-user .uz-heading {
    color: var(--uz-fake-user);
}

.text-muted,
.text-body-secondary {
    color: var(--uz-text-muted) !important;
}

.badge.bg-success {
    background-color: var(--uz-green) !important;
    color: #01210f;
}

.badge.bg-danger {
    background-color: var(--uz-red) !important;
}

.badge.bg-secondary {
    background-color: var(--uz-bg-elevated) !important;
    color: var(--uz-text-muted);
}

:focus-visible {
    outline: 2px solid var(--uz-blue);
    outline-offset: 2px;
}

body .chatmaske-panel {
    background: var(--uz-bg-card);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius);
    box-shadow: none;
    color: var(--uz-text);
}

body .chatmaske-panel-header,
body .chatmaske-topband,
body .chatmaske-toolbar {
    background: transparent;
    border-color: var(--uz-border);
    color: var(--uz-text);
}

body .chatmaske-label {
    color: var(--uz-text-muted);
}

body .chatmaske-profile-body,
body .chatmaske-profile-scroll,
body .chatmaske-chat-body {
    background: transparent;
    color: var(--uz-text);
}

body .chat-content-leftside .chat-left-msg {
    background-color: var(--uz-bg-elevated);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius);
    color: var(--uz-text);
}

body .chat-content-rightside .chat-right-msg {
    background-color: color-mix(in srgb, var(--uz-blue) 22%, var(--uz-bg-card));
    border: 1px solid color-mix(in srgb, var(--uz-blue) 35%, var(--uz-border));
    border-radius: var(--uz-radius);
    color: var(--uz-text);
}

body .chatmaske-chat-foot,
body .chatmaske-chat-input-wrap,
body .chatmaske-input-stack {
    background: transparent;
    border-color: var(--uz-border);
}

body .chatmaske-chat-input {
    background-color: var(--uz-bg-elevated);
    border: 1px solid var(--uz-border);
    border-radius: var(--uz-radius-sm);
    color: var(--uz-text);
}

body .chatmaske-chat-input::placeholder {
    color: var(--uz-text-subtle);
}

body .chatmaske-chat-input:focus {
    border-color: var(--uz-blue);
    box-shadow: 0 0 0 .2rem rgba(41, 121, 255, .25);
    outline: none;
}

body .chatmaske-asa-badge {
    background-color: color-mix(in srgb, var(--uz-amber) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--uz-amber) 40%, transparent);
    color: var(--uz-amber);
}

body .chatmaske-asa-danger {
    background-color: color-mix(in srgb, var(--uz-red) 18%, transparent);
    border-color: color-mix(in srgb, var(--uz-red) 40%, transparent);
    color: var(--uz-red);
}

body .chatmaske-photo-grid,
body .chatmaske-map-grid,
body .chatmaske-short-grid,
body .chatmaske-short-row {
    border-color: var(--uz-border);
    color: var(--uz-text);
}

html body.fp-login-page {
    --fp-pink: var(--uz-blue);
    --fp-pink-deep: #0b4fd0;
    --fp-orange: var(--uz-cyan);
    --fp-coral: var(--uz-blue);
    --fp-ink: var(--uz-text);
    --fp-muted: var(--uz-text-muted);
    background: var(--uz-bg-page);
    color: var(--uz-text);
}

html body.fp-login-page .fp-shape,
html body.fp-login-page .fp-sparkle,
html body.fp-login-page .fp-login-shell::before,
html body.fp-login-page .fp-login-shell::after {
    display: none;
}

html body.fp-login-page .fp-login-card {
    border: 1px solid var(--uz-border);
    background: var(--uz-bg-card);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .45);
    backdrop-filter: none;
}

html body.fp-login-page .fp-login-card h1,
html body.fp-login-page .fp-benefit h3,
html body.fp-login-page .fp-mini-benefit strong,
html body.fp-login-page .fp-logo-word {
    color: var(--uz-text);
}

html body.fp-login-page .fp-login-card > p,
html body.fp-login-page .fp-benefit p,
html body.fp-login-page .fp-mini-benefit span,
html body.fp-login-page .fp-login-tagline,
html body.fp-login-page .fp-login-footer {
    color: var(--uz-text-muted);
}

html body.fp-login-page .fp-logo-word span,
html body.fp-login-page .fp-login-tagline strong {
    color: var(--uz-blue);
}

html body.fp-login-page .fp-field input {
    border: 1px solid var(--uz-border);
    background: var(--uz-bg-elevated);
    color: var(--uz-text);
}

html body.fp-login-page .fp-field input::placeholder {
    color: var(--uz-text-subtle);
}

html body.fp-login-page .fp-field input:focus {
    border-color: var(--uz-blue);
    background: var(--uz-bg-elevated);
    box-shadow: 0 0 0 .2rem rgba(41, 121, 255, .25);
}

html body.fp-login-page .fp-field .bx,
html body.fp-login-page .fp-password-toggle .bx,
html body.fp-login-page .fp-login-footer i,
html body.fp-login-page .fp-mini-benefit i {
    color: var(--uz-text-muted);
}

html body.fp-login-page .fp-submit,
html body.fp-login-page .fp-benefit-icon,
html body.fp-login-page .fp-benefits-right .fp-benefit:nth-child(2) .fp-benefit-icon,
html body.fp-login-page .fp-mini-benefit:nth-child(4) i {
    background: var(--uz-blue);
    box-shadow: none;
}

html body.fp-login-page .fp-benefit,
html body.fp-login-page .fp-mini-benefit,
html body.fp-login-page .fp-bottom-strip {
    border: 1px solid var(--uz-border);
    background: var(--uz-bg-card);
}

html body.fp-login-page .fp-login-alert {
    border: 1px solid var(--uz-red);
    background: rgba(209, 26, 58, .12);
    color: var(--uz-text);
}

html body.fp-login-page .fp-benefit:nth-child(even) .fp-benefit-icon {
    background: var(--uz-blue);
}

html body.fp-login-page .fp-mini-benefit:nth-child(3) i,
html body.fp-login-page .fp-mini-benefit:nth-child(4) i {
    color: var(--uz-text-muted);
}





body.uz-light .text-white,
body.uz-light .text-white-50,
body.uz-light .topbar h5,
body.uz-light .topbar .small {
    color: var(--uz-text) !important;
}

body.uz-light .text-white-50,
body.uz-light .topbar .small {
    color: var(--uz-text-muted) !important;
}

body.uz-light .sidebar-wrapper .metismenu a {
    color: var(--uz-text-muted);
}

body.uz-light .btn-light {
    background-color: var(--uz-bg-elevated);
    border-color: var(--uz-border);
    color: var(--uz-text);
}

body.uz-light .btn-outline-light {
    border-color: var(--uz-border);
    color: var(--uz-text);
}

body.uz-light .dropdown-menu {
    background-color: var(--uz-bg-card);
    border-color: var(--uz-border);
    color: var(--uz-text);
}

body.uz-light .dropdown-item {
    color: var(--uz-text);
}

body.uz-light .table {
    --bs-table-color: var(--uz-text);
    --bs-table-bg: transparent;
}

body.uz-light h1,
body.uz-light h2,
body.uz-light h3,
body.uz-light h4,
body.uz-light h5,
body.uz-light h6,
body.uz-light .h1,
body.uz-light .h2,
body.uz-light .h3,
body.uz-light .h4,
body.uz-light .h5,
body.uz-light .h6 {
    color: var(--uz-text);
}

body.uz-light .card,
body.uz-light .card-body {
    color: var(--uz-text);
}

body.uz-light .user-info .user-name {
    color: var(--uz-text);
}

body.uz-light .user-info .designattion {
    color: var(--uz-text-muted);
}



body.uz-light .form-check-input {
    background-color: var(--uz-bg-card);
    border-color: var(--uz-text-subtle);
}

body.uz-light .form-check-input:checked {
    background-color: var(--uz-blue);
    border-color: var(--uz-blue);
}

body.uz-light .form-check-input:focus {
    border-color: var(--uz-blue);
    box-shadow: 0 0 0 .25rem rgba(41, 121, 255, .25);
}

body.uz-light .chatmaske-empty-box {
    background: var(--uz-bg-card);
    border-color: var(--uz-border);
    color: var(--uz-text);
}

.topbar.bg-dark,
.wrapper .topbar.bg-dark {
    background-color: var(--uz-bg-page) !important;
}

body.bg-theme17 {
    --uz-bg-page: #000000;
    --uz-bg-sidebar: #000000;
    --uz-bg-card: #0b0e12;
    --uz-bg-elevated: #14181e;
    --uz-border: #262b33;
}

.profile-theme-picker .profile-theme-switcher li#theme17 {
    background: linear-gradient(135deg, #14181e 0%, #000000 100%);
}





body:not(.uz-light) .card-body .d-grid .btn-outline-light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .55);
    color: #ffffff;
}

body:not(.uz-light) .card-body .d-grid .btn-outline-light:hover,
body:not(.uz-light) .card-body .d-grid .btn-outline-light:focus {
    background-color: var(--uz-bg-elevated);
    border-color: #ffffff;
    color: #ffffff;
}