:root {
    --admin-bg: #090b10;
    --admin-bg-soft: #0d1118;
    --admin-sidebar: #101620;
    --admin-sidebar-2: #0b1017;
    --admin-panel: #121922;
    --admin-panel-2: #172130;
    --admin-panel-3: #0e141d;
    --admin-border: rgba(148, 163, 184, 0.16);
    --admin-border-strong: rgba(255, 107, 53, 0.36);
    --admin-text: #eef3f8;
    --admin-muted: #90a0b3;
    --admin-primary: #ff6b35;
    --admin-primary-dark: #d95627;
    --admin-primary-soft: rgba(255, 107, 53, 0.14);
    --admin-success: #28c76f;
    --admin-danger: #ff5c75;
    --admin-warning: #ffbd4a;
    --admin-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

* {
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 107, 53, 0.12), transparent 30%),
        linear-gradient(135deg, #080a0f 0%, #0c1119 52%, #090b10 100%);
    color: var(--admin-text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
    color: #ff9a72;
}

.admin-body {
    overflow-x: hidden;
}

.admin-layout {
    min-height: 100vh;
}

.admin-sidebar {
    width: 292px;
    min-height: 100vh;
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    padding: 18px 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 34%),
        linear-gradient(180deg, var(--admin-sidebar), var(--admin-sidebar-2));
    border-right: 1px solid var(--admin-border);
    box-shadow: 18px 0 50px rgba(0, 0, 0, 0.24);
}

.admin-brand {
    min-height: 64px;
    display: grid;
    grid-template-columns: 46px 1fr;
    align-items: center;
    gap: 12px;
    padding: 8px 10px 18px;
    color: #fff;
    text-decoration: none;
}

.admin-brand:hover {
    color: #fff;
}

.admin-brand-mark {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff8a45, #cb3f20);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(255, 107, 53, 0.26);
}

.admin-brand-logo {
    width: 46px;
    height: 46px;
    object-fit: contain;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.admin-brand strong {
    display: block;
    font-size: 1.06rem;
    line-height: 1.05;
}

.admin-brand small,
.admin-user-box small,
.admin-breadcrumb {
    display: block;
    color: var(--admin-muted);
    font-size: 0.76rem;
}

.admin-user-box {
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    gap: 10px;
    padding: 12px;
    margin: 0 0 18px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(255, 255, 255, 0.025)),
        var(--admin-panel-3);
}

.admin-user-avatar {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 107, 53, 0.12);
    color: #ffb090;
    font-size: 1.25rem;
}

.admin-user-box strong {
    display: block;
    color: #fff;
    font-size: 0.92rem;
}

.admin-menu {
    flex: 1;
    min-height: 0;
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    gap: 15px;
    overflow-y: auto;
    padding: 4px 4px 14px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 107, 53, 0.6) rgba(255, 255, 255, 0.04);
}

.admin-menu-section,
.admin-menu-group {
    display: grid;
    gap: 6px;
}

.admin-menu-section {
    padding: 6px;
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.018);
}

.admin-menu-section > summary {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    color: #eef3f8;
    cursor: pointer;
    list-style: none;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.admin-menu-section > summary::-webkit-details-marker {
    display: none;
}

.admin-menu-section > summary i {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    color: #ffad87;
}

.admin-menu-section > summary i:last-child {
    margin-left: auto;
    color: #8190a2;
    transition: transform 0.18s ease;
}

.admin-menu-section[open] > summary i:last-child {
    transform: rotate(180deg);
}

.admin-menu-section > summary:hover,
.admin-menu-section.is-open > summary {
    border-color: rgba(255, 107, 53, 0.24);
    background: rgba(255, 107, 53, 0.1);
}

.admin-menu a,
.admin-menu-dropdown summary,
.admin-sidebar-bottom a {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #bdc8d6;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-menu a i,
.admin-menu-dropdown summary i,
.admin-sidebar-bottom a i {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    color: #ffad87;
    font-size: 1rem;
}

.admin-menu a:hover,
.admin-menu a.active,
.admin-menu-dropdown summary:hover,
.admin-menu-dropdown.is-open summary,
.admin-sidebar-bottom a:hover {
    color: #fff;
    border-color: var(--admin-border-strong);
    background:
        linear-gradient(90deg, rgba(255, 107, 53, 0.22), rgba(255, 107, 53, 0.06)),
        rgba(255, 255, 255, 0.035);
    transform: translateX(2px);
}

.admin-menu-dropdown {
    display: grid;
    gap: 6px;
}

.admin-menu-dropdown summary {
    cursor: pointer;
    list-style: none;
}

.admin-menu-dropdown summary::-webkit-details-marker {
    display: none;
}

.admin-menu-dropdown summary i:last-child {
    margin-left: auto;
    transition: transform 0.18s ease;
}

.admin-menu-dropdown[open] summary i:last-child {
    transform: rotate(180deg);
}

.admin-submenu {
    display: grid;
    gap: 5px;
    padding-left: 14px;
    margin-left: 10px;
    border-left: 1px solid var(--admin-border);
}

.admin-submenu a {
    min-height: 36px;
    padding: 8px 10px;
    font-size: 0.9rem;
}

.admin-sidebar-bottom {
    display: grid;
    gap: 7px;
    padding-top: 14px;
    margin-top: auto;
    border-top: 1px solid var(--admin-border);
}

.admin-shell {
    width: 100%;
}

.admin-body .admin-shell {
    width: calc(100% - 292px);
    min-height: 100vh;
    margin-left: 292px;
    padding: 24px 28px 48px;
}

.admin-topbar {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding: 18px 20px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 107, 53, 0.11), rgba(255, 255, 255, 0.025)),
        rgba(12, 17, 25, 0.92);
    box-shadow: var(--admin-shadow);
}

.admin-topbar h1 {
    margin: 2px 0 0;
    color: #fff;
    font-size: 1.45rem;
    font-weight: 850;
}

.admin-topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-topbar-user {
    min-height: 46px;
    grid-template-columns: 34px max-content;
    gap: 9px;
    margin: 0;
    padding: 6px 10px;
    background:
        linear-gradient(135deg, rgba(255, 107, 53, 0.12), rgba(255, 255, 255, 0.025)),
        rgba(14, 20, 29, 0.7);
}

.admin-topbar-user .admin-user-avatar {
    width: 34px;
    height: 34px;
    font-size: 1rem;
}

.admin-topbar-user strong {
    font-size: 0.86rem;
    line-height: 1.15;
}

.admin-topbar-user small {
    margin-top: 1px;
}

.admin-topbar-link {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: #dce5ef;
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.admin-topbar-link:hover {
    color: #fff;
    border-color: var(--admin-border-strong);
    background: var(--admin-primary-soft);
}

.admin-topbar-link.is-danger:hover {
    border-color: rgba(255, 92, 117, 0.45);
    background: rgba(255, 92, 117, 0.14);
}

.admin-notify-menu {
    position: relative;
}

.admin-notify-trigger {
    position: relative;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #eef3f8;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.admin-notify-trigger i {
    font-size: 1.08rem;
}

.admin-notify-trigger span {
    position: absolute;
    top: -7px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    border-radius: 999px;
    background: #5bc8ff;
    color: #08111b;
    font-size: 0.72rem;
    font-weight: 950;
    box-shadow: 0 8px 18px rgba(91, 200, 255, 0.35);
}

.admin-notify-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 1200;
    width: min(330px, calc(100vw - 36px));
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 0.16s ease, transform 0.16s ease;
    border: 1px solid rgba(92, 113, 255, 0.32);
    border-radius: 8px;
    background: #171b25;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.38);
}

.admin-notify-menu:hover .admin-notify-dropdown,
.admin-notify-menu:focus-within .admin-notify-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.admin-notify-head {
    padding: 18px 20px 20px;
    background: #4350bd;
}

.admin-notify-head strong,
.admin-notify-head span {
    display: block;
}

.admin-notify-head strong {
    color: #fff;
    font-size: 1.08rem;
    font-weight: 900;
}

.admin-notify-head span {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.62);
    font-weight: 800;
}

.admin-notify-list {
    display: grid;
    gap: 0;
    max-height: 260px;
    overflow: auto;
}

.admin-notify-list a,
.admin-notify-empty {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-notify-list a {
    color: #edf2ff;
    text-decoration: none;
}

.admin-notify-list a:hover {
    background: rgba(67, 80, 189, 0.18);
}

.admin-notify-list strong,
.admin-notify-list span,
.admin-notify-empty {
    display: block;
}

.admin-notify-list strong {
    color: #fff;
    font-size: 0.9rem;
}

.admin-notify-list span,
.admin-notify-empty {
    color: var(--admin-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.admin-notify-all {
    width: calc(100% - 40px);
    min-height: 38px;
    display: grid;
    place-items: center;
    margin: 16px 20px 18px;
    color: #e7ebff;
    text-decoration: none;
    border-radius: 8px;
    background: #4350bd;
    font-weight: 900;
}

.admin-notify-all:hover {
    color: #fff;
    background: #5362de;
}

.admin-card,
.admin-stat {
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
        var(--admin-panel);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
}

.admin-card {
    padding: 22px;
}

.admin-card h2,
.admin-card h3,
.admin-card h4,
.admin-card h5,
.admin-card .h5 {
    color: #fff;
    font-weight: 800;
}

.permission-form-card {
    display: grid;
    gap: 20px;
}

.permission-form-head,
.permission-toolbar,
.permission-section header,
.permission-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.permission-form-head p {
    max-width: 620px;
}

.permission-meta-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) auto;
    gap: 14px;
    align-items: end;
}

.permission-meta-grid label > span,
.permission-toolbar strong {
    display: block;
    margin-bottom: 8px;
    color: #dce5ee;
    font-weight: 800;
}

.permission-switch {
    min-height: 42px;
    align-items: center;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.permission-section-list {
    display: grid;
    gap: 14px;
}

.permission-section {
    overflow: hidden;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(9, 13, 19, 0.62);
}

.permission-section header {
    padding: 14px 16px;
    border-bottom: 1px solid var(--admin-border);
    background: rgba(255, 255, 255, 0.025);
}

.permission-section header > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.permission-section header i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: #ffb090;
    border-radius: 8px;
    background: var(--admin-primary-soft);
}

.permission-section header strong {
    color: #fff;
}

.permission-section header span {
    color: var(--admin-muted);
    font-size: 0.82rem;
    font-weight: 800;
}

.permission-select-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #dbe5f0;
    font-size: 0.86rem;
    font-weight: 800;
}

.permission-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.permission-check {
    min-height: 74px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.permission-check:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 107, 53, 0.32);
    background: rgba(255, 107, 53, 0.07);
}

.permission-check input {
    margin-top: 4px;
}

.permission-check span {
    min-width: 0;
}

.permission-check i {
    margin-right: 7px;
    color: #ffb090;
}

.permission-check strong,
.permission-check small {
    display: block;
}

.permission-check strong {
    color: #fff;
    font-size: 0.94rem;
    line-height: 1.25;
}

.permission-check small {
    margin-top: 4px;
    color: var(--admin-muted);
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

.admin-stat {
    position: relative;
    min-height: 132px;
    display: grid;
    align-content: space-between;
    padding: 18px;
    overflow: hidden;
}

.admin-stat::after {
    content: "";
    position: absolute;
    right: -34px;
    bottom: -38px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(255, 107, 53, 0.12);
}

.admin-stat span {
    color: var(--admin-muted);
    font-size: 0.86rem;
    font-weight: 700;
}

.admin-stat strong {
    display: block;
    color: #fff;
    font-size: 2.08rem;
    line-height: 1;
    margin-top: 10px;
}

.admin-stat i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #ffb090;
    border-radius: 8px;
    background: rgba(255, 107, 53, 0.14);
}

.admin-stat-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.admin-module-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-module-card {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 14px;
    color: var(--admin-text);
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.admin-module-card:hover {
    color: #fff;
    border-color: var(--admin-border-strong);
    background: var(--admin-primary-soft);
}

.admin-module-card i:first-child {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #ffb090;
    border-radius: 8px;
    background: rgba(255, 107, 53, 0.14);
}

.admin-module-card strong {
    display: block;
    color: #fff;
}

.admin-module-card small {
    display: block;
    color: var(--admin-muted);
    margin-top: 2px;
}

.payment-earnings-section {
    display: grid;
    gap: 18px;
}

.payment-earnings-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.payment-earnings-head h2 {
    margin: 0;
    color: #fff;
    font-size: 1.28rem;
    font-weight: 900;
}

.payment-earnings-head p {
    margin: 5px 0 0;
    color: var(--admin-muted);
    font-size: 0.9rem;
}

.payment-earning-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.payment-earning-grid.is-compact {
    grid-template-columns: repeat(3, minmax(210px, 1fr));
    padding: 20px;
}

.payment-earning-card {
    min-height: 226px;
    display: grid;
    grid-template-rows: 58px auto 1px 1fr;
    gap: 18px;
    padding: 28px 28px 24px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 0%, rgba(76, 150, 255, 0.09), transparent 40%),
        #222632;
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.payment-earning-logo {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #49a4ff;
    font-size: 1.95rem;
    font-weight: 950;
    line-height: 1;
    text-align: center;
    word-break: break-word;
}

.payment-earning-caption {
    align-self: center;
    color: #e6edf5;
    font-size: 1.02rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.payment-earning-line {
    width: 100%;
    height: 1px;
    background: rgba(11, 15, 22, 0.72);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035);
}

.payment-earning-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.payment-earning-values > div {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 0 10px;
}

.payment-earning-values > div + div {
    border-left: 1px solid rgba(10, 14, 20, 0.86);
}

.payment-earning-values span {
    color: #9fb7d1;
    font-size: 0.8rem;
    font-weight: 850;
}

.payment-earning-values strong {
    color: #dce6f2;
    font-size: 1.52rem;
    line-height: 1;
    text-align: center;
    word-break: break-word;
}

.payment-earning-empty {
    grid-column: 1 / -1;
    padding: 26px;
    color: var(--admin-muted);
    text-align: center;
    border: 1px dashed var(--admin-border);
    border-radius: 8px;
}

.payment-brand-epinpay .payment-earning-logo {
    color: #0879ff;
    text-shadow: 0 0 24px rgba(8, 121, 255, 0.28);
}

.payment-brand-epinsultan_epin .payment-earning-logo {
    color: #04d8a3;
    text-shadow: 0 0 24px rgba(4, 216, 163, 0.24);
}

.payment-brand-itempazar .payment-earning-logo,
.payment-brand-itempazar_epin .payment-earning-logo {
    color: #f4f7fb;
}

.payment-brand-itemcipay .payment-earning-logo,
.payment-brand-itemci_epin .payment-earning-logo {
    color: #66d4ff;
}

.payment-brand-oyunpay .payment-earning-logo,
.payment-brand-oyunalisveris_epin .payment-earning-logo {
    color: #8cf36c;
}

.payment-brand-kabasakal .payment-earning-logo,
.payment-brand-kabasakal_epin .payment-earning-logo {
    color: #ffbd4a;
}

.payment-brand-paywant .payment-earning-logo {
    color: #b99cff;
}

.payment-brand-paytr .payment-earning-logo {
    color: #47d6ff;
}

.referral-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.referral-stat-grid.is-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.referral-earning-stat {
    min-height: 138px;
}

.referral-earning-stat strong {
    font-size: 1.52rem;
    line-height: 1.08;
}

.referral-earning-stat small {
    display: block;
    margin-top: 10px;
    color: var(--admin-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.referral-earning-stat i {
    color: #a8f0ca;
    background: rgba(40, 199, 111, 0.13);
}

.referral-stats-panel {
    background: transparent;
}

.support-admin-layout {
    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.support-admin-list,
.support-admin-messages,
.support-admin-reply {
    display: grid;
    gap: 12px;
}

.support-admin-list a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    color: inherit;
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.support-admin-list a:hover,
.support-admin-list a.active {
    border-color: rgba(255, 107, 53, 0.3);
    background: rgba(255, 107, 53, 0.09);
}

.support-admin-list strong,
.support-admin-head h2 {
    color: #fff;
}

.support-admin-list small,
.support-admin-head p,
.support-admin-messages span {
    display: block;
    color: var(--admin-muted);
    margin-top: 4px;
    font-size: 0.82rem;
}

.support-admin-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.support-admin-head h2 {
    margin: 10px 0 0;
    font-size: 1.2rem;
    font-weight: 900;
}

.support-admin-controls {
    display: grid;
    grid-template-columns: minmax(120px, 160px) minmax(120px, 160px) auto;
    gap: 10px;
    margin-bottom: 16px;
}

.support-admin-messages {
    margin-bottom: 18px;
}

.support-admin-messages > div {
    padding: 14px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
}

.support-admin-messages > div.is-admin {
    border-color: rgba(89, 178, 255, 0.24);
    background: rgba(89, 178, 255, 0.08);
}

.support-admin-messages p {
    margin: 7px 0 0;
    color: #eef3f8;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--admin-text);
    --bs-table-border-color: var(--admin-border);
    --bs-table-hover-bg: rgba(255, 107, 53, 0.08);
    --bs-table-hover-color: #fff;
    margin-bottom: 0;
}

.table thead th,
.table th {
    color: #b5c2d1;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.table td,
.table th {
    padding: 13px 12px;
    vertical-align: middle;
}

.table-dark {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
}

.form-label {
    color: #cdd7e4;
    font-size: 0.84rem;
    font-weight: 750;
}

.form-control,
.form-select {
    min-height: 42px;
    background: #0c121a;
    border-color: var(--admin-border);
    color: var(--admin-text);
    border-radius: 8px;
}

.form-control:focus,
.form-select:focus {
    background: #0c121a;
    border-color: var(--admin-primary);
    color: var(--admin-text);
    box-shadow: 0 0 0 0.22rem rgba(255, 107, 53, 0.15);
}

.form-control::placeholder {
    color: #627185;
}

textarea.form-control {
    min-height: auto;
}

.btn {
    border-radius: 8px;
    font-weight: 750;
}

.btn-primary {
    background: linear-gradient(180deg, #ff7b43, var(--admin-primary-dark));
    border-color: #ff7b43;
    box-shadow: 0 10px 24px rgba(255, 107, 53, 0.18);
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(180deg, #ff8d5f, #e45b2c);
    border-color: #ff9a72;
}

.btn-outline-light {
    color: #d7e0ea;
    border-color: var(--admin-border);
    background: rgba(255, 255, 255, 0.025);
}

.btn-outline-light:hover {
    color: #fff;
    border-color: var(--admin-border-strong);
    background: var(--admin-primary-soft);
}

.btn-outline-danger {
    color: #ff9aa9;
    border-color: rgba(255, 92, 117, 0.35);
}

.btn-outline-danger:hover {
    color: #fff;
    border-color: var(--admin-danger);
    background: rgba(255, 92, 117, 0.16);
}

.badge-soft {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid rgba(255, 107, 53, 0.24);
    border-radius: 999px;
    background: var(--admin-primary-soft);
    color: #ffb090;
    font-weight: 800;
}

.muted {
    color: var(--admin-muted);
}

.alert {
    border-radius: 8px;
    border: 1px solid var(--admin-border);
}

.alert-warning {
    color: #ffe1a3;
    background: rgba(255, 189, 74, 0.12);
    border-color: rgba(255, 189, 74, 0.28);
}

.alert-danger {
    color: #ffc4cc;
    background: rgba(255, 92, 117, 0.12);
    border-color: rgba(255, 92, 117, 0.28);
}

.alert-success {
    color: #bff6d8;
    background: rgba(40, 199, 111, 0.12);
    border-color: rgba(40, 199, 111, 0.28);
}

.admin-form-group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-weight: 850;
    margin: 24px 0 14px;
    padding-top: 16px;
    border-top: 1px solid var(--admin-border);
}

.admin-form-group-title:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.wiki-admin-section-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
}

.wiki-admin-section-tab {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 14px 16px;
    color: var(--admin-text);
    text-decoration: none;
    background: var(--admin-panel);
    border: 1px solid var(--admin-border);
    border-radius: 8px;
}

.wiki-admin-section-tab:hover,
.wiki-admin-section-tab.is-active {
    color: #fff;
    border-color: var(--admin-border-strong);
    background: var(--admin-primary-soft);
}

.wiki-admin-section-tab strong,
.wiki-craft-parent-tabs strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--admin-primary-soft);
    color: #ffb090;
    font-size: 0.78rem;
}

.wiki-admin-section-tab strong {
    min-width: 28px;
    height: 28px;
}

.wiki-admin-focus,
.wiki-craft-current {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 18px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(255, 107, 53, 0.08), rgba(255, 255, 255, 0.02)),
        var(--admin-panel);
}

.wiki-admin-focus h2,
.wiki-craft-current h3 {
    margin: 0 0 6px;
    color: #fff;
}

.wiki-admin-focus h2 {
    font-size: 1.28rem;
}

.wiki-admin-focus h2 i {
    color: var(--admin-primary);
    margin-right: 10px;
}

.wiki-admin-focus p,
.wiki-craft-current p {
    margin: 0;
    color: var(--admin-muted);
}

.wiki-admin-image-preview {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 12px;
    color: var(--admin-muted);
    font-size: 0.86rem;
}

.admin-upload-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.admin-upload-inline [data-file-name] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wiki-admin-image-preview img,
.wiki-admin-thumb img,
.wiki-admin-thumb i,
.wiki-craft-preview img,
.wiki-craft-preview i {
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #0c1218;
}

.wiki-admin-image-preview img,
.wiki-admin-thumb img {
    width: 72px;
    height: 72px;
    object-fit: contain;
    padding: 6px;
}

.wiki-admin-items,
.wiki-craft-admin-list {
    display: grid;
    gap: 12px;
}

.wiki-admin-item,
.wiki-craft-admin-row {
    display: grid;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.wiki-admin-item {
    grid-template-columns: 82px minmax(0, 1fr) 82px auto;
}

.wiki-craft-admin-row {
    grid-template-columns: 70px minmax(0, 1fr) auto;
}

.wiki-admin-thumb {
    display: grid;
    justify-items: center;
    gap: 6px;
    color: var(--admin-muted);
    font-size: 0.78rem;
}

.wiki-admin-thumb i,
.wiki-craft-preview i {
    display: grid;
    place-items: center;
    color: var(--admin-primary);
}

.wiki-admin-thumb i {
    width: 72px;
    height: 72px;
    font-size: 1.6rem;
}

.wiki-craft-preview img,
.wiki-craft-preview i {
    width: 62px;
    height: 62px;
}

.wiki-craft-preview img {
    object-fit: contain;
    padding: 6px;
}

.wiki-craft-preview i {
    font-size: 1.35rem;
}

.wiki-admin-item-main h3,
.wiki-craft-admin-main h3 {
    margin: 0;
    color: #fff;
    font-size: 1rem;
}

.wiki-admin-item-main p,
.wiki-craft-admin-main p {
    color: var(--admin-muted);
    margin: 0 0 8px;
}

.craft-material-editor {
    display: grid;
    gap: 8px;
}

.craft-material-row {
    display: grid;
    grid-template-columns: 26px 42px minmax(0, 1.1fr) 76px minmax(0, 1fr) 34px 34px;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.025);
}

.craft-material-index {
    color: var(--admin-muted);
    font-size: 0.78rem;
    text-align: center;
}

.craft-material-preview {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
    color: var(--admin-muted);
}

.craft-material-preview img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.craft-material-remove {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
}

.craft-material-file-button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
}

.craft-material-row .admin-image-picker {
    min-width: 0;
}

.wiki-admin-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--admin-muted);
    font-size: 0.78rem;
}

.wiki-admin-meta span {
    background: #0c1218;
    border: 1px solid var(--admin-border);
    border-radius: 999px;
    padding: 4px 8px;
}

.wiki-admin-actions {
    display: grid;
    gap: 8px;
    justify-items: stretch;
}

.wiki-craft-parent-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wiki-craft-parent-tabs a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: var(--admin-text);
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #0c1218;
}

.wiki-craft-parent-tabs a:hover,
.wiki-craft-parent-tabs a.is-active {
    border-color: var(--admin-border-strong);
    background: var(--admin-primary-soft);
    color: #fff;
}

.wiki-craft-parent-tabs strong {
    min-width: 24px;
    height: 24px;
}

.wiki-craft-current h3 {
    font-size: 1.08rem;
}

.wiki-craft-group-title {
    margin-top: 14px;
    color: #fff;
    font-weight: 850;
    border-bottom: 1px solid var(--admin-border);
    padding-bottom: 8px;
}

.wiki-admin-empty {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 50px 20px;
    color: var(--admin-muted);
    border: 1px dashed var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.018);
}

.wiki-admin-empty i {
    color: var(--admin-primary);
    font-size: 2.2rem;
}

.wiki-admin-empty strong {
    color: #fff;
}

.game-accounts-overview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
    align-items: stretch;
}

.game-account-search,
.game-account-mini-stats,
.game-accounts-card {
    border: 1px solid var(--admin-border);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), transparent),
        var(--admin-panel);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.16);
}

.game-account-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 14px;
    align-items: end;
    padding: 18px;
}

.game-account-search-fields {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.game-account-search label {
    display: grid;
    gap: 8px;
    margin: 0;
}

.game-account-search label span {
    color: #fff;
    font-weight: 850;
}

.game-account-search-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.game-account-mini-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.game-account-mini-stats > div {
    display: grid;
    align-content: center;
    gap: 5px;
    min-height: 86px;
    padding: 14px;
    border-right: 1px solid var(--admin-border);
}

.game-account-mini-stats > div:last-child {
    border-right: 0;
}

.game-account-mini-stats span,
.game-account-main small,
.game-character-summary small,
.game-account-date small {
    color: var(--admin-muted);
    font-size: 0.78rem;
}

.game-account-mini-stats strong {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1;
}

.game-accounts-card {
    padding: 18px;
}

.game-accounts-table {
    margin-bottom: 0;
}

.game-accounts-table td {
    vertical-align: middle;
}

.game-account-id {
    color: #dfe6ff;
    font-weight: 900;
}

.game-account-main,
.game-character-summary,
.game-account-date {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.game-account-main strong,
.game-character-summary strong,
.game-account-date strong {
    color: #fff;
    font-weight: 850;
}

.game-account-status-form {
    display: grid;
    grid-template-columns: minmax(86px, 1fr) 38px;
    gap: 8px;
    align-items: center;
}

.game-status-pill {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 850;
}

.game-status-pill.is-ok {
    color: #bff6d8;
    border: 1px solid rgba(40, 199, 111, 0.26);
    background: rgba(40, 199, 111, 0.1);
}

.game-status-pill.is-danger {
    color: #ffc9c9;
    border: 1px solid rgba(255, 107, 107, 0.3);
    background: rgba(255, 107, 107, 0.1);
}

.metin2-account-compact {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.metin2-account-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.metin2-side-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.metin2-side-title h3 {
    margin: 0;
    color: #fff;
    font-size: 1.22rem;
    font-weight: 900;
}

.metin2-side-title h3 small {
    color: var(--admin-muted);
    font-size: 0.88rem;
}

.metin2-status-pill {
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 900;
}

.metin2-status-pill.is-success {
    color: #bff6d8;
    border: 1px solid rgba(40, 199, 111, 0.26);
    background: rgba(40, 199, 111, 0.1);
}

.metin2-status-pill.is-danger {
    color: #ffc9c9;
    border: 1px solid rgba(255, 107, 107, 0.3);
    background: rgba(255, 107, 107, 0.1);
}

.metin2-side-info {
    display: grid;
    gap: 8px;
}

.metin2-side-info div {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
    align-items: baseline;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.metin2-side-info span {
    color: var(--admin-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.metin2-side-info strong {
    color: #fff;
    font-size: 0.86rem;
    font-weight: 750;
    word-break: break-word;
}

.metin2-side-actions {
    display: grid;
    gap: 8px;
}

.metin2-side-actions .btn {
    min-height: 36px;
    font-weight: 850;
}

.metin2-account-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 18px;
    padding: 22px;
}

.metin2-account-tab-content {
    grid-column: 1;
    min-width: 0;
}

.metin2-pane-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.metin2-pane-head h3 {
    margin: 0;
    color: #fff;
    font-size: 1.12rem;
    font-weight: 900;
}

.metin2-account-tabs {
    grid-column: 2;
    align-self: start;
    position: sticky;
    top: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 16px;
    border-left: 1px solid var(--admin-border);
}

.metin2-account-tabs button {
    min-height: 36px;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.026);
    color: #d7deea;
    text-align: left;
    font-weight: 800;
}

.metin2-account-tabs button:hover,
.metin2-account-tabs button.active {
    border-color: rgba(89, 178, 255, 0.34);
    color: #dfe6ff;
    background: rgba(89, 178, 255, 0.12);
}

.metin2-readonly-form {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 14px 16px;
    align-items: center;
}

.metin2-readonly-form label {
    color: #e9eef8;
    font-size: 0.9rem;
    font-weight: 800;
}

.metin2-readonly-form .form-control,
.metin2-inline-card .form-control,
.metin2-inline-card .form-select {
    background: #191c26;
    border-color: rgba(255, 255, 255, 0.04);
}

.metin2-two-col {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
}

.metin2-inline-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(9, 11, 16, 0.35);
}

.metin2-inline-card h4 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 0.98rem;
    font-weight: 900;
}

.metin2-account-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.metin2-account-hero {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 107, 53, 0.22);
    background:
        linear-gradient(135deg, rgba(255, 107, 53, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        var(--admin-panel);
}

.metin2-account-title h3 {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.1;
    font-weight: 900;
}

.metin2-account-stat {
    min-height: 82px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 13px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
        #0c1218;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.metin2-account-stat:nth-child(3n + 1) {
    border-color: rgba(40, 199, 111, 0.22);
}

.metin2-account-stat:nth-child(3n + 2) {
    border-color: rgba(89, 178, 255, 0.22);
}

.metin2-account-stat:nth-child(3n + 3) {
    border-color: rgba(255, 189, 74, 0.22);
}

.metin2-account-stat span {
    color: var(--admin-muted);
    font-size: 0.78rem;
    font-weight: 800;
}

.metin2-account-stat strong {
    color: #fff;
    font-size: 1.02rem;
    word-break: break-word;
}

.metin2-character-list {
    display: grid;
    gap: 12px;
}

.metin2-character-list.is-compact {
    grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
    align-items: stretch;
}

.metin2-character-card {
    padding: 14px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018)),
        #0c1218;
    transition: border-color 0.16s ease, transform 0.16s ease;
}

.metin2-character-list.is-compact .metin2-character-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 214px;
}

.metin2-character-list.is-compact .metin2-character-card:has(.metin2-items-drawer[open]) {
    grid-column: 1 / -1;
}

.metin2-character-card:hover {
    border-color: rgba(255, 107, 53, 0.28);
    transform: translateY(-1px);
}

.metin2-action-card {
    position: relative;
    overflow: hidden;
    border-left: 3px solid var(--admin-primary);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
        var(--admin-panel);
}

.metin2-action-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.metin2-action-card h3 i {
    color: #ffb090;
}

.metin2-balance-card {
    border-left-color: var(--admin-success);
}

.metin2-balance-card h3 i {
    color: var(--admin-success);
}

.metin2-password-card {
    border-left-color: #59b2ff;
}

.metin2-password-card h3 i {
    color: #59b2ff;
}

.metin2-restore-card {
    border-left-color: var(--admin-warning);
}

.metin2-restore-card h3 i {
    color: var(--admin-warning);
}

.metin2-ip-card {
    border-left-color: var(--admin-danger);
}

.metin2-ip-card h3 i {
    color: var(--admin-danger);
}

.metin2-restore-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 189, 74, 0.22);
    border-radius: 8px;
    background: rgba(255, 189, 74, 0.08);
}

.metin2-restore-note span {
    color: var(--admin-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.metin2-restore-note strong {
    color: #fff;
    font-size: 0.88rem;
}

.metin2-character-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.metin2-character-head > div {
    min-width: 0;
    flex: 1;
}

.metin2-character-head h4 {
    margin: 0;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.metin2-character-head span {
    display: block;
    color: var(--admin-muted);
    margin-top: 3px;
    font-size: 0.84rem;
}

.metin2-character-avatar {
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin: 0;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.24);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.metin2-character-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.metin2-character-avatar.is-warrior {
    border-color: rgba(255, 107, 53, 0.3);
}

.metin2-character-avatar.is-ninja {
    border-color: rgba(89, 178, 255, 0.3);
}

.metin2-character-avatar.is-sura {
    border-color: rgba(163, 92, 255, 0.34);
}

.metin2-character-avatar.is-shaman {
    border-color: rgba(101, 216, 143, 0.32);
}

.metin2-character-head strong {
    min-width: 64px;
    padding: 7px 10px;
    color: #ffb090;
    text-align: center;
    border: 1px solid rgba(255, 107, 53, 0.24);
    border-radius: 8px;
    background: var(--admin-primary-soft);
}

.metin2-character-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 8px;
}

.metin2-character-list.is-compact .metin2-character-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.metin2-character-stats span {
    display: grid;
    gap: 3px;
    min-width: 0;
    padding: 9px 10px;
    color: var(--admin-muted);
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #0c1218;
    font-size: 0.76rem;
    font-weight: 800;
}

.metin2-character-stats strong {
    color: #fff;
    font-size: 0.88rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.admin-detail-drawer {
    margin-top: 12px;
    border-top: 1px solid var(--admin-border);
    padding-top: 12px;
}

.admin-detail-drawer summary {
    cursor: pointer;
    color: #ffb090;
    font-weight: 800;
    list-style-position: inside;
}

.metin2-items-drawer {
    border-top-color: rgba(255, 107, 53, 0.2);
}

.metin2-character-list.is-compact .metin2-items-drawer {
    margin-top: auto;
}

.metin2-items-drawer summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 107, 53, 0.22);
    border-radius: 8px;
    background: rgba(255, 107, 53, 0.08);
}

.metin2-character-list.is-compact .metin2-items-drawer summary {
    width: fit-content;
}

.metin2-character-list.is-compact .metin2-item-grid {
    grid-template-columns: 1fr;
    max-height: 430px;
}

.metin2-character-list.is-compact .metin2-character-card:has(.metin2-items-drawer[open]) .metin2-character-stats,
.metin2-character-list.is-compact .metin2-character-card:has(.metin2-items-drawer[open]) .metin2-item-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
}

.metin2-character-list.is-compact .metin2-character-card:has(.metin2-items-drawer[open]) .metin2-item-grid {
    max-height: 640px;
}

.metin2-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr));
    gap: 10px;
    max-height: 560px;
    overflow: auto;
    padding: 2px 6px 2px 0;
}

.metin2-item-tile {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(8, 13, 19, 0.72);
}

.metin2-item-main {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.metin2-item-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.08), transparent 58%),
        rgba(0, 0, 0, 0.3);
}

.metin2-item-icon img {
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    image-rendering: auto;
}

.metin2-item-icon.is-empty {
    color: var(--admin-muted);
    background: rgba(148, 163, 184, 0.06);
}

.metin2-item-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.metin2-item-meta span,
.metin2-item-extra span {
    display: grid;
    gap: 2px;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgba(148, 163, 184, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
}

.metin2-item-meta em,
.metin2-item-extra em {
    color: var(--admin-muted);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
    text-transform: uppercase;
}

.metin2-item-meta strong,
.metin2-item-extra strong {
    min-width: 0;
    color: #fff;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.metin2-item-extra {
    display: grid;
    gap: 6px;
}

.metin2-item-table {
    min-width: 860px;
}

.metin2-item-table th {
    color: #ffb090;
    font-size: 0.73rem;
    text-transform: uppercase;
}

.metin2-item-table td {
    vertical-align: top;
    font-size: 0.8rem;
}

.metin2-item-table tbody tr {
    border-color: rgba(148, 163, 184, 0.12);
}

.metin2-item-table tbody tr:hover td {
    background: rgba(255, 255, 255, 0.035);
}

.metin2-item-name {
    min-width: 0;
}

.metin2-item-name strong,
.metin2-item-name small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.metin2-item-name strong {
    color: #fff;
}

.metin2-item-name small {
    color: var(--admin-muted);
    margin-top: 2px;
}

.admin-detail-divider {
    height: 1px;
    margin: 20px 0;
    background: var(--admin-border);
}

.settings-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
    gap: 18px;
    align-items: stretch;
    padding: 22px;
    border: 1px solid rgba(89, 178, 255, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(89, 178, 255, 0.11), rgba(255, 107, 53, 0.08)),
        var(--admin-panel);
    box-shadow: var(--admin-shadow);
}

.settings-hero h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1.48rem;
    font-weight: 900;
}

.settings-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--admin-muted);
}

.settings-health-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.settings-health-grid div {
    min-height: 74px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 13px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(9, 14, 22, 0.56);
}

.settings-health-grid span,
.settings-field-label small,
.settings-nav-title {
    color: var(--admin-muted);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.settings-health-grid strong {
    color: #fff;
    font-size: 1.02rem;
    font-weight: 900;
}

.settings-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.settings-top-nav {
    display: grid;
    grid-template-columns: minmax(190px, 0.48fr) minmax(180px, 0.34fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(12, 18, 26, 0.82);
}

.settings-top-nav > div {
    display: grid;
    gap: 3px;
}

.settings-top-nav > div span {
    color: var(--admin-muted);
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.settings-top-nav > div strong {
    color: #fff;
    font-size: 0.95rem;
}

.settings-top-nav nav {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.settings-top-nav nav a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    color: #d7e0ea;
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
    font-size: 0.86rem;
    font-weight: 800;
}

.settings-top-nav nav a:hover,
.settings-top-nav nav a.is-active {
    color: #fff;
    border-color: rgba(89, 178, 255, 0.34);
    background: rgba(89, 178, 255, 0.11);
}

.settings-nav {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 8px;
}

.settings-nav-title {
    display: block;
    padding: 0 2px 8px;
    letter-spacing: 0.02em;
}

.settings-nav a {
    min-height: 46px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #d6e0ec;
    text-decoration: none;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #0c1218;
}

.settings-nav a:hover {
    color: #fff;
    border-color: rgba(89, 178, 255, 0.36);
    background:
        linear-gradient(90deg, rgba(89, 178, 255, 0.12), rgba(255, 107, 53, 0.06)),
        #0c1218;
}

.settings-nav a i {
    color: #74bdff;
    font-size: 1rem;
}

.settings-nav a strong {
    min-width: 26px;
    min-height: 24px;
    display: inline-grid;
    place-items: center;
    padding: 3px 7px;
    color: #ffb090;
    border: 1px solid rgba(255, 107, 53, 0.24);
    border-radius: 999px;
    background: var(--admin-primary-soft);
    font-size: 0.72rem;
    font-weight: 900;
}

.settings-content,
.settings-form {
    display: grid;
    gap: 18px;
}

.settings-panel {
    scroll-margin-top: 24px;
    padding: 0;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 210px),
        var(--admin-panel);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.settings-panel-feature {
    border-color: rgba(89, 178, 255, 0.24);
}

.settings-panel-head {
    min-height: 82px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--admin-border);
    background:
        linear-gradient(90deg, rgba(89, 178, 255, 0.08), rgba(255, 107, 53, 0.07)),
        rgba(255, 255, 255, 0.018);
}

.settings-panel-title {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.settings-panel-title > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: #74bdff;
    border: 1px solid rgba(89, 178, 255, 0.24);
    border-radius: 8px;
    background: rgba(89, 178, 255, 0.1);
}

.settings-panel-title h3 {
    margin: 0;
    color: #fff;
    font-size: 1.06rem;
    font-weight: 900;
}

.settings-panel-title p {
    margin: 3px 0 0;
    color: var(--admin-muted);
    font-size: 0.86rem;
}

.settings-field-grid,
.settings-new-grid {
    display: grid;
    gap: 14px;
    padding: 20px;
}

.settings-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-new-grid {
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) minmax(160px, 0.55fr);
}

.settings-field {
    min-width: 0;
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 8px;
    background: rgba(9, 14, 22, 0.38);
}

.settings-field-wide,
.settings-field-full,
.settings-panel-actions {
    grid-column: 1 / -1;
}

.logo-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 20px;
    border-bottom: 1px solid var(--admin-border);
}

.logo-settings-card {
    display: grid;
    gap: 18px;
    min-height: 250px;
    padding: 20px;
    border: 1px solid rgba(148, 163, 184, 0.13);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.025);
}

.logo-settings-card h4 {
    margin: 0;
    color: #fff;
    font-size: 1.02rem;
}

.logo-settings-card p,
.logo-path-field span {
    margin: 8px 0 0;
    color: var(--admin-muted);
    font-size: 0.78rem;
}

.logo-settings-body {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 18px;
    align-items: center;
}

.logo-settings-body img {
    justify-self: end;
    max-width: min(220px, 100%);
    max-height: 96px;
    object-fit: contain;
}

.logo-path-field {
    display: grid;
    gap: 7px;
}

.site-logo-settings-panel .settings-field-grid {
    border-top: 0;
}

.discord-settings-panel {
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: var(--admin-panel);
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
}

.discord-settings-head {
    padding: 16px 40px 36px;
    border-bottom: 1px solid var(--admin-border);
}

.discord-settings-head h2 {
    margin: 0;
    color: #dce5f3;
    font-size: 1.35rem;
    font-weight: 900;
}

.discord-settings-body {
    display: grid;
    gap: 20px;
    padding: 40px;
}

.discord-setting-row {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 32px;
    align-items: center;
}

.discord-setting-row > span:first-child {
    color: #d8e0ed;
    font-weight: 850;
}

.discord-preview-row {
    align-items: start;
}

.discord-widget-preview {
    min-height: 220px;
}

.discord-widget-preview iframe {
    max-width: 100%;
    border-radius: 0;
    background: #5865f2;
}

.discord-preview-fake {
    width: 300px;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    background: #738bd8;
}

.discord-preview-fake > div {
    min-height: 104px;
    display: grid;
    grid-template-columns: 56px 1fr 20px;
    align-items: center;
    gap: 10px;
    padding: 18px;
    background: rgba(255, 255, 255, 0.08);
}

.discord-preview-fake > div > span {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.12);
}

.discord-preview-fake strong,
.discord-preview-fake small {
    grid-column: 2;
    display: block;
}

.discord-preview-fake small {
    color: rgba(255, 255, 255, 0.78);
}

.discord-preview-fake footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 72px;
    background: rgba(0, 0, 0, 0.08);
    font-size: 0.78rem;
    font-weight: 900;
}

.discord-settings-actions {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 40px;
    border-top: 1px solid var(--admin-border);
    background: rgba(255, 255, 255, 0.018);
}

.discord-help-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 20px;
    color: rgba(237, 241, 255, 0.78);
}

.settings-field-label {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.settings-field-label strong {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 850;
}

.settings-field-label small {
    text-align: right;
    text-transform: none;
    letter-spacing: 0;
}

.settings-switch-field {
    align-content: space-between;
}

.settings-switch {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding-left: 0;
    padding: 10px 12px;
    color: #d9e3ef;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: #0c1218;
}

.settings-switch .form-check-input {
    float: none;
    flex-shrink: 0;
    margin: 0;
}

.settings-state-switch {
    width: max-content;
    max-width: 100%;
}

.settings-state-switch .settings-state-active,
.settings-state-switch .settings-state-passive {
    font-weight: 850;
}

.settings-state-switch .settings-state-active {
    display: none;
    color: #86efac;
}

.settings-state-switch .settings-state-passive {
    color: #cbd5e1;
}

.settings-state-switch .form-check-input:checked ~ .settings-state-active {
    display: inline;
}

.settings-state-switch .form-check-input:checked ~ .settings-state-passive {
    display: none;
}

.settings-switch-form {
    display: inline-block;
}

.settings-mini-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding-left: 0;
    color: #d9e3ef;
    font-weight: 850;
}

.settings-mini-switch .form-check-input {
    float: none;
    flex-shrink: 0;
    margin: 0;
}

.settings-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 5px 10px;
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.1);
    font-size: 0.76rem;
    font-weight: 900;
}

.settings-status.is-active {
    color: #bff6d8;
    border-color: rgba(40, 199, 111, 0.34);
    background: rgba(40, 199, 111, 0.12);
}

.settings-status.is-danger {
    color: #ffc9c9;
    border-color: rgba(255, 107, 107, 0.34);
    background: rgba(255, 107, 107, 0.12);
}

.settings-panel-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 20px 20px;
}

.settings-new-panel .settings-panel-actions {
    padding-top: 0;
}

.settings-submit-field {
    align-content: end;
}

.settings-table-wrap {
    margin: 0 20px 20px;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
}

.settings-table th {
    color: #74bdff;
}

.settings-table td {
    background: rgba(9, 14, 22, 0.22);
}

.market-admin-item-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.market-admin-item-cell img,
.market-admin-icon-preview img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border: 1px solid var(--admin-border);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.28);
}

.market-admin-item-cell span {
    display: grid;
    gap: 2px;
}

.market-admin-item-cell small {
    color: var(--admin-muted);
}

.market-admin-icon-preview {
    min-height: 46px;
}

.game-db-form {
    display: grid;
    gap: 16px;
}

.game-db-card {
    min-height: 100%;
}

.game-db-card-head,
.game-db-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.game-db-card-head {
    margin-bottom: 20px;
}

.game-db-card-head h3 {
    margin: 8px 0 0;
    color: #fff;
    font-size: 1.18rem;
    font-weight: 900;
}

.game-db-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.game-db-field-wide {
    grid-column: 1 / -1;
}

.game-db-submit strong,
.game-db-submit span {
    display: block;
}

.game-db-submit strong {
    color: #fff;
}

.game-db-submit span {
    color: var(--admin-muted);
    margin-top: 2px;
    font-size: 0.86rem;
}

.admin-login-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.admin-confirm-modal {
    color: #edf1ff;
    border: 1px solid rgba(255, 255, 255, .12);
    background: #20232d;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.admin-confirm-modal .modal-header,
.admin-confirm-modal .modal-footer {
    border-color: rgba(255, 255, 255, .1);
}

.admin-confirm-modal .modal-body {
    color: rgba(237, 241, 255, .76);
}

@media (max-width: 1180px) {
    .admin-module-grid {
        grid-template-columns: 1fr;
    }

    .payment-earning-grid,
    .payment-earning-grid.is-compact,
    .referral-stat-grid,
    .referral-stat-grid.is-compact {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .metin2-account-compact,
    .metin2-account-panel,
    .metin2-two-col,
    .game-accounts-overview,
    .support-admin-layout,
    .settings-hero,
    .settings-layout,
    .settings-top-nav {
        grid-template-columns: 1fr;
    }

    .settings-nav {
        position: static;
    }

    .settings-top-nav nav {
        justify-content: flex-start;
    }

    .metin2-account-panel {
        padding: 24px;
    }

    .metin2-account-tabs {
        grid-column: 1;
        position: static;
        order: -1;
        flex-direction: row !important;
        gap: 8px;
        padding-left: 0;
        padding-bottom: 12px;
        border-left: 0;
        border-bottom: 1px solid var(--admin-border);
        overflow-x: auto;
    }

    .metin2-account-tabs button {
        width: auto;
        white-space: nowrap;
        padding: 8px 10px;
        border: 1px solid rgba(148, 163, 184, 0.14);
        text-align: left;
    }

    .metin2-account-tabs button:hover,
    .metin2-account-tabs button.active {
        border-color: rgba(89, 178, 255, 0.34);
    }
}

@media (max-width: 991px) {
    .admin-sidebar {
        position: relative;
        width: 100%;
        min-height: auto;
        max-height: none;
    }

    .admin-body .admin-shell {
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }

    .admin-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .payment-earning-grid,
    .payment-earning-grid.is-compact,
    .referral-stat-grid,
    .referral-stat-grid.is-compact {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metin2-account-side {
        min-height: auto;
    }

    .metin2-readonly-form,
    .game-db-grid,
    .settings-field-grid,
    .settings-new-grid {
        grid-template-columns: 1fr;
    }

    .logo-settings-grid,
    .discord-setting-row {
        grid-template-columns: 1fr;
    }

    .discord-settings-body,
    .discord-settings-actions,
    .discord-settings-head {
        padding: 20px;
    }

    .discord-settings-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .game-db-card-head,
    .support-admin-head,
    .game-db-submit,
    .settings-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .support-admin-controls {
        grid-template-columns: 1fr;
    }

    .wiki-admin-item {
        grid-template-columns: 72px 1fr;
    }

    .wiki-admin-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wiki-craft-admin-row {
        grid-template-columns: 62px 1fr;
    }

    .wiki-craft-admin-row .wiki-admin-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .craft-material-row {
        grid-template-columns: 24px 38px minmax(0, 1fr) 34px 34px;
    }

    .craft-material-row input[name="material_count[]"],
    .craft-material-row input[name="material_icon[]"],
    .craft-material-row .admin-image-picker {
        grid-column: 3 / 6;
    }

    .craft-material-remove {
        grid-column: 4;
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .admin-body .admin-shell {
        padding: 16px;
    }

    .admin-topbar,
    .admin-card,
    .settings-hero {
        padding: 16px;
    }

    .settings-panel-head,
    .settings-field-grid,
    .settings-new-grid {
        padding: 16px;
    }

    .settings-table-wrap {
        margin: 0 16px 16px;
    }

    .settings-panel-actions {
        justify-content: stretch;
        padding: 0 16px 16px;
    }

    .settings-panel-actions .btn {
        width: 100%;
    }

    .settings-health-grid {
        grid-template-columns: 1fr;
    }

    .payment-earnings-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .payment-earning-grid,
    .payment-earning-grid.is-compact,
    .referral-stat-grid,
    .referral-stat-grid.is-compact {
        grid-template-columns: 1fr;
        padding: 0;
    }

    .payment-earning-card {
        min-height: 210px;
        padding: 24px 20px;
    }

    .payment-earning-logo {
        font-size: 1.48rem;
    }

    .payment-earning-values strong {
        font-size: 1.28rem;
    }

    .admin-module-card {
        grid-template-columns: 38px 1fr;
    }

    .admin-module-card > i:last-child {
        display: none;
    }

    .game-account-search {
        grid-template-columns: 1fr;
    }

    .game-account-search-actions .btn {
        width: 100%;
    }

    .game-account-mini-stats {
        grid-template-columns: 1fr;
    }

    .game-account-mini-stats > div {
        border-right: 0;
        border-bottom: 1px solid var(--admin-border);
    }

    .game-account-mini-stats > div:last-child {
        border-bottom: 0;
    }
}
.chart-panel {
    height: 360px;
    padding: 0;
    overflow: hidden;
}

.chart-title {
    font-size: 22px;
    font-weight: 700;
    padding: 34px 40px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.chart-body {
    height: 235px;
    padding: 35px 45px 20px;
}

.chart-body canvas {
    width: 100% !important;
    height: 100% !important;
}

/* Codex admin design pass: clearer hierarchy and sturdier dense screens. */
:root {
    --admin-radius: 8px;
    --admin-focus: rgba(91, 200, 255, 0.36);
    --admin-line-soft: rgba(148, 163, 184, 0.11);
    --admin-cyan: #5bc8ff;
    --admin-gold: #ffd27a;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a,
button,
input,
select,
textarea {
    min-width: 0;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--admin-focus);
    outline-offset: 3px;
}

.admin-body {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 230px),
        radial-gradient(circle at 18% 0%, rgba(255, 107, 53, 0.14), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(91, 200, 255, 0.1), transparent 24%),
        linear-gradient(135deg, #080a0f 0%, #0c1119 52%, #090b10 100%);
}

.admin-sidebar {
    border-right-color: rgba(148, 163, 184, 0.2);
}

.admin-brand,
.admin-user-box,
.admin-menu-section,
.admin-menu a,
.admin-menu-dropdown summary,
.admin-sidebar-bottom a,
.admin-topbar,
.admin-topbar-link,
.admin-notify-trigger,
.admin-card,
.admin-stat,
.settings-hero,
.settings-panel,
.settings-nav,
.settings-top-nav,
.settings-field,
.permission-section,
.permission-check,
.admin-module-card,
.payment-earning-card,
.referral-stat-card,
.wiki-admin-focus,
.wiki-craft-current,
.wiki-admin-section-tab,
.wiki-craft-parent-tabs a,
.wiki-admin-item,
.wiki-craft-admin-row,
.theme-card,
.admin-confirm-modal {
    border-radius: var(--admin-radius);
}

.admin-card,
.admin-stat,
.settings-hero,
.settings-panel,
.settings-nav,
.settings-top-nav,
.permission-section,
.wiki-admin-focus,
.wiki-craft-current {
    border-color: var(--admin-line-soft);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
        rgba(14, 20, 29, 0.92);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.admin-topbar {
    position: sticky;
    top: 16px;
    z-index: 900;
    backdrop-filter: blur(14px);
}

.admin-breadcrumb,
.settings-nav-title,
.settings-field-label small,
.admin-card p,
.settings-panel-title p,
.payment-earnings-head p,
.wiki-admin-focus p,
.wiki-craft-current p {
    color: #9fb0c3;
}

.admin-topbar h1,
.settings-hero h2,
.settings-panel-title h3,
.payment-earnings-head h2,
.admin-card h2,
.admin-card h3,
.admin-card h4,
.admin-card h5 {
    letter-spacing: 0;
}

.admin-menu-section > summary,
.admin-menu a,
.admin-menu-dropdown summary,
.admin-sidebar-bottom a {
    min-width: 0;
}

.admin-menu-section > summary span,
.admin-menu a span,
.admin-menu-dropdown summary span,
.admin-submenu a span,
.admin-brand strong,
.admin-brand small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-menu-section > summary:hover,
.admin-menu-section.is-open > summary,
.admin-menu a:hover,
.admin-menu a.active,
.admin-menu-dropdown summary:hover,
.admin-menu-dropdown.is-open summary,
.admin-sidebar-bottom a:hover,
.settings-nav a:hover,
.settings-nav a.is-active,
.settings-top-nav nav a:hover,
.settings-top-nav nav a.is-active,
.wiki-admin-section-tab:hover,
.wiki-admin-section-tab.is-active,
.wiki-craft-parent-tabs a:hover,
.wiki-craft-parent-tabs a.is-active {
    border-color: rgba(91, 200, 255, 0.28);
    background:
        linear-gradient(90deg, rgba(91, 200, 255, 0.13), rgba(255, 107, 53, 0.075)),
        rgba(255, 255, 255, 0.035);
}

.admin-menu a.active i,
.admin-menu-dropdown.is-open summary i:first-child,
.settings-nav a.is-active i,
.settings-top-nav nav a.is-active,
.wiki-admin-section-tab.is-active strong,
.wiki-craft-parent-tabs a.is-active strong {
    color: var(--admin-cyan);
}

.admin-card > h2:first-child,
.admin-card > h3:first-child,
.settings-panel-head,
.permission-form-head,
.game-db-card-head,
.support-admin-head,
.payment-earnings-head {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.admin-stat {
    min-height: 124px;
}

.admin-stat::after {
    background:
        radial-gradient(circle, rgba(91, 200, 255, 0.16), transparent 65%);
}

.admin-stat i,
.admin-module-card i:first-child,
.settings-panel-title > span,
.permission-section header i,
.wiki-admin-empty i,
.wiki-admin-thumb,
.wiki-craft-preview,
.admin-user-avatar {
    color: #ffd08c;
    border: 1px solid rgba(255, 208, 140, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 208, 140, 0.12), rgba(91, 200, 255, 0.045)),
        rgba(255, 255, 255, 0.035);
}

.admin-module-card,
.permission-check,
.wiki-admin-item,
.wiki-craft-admin-row,
.settings-field,
.logo-settings-card,
.payment-earning-card,
.referral-stat-card,
.theme-card,
.admin-image-picker-option {
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.admin-module-card:hover,
.permission-check:hover,
.wiki-admin-item:hover,
.wiki-craft-admin-row:hover,
.settings-field:hover,
.logo-settings-card:hover,
.payment-earning-card:hover,
.referral-stat-card:hover,
.theme-card:hover {
    transform: translateY(-2px);
    border-color: rgba(91, 200, 255, 0.26);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
}

.settings-field,
.settings-new-grid .settings-field,
.settings-field-grid .settings-field {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.018)),
        rgba(8, 12, 18, 0.72);
    border-color: rgba(148, 163, 184, 0.12);
}

.form-control,
.form-select,
.settings-field input,
.settings-field select,
.settings-field textarea,
.admin-card input,
.admin-card select,
.admin-card textarea {
    min-height: 42px;
    color: #eef5ff;
    border-color: rgba(148, 163, 184, 0.16);
    border-radius: var(--admin-radius);
    background-color: rgba(4, 8, 13, 0.72);
}

.form-control:focus,
.form-select:focus,
.settings-field input:focus,
.settings-field select:focus,
.settings-field textarea:focus,
.admin-card input:focus,
.admin-card select:focus,
.admin-card textarea:focus {
    color: #fff;
    border-color: rgba(91, 200, 255, 0.58);
    background-color: rgba(5, 10, 16, 0.88);
    box-shadow: 0 0 0 3px rgba(91, 200, 255, 0.12);
}

.form-control::placeholder,
.settings-field input::placeholder,
.settings-field textarea::placeholder,
.admin-card input::placeholder,
.admin-card textarea::placeholder {
    color: rgba(218, 228, 240, 0.44);
}

.btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: var(--admin-radius);
    font-weight: 800;
    line-height: 1.1;
}

.btn-primary,
.btn-success {
    border-color: rgba(255, 224, 162, 0.24);
    background:
        linear-gradient(180deg, rgba(255, 224, 162, 0.2), rgba(255, 107, 53, 0.08)),
        linear-gradient(135deg, #f2a93e, #cf5326);
    color: #081019;
}

.btn-primary:hover,
.btn-success:hover {
    color: #071019;
    filter: brightness(1.05);
}

.btn-outline-light,
.btn-outline-primary,
.admin-topbar-link {
    background: rgba(255, 255, 255, 0.035);
}

.table {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-color: #eef5ff;
    --bs-table-hover-bg: rgba(91, 200, 255, 0.065);
    --bs-table-hover-color: #fff;
}

.table thead th,
.settings-table th {
    color: #d7eaff;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
    background:
        linear-gradient(180deg, rgba(91, 200, 255, 0.1), rgba(91, 200, 255, 0.045));
    border-bottom-color: rgba(91, 200, 255, 0.16);
    white-space: nowrap;
}

.table td,
.settings-table td {
    border-color: rgba(148, 163, 184, 0.09);
    vertical-align: middle;
}

.table-responsive,
.settings-table-wrap {
    border-radius: var(--admin-radius);
    border: 1px solid rgba(148, 163, 184, 0.1);
    background: rgba(5, 9, 14, 0.42);
}

.settings-status,
.settings-state-active,
.settings-state-passive,
.theme-badge,
.wiki-admin-meta span {
    border-radius: 999px;
}

.admin-image-picker-menu {
    border-radius: var(--admin-radius);
    border-color: rgba(91, 200, 255, 0.24);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent),
        #101722;
}

.admin-image-picker-option:hover,
.admin-image-picker-option:focus {
    background: rgba(91, 200, 255, 0.12);
}

.wiki-admin-image-preview,
.admin-upload-inline,
.logo-settings-body {
    border-radius: var(--admin-radius);
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(0, 0, 0, 0.22);
}

.theme-card {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.11);
}

.theme-card.active {
    box-shadow: 0 0 0 2px rgba(91, 200, 255, 0.78), 0 30px 70px rgba(0, 0, 0, 0.36);
}

.chart-panel {
    border-radius: var(--admin-radius);
}

@media (max-width: 991px) {
    .admin-topbar {
        position: static;
    }

    .admin-menu-section > summary span,
    .admin-menu a span,
    .admin-menu-dropdown summary span,
    .admin-submenu a span {
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .admin-card > h2:first-child,
    .admin-card > h3:first-child,
    .settings-panel-head,
    .permission-form-head,
    .game-db-card-head,
    .support-admin-head,
    .payment-earnings-head {
        padding-bottom: 12px;
    }

    .btn,
    .admin-topbar-link {
        width: 100%;
    }

    .admin-topbar-actions {
        width: 100%;
    }
}

.chart-fallback {
    display: grid;
    gap: 8px;
    align-content: center;
    height: 100%;
    color: #d9e2ef;
}

.chart-fallback[hidden] {
    display: none;
}

.chart-fallback-row {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.035);
}

.chart-fallback-row span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--chart-color, #d9a441);
}

.chart-fallback-row strong,
.chart-fallback-row em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chart-fallback-row strong {
    font-size: 0.9rem;
}

.chart-fallback-row em {
    color: #8ea5bd;
    font-size: 0.78rem;
    font-style: normal;
}

@media (max-width: 1100px) {
    .permission-meta-grid,
    .permission-grid {
        grid-template-columns: 1fr;
    }

    .permission-form-head,
    .permission-toolbar,
    .permission-section header,
    .permission-form-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}

.theme-store {
    position: relative;
    min-height: calc(100vh - 154px);
    padding: 2px 0 36px;
}

.theme-store-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.theme-store-eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: #57c7ff;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.theme-store-head h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 2.4vw, 2.25rem);
    font-weight: 900;
}

.theme-store-current {
    min-width: 190px;
    padding: 13px 15px;
    border: 1px solid rgba(82, 190, 255, 0.18);
    border-radius: 8px;
    background: rgba(13, 18, 27, 0.78);
    text-align: right;
}

.theme-store-current span,
.theme-structure {
    display: block;
    color: #8da0b8;
    font-size: 0.73rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.theme-store-current strong {
    display: block;
    margin-top: 3px;
    color: #fff;
    font-size: 1.04rem;
}

.theme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 30px;
}

.theme-card {
    position: relative;
    min-height: 468px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-items: center;
    gap: 16px;
    padding: 8px 17px 25px;
    color: #fff;
    border: 0;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        #20242e;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.28);
}

.theme-card.active {
    box-shadow: 0 0 0 2px rgba(80, 190, 255, 0.84), 0 30px 70px rgba(0, 0, 0, 0.36);
}

.theme-card.active::after {
    content: "Aktif";
    position: absolute;
    top: 16px;
    right: 18px;
    z-index: 4;
    padding: 6px 10px;
    color: #06131c;
    border-radius: 999px;
    background: #58c8ff;
    font-size: 0.74rem;
    font-weight: 950;
}

.theme-monitor {
    position: relative;
    width: 100%;
    max-width: 390px;
    padding-top: 8px;
    display: grid;
    justify-items: center;
}

.theme-monitor-screen {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    padding: 13px 14px 20px;
    border: 2px solid rgba(238, 242, 247, 0.76);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
        #050607;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.75), 0 18px 34px rgba(0, 0, 0, 0.45);
}

.theme-monitor-screen::before {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    width: 76px;
    height: 24px;
    background: #020304;
    transform: skewX(-31deg);
    transform-origin: top right;
    opacity: 0.92;
}

.theme-monitor-neck {
    width: 82px;
    height: 68px;
    margin-top: -1px;
    background: linear-gradient(90deg, #777c86, #e9edf2 45%, #888d97);
    clip-path: polygon(16% 0, 84% 0, 100% 100%, 0 100%);
    filter: drop-shadow(0 18px 14px rgba(0, 0, 0, 0.36));
}

.theme-monitor-foot {
    width: 148px;
    height: 18px;
    margin-top: -3px;
    border-radius: 50% 50% 12px 12px;
    background: linear-gradient(90deg, #7c828c, #f5f7fa 50%, #737984);
    box-shadow: 0 18px 24px rgba(0, 0, 0, 0.36);
}

.theme-preview-swatch {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #080b0f;
    isolation: isolate;
}

.theme-preview-swatch::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
}

.theme-preview-swatch::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.68)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.66), transparent 48%, rgba(0, 0, 0, 0.42));
}

.theme-preview-logo {
    position: absolute;
    top: 14px;
    left: 15px;
    width: 56px;
    height: 22px;
    display: grid;
    place-items: center;
    color: #ffd78b;
    font-size: 0.72rem;
    font-weight: 950;
}

.theme-preview-nav {
    position: absolute;
    top: 18px;
    right: 16px;
    width: 42%;
    height: 7px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0 18%, transparent 18% 26%, rgba(255, 255, 255, 0.62) 26% 42%, transparent 42% 50%, rgba(255, 255, 255, 0.42) 50% 66%, transparent 66% 74%, rgba(255, 255, 255, 0.34) 74%);
}

.theme-preview-hero {
    position: absolute;
    left: 18px;
    bottom: 22px;
    display: grid;
    gap: 4px;
}

.theme-preview-hero strong {
    color: #fff;
    font-size: clamp(0.94rem, 1.7vw, 1.18rem);
    line-height: 1;
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.8);
}

.theme-preview-hero small {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.66rem;
    font-weight: 850;
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.82);
}

.theme-preview-box {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.34);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.theme-preview-box-a {
    right: 18px;
    bottom: 20px;
    width: 30%;
    height: 28%;
}

.theme-preview-box-b {
    right: 20%;
    top: 39%;
    width: 42%;
    height: 15%;
}

.theme-preview-default::before {
    background:
        radial-gradient(circle at 80% 26%, rgba(255, 189, 80, 0.42), transparent 28%),
        linear-gradient(90deg, rgba(34, 9, 3, 0.9), rgba(99, 43, 16, 0.38)),
        url("../../images/acilis.png") center 28% / cover no-repeat;
}

.theme-preview-electra::before {
    background:
        radial-gradient(circle at 62% 24%, rgba(255, 64, 50, 0.5), transparent 28%),
        linear-gradient(135deg, rgba(4, 6, 10, 0.92), rgba(81, 9, 17, 0.54)),
        url("../../images/ork_reisi.png") right bottom / contain no-repeat,
        url("../../images/nesne_market.png") center / cover no-repeat;
}

.theme-preview-helius::before {
    background:
        radial-gradient(circle at 70% 24%, rgba(112, 209, 255, 0.46), transparent 30%),
        linear-gradient(135deg, rgba(4, 12, 28, 0.94), rgba(15, 58, 98, 0.58)),
        url("../../images/global_siralama.png") center / cover no-repeat;
}

.theme-preview-tornado::before {
    background:
        conic-gradient(from 215deg at 64% 48%, rgba(255, 255, 255, 0.2), rgba(85, 199, 255, 0.48), rgba(4, 14, 25, 0.92), rgba(231, 174, 67, 0.42), rgba(255, 255, 255, 0.18)),
        linear-gradient(135deg, rgba(3, 8, 16, 0.9), rgba(15, 43, 68, 0.64)),
        url("../../images/acilis.png") center 18% / cover no-repeat;
}

.theme-preview-judy::before {
    background:
        radial-gradient(circle at 24% 18%, rgba(255, 235, 178, 0.38), transparent 26%),
        linear-gradient(90deg, rgba(42, 18, 9, 0.9), rgba(182, 122, 65, 0.36), rgba(18, 10, 7, 0.88)),
        url("../../images/baslangıc.png") center / cover no-repeat;
}

.theme-preview-sark-kapisi::before {
    background:
        linear-gradient(180deg, transparent 0 47%, rgba(15, 5, 2, .9) 48% 100%),
        url("../images/themes/sark-kapisi/ui/reg-btn.jpg") center 42% / 58% auto no-repeat,
        url("../images/themes/sark-kapisi/ui/header-bg.jpg") center top / cover no-repeat;
}

.theme-card-body {
    width: 100%;
    min-height: 92px;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 6px;
    text-align: center;
}

.theme-card h3 {
    margin: 0;
    color: #e8edf5;
    font-size: 1.58rem;
    font-weight: 900;
    letter-spacing: 0;
}

.theme-card-body small {
    max-width: 280px;
    color: #9aa8ba;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.45;
}

.theme-badge {
    display: inline-block;
    margin-top: 3px;
    padding: 5px 10px;
    color: #9bd8ff;
    border: 1px solid rgba(89, 178, 255, 0.35);
    border-radius: 999px;
    background: rgba(89, 178, 255, 0.14);
    font-size: 12px;
    font-weight: 900;
}

.theme-activate-button {
    min-width: 84px;
    min-height: 32px;
    padding: 7px 20px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: #48bff0;
    font-weight: 850;
    line-height: 1;
    transition: transform 0.18s ease, background 0.18s ease, opacity 0.18s ease;
}

.theme-activate-button:hover {
    background: #63d2ff;
    transform: translateY(-1px);
}

.theme-activate-button:disabled {
    color: #06131c;
    background: #91e1ff;
    opacity: 0.78;
}

.theme-floating-settings {
    position: fixed;
    right: 0;
    top: 46%;
    z-index: 1040;
    width: 58px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 8px 0 0 8px;
    color: #fff;
    background: #3d50c8;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.3);
    font-size: 1.45rem;
    text-decoration: none;
}

.theme-floating-settings:hover {
    color: #fff;
    background: #4f63e0;
}

@media (max-width: 860px) {
    .theme-store-head {
        align-items: stretch;
        flex-direction: column;
    }

    .theme-store-current {
        text-align: left;
    }

    .theme-grid {
        grid-template-columns: 1fr;
    }
}

.admin-image-picker {
    position: relative;
}

.admin-image-picker-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1080;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    border: 1px solid rgba(89, 178, 255, 0.18);
    border-radius: 12px;
    background: #111821;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.42);
}

.admin-image-picker-menu[hidden] {
    display: none;
}

.admin-image-picker-option {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 7px 8px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #e8f2ff;
    text-align: left;
}

.admin-image-picker-option:hover,
.admin-image-picker-option:focus {
    background: rgba(89, 178, 255, 0.12);
    outline: 0;
}

.admin-image-picker-thumb {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
}

.admin-image-picker-thumb img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.admin-image-picker-thumb i {
    color: #8ea5bd;
}

.admin-image-picker-text {
    min-width: 0;
}

.admin-image-picker-text strong,
.admin-image-picker-text small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-image-picker-text strong {
    font-size: 0.9rem;
}

.admin-image-picker-text small {
    margin-top: 2px;
    color: #8ea5bd;
    font-size: 0.74rem;
}

.admin-image-picker-empty {
    padding: 10px 12px;
    color: #8ea5bd;
    font-size: 0.86rem;
}
.chart-panel {
    height: 360px;
    overflow: hidden;
}

.chart-title {
    font-size: 24px;
    font-weight: 700;
    padding: 30px 35px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.chart-body {
    height: 240px;
    padding: 25px 35px;
}

.chart-body canvas {
    width: 100% !important;
    height: 100% !important;
}
.admin-menu-group > a[hidden]{display:none!important}