.adminTabNavigation__88ka1u {
    background: var(--sidebar-background);
    border-bottom: 1px solid var(--border-color);
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 90
}

.adminTabNavigationContainer__7sh3wj {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    max-width: 1400px;
    margin: 0 auto
}

.adminTabNavigationContainer__7sh3wj::-webkit-scrollbar {
    display: none
}

.adminTabButton__buvgk {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 1rem 1.5rem;
    background: none;
    color: var(--text-color);
    cursor: pointer;
    transition: all .3s ease;
    border: none;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
    font-size: .9rem;
    font-weight: 500;
    position: relative
}

.adminTabButton__buvgk:hover {
    background: rgba(255, 255, 255, .05);
    color: var(--primary-color)
}

.adminTabButtonActive__91xace {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    background: rgba(54, 211, 0, .1)
}

.adminTabIcon__y2kflp {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.adminTabIconSvg__cwe9up {
    width: 1.1rem;
    height: 1.1rem
}

.adminTabLabel__9ap7ze {
    font-weight: 500
}

@media (max-width:768px) {
    .adminTabNavigation__88ka1u {
        top: 70px
    }
    .adminTabButton__buvgk {
        padding: .75rem 1rem;
        font-size: .8rem
    }
    .adminTabIcon__y2kflp {
        font-size: 1rem
    }
}

@media (max-width:480px) {
    .adminTabButton__buvgk {
        padding: .75rem
    }
    .adminTabLabel__9ap7ze {
        display: none
    }
    .adminTabIcon__y2kflp {
        font-size: 1.2rem
    }
}

.actionButton__19ss79 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    font-family: inherit;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: var(--border-radius-lg);
    cursor: pointer;
    transition: var(--transition-default);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .1);
    z-index: 1
}

.actionButton__19ss79:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    transition: var(--transition-default);
    z-index: -1
}

.actionButton__19ss79:hover:before {
    left: 100%
}

.actionButton__19ss79:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .2), 0 4px 12px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .1)
}

.actionButton__19ss79:active {
    transform: translateY(1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .05)
}

.buttonText__r9s7zm {
    flex: 1 1;
    line-height: 1
}

.icon__l84lv0 {
    width: 1.5em;
    height: 1.5em
}

.iconLeft__ja4sa5,
.iconRight__tdukvk {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--transition-fast)
}

.iconLeft__ja4sa5 {
    margin-left: calc(var(--spacing-xs) * -.5)
}

.iconRight__tdukvk {
    margin-right: calc(var(--spacing-xs) * -.5)
}

.actionButton__19ss79:hover .iconLeft__ja4sa5 {
    transform: translateX(-2px)
}

.actionButton__19ss79:hover .iconRight__tdukvk {
    transform: translateX(2px)
}

.spinner__us1m2u {
    width: 14px;
    height: 14px;
    border: 2px solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;
    animation: spin__l8b985 1s linear infinite
}

@keyframes spin__l8b985 {
    to {
        transform: rotate(1turn)
    }
}

.size-small__vsasia {
    padding: var(--spacing-xs) var(--spacing-sm);
    min-height: 32px
}

.size-small__vsasia,
.size-small__vsasia .iconLeft__ja4sa5,
.size-small__vsasia .iconRight__tdukvk {
    font-size: var(--font-size-xs)
}

.size-medium__63nzu6 {
    padding: var(--spacing-sm) var(--spacing-md);
    min-height: 40px
}

.size-medium__63nzu6,
.size-medium__63nzu6 .iconLeft__ja4sa5,
.size-medium__63nzu6 .iconRight__tdukvk {
    font-size: var(--font-size-sm)
}

.size-large__vwco0u {
    padding: var(--spacing-md) var(--spacing-lg);
    min-height: 48px
}

.size-large__vwco0u,
.size-large__vwco0u .iconLeft__ja4sa5,
.size-large__vwco0u .iconRight__tdukvk {
    font-size: var(--font-size-md)
}

.variant-primary__5a3x3t {
    background: var(--primary-color);
    color: var(--button-text-color);
    border-color: var(--primary-color)
}

.variant-primary__5a3x3t:hover {
    background: var(--primary-color);
    border-color: var(--primary-color-hover);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(54, 211, 0, .3), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2)
}

.variant-primary__5a3x3t:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent)
}

.variant-secondary__epl4br {
    background: rgba(255, 255, 255, .08);
    color: var(--text-color);
    border-color: var(--border-color)
}

.variant-secondary__epl4br:hover {
    background: rgba(255, 255, 255, .12);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .15), 0 6px 16px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .15)
}

.variant-outline__idc2s9,
.variant-secondary__epl4br:hover {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.variant-outline__idc2s9 {
    background: transparent
}

.variant-outline__idc2s9:hover {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color-hover);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(54, 211, 0, .2), 0 6px 16px rgba(0, 0, 0, .08)
}

.variant-outline__idc2s9:before {
    background: linear-gradient(90deg, transparent, rgba(54, 211, 0, .2), transparent)
}

.variant-ghost__xk1hfw {
    background: transparent;
    color: var(--sidebar-icons);
    border-color: transparent;
    box-shadow: none
}

.variant-ghost__xk1hfw:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--text-color);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05)
}

.variant-ghost__xk1hfw:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .15), transparent)
}

.variant-circular__r3sfvq {
    border-radius: 50%;
    padding: var(--spacing-sm);
    background: rgba(0, 0, 0, .3);
    color: white;
    box-shadow: none
}

.variant-circular__r3sfvq:hover {
    background: rgba(0, 0, 0, .5);
    transform: scale(1.05);
    box-shadow: none
}

.variant-circular__r3sfvq .iconLeft__ja4sa5,
.variant-circular__r3sfvq .iconRight__tdukvk {
    margin: 0
}

.variant-close__xm63vn {
    border-radius: 50%;
    padding: var(--spacing-xs);
    background: rgba(100, 116, 139, .4);
    color: white;
    box-shadow: none;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    min-width: 32px;
    min-height: 32px
}

.variant-close__xm63vn:hover {
    background: var(--danger-color);
    box-shadow: none
}

.variant-close__xm63vn:hover .iconLeft__ja4sa5,
.variant-close__xm63vn:hover .iconRight__tdukvk {
    transform: scale(1.2)
}

.variant-close__xm63vn .iconLeft__ja4sa5,
.variant-close__xm63vn .iconRight__tdukvk {
    margin: 0
}

.variant-danger__noehge {
    background: linear-gradient(135deg, var(--danger-color), #b91c1c);
    color: white;
    border-color: var(--danger-color)
}

.variant-danger__noehge:hover {
    background: linear-gradient(135deg, #b91c1c, #991b1b);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(220, 53, 69, .3), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2)
}

.variant-danger__noehge:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent)
}

.variant-warning__iirdxd {
    background: linear-gradient(135deg, var(--warning-color), #d97706);
    color: white;
    border-color: var(--warning-color)
}

.variant-warning__iirdxd:hover {
    background: linear-gradient(135deg, #d97706, #b45309);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 193, 7, .3), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2)
}

.variant-warning__iirdxd:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent)
}

.variant-success__uydbo8 {
    background: linear-gradient(135deg, var(--success-color), #16a34a);
    color: white;
    border-color: var(--success-color)
}

.variant-success__uydbo8:hover {
    background: linear-gradient(135deg, #16a34a, #15803d);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(40, 167, 69, .3), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2)
}

.variant-success__uydbo8:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent)
}

.variant-info__cnzt49 {
    background: linear-gradient(135deg, var(--info-color), #0891b2);
    color: white;
    border-color: var(--info-color)
}

.variant-info__cnzt49:hover {
    background: linear-gradient(135deg, #0891b2, #0e7490);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(23, 162, 184, .3), 0 6px 16px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .2)
}

.variant-info__cnzt49:before {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent)
}

.fullWidth__y1plng {
    width: 100%
}

.loading__1j8s0n {
    pointer-events: none;
    opacity: .8
}

.loading__1j8s0n .buttonText__r9s7zm {
    opacity: .7
}

.loading__1j8s0n:before {
    display: none
}

.disabled__2lc1jl {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
    transform: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .05) !important
}

.disabled__2lc1jl:before {
    display: none
}

@media (max-width:768px) {
    .size-small__vsasia {
        padding: var(--spacing-xxs) var(--spacing-xs);
        font-size: var(--font-size-xxs);
        min-height: 28px
    }
    .size-medium__63nzu6 {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: var(--font-size-xs);
        min-height: 36px
    }
    .size-large__vwco0u {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: var(--font-size-sm);
        min-height: 44px
    }
    .actionButton__19ss79:hover,
    .variant-danger__noehge:hover,
    .variant-info__cnzt49:hover,
    .variant-outline__idc2s9:hover,
    .variant-primary__5a3x3t:hover,
    .variant-secondary__epl4br:hover,
    .variant-success__uydbo8:hover,
    .variant-warning__iirdxd:hover {
        transform: translateY(-1px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .actionButton__19ss79 {
        transition: none;
        animation: none
    }
    .actionButton__19ss79:active,
    .actionButton__19ss79:hover {
        transform: none
    }
    .actionButton__19ss79:before {
        display: none
    }
    .spinner__us1m2u {
        animation: none
    }
    .iconLeft__ja4sa5,
    .iconRight__tdukvk {
        transition: none
    }
    .actionButton__19ss79:hover .iconLeft__ja4sa5,
    .actionButton__19ss79:hover .iconRight__tdukvk {
        transform: none
    }
}

@media (prefers-contrast:high) {
    .actionButton__19ss79 {
        border-width: 2px;
        font-weight: 700
    }
    .variant-ghost__xk1hfw {
        border-color: var(--strong-border-color)
    }
    .actionButton__19ss79:before {
        display: none
    }
}

.actionButton__19ss79+.actionButton__19ss79 {
    margin-left: var(--spacing-xs)
}

.actionButton__19ss79:not(:has(.buttonText__r9s7zm)) {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
    aspect-ratio: 1
}

.size-small__vsasia:not(:has(.buttonText__r9s7zm)) {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs)
}

.size-large__vwco0u:not(:has(.buttonText__r9s7zm)) {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md)
}

.actionButton__19ss79:hover+.actionButton__19ss79 {
    transform: translateX(2px);
    transition-delay: .05s
}

.actionButton__19ss79:focus-visible {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
    transform: translateY(-1px)
}

.page__li6jt6 {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea, #764ba2);
    padding: 20px
}

.card__lhy98r {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
    width: 100%;
    max-width: 420px;
    position: relative;
    overflow: hidden
}

.card__lhy98r:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2)
}

.header__7d6q60 {
    text-align: center;
    margin-bottom: 32px
}

.title__rfz4hp {
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.subtitle__8fxas3 {
    font-size: 16px;
    color: #666;
    margin: 0;
    font-weight: 400
}

.form__li0glb {
    gap: 24px
}

.form__li0glb,
.inputGroup__u9a2wg {
    display: flex;
    flex-direction: column
}

.inputGroup__u9a2wg {
    gap: 8px
}

.label__rbfac9 {
    font-size: 14px;
    font-weight: 600;
    color: #374151
}

.optional__ttgqud {
    font-weight: 400;
    color: #9ca3af;
    font-size: 12px
}

.input__ra0i5r {
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 16px;
    transition: all .2s ease;
    background: #fafafa
}

.input__ra0i5r:focus {
    outline: none;
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, .1)
}

.input__ra0i5r:disabled {
    opacity: .6;
    cursor: not-allowed
}

.input__ra0i5r::placeholder {
    color: #9ca3af
}

.error__r7vx2l {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin: 0 0 24px;
    text-align: center
}

.footer__85irca {
    text-align: center;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb
}

.muted__rcc80g {
    font-size: 14px;
    color: #6b7280;
    margin: 0
}

.link__li45yt {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
    transition: color .2s ease
}

.link__li45yt:hover {
    color: #5a67d8;
    text-decoration: underline
}

@media (max-width:480px) {
    .card__lhy98r {
        padding: 32px 24px;
        margin: 20px
    }
    .title__rfz4hp {
        font-size: 24px
    }
}

@keyframes pulse__rdzg72 {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.card__lhy98r[data-loading=true] {
    pointer-events: none
}

.card__lhy98r[data-loading=true] .input__ra0i5r,
.card__lhy98r[data-loading=true] button {
    animation: pulse__rdzg72 1.5s ease-in-out infinite
}

.formContainer__jz83ao {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

.form__9fftg1 {
    gap: 1.5rem
}

.formGroup__3p9kgi,
.formRow__vpnid3,
.form__9fftg1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box
}

.formGroup__3p9kgi,
.formRow__vpnid3 {
    gap: .5rem
}

.label__897mo7 {
    font-weight: 600;
    margin-bottom: .25rem
}

.input__87suhp,
.label__897mo7 {
    font-size: 14px;
    color: rgba(148, 163, 184, 1);
    box-sizing: border-box
}

.input__87suhp {
    padding: .75rem 1rem;
    background: rgba(2, 6, 23, .6);
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 8px;
    line-height: 1.5;
    width: 100%;
    transition: border-color .2s ease, box-shadow .2s ease
}

.input__87suhp:focus {
    outline: none;
    border-color: rgba(54, 211, 0, .5);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1)
}

.input__87suhp::placeholder {
    color: rgba(148, 163, 184, .5)
}

.input__87suhp:disabled {
    opacity: .6;
    cursor: not-allowed
}

.textarea__d2yjp5 {
    padding: .75rem 1rem;
    background: rgba(2, 6, 23, .6);
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 8px;
    color: rgba(148, 163, 184, 1);
    font-size: 14px;
    line-height: 1.5;
    min-height: 80px;
    resize: vertical;
    box-sizing: border-box;
    width: 100%;
    transition: border-color .2s ease, box-shadow .2s ease;
    font-family: inherit
}

.textarea__d2yjp5:focus {
    outline: none;
    border-color: rgba(54, 211, 0, .5);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1)
}

.textarea__d2yjp5::placeholder {
    color: rgba(148, 163, 184, .5)
}

.fileInput__fnq6kh {
    padding: .5rem 0;
    background: transparent;
    border: none;
    color: rgba(148, 163, 184, 1);
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%
}

.fileInput__fnq6kh:focus {
    outline: none
}

.fileInputLabel__tsb3nx {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: rgba(2, 6, 23, .6);
    border: 2px dashed rgba(54, 211, 0, .25);
    border-radius: 8px;
    color: rgba(148, 163, 184, 1);
    font-size: 14px;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.fileInputLabel__tsb3nx:hover {
    border-color: rgba(54, 211, 0, .5);
    background: rgba(54, 211, 0, .05)
}

.fileInput__fnq6kh[type=file] {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.fileInfo__8nrk15 {
    font-size: 12px;
    color: rgba(54, 211, 0, 1);
    margin-top: .5rem;
    box-sizing: border-box
}

.button__wm083l {
    padding: .75rem 1.5rem;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 44px
}

.button__wm083l:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, .3)
}

.button__wm083l:active:not(:disabled) {
    transform: translateY(0)
}

.button__wm083l:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none
}

.button__wm083l:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .3)
}

.formActions__tz6zv8 {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
    width: 100%
}

.preview__prr0x1 {
    margin-top: 2rem;
    padding: 1.5rem;
    background: rgba(54, 211, 0, .05);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 12px;
    box-sizing: border-box;
    width: 100%
}

.previewTitle__ui9qbh {
    font-size: 16px;
    font-weight: 600;
    color: rgba(54, 211, 0, 1);
    margin: 0 0 1rem;
    box-sizing: border-box
}

.previewContent__jb2fz2 {
    display: flex;
    align-items: center;
    gap: 1rem;
    box-sizing: border-box;
    width: 100%
}

.previewLogo__o82mu2 {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    box-sizing: border-box
}

.previewText__o7xpy0 h3 {
    margin: 0 0 .25rem;
    font-size: 16px;
    color: rgba(148, 163, 184, 1);
    box-sizing: border-box
}

.previewText__o7xpy0 p {
    margin: 0;
    font-size: 14px;
    color: rgba(148, 163, 184, .8);
    box-sizing: border-box
}

.response__249v02 {
    margin-top: 1.5rem;
    padding: 1rem;
    background: rgba(2, 6, 23, .4);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%
}

.responseTitle__rgluxi {
    font-size: 14px;
    font-weight: 600;
    color: rgba(148, 163, 184, 1);
    margin: 0 0 .5rem;
    box-sizing: border-box
}

.responseText__5zkie3 {
    font-size: 13px;
    color: rgba(148, 163, 184, .9);
    line-height: 1.5;
    margin: 0;
    white-space: pre-wrap;
    box-sizing: border-box
}

.loading__exvmy9 {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    box-sizing: border-box
}

.spinner__hder58 {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(54, 211, 0, .3);
    border-top-color: rgba(54, 211, 0, 1);
    border-radius: 50%;
    animation: spin__9fo4sv 1s linear infinite;
    box-sizing: border-box
}

@keyframes spin__9fo4sv {
    to {
        transform: rotate(1turn)
    }
}

.error__85o9ej {
    color: rgb(239, 68, 68)
}

.error__85o9ej,
.success__jn4wd2 {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: .5rem;
    box-sizing: border-box
}

.success__jn4wd2 {
    color: rgba(16, 185, 129, 1)
}

.helpText__9jv5np {
    font-size: 12px;
    color: rgba(148, 163, 184, .7);
    margin-top: .25rem;
    line-height: 1.4;
    box-sizing: border-box
}

.formGrid__bc4zhz {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    box-sizing: border-box;
    width: 100%
}

@media (max-width:768px) {
    .formGrid__bc4zhz {
        grid-template-columns: 1fr;
        gap: 1rem
    }
    .formActions__tz6zv8 {
        flex-direction: column;
        gap: .75rem
    }
    .button__wm083l {
        width: 100%;
        justify-content: center
    }
    .previewContent__jb2fz2 {
        flex-direction: column;
        text-align: center;
        gap: .75rem
    }
}

@media (prefers-color-scheme:dark) {
    .input__87suhp,
    .textarea__d2yjp5 {
        background: rgba(2, 6, 23, .8)
    }
    .preview__prr0x1 {
        background: rgba(54, 211, 0, .08)
    }
    .response__249v02 {
        background: rgba(2, 6, 23, .6)
    }
}

.container__y9qoea {
    width: 100%;
    position: relative;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .1);
    overflow: hidden;
    transition: var(--transition-default)
}

.container__y9qoea:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, .15), 0 6px 20px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .15);
    transform: translateY(-2px)
}

.animated__fo3i82 {
    animation: var(--animation-fade-in)
}

.header__hoc9m4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-lg) var(--spacing-xl);
    background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    border-bottom: 1px solid var(--border-color);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.title__ei4rbt {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--text-color);
    margin: 0;
    background: linear-gradient(135deg, var(--text-color), var(--sidebar-icons));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.toolbar__iqhikc {
    display: flex;
    align-items: center;
    gap: var(--spacing-4)
}

.searchContainer__i6txty {
    position: relative;
    display: flex;
    align-items: center;
    max-width: 320px;
    flex: 1 1;
    margin-left: var(--spacing-lg)
}

.searchInput__y14sar {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    font-size: var(--font-size-sm);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: var(--transition-default)
}

.searchInput__y14sar:focus {
    outline: none;
    border-color: var(--primary-color);
    background: rgba(255, 255, 255, .12);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1), 0 4px 12px rgba(0, 0, 0, .1)
}

.searchInput__y14sar::placeholder {
    color: var(--sidebar-icons);
    opacity: .7
}

.searchIcon__h8dw68 {
    position: absolute;
    left: var(--spacing-sm);
    color: var(--sidebar-icons);
    font-size: var(--font-size-md);
    pointer-events: none;
    z-index: 1
}

.tableContainer__js7ij2 {
    overflow-x: auto;
    position: relative;
    border-radius: 0 0 var(--border-radius-lg) var(--border-radius-lg)
}

.table__ehza33 {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm);
    background: transparent
}

.table__ehza33 thead {
    background: linear-gradient(135deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .05));
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

.table__ehza33 thead tr {
    border-bottom: 2px solid var(--border-color)
}

.table__ehza33 th {
    padding: var(--spacing-md) var(--spacing-lg);
    text-align: left;
    font-weight: 600;
    color: var(--text-color);
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: .5px;
    position: relative;
    transition: var(--transition-default);
    white-space: nowrap;
    vertical-align: middle
}

.table__ehza33 th:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: var(--border-color);
    opacity: .3
}

.table__ehza33 tbody {
    background: transparent
}

.table__ehza33 tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    transition: var(--transition-fast);
    animation: slideInUp__rw0rci .4s ease-out forwards;
    opacity: 0;
    transform: translateY(20px)
}

.table__ehza33 td {
    padding: var(--spacing-md) var(--spacing-lg);
    color: var(--sidebar-icons);
    vertical-align: middle;
    font-size: var(--font-size-sm);
    border-bottom: 1px solid rgba(255, 255, 255, .03);
    transition: var(--transition-fast)
}

.hoverableRow__ok81bx:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .04));
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transform: translateX(4px);
    cursor: pointer
}

.hoverableRow__ok81bx:hover .table__ehza33 td {
    color: var(--text-color)
}

.sortableHeader__fbm1q4 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: var(--transition-fast);
    display: table-cell
}

.sortableHeader__fbm1q4:hover {
    color: var(--primary-color);
    background: rgba(54, 211, 0, .05);
    transform: translateY(-1px)
}

.sortableHeader__fbm1q4:active {
    transform: translateY(0)
}

.sortIconInactive__7bbefz,
.sortIcon__eqcmlm {
    font-size: var(--font-size-xs);
    transition: var(--transition-fast);
    opacity: .7;
    margin-left: var(--spacing-xs);
    display: inline-block;
    vertical-align: middle
}

.sortIcon__eqcmlm {
    color: var(--primary-color);
    opacity: 1;
    transform: scale(1.1)
}

.sortIconInactive__7bbefz {
    color: var(--sidebar-icons);
    opacity: .4
}

.sortableHeader__fbm1q4:hover .sortIconInactive__7bbefz {
    opacity: .8;
    color: var(--primary-color)
}

.statusBadge__s3hus2 {
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-xxs) var(--spacing-sm);
    border-radius: var(--border-radius-full);
    font-size: var(--font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid transparent;
    transition: var(--transition-fast);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.statusBadge__s3hus2:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15)
}

.defaultStatus__7z908c {
    background: rgba(128, 128, 128, .2);
    color: var(--sidebar-icons);
    border-color: rgba(128, 128, 128, .3)
}

.greenStatus__6aptee {
    background: rgba(40, 167, 69, .2);
    color: var(--success-color);
    border-color: rgba(40, 167, 69, .3)
}

.redStatus__c2yzdo {
    background: rgba(220, 53, 69, .2);
    color: var(--danger-color);
    border-color: rgba(220, 53, 69, .3)
}

.yellowStatus__6h0z8l {
    background: rgba(255, 193, 7, .2);
    color: var(--warning-color);
    border-color: rgba(255, 193, 7, .3)
}

.blueStatus__61vqlx {
    background: rgba(23, 162, 184, .2);
    color: var(--info-color);
    border-color: rgba(23, 162, 184, .3)
}

.grayStatus__cnovro {
    background: rgba(108, 117, 125, .2);
    color: #6c757d;
    border-color: rgba(108, 117, 125, .3)
}

.link__r15d7r {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition-fast);
    position: relative;
    padding: var(--spacing-xxs) var(--spacing-xs);
    border-radius: var(--border-radius-sm)
}

.link__r15d7r:hover {
    color: var(--primary-color-hover);
    background: rgba(54, 211, 0, .1);
    transform: translateY(-1px)
}

.link__r15d7r:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    transition: width .3s ease
}

.link__r15d7r:hover:after {
    width: 100%
}

.loader__jq0p4i {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-xxl);
    color: var(--sidebar-icons);
    font-size: var(--font-size-lg);
    font-weight: 500;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02));
    animation: pulse__eg5316 2s infinite
}

.emptyState__n6dnod {
    text-align: center;
    padding: var(--spacing-xxl) var(--spacing-lg);
    background: linear-gradient(135deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01))
}

.emptyStateContent__dp9b6y {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md)
}

.emptyStateIcon__uyng8s {
    font-size: 3rem;
    opacity: .6;
    filter: grayscale(50%)
}

.emptyStateMessage__dn8k0s {
    color: var(--sidebar-icons);
    font-size: var(--font-size-md);
    font-weight: 500;
    opacity: .8
}

@keyframes slideInUp__rw0rci {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse__eg5316 {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .6
    }
}

.table__ehza33 tbody tr:first-child {
    animation-delay: .1s
}

.table__ehza33 tbody tr:nth-child(2) {
    animation-delay: .15s
}

.table__ehza33 tbody tr:nth-child(3) {
    animation-delay: .2s
}

.table__ehza33 tbody tr:nth-child(4) {
    animation-delay: .25s
}

.table__ehza33 tbody tr:nth-child(5) {
    animation-delay: .3s
}

.table__ehza33 tbody tr:nth-child(6) {
    animation-delay: .35s
}

.table__ehza33 tbody tr:nth-child(7) {
    animation-delay: .4s
}

.table__ehza33 tbody tr:nth-child(8) {
    animation-delay: .45s
}

.table__ehza33 tbody tr:nth-child(9) {
    animation-delay: .5s
}

.table__ehza33 tbody tr:nth-child(10) {
    animation-delay: .55s
}

.pendingRow__mm1duq {
    background: linear-gradient(135deg, rgba(255, 193, 7, .05), rgba(255, 193, 7, .02));
    border-left: 3px solid var(--warning-color)
}

.errorRow__j4da0f {
    background: linear-gradient(135deg, rgba(220, 53, 69, .05), rgba(220, 53, 69, .02));
    border-left: 3px solid var(--danger-color)
}

.successRow__hlzm2y {
    background: linear-gradient(135deg, rgba(40, 167, 69, .05), rgba(40, 167, 69, .02));
    border-left: 3px solid var(--success-color)
}

.trackingRow__3bwo9w,
.trackingRow__3bwo9w:hover {
    background: transparent !important
}

.trackingRow__3bwo9w td {
    padding: 0 !important;
    border: none !important
}

.variantRowStyle__glatlp {
    background: var(--background-secondary) !important;
    border-left: 3px solid var(--primary-color-light) !important
}

.processingRow__83vbns {
    background: linear-gradient(135deg, rgba(255, 193, 7, .05), rgba(255, 193, 7, .02));
    border-left: 4px solid var(--warning-color)
}

@media (max-width:768px) {
    .container__y9qoea {
        margin: var(--spacing-xs);
        border-radius: var(--border-radius-md)
    }
    .header__hoc9m4 {
        flex-direction: column;
        gap: var(--spacing-md);
        padding: var(--spacing-md);
        align-items: stretch
    }
    .title__ei4rbt {
        font-size: var(--font-size-lg);
        text-align: center
    }
    .searchContainer__i6txty {
        margin-left: 0;
        max-width: none
    }
    .tableContainer__js7ij2 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .table__ehza33 {
        min-width: 600px
    }
    .table__ehza33 td,
    .table__ehza33 th {
        padding: var(--spacing-xs) var(--spacing-sm);
        font-size: var(--font-size-xs)
    }
    .statusBadge__s3hus2 {
        padding: var(--spacing-xxs) var(--spacing-xs);
        font-size: var(--font-size-xxs)
    }
}

@media (max-width:480px) {
    .container__y9qoea {
        margin: var(--spacing-xxs);
        border-radius: var(--border-radius-sm)
    }
    .header__hoc9m4 {
        padding: var(--spacing-sm)
    }
    .title__ei4rbt {
        font-size: var(--font-size-md)
    }
    .tableContainer__js7ij2 {
        border-radius: 0
    }
    .table__ehza33 {
        min-width: 500px
    }
    .table__ehza33 td,
    .table__ehza33 th {
        padding: var(--spacing-xxs) var(--spacing-xs);
        font-size: var(--font-size-xxs)
    }
    .statusBadge__s3hus2 {
        padding: 2px var(--spacing-xxs);
        font-size: 9px
    }
    .emptyState__n6dnod {
        padding: var(--spacing-lg) var(--spacing-sm)
    }
    .emptyStateIcon__uyng8s {
        font-size: 2rem
    }
}

@media (prefers-reduced-motion:reduce) {
    .animated__fo3i82,
    .container__y9qoea,
    .link__r15d7r,
    .sortableHeader__fbm1q4,
    .statusBadge__s3hus2,
    .table__ehza33 tbody tr {
        animation: none;
        transition: none
    }
    .hoverableRow__ok81bx,
    .sortableHeader__fbm1q4 {
        transform: none
    }
}

@media (prefers-contrast:high) {
    .table__ehza33 {
        border: 2px solid var(--strong-border-color)
    }
    .table__ehza33 td,
    .table__ehza33 th {
        border: 1px solid var(--strong-border-color)
    }
    .statusBadge__s3hus2 {
        border-width: 2px;
        font-weight: 700
    }
}

.expandableActionsContainer__gk2f61 {
    position: relative;
    display: inline-block
}

.expandableActionsDropdown__gmiuhx {
    background: var(--sidebar-background);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1);
    min-width: 180px;
    padding: var(--spacing-xs);
    animation: dropdownSlideIn__jfobhi .2s ease-out forwards;
    transform-origin: top right;
    z-index: 9999
}

@keyframes dropdownSlideIn__jfobhi {
    0% {
        opacity: 0;
        transform: translateY(-8px) scale(.95)
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.expandableActionItem__bmwyhw {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-md);
    background: transparent;
    border: none;
    border-radius: var(--border-radius-sm);
    color: var(--sidebar-icons);
    cursor: pointer;
    font-size: var(--font-size-sm);
    text-align: left;
    transition: var(--transition-fast);
    white-space: nowrap
}

.expandableActionItem__bmwyhw:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--text-color);
    transform: translateX(2px)
}

.expandableActionItem__bmwyhw:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none
}

.expandableActionItem__bmwyhw:disabled:hover {
    background: transparent;
    color: var(--sidebar-icons);
    transform: none
}

.expandableActionItem__bmwyhw .actionIcon__p55u9a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.expandableActionItem__bmwyhw .actionLabel__1ulppd {
    flex: 1 1
}

.dangerAction__4upkvc {
    color: #ef4444 !important
}

.dangerAction__4upkvc:hover {
    background: rgba(239, 68, 68, .1) !important;
    color: #ef4444 !important
}

.expandableActionItem__bmwyhw+.expandableActionItem__bmwyhw {
    border-top: 1px solid rgba(255, 255, 255, .05);
    margin-top: 1px;
    padding-top: calc(var(--spacing-sm) + 1px)
}

@media (prefers-color-scheme:dark) {
    .container__y9qoea {
        box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05)
    }
    .expandableActionsDropdown__gmiuhx {
        box-shadow: 0 12px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05)
    }
}

@media (prefers-color-scheme:light) {
    .container__y9qoea {
        box-shadow: 0 8px 32px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04), inset 0 1px 0 rgba(255, 255, 255, .2)
    }
    .expandableActionsDropdown__gmiuhx {
        box-shadow: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .15)
    }
}

.adminTransactionsTab__4rrjpe {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.adminTransactionsHeader__d94n3w {
    text-align: center;
    margin-bottom: 1rem
}

.adminTransactionsTitle__vu43k1 {
    color: var(--text-color);
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.adminTransactionsSubtitle__x8lc5r {
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto
}

.adminTransactionsStats__vtqxxk {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1rem;
    gap: 1rem
}

.adminTransactionsStatCard__i2gs3f {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    text-align: center
}

.adminTransactionsStatCard__i2gs3f h3 {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .5rem;
    opacity: .8
}

.adminTransactionsStatValue__7u09ju {
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: 700;
    margin: 0
}

.adminTransactionsTableContainer__zgth2 {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden
}

.transactionId__ydgtxw {
    font-family: Monaco, Menlo, Ubuntu Mono, monospace;
    background: rgba(255, 255, 255, .05);
    color: var(--primary-color)
}

.transactionId__ydgtxw,
.transactionType__44q7xx {
    font-size: .8rem;
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm)
}

.transactionType__44q7xx {
    font-weight: 600;
    text-transform: capitalize
}

.typeIssue__3ryh3m {
    background: rgba(54, 211, 0, .2);
    color: var(--primary-color)
}

.typeTransfer__5ea4nm {
    background: rgba(0, 123, 255, .2);
    color: #007bff
}

.typeMint__91hywn {
    background: rgba(255, 193, 7, .2);
    color: #ffc107
}

.transactionAmount__1o3is7 {
    font-weight: 600;
    color: var(--primary-color)
}

.addressField__tfxxot {
    font-family: Monaco, Menlo, Ubuntu Mono, monospace;
    font-size: .75rem;
    background: rgba(255, 255, 255, .05);
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    color: var(--text-color)
}

.transactionDate__450xfl {
    color: var(--muted);
    font-size: .8rem
}

.transactionStatus__6yba2r {
    padding: .25rem .75rem;
    border-radius: var(--border-radius-full);
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase
}

.statusCompleted__adaljg {
    background: rgba(54, 211, 0, .2);
    color: var(--primary-color)
}

.statusPending__doy31k {
    background: rgba(253, 131, 9, .2);
    color: #fd8309
}

.statusFailed__58mvs4 {
    background: rgba(255, 107, 107, .2);
    color: var(--error)
}

.statusUnknown__744zlh {
    background: rgba(128, 128, 128, .2);
    color: var(--muted)
}

.adminTransactionsError__vm0w4x {
    padding: 3rem;
    text-align: center;
    color: var(--error)
}

.adminTransactionsError__vm0w4x p {
    margin: 0 0 1rem;
    font-size: 1.1rem
}

@media (max-width:768px) {
    .adminTransactionsTab__4rrjpe {
        gap: 1.5rem
    }
    .adminTransactionsTitle__vu43k1 {
        font-size: 1.5rem
    }
    .adminTransactionsStats__vtqxxk {
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem
    }
    .adminTransactionsStatCard__i2gs3f {
        padding: 1rem
    }
    .adminTransactionsStatValue__7u09ju {
        font-size: 1.5rem
    }
}

@media (max-width:480px) {
    .adminTransactionsStats__vtqxxk {
        grid-template-columns: 1fr
    }
    .adminTransactionsError__vm0w4x {
        padding: 2rem 1rem
    }
}

.modalRoot__76n553 {
    display: grid;
    grid-gap: 16px;
    gap: 16px;
    grid-template-rows: auto auto 1fr;
    height: 100%
}

.header__979ybv {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700
}

.section__iaek59 {
    display: grid;
    grid-gap: 8px;
    gap: 8px
}

.row__6p468e {
    display: grid;
    grid-template-columns: 160px 1fr;
    grid-gap: 8px;
    gap: 8px
}

.label__r9ajd8 {
    color: #6b7280;
    font-weight: 600
}

.value__resp3d {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    overflow-wrap: anywhere
}

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

@media (max-width:900px) {
    .chains__biukli {
        grid-template-columns: 1fr
    }
}

.chainCard__6wq5tj {
    position: relative;
    border-radius: 12px;
    padding: 16px;
    background: rgba(255, 255, 255, .65);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .45);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease
}

.chainTitle__tp6rl {
    font-weight: 700;
    margin: 0 0 8px
}

.chainTitleRow__lpgyt {
    display: flex;
    align-items: center;
    gap: 8px
}

.chainCard__6wq5tj:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    border-radius: 14px;
    background: linear-gradient(120deg, rgba(153, 69, 255, .35), rgba(20, 241, 149, .35), rgba(0, 255, 163, .35))
}

.chainCard__6wq5tj:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
    border-color: rgba(255, 255, 255, .6)
}

.badgeIcon__68hzdg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .7);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .04)
}

.chainIcon__6wmaha {
    width: 20px;
    height: 20px
}

.rowValueWithActions__ph354o {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0
}

.content__1fw1zl {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-gap: 12px;
    gap: 12px;
    min-height: 0
}

.chainEmpty__11vmh8 {
    color: #6b7280
}

.loading__8q6yi4 {
    color: #374151
}

.error__r5r63k {
    color: #b91c1c
}

.modalBackdrop__ul5kel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--modal-overlay-background, rgba(0, 0, 0, .7));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn__x1fqtz .3s ease-out
}

.modalContent__ghj3j2 {
    position: relative;
    z-index: 10001;
    max-width: 90vw;
    max-height: 90vh;
    animation: slideIn__ct1leo .3s ease-out;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    padding: var(--spacing-md);
    background: var(--background-color);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow)
}

@keyframes fadeIn__x1fqtz {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes slideIn__ct1leo {
    0% {
        opacity: 0;
        transform: scale(.9) translateY(-20px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@media (max-width:768px) {
    .modalContent__ghj3j2 {
        max-width: 95vw;
        max-height: 95vh;
        margin: var(--spacing-xs);
        padding: var(--spacing-sm)
    }
}

@media (max-width:480px) {
    .modalContent__ghj3j2 {
        max-width: 98vw;
        max-height: 98vh;
        margin: var(--spacing-xxs);
        padding: var(--spacing-xs)
    }
}

.editUserModal__b1i21c {
    max-width: 600px;
    width: 100%
}

.modalHeader__icsimm {
    margin-bottom: 24px;
    text-align: center
}

.modalHeader__icsimm h2 {
    margin: 0 0 8px;
    color: #e5e7eb;
    font-size: 24px;
    font-weight: 700
}

.modalHeader__icsimm p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px
}

.editForm__xzm1wq {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.errorBanner__4a1rx0 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(239, 68, 68, .1);
    border: 1px solid rgba(239, 68, 68, .3);
    border-radius: 8px;
    color: #ef4444;
    font-size: 14px
}

.errorIcon__mjlsuf {
    font-size: 16px
}

.formSection__n2w1uv {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 12px;
    padding: 20px;
    background: rgba(2, 6, 23, .35)
}

.formSection__n2w1uv h3 {
    margin: 0 0 16px;
    color: #e5e7eb;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid rgba(148, 163, 184, .18);
    padding-bottom: 8px
}

.formRow__t6zgxe {
    display: flex;
    gap: 16px;
    margin-bottom: 16px
}

.formRow__t6zgxe:last-child {
    margin-bottom: 0
}

.formField__1jx57y {
    flex: 1 1;
    display: flex;
    flex-direction: column
}

.formField__1jx57y label {
    margin-bottom: 6px;
    color: #cbd5e1;
    font-size: 14px;
    font-weight: 500
}

.formField__1jx57y input {
    padding: 10px 12px;
    background: rgba(17, 22, 29, .6);
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 6px;
    color: #e5e7eb;
    font-size: 14px;
    transition: all .2s ease
}

.formField__1jx57y input:focus {
    outline: none;
    border-color: #36d300;
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1)
}

.formField__1jx57y input::placeholder {
    color: #94a3b8
}

.checkboxRow__s0ywnl {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.checkboxLabel__d9ozcn {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #cbd5e1;
    font-size: 14px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.checkboxLabel__d9ozcn input[type=checkbox] {
    display: none
}

.checkboxMark__ggsxyg {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(148, 163, 184, .3);
    border-radius: 4px;
    position: relative;
    transition: all .2s ease
}

.checkboxLabel__d9ozcn input[type=checkbox]:checked+.checkboxMark__ggsxyg {
    background: #36d300;
    border-color: #36d300
}

.checkboxLabel__d9ozcn input[type=checkbox]:checked+.checkboxMark__ggsxyg:after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: 700
}

.formActions__3uil3j {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(148, 163, 184, .18)
}

@media (max-width:640px) {
    .editUserModal__b1i21c {
        margin: 16px
    }
    .formRow__t6zgxe {
        gap: 12px
    }
    .formActions__3uil3j,
    .formRow__t6zgxe {
        flex-direction: column
    }
    .formActions__3uil3j button {
        width: 100%
    }
}

.deleteModal__tc0f38 {
    max-width: 500px;
    width: 100%
}

.modalHeader__6jlxks {
    text-align: center;
    margin-bottom: 24px
}

.warningIcon__utsgtl {
    font-size: 48px;
    margin-bottom: 12px;
    display: block
}

.modalHeader__6jlxks h2 {
    margin: 0 0 8px;
    color: #ef4444;
    font-size: 24px;
    font-weight: 700
}

.modalHeader__6jlxks p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 500
}

.userInfo__garhah {
    background: rgba(17, 22, 29, .4);
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px
}

.userDetails__23i5if h3 {
    margin: 0 0 4px;
    color: #e5e7eb;
    font-size: 18px;
    font-weight: 600
}

.userDetails__23i5if p {
    margin: 0 0 12px;
    color: #cbd5e1;
    font-size: 14px
}

.userMeta__gap3oy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: #94a3b8
}

.warningSection__ilsjsp {
    background: rgba(239, 68, 68, .1);
    border: 1px solid rgba(239, 68, 68, .3);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px
}

.warningTitle__w2w3ly {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ef4444;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px
}

.alertIcon__xiet5j {
    font-size: 18px
}

.warningList__utqfb8 {
    list-style: none;
    margin: 0;
    padding: 0
}

.warningList__utqfb8 li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    color: #e5e7eb;
    font-size: 14px
}

.warningList__utqfb8 li:before {
    content: "⚠️";
    flex-shrink: 0;
    font-size: 12px
}

.confirmationSection__xfjcdq {
    background: rgba(54, 211, 0, .05);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px
}

.confirmationLabel__sdxgip {
    margin-bottom: 12px
}

.confirmationLabel__sdxgip label {
    display: block;
    color: #cbd5e1;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.confirmationCode__37aulc {
    display: block;
    padding: 8px 12px;
    color: #ef4444;
    font-family: Courier New, monospace;
    font-weight: 700;
    text-align: center;
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

.confirmationCode__37aulc,
.confirmationInput__scioc7 {
    background: rgba(17, 22, 29, .6);
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 6px;
    font-size: 14px
}

.confirmationInput__scioc7 {
    width: 100%;
    padding: 12px 16px;
    color: #e5e7eb;
    transition: all .2s ease
}

.confirmationInput__scioc7:focus {
    outline: none;
    border-color: #36d300;
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1)
}

.confirmationInput__scioc7::placeholder {
    color: #94a3b8
}

.errorMessage__lc1zzx {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, .1);
    border: 1px solid rgba(239, 68, 68, .3);
    border-radius: 6px;
    color: #ef4444;
    font-size: 13px
}

.modalActions__sgg46m {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding-top: 20px;
    border-top: 1px solid rgba(148, 163, 184, .18)
}

@media (max-width:640px) {
    .deleteModal__tc0f38 {
        margin: 16px
    }
    .modalActions__sgg46m {
        flex-direction: column
    }
    .modalActions__sgg46m button {
        width: 100%
    }
    .userMeta__gap3oy {
        flex-direction: column;
        gap: 2px
    }
    .confirmationCode__37aulc {
        font-size: 12px;
        word-break: break-all
    }
}

.modalActions__sgg46m button:last-child {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    border-color: #ef4444
}

.modalActions__sgg46m button:last-child:hover:not(:disabled) {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    border-color: #dc2626
}

.card__kt882e,
.root__kti36w {
    width: 100%;
    box-sizing: border-box
}

.card__kt882e {
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(15, 23, 42, .45), rgba(2, 6, 23, .45));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 12px 30px rgba(2, 6, 23, .45), inset 0 1px 0 rgba(255, 255, 255, .05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    padding: 16px
}

.header__s23n71 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 12px
}

.title__65k40i {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.total__65nxoe {
    color: #e5ffe5;
    font-weight: 600
}

.gridHeader__hbq6h3 {
    padding: 8px 4px;
    color: rgba(148, 163, 184, 1);
    font-size: 12px;
    border-bottom: 1px solid rgba(54, 211, 0, .25)
}

.gridHeader__hbq6h3,
.row__z1hn4k {
    display: grid;
    grid-template-columns: 100px 1fr auto auto auto;
    grid-gap: 8px;
    gap: 8px
}

.row__z1hn4k {
    padding: 10px 4px;
    border-bottom: 1px solid rgba(148, 163, 184, .08);
    transition: background .16s ease
}

.row__z1hn4k:hover {
    background: rgba(54, 211, 0, .06)
}

.asset__5vadpm {
    color: #ffffff;
    font-weight: 600
}

.spark__654edz {
    height: 40px;
    width: 100px;
    display: flex;
    align-items: center
}

.amount__v8rcki {
    text-align: right;
    color: #ffffff
}

.price__63ig5f {
    text-align: right;
    color: rgba(148, 163, 184, 1)
}

.value__66ifl7 {
    text-align: right;
    color: #e5ffe5
}

.numeric__7ctpxj {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.root__ju626 {
    width: 100%
}

.card__k416o {
    width: 100%;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(15, 23, 42, .45), rgba(2, 6, 23, .45));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 12px 30px rgba(2, 6, 23, .45), inset 0 1px 0 rgba(255, 255, 255, .05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
    padding: 12px
}

.chartBox__jn8hdv {
    width: 100%;
    height: var(--chart-height, 320px);
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(15, 23, 42, .6), rgba(2, 6, 23, .6));
    border: 1px solid rgba(54, 211, 0, .25)
}

.footer__x019qj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

.pair__jvqk6 {
    font-size: 14px;
    color: rgba(148, 163, 184, 1)
}

.loading__pmb1kk {
    font-size: 12px;
    color: rgba(148, 163, 184, .85)
}

.error__ha2kfc {
    font-size: 12px;
    color: rgb(239, 68, 68)
}

.adminTradeTab__fdvt0g {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto
}

.adminTradeSectionTitle__lm1i4o {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: .5rem
}

.tradeTabHeader__pdla1q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.tradeTabTitle__ushktj {
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0
}

.tradeTabSubtitle__8kmpux {
    color: var(--muted, #9ca3af);
    font-size: 1rem;
    margin: .5rem 0 0
}

.refreshButton__ixa8ul {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    padding: .75rem 1.5rem;
    border-radius: var(--border-radius-md);
    font-size: .9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s ease
}

.refreshButton__ixa8ul:hover {
    background: rgba(54, 211, 0, .1);
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.metricsGrid__tpcwll {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-bottom: 2rem
}

.metricCard__sfibnk {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    transition: transform .2s ease, box-shadow .2s ease
}

.metricCard__sfibnk:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(54, 211, 0, .1)
}

.metricIcon__sfm6zt {
    font-size: 2rem;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 211, 0, .1);
    border-radius: var(--border-radius-md)
}

.icon__15z5zt {
    width: 24px;
    height: 24px
}

.metricContent__g63wuh {
    flex: 1 1
}

.metricValue__t9vcw1 {
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

.metricLabel__t4d75w {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .25rem;
    opacity: .8
}

.metricChange__oso1cw {
    color: var(--primary-color);
    font-size: .8rem;
    font-weight: 500
}

.contentGrid__jbgitd {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 2rem;
    gap: 2rem
}

.leftColumn__5490rn,
.rightColumn__rbkb9q {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.section__8dldmt {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 2rem;
    border: 1px solid var(--border-color)
}

.sectionHeader__njupma {
    margin-bottom: 1.5rem
}

.sectionTitle__xfa60d {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 .5rem;
    display: flex;
    align-items: center;
    gap: .5rem
}

.sectionIcon__3di276 {
    width: 20px;
    height: 20px;
    color: var(--primary-color)
}

.sectionDescription__9vm8vr {
    color: var(--muted, #9ca3af);
    font-size: .9rem;
    margin: 0
}

.gasFeesCard__9lqloq,
.tradingForm__jwqgv9,
.tradingPairsTable__6vqt3q {
    margin: 0
}

.chartControls__u1arkk {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap
}

.coinSelector__7y70a8,
.timeSelector__imxvo4 {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.controlLabel__4ale1 {
    color: var(--text-color);
    font-size: .85rem;
    font-weight: 500
}

.coinSelect__f5s2h9,
.timeSelect__jltzxz {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    padding: .5rem;
    font-size: .9rem;
    min-width: 180px
}

.coinSelect__f5s2h9:focus,
.timeSelect__jltzxz:focus {
    outline: none;
    border-color: var(--primary-color)
}

.chartContainer__7gcq8z {
    background: rgba(255, 255, 255, .02);
    border-radius: var(--border-radius-md);
    padding: 1rem;
    border: 1px solid var(--border-color);
    width: 100%;
    height: 420px;
    overflow: hidden;
    position: relative
}

.chartWrapper__ihqr1x {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-sm)
}

.cryptoChart__uuwcn1 {
    margin: 0;
    width: 100% !important;
    height: 100% !important;
    position: relative
}

.chartContainer__7gcq8z canvas {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important
}

.chartContainer__7gcq8z div[style*=height] {
    max-height: 100% !important;
    overflow: hidden !important
}

.chartContainer__7gcq8z div[style*=width] {
    max-width: 100% !important;
    overflow: hidden !important
}

.networkGrid__q1xvxw {
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

.networkCard__q1uzlq {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    padding: 1.25rem;
    transition: background-color .2s ease
}

.networkCard__q1uzlq:hover {
    background: rgba(255, 255, 255, .08)
}

.networkName__q220c9 {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .75rem
}

.networkStats__qikk35 {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.stat__165w50 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.statLabel__qnsrk {
    color: var(--muted, #9ca3af);
    font-size: .85rem
}

.statValue__w5yhp {
    color: var(--text-color);
    font-size: .85rem;
    font-weight: 500
}

.activityList__h2qkur {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.activityItem__h2s9zy {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color);
    transition: background-color .2s ease
}

.activityItem__h2s9zy:hover {
    background: rgba(255, 255, 255, .08)
}

.activityTime__h2lh44 {
    color: var(--muted, #9ca3af);
    font-size: .8rem;
    min-width: 60px
}

.activityDetails__x2qtn7 {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.activityType__h2l56f {
    color: var(--text-color);
    font-weight: 600;
    margin: 0;
    font-size: .85rem
}

.activityDesc__h2vrq8 {
    color: var(--muted, #9ca3af);
    margin: 0;
    font-size: .8rem
}

.footer__h6kzwl {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color)
}

.footerContent__fuphky {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footerText__900ago {
    color: var(--muted, #9ca3af);
    font-size: .9rem;
    margin: 0
}

.footerActions__k86hc2 {
    display: flex;
    gap: .75rem
}

@media (max-width:1024px) {
    .contentGrid__jbgitd {
        grid-template-columns: 1fr
    }
    .metricsGrid__tpcwll {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
    .chartContainer__7gcq8z {
        height: 350px
    }
    .chartWrapper__ihqr1x {
        height: 100%
    }
}

@media (max-width:768px) {
    .adminTradeTab__fdvt0g {
        gap: 1.5rem
    }
    .tradeTabHeader__pdla1q {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch
    }
    .tradeTabTitle__ushktj {
        font-size: 1.5rem
    }
    .refreshButton__ixa8ul {
        align-self: center
    }
    .metricsGrid__tpcwll {
        grid-template-columns: 1fr;
        gap: 1rem
    }
    .section__8dldmt {
        padding: 1.5rem
    }
    .chartContainer__7gcq8z {
        height: 280px
    }
    .chartWrapper__ihqr1x {
        height: 100%
    }
    .footerContent__fuphky {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch
    }
    .footerActions__k86hc2 {
        justify-content: center
    }
}

.adminOffersTab__5ujiyq {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1400px;
    margin: 0 auto
}

.offersTabHeader__dq4q10 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.offersTabTitle__74pzxz {
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0
}

.offersTabSubtitle__5k3q4n {
    color: var(--muted, #9ca3af);
    font-size: 1rem;
    margin: .5rem 0 0
}

.headerActions__7y5j3 {
    display: flex;
    gap: .75rem
}

.buttonIcon__r2b7ty {
    width: 16px;
    height: 16px
}

.analyticsGrid__2t57lp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-bottom: 2rem
}

.expandableCard__9cedn1 {
    transition: all .3s ease
}

.expandableCard__9cedn1:hover {
    transform: translateY(-2px)
}

.analyticsCard__2t2b9j {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    transition: transform .2s ease, box-shadow .2s ease
}

.analyticsCard__2t2b9j:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(54, 211, 0, .1)
}

.analyticsIcon__2t66ls {
    font-size: 2rem;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 211, 0, .1);
    border-radius: var(--border-radius-md)
}

.icon__epyfso {
    width: 24px;
    height: 24px
}

.analyticsContent__ycwwv2 {
    flex: 1 1
}

.analyticsValue__gabmje {
    color: var(--text-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

.analyticsLabel__g4tgt9 {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .25rem;
    opacity: .8
}

.analyticsChange__17zee1 {
    color: var(--primary-color);
    font-size: .8rem;
    font-weight: 500
}

.offersSection__5cip7j {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 2rem;
    border: 1px solid var(--border-color)
}

.sectionHeader__7ppil9 {
    margin-bottom: 1.5rem
}

.sectionTitle__biprpa {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.sectionDescription__qtilra {
    color: var(--muted, #9ca3af);
    font-size: .9rem;
    margin: 0
}

.offersTableContainer__u4qyp3 {
    overflow-x: auto
}

.offersTable__7dernc {
    min-width: 800px
}

.tableHeader__tamy9g {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr 1fr 1.5fr;
    grid-gap: 1rem;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-sm);
    margin-bottom: .5rem
}

.headerCell__airvm {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em
}

.tableBody__8r6kv3 {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.tableRow__20bv0b {
    display: grid;
    grid-template-columns: 2fr 3fr 1fr 1fr 1.5fr;
    grid-gap: 1rem;
    gap: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, .02);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color);
    transition: background-color .2s ease
}

.tableRow__20bv0b:hover {
    background: rgba(255, 255, 255, .05)
}

.tableCell__8r653z {
    display: flex;
    align-items: center
}

.offerTitle__uhk6ol {
    font-size: .9rem
}

.offerDescription__uxpkzz {
    font-size: .8rem;
    line-height: 1.4
}

.createdDate__ypmh8n {
    color: var(--muted, #9ca3af);
    font-size: .8rem
}

.statusBadge__rmpkgy {
    padding: .25rem .75rem;
    border-radius: var(--border-radius-full);
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase
}

.statusActive__3r07fr {
    background: rgba(54, 211, 0, .2);
    color: var(--primary-color)
}

.actionButtons__j0wxc4 {
    display: flex;
    gap: .5rem
}

.viewButton__sb20q {
    background: rgba(59, 130, 246, .1);
    border-color: #3b82f6;
    color: #3b82f6
}

.viewButton__sb20q:hover {
    background: rgba(59, 130, 246, .2)
}

.editButton__8xwoyd {
    background: rgba(251, 191, 36, .1);
    border-color: #fbbf24;
    color: #fbbf24
}

.editButton__8xwoyd:hover {
    background: rgba(251, 191, 36, .2)
}

.deleteButton__sbncuk {
    background: rgba(239, 68, 68, .1);
    border-color: #ef4444;
    color: #ef4444
}

.deleteButton__sbncuk:hover {
    background: rgba(239, 68, 68, .2)
}

.emptyState__kccavn {
    flex-direction: column;
    padding: 3rem 2rem;
    text-align: center
}

.emptyStateIcon__8o4jbo,
.emptyState__kccavn {
    display: flex;
    align-items: center;
    justify-content: center
}

.emptyStateIcon__8o4jbo {
    width: 64px;
    height: 64px;
    background: rgba(54, 211, 0, .1);
    border-radius: var(--border-radius-md);
    margin-bottom: 1rem
}

.emptyStateTitle__fip91h {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.emptyStateDescription__ewy68n {
    color: var(--muted, #9ca3af);
    font-size: .9rem;
    margin: 0 0 1.5rem;
    max-width: 400px
}

.errorContainer__sbmk6g,
.loadingContainer__ydccs {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px
}

.error__u7wt2f,
.loading__uju437 {
    text-align: center;
    color: var(--text-color)
}

.loading__uju437 {
    font-size: 1.1rem
}

.error__u7wt2f h3 {
    color: var(--text-color);
    font-size: 1.2rem;
    margin: 0 0 .5rem
}

.error__u7wt2f p {
    color: var(--muted, #9ca3af);
    margin: 0 0 1rem
}

.createOfferModal__fojhr8,
.viewOfferModal__r5mquz {
    max-width: 600px;
    width: 100%
}

.modalHeader__17aoq3 {
    margin-bottom: 1.5rem
}

.modalTitle__dz029m {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0
}

.modalContent__v5wd7p {
    margin-bottom: 2rem
}

.formGroup__hbtgno {
    margin-bottom: 1.5rem
}

.formLabel__h9dmhr {
    display: block;
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.formInput__haseo9,
.formTextarea__lp9v1 {
    width: 100%;
    padding: .75rem;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    font-size: .9rem;
    transition: border-color .2s ease
}

.formInput__haseo9:focus,
.formTextarea__lp9v1:focus {
    outline: none;
    border-color: var(--primary-color)
}

.formTextarea__lp9v1 {
    resize: vertical;
    min-height: 100px
}

.modalActions__4wzlpb {
    display: flex;
    gap: .75rem;
    justify-content: flex-end
}

.offerImageContainer__nk4nbh {
    margin-bottom: 1.5rem
}

.offerImage__unjrgy {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--border-radius-md)
}

.offerDetails__dcaj4l {
    margin-bottom: 1.5rem
}

.offerTitle__uhk6ol {
    color: var(--text-color);
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.offerDescription__uxpkzz {
    color: var(--muted, #9ca3af);
    font-size: .9rem;
    margin: 0 0 1.5rem;
    line-height: 1.5
}

.offerMeta__eqgfu6 {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin-bottom: 1.5rem
}

.metaItem__9d22br {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.metaLabel__65myww {
    color: var(--muted, #9ca3af);
    font-size: .85rem;
    font-weight: 500
}

.metaValue__6b54n1 {
    color: var(--text-color);
    font-size: .85rem
}

@media (max-width:1024px) {
    .analyticsGrid__2t57lp {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
    }
    .tableHeader__tamy9g,
    .tableRow__20bv0b {
        grid-template-columns: 1.5fr 2fr 1fr .8fr 1.2fr;
        gap: .75rem
    }
}

@media (max-width:768px) {
    .adminOffersTab__5ujiyq {
        gap: 1.5rem
    }
    .offersTabHeader__dq4q10 {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch
    }
    .offersTabTitle__74pzxz {
        font-size: 1.5rem
    }
    .headerActions__7y5j3 {
        justify-content: center
    }
    .analyticsGrid__2t57lp {
        grid-template-columns: 1fr;
        gap: 1rem
    }
    .offersSection__5cip7j {
        padding: 1.5rem
    }
    .tableHeader__tamy9g,
    .tableRow__20bv0b {
        grid-template-columns: 1fr;
        gap: .5rem
    }
    .tableHeader__tamy9g {
        display: none
    }
    .tableRow__20bv0b {
        flex-direction: column;
        align-items: stretch;
        gap: .75rem
    }
    .tableCell__8r653z {
        justify-content: space-between;
        padding: .5rem 0;
        border-bottom: 1px solid var(--border-color)
    }
    .tableCell__8r653z:last-child {
        border-bottom: none
    }
    .actionButtons__j0wxc4 {
        justify-content: center
    }
    .modalActions__4wzlpb {
        flex-direction: column
    }
    .createOfferModal__fojhr8,
    .viewOfferModal__r5mquz {
        max-width: 95vw
    }
}

.formContainer__pxstbz {
    max-width: 600px;
    width: 100%;
    background: var(--card-bg, #1a1a1a);
    border-radius: var(--border-radius-lg, 12px);
    padding: 0
}

.formHeader__p50ckx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--border-color, #333)
}

.formTitle__7hz5be {
    margin: 0;
    color: var(--text-color, #fff);
    font-size: 1.25rem;
    font-weight: 600
}

.form__xjzkma {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.formRow__psd8ig {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    gap: 1rem
}

.formGroup__7oytmr {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.formLabel__7mizgu {
    color: var(--text-color, #fff);
    font-size: .9rem;
    font-weight: 500;
    margin: 0
}

.formInput__7nxrnc,
.formSelect__jxbgoy,
.formTextarea__6dc8sk {
    padding: .75rem;
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border-color, #333);
    border-radius: var(--border-radius-sm, 6px);
    color: var(--text-color, #fff);
    font-size: .9rem;
    transition: border-color .2s ease, background-color .2s ease
}

.formInput__7nxrnc:focus,
.formSelect__jxbgoy:focus,
.formTextarea__6dc8sk:focus {
    outline: none;
    border-color: var(--primary-color, #36d300);
    background: rgba(54, 211, 0, .05)
}

.formTextarea__6dc8sk {
    resize: vertical;
    min-height: 80px
}

.formSelect__jxbgoy {
    cursor: pointer
}

.formHelp__i2z4oz {
    color: var(--muted, #9ca3af);
    font-size: .75rem;
    margin: 0;
    line-height: 1.3
}

.checkboxLabel__qr4wnn {
    display: flex;
    align-items: center;
    gap: .75rem;
    cursor: pointer;
    margin: .5rem 0
}

.checkboxLabel__qr4wnn input[type=checkbox] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: var(--primary-color, #36d300)
}

.checkboxText__em4zji {
    color: var(--text-color, #fff);
    font-size: .9rem;
    font-weight: 500
}

.errorMessage__96g14z {
    background: rgba(239, 68, 68, .1);
    border: 1px solid rgba(239, 68, 68, .3);
    border-radius: var(--border-radius-sm, 6px);
    padding: .75rem;
    color: #ef4444;
    font-size: .9rem;
    font-weight: 500
}

.formActions__uc9x1h {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-color, #333)
}

@media (max-width:768px) {
    .formContainer__pxstbz {
        margin: 1rem
    }
    .formHeader__p50ckx {
        padding: 1rem 1.5rem
    }
    .form__xjzkma {
        padding: 1.5rem;
        gap: 1rem
    }
    .formRow__psd8ig {
        grid-template-columns: 1fr;
        gap: 1rem
    }
    .formActions__uc9x1h {
        flex-direction: column
    }
    .formActions__uc9x1h button {
        width: 100%
    }
}

@media (max-width:480px) {
    .formContainer__pxstbz {
        margin: .5rem
    }
    .formHeader__p50ckx {
        padding: .75rem 1rem
    }
    .formTitle__7hz5be {
        font-size: 1.1rem
    }
    .form__xjzkma {
        padding: 1rem
    }
}

.modalWrapper__jymnfk {
    max-width: 1200px;
    max-height: 80vh;
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .5);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.modalHeader__ku7880 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    background: rgba(255, 255, 255, .05)
}

.modalTitle__3q3f17 {
    margin: 0;
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 600
}

.modalContent__9b7zeu {
    flex: 1 1;
    overflow-y: auto;
    max-height: calc(80vh - 80px)
}

.headerActions__o189oq {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    justify-content: flex-end
}

.errorMessage__wre7tz {
    background: rgba(239, 68, 68, .1);
    color: #ef4444;
    border-radius: var(--border-radius-md);
    border: 1px solid rgba(239, 68, 68, .3)
}

.errorMessage__wre7tz,
.successMessage__cdjuo2 {
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: .9rem
}

.successMessage__cdjuo2 {
    background: rgba(34, 197, 94, .1);
    color: #22c55e;
    border-radius: var(--border-radius-md);
    border: 1px solid rgba(34, 197, 94, .3)
}

.contentGrid__f0j2sb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    gap: 2rem;
    margin-bottom: 2rem
}

.tierList__5mle1y {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    border: 1px solid var(--border-color)
}

.tierList__5mle1y h3 {
    color: var(--text-color);
    margin: 0 0 1rem;
    font-size: 1.1rem;
    font-weight: 600
}

.emptyState__2n8tku {
    text-align: center;
    padding: 2rem;
    color: var(--muted)
}

.emptyState__2n8tku p {
    margin: .5rem 0;
    font-size: .9rem
}

.tierGrid__5moeke {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.tierCard__5mrawk {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    padding: 1rem;
    transition: all .2s ease
}

.tierCard__5mrawk:hover {
    background: rgba(255, 255, 255, .08);
    border-color: var(--primary-color)
}

.tierCardHeader__sw8w1z {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem
}

.tierInfo__5mn7me {
    display: flex;
    align-items: center;
    gap: .75rem
}

.tierInfo__5mn7me h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600
}

.tierRange__wb1fzz {
    margin: .25rem 0 0;
    font-size: .8rem;
    color: var(--muted)
}

.tierIcon__5mnfkb {
    font-size: 1.25rem
}

.tierMultiplier__da8gn7 {
    display: flex;
    align-items: center
}

.multiplierBadge__a55yjs {
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    color: white;
    font-size: .75rem;
    font-weight: 600
}

.tierActions__tfsuip {
    display: flex;
    gap: .5rem
}

.tierForm__5mp3k0 {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    border: 1px solid var(--border-color)
}

.tierForm__5mp3k0 h3 {
    color: var(--text-color);
    margin: 0 0 1.5rem;
    font-size: 1.1rem;
    font-weight: 600
}

.formGrid__uvr00s {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
    gap: 1rem;
    margin-bottom: 1.5rem
}

.formGroup__xxs61r {
    display: flex;
    flex-direction: column
}

.formLabel__xvcbvu {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .5rem
}

.formInput__xwr42c,
.formTextarea__tyafhk {
    padding: .75rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    background: rgba(255, 255, 255, .05);
    color: var(--text-color);
    font-size: .9rem;
    transition: border-color .2s ease
}

.formInput__xwr42c:focus,
.formTextarea__tyafhk:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .1)
}

.formTextarea__tyafhk {
    resize: vertical;
    min-height: 60px
}

.colorInput__tp19b3 {
    padding: .25rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    background: transparent;
    cursor: pointer;
    width: 60px;
    height: 40px
}

.benefitsSection__37y3in {
    margin-bottom: 1.5rem
}

.benefitInput__kcbcz1 {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: .5rem
}

.benefitInput__kcbcz1 .formInput__xwr42c {
    flex: 1 1
}

.formActions__zch5r3 {
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem
}

.formActions__zch5r3,
.modalActions__pn03na {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.modalActions__pn03na {
    padding-top: 1.5rem
}

.loading__gawo3i {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center
}

.spinner__g0dpzz {
    width: 40px;
    height: 40px;
    border-top: 4px solid var(--border-color);
    border: 4px solid var(--border-color);
    border-top-color: var(--primary-color);
    border-radius: 50%;
    animation: spin__5vwo1w 1s linear infinite;
    margin-bottom: 1rem
}

@keyframes spin__5vwo1w {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@media (max-width:1024px) {
    .contentGrid__f0j2sb {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }
    .tierForm__5mp3k0 {
        order: -1
    }
}

@media (max-width:768px) {
    .modalContent__9b7zeu {
        max-height: 90vh
    }
    .headerActions__o189oq {
        flex-direction: column
    }
    .formGrid__uvr00s {
        grid-template-columns: 1fr;
        gap: .75rem
    }
    .benefitInput__kcbcz1 {
        flex-direction: column;
        align-items: stretch
    }
    .formActions__zch5r3,
    .modalActions__pn03na {
        flex-direction: column
    }
}

.card__t1fmgv {
    position: relative;
    width: 100%;
    border-radius: 16px;
    background: #1f2630;
    background: linear-gradient(180deg, rgba(31, 38, 48, .95), rgba(17, 22, 29, .95));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
    padding: 16px;
    box-sizing: border-box
}

.topRow__e8c8k {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

.reload__peta0 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(148, 163, 184, 1);
    background: transparent;
    border: none;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer
}

.reloadDot__3k0gf3 {
    width: 4px;
    height: 14px;
    background: #36d300;
    border-radius: 2px
}

.title__mwipfb {
    color: rgba(148, 163, 184, .9);
    font-size: 12px;
    letter-spacing: 1px
}

.connectBtn__verk5b {
    margin-left: auto
}

.totalRow__qvf7c5 {
    display: flex;
    justify-content: center;
    margin: 8px 0 12px
}

.totalValue__ue70p0 {
    font-size: 56px;
    line-height: 1;
    color: #36d300;
    font-weight: 800
}

.toggleRow__5tieaf {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 16px
}

.pill__t1o33c {
    border-radius: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(148, 163, 184, .25);
    background: rgba(148, 163, 184, .15);
    color: rgba(229, 255, 229, .9);
    font-weight: 700
}

.pillActive__1n9wi6 {
    border-color: #36d300;
    background: rgba(54, 211, 0, .15);
    color: #ffffff
}

.ctaRow__7l1uav {
    display: flex;
    justify-content: center
}

.cornerIcon__d24exp {
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: 50px;
    height: 50px
}

.cornerIcon__d24exp img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.card__41m6pl {
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(31, 38, 48, .95), rgba(17, 22, 29, .95));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08)
}

.header__h4tdmy {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    padding: 10px 12px 6px;
    color: #fff
}

.dot__p2nx34 {
    width: 4px;
    height: 14px;
    background: #36d300;
    border-radius: 2px
}

.title__gemo6p {
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px
}

.more__41suym {
    color: rgba(148, 163, 184, .8);
    font-size: 16px
}

.row__p2nmpb {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 12px;
    border-top: 1px solid rgba(148, 163, 184, .08)
}

.left__41s0a8 {
    gap: 10px;
    color: #fff;
    font-weight: 800
}

.icon__41q21u,
.left__41s0a8 {
    display: inline-flex;
    align-items: center
}

.icon__41q21u {
    width: 20px;
    justify-content: center
}

.label__gj6ic5 {
    letter-spacing: .5px
}

.right__gfqj3h {
    color: #e5e7eb;
    font-weight: 700
}

.accent__kh70nh {
    color: #36d300
}

.card__k45c99 {
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(31, 38, 48, .95), rgba(17, 22, 29, .95));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08);
    padding: 8px 10px 14px
}

.header__cr1rpm {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
    color: #fff;
    padding: 6px 6px 4px
}

.dot__1n4kno {
    width: 4px;
    height: 14px;
    background: #36d300;
    border-radius: 2px
}

.title__ffxa2t {
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px
}

.more__k4c0ia {
    color: rgba(148, 163, 184, .8);
    font-size: 16px
}

.figureRow__a3gonb {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    padding: 4px 6px 8px;
    color: #fff
}

.current__pepfqc {
    font-size: 26px;
    font-weight: 800
}

.usd__1n47yv {
    color: rgba(148, 163, 184, 1);
    font-size: 14px;
    margin-left: 6px;
    font-weight: 700
}

.target__idoz2m {
    color: rgba(229, 231, 235, .85)
}

.progressWrap__b9s59o {
    position: relative;
    padding: 8px 6px 0
}

.marker__f2dp9z {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #35ff62, #0dbf3c);
    top: 0;
    transform: translateY(-20%) translateX(-50%);
    box-shadow: 0 0 18px rgba(54, 211, 0, .45);
    z-index: 5;
    transition: left .3s ease-out
}

.track__ffrxhu {
    height: 12px;
    border-radius: 8px;
    background: rgba(148, 163, 184, .18);
    overflow: hidden;
    margin-left: 18px;
    margin-right: 18px
}

.fill__k47f0g {
    height: 100%;
    background: linear-gradient(90deg, rgba(54, 211, 0, .7), rgba(54, 211, 0, .25));
    width: 0
}

.percent__fr8m3s {
    text-align: right;
    color: #36d300;
    font-weight: 800;
    padding-right: 8px;
    margin-top: 4px
}

.page__9wtvyp {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(1200px 600px at 20% 10%, rgba(54, 211, 0, .12), transparent 60%), radial-gradient(900px 500px at 80% 90%, rgba(54, 211, 0, .08), transparent 60%), var(--bg);
    padding: 24px
}

.card__9wllea {
    width: 100%;
    max-width: 420px;
    background: var(--card-bg);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 16px;
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .02);
    padding: 28px;
    box-sizing: border-box
}

.title__n7mv4m {
    margin: 0 0 16px;
    color: var(--text);
    font-weight: 700;
    letter-spacing: .2px
}

.error__mzjnpi {
    margin: 0 0 12px;
    color: var(--error);
    font-size: .95rem
}

.form__9wnsqu {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

.input__n1o8so {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(15, 17, 22, .65);
    color: var(--text);
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    box-sizing: border-box
}

.input__n1o8so::placeholder {
    color: #6b7280
}

.input__n1o8so:focus {
    border-color: rgba(54, 211, 0, .6);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .15);
    background: rgba(17, 19, 24, .75)
}

.muted__n3zynd {
    margin-top: 14px;
    color: var(--muted);
    text-align: center
}

.link__9wri4c {
    color: var(--accent);
    text-decoration: none
}

.link__9wri4c:hover {
    text-decoration: underline
}

.page__7cptcr {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(1200px 600px at 20% 10%, rgba(54, 211, 0, .12), transparent 60%), radial-gradient(900px 500px at 80% 90%, rgba(54, 211, 0, .08), transparent 60%), var(--bg);
    padding: 24px
}

.card__7cy3x6 {
    width: 100%;
    max-width: 420px;
    background: var(--card-bg);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-radius: 16px;
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .02);
    padding: 28px;
    box-sizing: border-box
}

.title__esjjwe {
    margin: 0 0 16px;
    color: var(--text);
    font-weight: 700;
    letter-spacing: .2px
}

.error__f0mrbi {
    margin: 0 0 12px;
    color: var(--error);
    font-size: .95rem
}

.form__7cvwkm {
    display: grid;
    grid-gap: 12px;
    gap: 12px;
    width: 100%;
    max-width: 360px;
    margin: 0 auto
}

.input__eyi68c {
    width: 100%;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(15, 17, 22, .65);
    color: var(--text);
    outline: none;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    box-sizing: border-box
}

.input__eyi68c::placeholder {
    color: #6b7280
}

.input__eyi68c:focus {
    border-color: rgba(54, 211, 0, .6);
    box-shadow: 0 0 0 3px rgba(54, 211, 0, .15);
    background: rgba(17, 19, 24, .75)
}

.muted__ew6gdn {
    margin-top: 14px;
    color: var(--muted);
    text-align: center
}

.link__7cs774 {
    color: var(--accent);
    text-decoration: none
}

.link__7cs774:hover {
    text-decoration: underline
}

.referralNotice__gh2x9n {
    margin: 0 0 16px;
    padding: 12px 16px;
    background: rgba(54, 211, 0, .1);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 10px;
    color: var(--text);
    font-size: .9rem;
    text-align: center;
    line-height: 1.4
}

.referralNotice__gh2x9n strong {
    color: var(--accent);
    font-weight: 600
}

.avatarSection__h1go6u {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 20px;
    background: rgba(15, 17, 22, .4);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08)
}

.avatarLabel__mqxjnp {
    color: var(--text);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 8px
}

.avatarContainer__rnjk1a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%
}

.avatarPreview__kt08fb {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(54, 211, 0, .3);
    background: rgba(15, 17, 22, .6)
}

.avatarImage__mpht0s {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.avatarPlaceholder__3gd1to {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 17, 22, .8);
    border-radius: 50%
}

.avatarIcon__c6swi0 {
    width: 32px;
    height: 32px;
    color: var(--muted)
}

.avatarActions__yr9x0y {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.fileInput__8ad2oo {
    display: none
}

.uploadButton__mddion {
    margin: 0
}

.bannerSection__lty4sd {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 20px;
    background: rgba(15, 17, 22, .4);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .08)
}

.bannerLabel__fcvq5q {
    color: var(--text);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 8px
}

.bannerContainer__lwi8ip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%
}

.bannerPreview__bcp0km {
    position: relative;
    width: 300px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    border: 3px solid rgba(54, 211, 0, .3);
    background: rgba(15, 17, 22, .6)
}

.bannerImage__febgsn {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px
}

.bannerPlaceholder__h4wwtr {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 17, 22, .8);
    border-radius: 9px
}

.bannerPlaceholderText__o3ea1u {
    color: var(--muted);
    font-size: .9rem;
    font-weight: 500
}

.bannerActions__2lko11 {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width:768px) {
    .bannerPreview__bcp0km {
        width: 280px;
        height: 112px
    }
}

@media (max-width:480px) {
    .bannerActions__2lko11 {
        flex-direction: column;
        gap: 12px
    }
    .bannerSection__lty4sd {
        padding: 16px
    }
    .bannerPreview__bcp0km {
        width: 260px;
        height: 104px
    }
}