/* FG PANEL global header/profile/logout fix */

/* FontAwesome fallback: icons stay correct even on pages where FA font is not loaded */
.fas,.fa{font-family:inherit!important;font-style:normal!important;font-weight:800!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.fas:before,.fa:before{font-family:inherit!important}
.fa-crown:before{content:"♛"!important}
.fa-bars:before{content:"☰"!important}
.fa-times:before{content:"×"!important}
.fa-home:before{content:"⌂"!important}
.fa-shopping-cart:before{content:"🛒"!important;font-size:.95em!important}
.fa-box:before{content:"▣"!important}
.fa-question-circle:before{content:"?"!important;border:2px solid currentColor;border-radius:50%;width:16px;height:16px;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.fa-headset:before{content:"☎"!important}
.fa-wallet:before{content:"▰"!important}
.fa-user:before{content:"●"!important}
.fa-list:before{content:"☷"!important}
.fa-cog:before{content:"⚙"!important}
.fa-sign-out-alt:before{content:"↪"!important}
.fa-users:before{content:"👥"!important}
.fa-plus-circle:before,.fa-plus:before{content:"+"!important}
.fa-bell:before{content:"●"!important}
.fa-newspaper:before{content:"▤"!important}
.fa-ticket-alt:before{content:"▭"!important}

@font-face{font-family:Acrom;src:url('/engine/fonts/Acrom-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Acrom;src:url('/engine/fonts/Acrom-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Acrom;src:url('/engine/fonts/Acrom-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
:root{--fg-bg:#070b16;--fg-panel:#101522;--fg-panel-2:#171b2e;--fg-border:rgba(255,255,255,.09);--fg-text:#f7f8ff;--fg-muted:#aeb6c8;--fg-blue:#5f82ff;--fg-violet:#7b5fd6;--fg-green:#00d28f;}
html,body{font-family:Acrom,Inter,Segoe UI,Arial,sans-serif!important;background:radial-gradient(circle at 0 0,rgba(94,73,184,.23),transparent 36%),radial-gradient(circle at 100% 0,rgba(0,204,255,.12),transparent 34%),linear-gradient(180deg,#080b16 0%,#070b14 100%)!important;color:var(--fg-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.main-header,.fg-topbar{height:68px!important;background:rgba(7,11,22,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(99,130,255,.18)!important;box-shadow:0 12px 40px rgba(0,0,0,.22)!important;position:sticky!important;top:0!important;z-index:9999!important}
.header-container{max-width:1400px!important;margin:0 auto!important;height:68px!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.logo,.fg-logo{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:#fff!important;font-weight:800!important;letter-spacing:-.03em!important;font-size:20px!important;white-space:nowrap!important}.logo i,.fg-logo i{font-size:28px!important;color:var(--fg-blue)!important;filter:drop-shadow(0 0 10px rgba(95,130,255,.55))}.logo span,.fg-logo span{font-weight:800!important;color:#fff!important}
.main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important}.main-nav .nav-link,.main-nav a{display:flex!important;align-items:center!important;gap:8px!important;color:#aeb6c8!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;padding:10px 4px!important;border-radius:10px!important;background:transparent!important;transition:.18s ease!important}.main-nav .nav-link:hover,.main-nav .nav-link.active,.main-nav a:hover{color:#fff!important;transform:translateY(-1px)!important}.main-nav i{font-size:15px!important;color:#b9c1d2!important}
.header-actions,.header-right{display:flex!important;align-items:center!important;gap:14px!important}.balance-display{height:45px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 18px!important;border-radius:8px!important;background:#111724!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important}.balance-display i{color:var(--fg-green)!important}
.user-menu{position:relative!important}.avatar-wrapper,.user-avatar{cursor:pointer}.user-avatar{width:46px!important;height:46px!important;border-radius:50%!important;object-fit:cover!important;border:3px solid var(--fg-blue)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(95,130,255,.12)!important;transition:.2s!important}.user-avatar:hover{transform:scale(1.05)!important;box-shadow:0 0 0 5px rgba(95,130,255,.18),0 0 22px rgba(95,130,255,.4)!important}
.user-dropdown{position:absolute!important;right:0!important;top:calc(100% + 12px)!important;min-width:230px!important;background:#1a1d30!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important;overflow:hidden!important;z-index:10000!important;padding:0!important;display:none!important}.user-menu:hover .user-dropdown,.user-menu.active .user-dropdown,.user-menu.open .user-dropdown{display:block!important}.dropdown-user-info{padding:14px 16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.user-name{display:block;color:#fff!important;font-size:14px!important;font-weight:800!important}.user-email{display:block;margin-top:4px;color:#8f98ad!important;font-size:12px!important}.user-dropdown a{height:52px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 18px!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:transparent!important}.user-dropdown a:hover{background:rgba(95,130,255,.12)!important;color:#fff!important}.user-dropdown a i{width:18px;text-align:center}.dropdown-divider{height:1px!important;margin:0!important;background:rgba(255,255,255,.12)!important;border:0!important}.logout-link{color:#fff!important}.logout-link:hover{background:rgba(255,86,86,.14)!important;color:#ffdddd!important}
.card,.admin-card,.stat-card,.quick-action,.admin-table-wrapper,.admin-search-bar{background:linear-gradient(145deg,rgba(24,30,45,.94),rgba(13,18,31,.96))!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.04)!important}.card:hover,.stat-card:hover,.quick-action:hover{border-color:rgba(95,130,255,.35)!important;box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 35px rgba(95,130,255,.08)!important}.admin-header{background:linear-gradient(135deg,#6e85f2,#895cbe)!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(108,120,229,.22)!important}.admin-header h1,.page-title,h1,h2,h3{letter-spacing:-.04em!important;font-weight:800!important}
.modal:not(.show){display:none!important}.modal.show{display:flex!important;align-items:center!important;justify-content:center!important}.modal-content{background:#171d2e!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;color:#fff!important;box-shadow:0 30px 80px rgba(0,0,0,.55)!important}.modal-header,.modal-footer{border-color:rgba(255,255,255,.1)!important}.close{color:#fff!important;text-shadow:none!important;opacity:.85!important}.btn-primary{background:linear-gradient(135deg,#5f82ff,#7b5fd6)!important;border:0!important;border-radius:10px!important;font-weight:800!important}.btn-secondary{background:#2a3043!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;color:#fff!important}
@media(max-width:900px){.header-container{padding:0 14px!important}.main-nav{gap:10px!important}.main-nav .nav-link span,.main-nav a span{display:none}.balance-display{padding:0 12px!important}.logo span,.fg-logo span{font-size:17px!important}}


/* === FIX: одинаковая ширина страниц / стабильное меню профиля === */
.main-content,
.page-content,
.content,
.container,
.admin-container,
.wrapper,
.page-wrapper,
.admin-main,
.admin-content{
    width:100%!important;
    max-width:1400px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
}

.main-content,
.page-content,
.content,
.admin-container,
.admin-main,
.admin-content{
    padding-left:28px!important;
    padding-right:28px!important;
}

body > .container,
body > .wrapper,
body > main,
main.container{
    max-width:1400px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Не даём страницам прыгать по ширине */
html,body{
    width:100%!important;
    min-width:320px!important;
    overflow-x:hidden!important;
}

/* Исправление выпадающего профиля: между аватаркой и меню больше нет “провала” */
.user-menu{
    position:relative!important;
    z-index:100000!important;
    display:flex!important;
    align-items:center!important;
}

.user-menu:after{
    content:"";
    position:absolute;
    right:0;
    top:100%;
    width:250px;
    height:18px;
    background:transparent;
    pointer-events:auto;
}

.user-dropdown{
    top:calc(100% + 8px)!important;
    z-index:100001!important;
    pointer-events:auto!important;
}

.user-menu:hover .user-dropdown,
.user-menu:focus-within .user-dropdown,
.user-menu.active .user-dropdown,
.user-menu.open .user-dropdown{
    display:block!important;
}

.user-menu:hover .avatar-wrapper,
.user-menu.active .avatar-wrapper,
.user-menu.open .avatar-wrapper{
    opacity:1!important;
    visibility:visible!important;
}

.avatar-wrapper,
.user-avatar{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

/* Кнопки в выпадающем меню всегда кликабельны */
.user-dropdown a{
    position:relative!important;
    z-index:100002!important;
    pointer-events:auto!important;
}

/* Чтобы баннеры/карточки админки не перекрывали меню профиля */
.admin-header,
.card,
.admin-card,
.stat-card,
.quick-action,
.admin-table-wrapper{
    position:relative!important;
    z-index:1!important;
}

.fg-topbar,
.main-header{
    z-index:100000!important;
}

/* Ровные отступы на маленьких экранах */
@media(max-width:900px){
    .main-content,
    .page-content,
    .content,
    .container,
    .admin-container,
    .wrapper,
    .page-wrapper,
    .admin-main,
    .admin-content{
        max-width:100%!important;
        padding-left:14px!important;
        padding-right:14px!important;
    }
}

/* FIX: второй круг создавался wrapper'ом, оставляем рамку только у img */
.main-header .avatar-wrapper,
.avatar-wrapper{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
}
.main-header .avatar-wrapper .user-avatar,
.avatar-wrapper .user-avatar{
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    border:3px solid var(--fg-blue)!important;
    background:#fff!important;
    box-shadow:0 0 18px rgba(79,124,255,.35)!important;
}