.notify {
    position: fixed;
    z-index: 99999;
}

.notify button {
    background-color: transparent;
    background-image: none;
    padding: 0;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.notify svg {
    display: block;
    vertical-align: middle;
}

/* deposit-modal */
.deposit-modal .modal-header h5 {
    color: #333;
}
.deposit-modal .modal-header .btn-close {
    font-size: 14px;
    right: 10px;
    top: 10px;
}
.deposit-modal .modal-body .hex-address {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 7px;
}
.deposit-modal .modal-body .hex-address input {
    height: 50px;
    flex: 1 1 85%;
    border: 2px solid;
    border-color: #00000040;
    background: transparent;
    color: #001219;
    transition: 0.3s;
    padding: 0 15px;
    margin-right: 0px;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    font-size: 18px;
}
.deposit-modal .modal-body .hex-address button {
    height: 50px;
    flex: 1 1 15%;
    background: linear-gradient(90deg, #e52e71, #ff8a00);
    color: #ffffff;
    border: 2px solid;
    border-color: #e73667;
    font-size: 16px;
    border-radius: 0 4px 4px 0;
}
.deposit-modal .modal-body p {
    text-align: center;
    color: #a7a7a7;
}
.deposit-modal .modal-body a {
    color: #5364f1;
}
.deposit-modal .modal-footer p {
    color: #a7a7a7;
}
.deposit-modal .modal-footer p a {
    color: #5364f1;
}
.qr-code{
    width: 400px;
    margin: 0 auto;
    margin-bottom: 20px;
}

:root{
    --bg-0:#0b1120;
    --bg-1:#0e162b;
    --bg-2:#16233b;
    --text-0:#eef3ff;
    --text-1:#c7d1ea;
    --primary:#7367ff;
    --primary-2:#00e6ff;
    --accent:#ff57a8;
    --success:#2de2a1;
    --warning:#ffd666;
    --danger:#ff4b6e;
    --glow:0 0 24px rgba(115,103,255,.45),0 0 8px rgba(0,230,255,.35);
}

@keyframes pulseGlow{0%{box-shadow:0 0 0 rgba(111,97,255,0)}50%{box-shadow:0 0 24px rgba(111,97,255,.6)}100%{box-shadow:0 0 0 rgba(111,97,255,0)}}
@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

body{background:radial-gradient(1200px 600px at 10% 10%,rgba(115,103,255,.15),transparent),radial-gradient(900px 500px at 90% 80%,rgba(0,230,255,.12),transparent),var(--bg-1);color:var(--text-0);line-height:1.6}

.layout{background:linear-gradient(135deg,rgba(15,20,39,.9),rgba(20,26,51,.9));}

.side-nav{background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border-right:1px solid rgba(255,255,255,.08)}
.side-nav .side-nav-item>a{color:var(--text-1);padding:12px 14px;border-radius:8px}
.side-nav .side-nav-item>a:hover{color:var(--text-0);text-shadow:0 0 10px rgba(115,103,255,.6);background:rgba(255,255,255,.04)}
.side-nav .category-title span{color:var(--primary)}
.side-nav .side-nav-dropdown .right-arrow{filter:drop-shadow(0 0 6px rgba(0,225,255,.6))}
.side-nav .side-nav-item.active>a,.side-nav .side-nav-item.show>a{background:linear-gradient(90deg,rgba(115,103,255,.18),rgba(0,230,255,.14));border-radius:10px;color:var(--text-0);box-shadow:0 6px 16px rgba(0,230,255,.18)}

.page-container{background:linear-gradient(180deg,rgba(22,35,59,.95),rgba(11,14,26,.95));min-height:100vh}

.site-card{background:linear-gradient(145deg,rgba(22,35,59,.94),rgba(14,22,43,.94)) padding-box, linear-gradient(90deg,var(--primary),var(--primary-2)) border-box;border:1px solid transparent;border-radius:14px;backdrop-filter:blur(6px);box-shadow:var(--glow)}
.site-card:hover{animation:pulseGlow 2.8s ease-in-out infinite}
.site-card-header{border-bottom:1px solid rgba(255,255,255,.06)}
.site-card-header .title{color:var(--text-0)}
.site-card-body{color:var(--text-1)}

.title-content .title{color:var(--text-0);text-shadow:0 0 12px rgba(111,97,255,.5)}
.title-btn{background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:600;box-shadow:0 8px 22px rgba(0,230,255,.15);animation:floatY 4s ease-in-out infinite}
.title-btn:hover{filter:saturate(1.2);transform:translateY(-2px)}

.site-btn,.site-btn-sm,.site-btn-xs{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;border:0;border-radius:10px;box-shadow:0 6px 18px rgba(115,103,255,.25)}
.site-btn:hover,.site-btn-sm:hover,.site-btn-xs:hover{filter:brightness(1.15)}
.site-btn.disabled{background:linear-gradient(90deg,#6c757d,#495057)}

.data-table,.table{color:var(--text-0)}
.table thead th{color:var(--text-0);background:linear-gradient(90deg,rgba(115,103,255,.22),rgba(0,230,255,.18));border-color:rgba(255,255,255,.08)}
.table tbody tr{background:rgba(14,22,43,.75)}
.table tbody tr:hover{background:linear-gradient(90deg,rgba(18,28,51,.92),rgba(22,35,59,.92));box-shadow:inset 0 0 24px rgba(0,230,255,.12)}
.table td,.table th{border-color:rgba(255,255,255,.08)}

.nice-select,.select2-selection{background:linear-gradient(90deg,rgba(22,35,59,.95),rgba(14,22,43,.95));border:1px solid rgba(255,255,255,.1);color:var(--text-0)}
.nice-select:focus,.select2-selection:focus{box-shadow:0 0 0 3px rgba(111,97,255,.35)}

.notify{filter:drop-shadow(0 0 12px rgba(111,97,255,.45))}

.page-title{background:linear-gradient(90deg,rgba(115,103,255,.22),rgba(0,230,255,.18));border-bottom:1px solid rgba(255,255,255,.08)}

.site-tab-bars ul li a{background:linear-gradient(90deg,rgba(22,35,59,.9),rgba(14,22,43,.9));color:var(--text-1);border:1px solid rgba(255,255,255,.08);border-radius:10px}
.site-tab-bars ul li a:hover,.site-tab-bars ul li.active a{color:var(--text-0);text-shadow:0 0 8px rgba(0,230,255,.6);box-shadow:0 8px 22px rgba(115,103,255,.18)}

.side-nav .dropdown-items{background:linear-gradient(180deg,rgba(20,26,51,.92),rgba(11,14,26,.92));border:1px solid rgba(255,255,255,.06);border-radius:12px}

.badge-success{background:linear-gradient(90deg,var(--success),#0bd38a);color:#001}
.badge-warning{background:linear-gradient(90deg,var(--warning),#ffb703);color:#001}
.badge-danger{background:linear-gradient(90deg,var(--danger),#ef476f);color:#fff}

.progress{background:rgba(255,255,255,.08)}
.progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-2));animation:gradientShift 8s ease infinite;background-size:200% 200%}

.form-control,.site-input-groups input,.site-input-groups textarea{background:linear-gradient(90deg,rgba(20,26,51,.95),rgba(11,14,26,.95));border:1px solid rgba(255,255,255,.08);color:var(--text-0);border-radius:10px}
.form-control:focus,.site-input-groups input:focus,.site-input-groups textarea:focus{box-shadow:0 0 0 3px rgba(0,225,255,.25)}

.modal-content{background:linear-gradient(145deg,rgba(22,35,59,.96),rgba(14,22,43,.96)) padding-box, linear-gradient(90deg,var(--primary),var(--primary-2)) border-box;border:1px solid transparent;box-shadow:var(--glow)}
.modal-header,.modal-footer{border-color:rgba(255,255,255,.08)}
.btn-close{filter:drop-shadow(0 0 6px rgba(255,77,159,.6))}

.animate-glow{animation:pulseGlow 2.8s ease-in-out infinite}
.animate-float{animation:floatY 4s ease-in-out infinite}

.header{background:linear-gradient(90deg,rgba(22,35,59,.92),rgba(14,22,43,.92));border-bottom:1px solid rgba(255,255,255,.08)}
.header .logo{filter:drop-shadow(0 0 6px rgba(0,225,255,.6))}
.header .header-right .header-link{color:var(--text-1)}
.header .header-right .header-link:hover{color:var(--text-0);text-shadow:0 0 10px rgba(111,97,255,.6)}

.simple-notify{background:linear-gradient(145deg,rgba(20,26,51,.96),rgba(11,14,26,.96));border:1px solid rgba(255,255,255,.08);color:var(--text-0);box-shadow:var(--glow)}
.simple-notify__title{color:var(--text-0)}
.simple-notify__body{color:var(--text-1)}
.form-control::placeholder,.site-input-groups input::placeholder,.site-input-groups textarea::placeholder{color:var(--text-1)}

@media (prefers-reduced-motion: reduce){
    .animate-glow,.animate-float,.title-btn,.site-card:hover,.progress-bar{animation:none}
}