/* Современный градиентный фон */
body {
    background: 
        radial-gradient(circle at 0% 0%, rgba(25, 25, 112, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 100% 0%, rgba(72, 61, 139, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(106, 90, 205, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 0% 100%, rgba(123, 104, 238, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
    background-attachment: fixed;
    min-height: 100vh;
}

/* Дополнительные эффекты для современного вида */
body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.01) 50%, transparent 100%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.02) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* Центрирование интерфейса */
.container {
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-wrapper > * {
    width: 100%;
    max-width: 100%;
}

/* Центрирование контейнеров */
.container {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* Центрирование основного контента */
body .main-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* Центрирование контента внутри main-wrapper */
.main-wrapper .container,
.main-wrapper .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
}

/* Центрирование для всех вложенных контейнеров */
.main-wrapper .row {
    margin-left: auto !important;
    margin-right: auto !important;
}

.w-100 {
left: 0;
right: 0;
margin: auto;
}

.x-sidebar-width {
    width: 0px !important;
}

.x-content-width {
    width: 800px !important;
    margin: auto !important;
}

.search-wrapper-prnt {
    display: none !important
}

.x-content-width .btn {
    display: inline-block;
    line-height: var(--bs-btn-line-height);
    min-width: max-content;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.x-content-width .btn-sm {
    font-size: 11px;
    padding: 8px 26px;
}
.x-content-width .btn-sm.btn-icon {
    padding: 5px 8px;
}