/* =========================================================
SECTION 1 - HEADER
========================================================= */

:root{

--bg:#08111f;
--glass:rgba(15,23,42,.84);

--cyan:#00d4ff;
--pink:#ff00aa;

--text:#f1f5f9;

}

.header{

position:fixed;

top:18px;
left:50%;

transform:translateX(-50%);

width:calc(100% - 40px);
max-width:1500px;

display:flex;

justify-content:space-between;
align-items:center;

padding:14px 24px;

z-index:9999;

}

.glass{

background:rgba(8,17,31,.58);

backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.06);

border-radius:22px;

}

.header-logo{

display:flex;

align-items:center;

gap:12px;

color:white;

text-decoration:none;

}

.logo-text{

font-size:16px;

font-weight:900;

letter-spacing:2px;

color:white;

}

.header-right{

display:flex;

gap:20px;

align-items:center;

}

.guide-counter{

font-size:14px;

font-weight:700;

color:#cbd5e1;

}

.logo-img{

height:48px;

width:auto;

display:block;

}

.account-menu{

position:relative;

}

.account-menu-btn,
.account-action-btn,
.account-submit{

border:none;

border-radius:14px;

background:#0f172a;

color:white;

font-weight:900;

cursor:pointer;

}

.account-action-link{

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

text-align:center;

}

.account-menu-btn{

padding:10px 14px;

font-size:13px;

}

.account-menu-panel{

position:absolute;

top:44px;

right:0;

width:320px;

padding:18px;

background:rgba(8,17,31,.97);

border:1px solid rgba(255,255,255,.08);

border-radius:20px;

box-shadow:0 24px 80px rgba(0,0,0,.45);

}

.account-status-panel{

display:flex;

flex-direction:column;

gap:6px;

margin-bottom:14px;

}

.account-status-title{

color:white;

font-size:16px;

font-weight:900;

}

.account-status-meta,
.account-message,
.account-check{

color:#cbd5e1;

font-size:13px;

line-height:1.5;

}

.account-actions{

display:grid;

grid-template-columns:1fr 1fr;

gap:10px;

margin-bottom:12px;

}

.account-action-btn,
.account-submit{

padding:12px;

font-size:13px;

}

.account-form{

display:flex;

flex-direction:column;

gap:10px;

margin-bottom:12px;

}

.account-input{

width:100%;

padding:12px 14px;

border:1px solid rgba(255,255,255,.12);

border-radius:14px;

background:rgba(15,23,42,.88);

color:white;

font-size:14px;

}

.account-check{

display:flex;

gap:8px;

align-items:center;

}

.account-page{

width:100%;

max-width:760px;

margin:140px auto 0 auto;

padding:20px;

}

.account-page-card{

padding:34px;

text-align:center;

}

.account-reset-form{

display:flex;

flex-direction:column;

gap:14px;

margin:24px 0;

}

.account-page-link{

display:block;

margin-top:18px;

text-decoration:none;

}

.premium-benefits,
.admin-stats{

display:grid;

grid-template-columns:repeat(
auto-fit,
minmax(150px,1fr)
);

gap:10px;

margin:18px 0;

}

.premium-benefits div,
.admin-stat{

padding:14px;

background:rgba(15,23,42,.72);

border:1px solid rgba(255,255,255,.08);

border-radius:14px;

color:#f8fafc;

font-weight:800;

}

.premium-wallet{

display:flex;

flex-direction:column;

gap:10px;

margin:18px 0;

}

.premium-wallet-address,
.admin-txid{

word-break:break-all;

}

.admin-page{

max-width:1180px;

}

.admin-page h2{

color:#f8fafc;

margin-top:28px;

}

.admin-table-wrap{

overflow-x:auto;

margin-top:12px;

}

.admin-table{

width:100%;

border-collapse:collapse;

color:#e2e8f0;

font-size:13px;

}

.admin-table th,
.admin-table td{

padding:10px;

border-bottom:1px solid rgba(255,255,255,.08);

text-align:left;

vertical-align:top;

}

.admin-table th{

color:#f8fafc;

font-weight:900;

}

.admin-table .account-action-btn{

margin:0 6px 6px 0;

}

.admin-table .account-action-btn{

margin:0 6px 6px 0;

}

/* =========================================================
SECTION - HIDDEN ACCOUNT ELEMENTS
========================================================= */

.account-action-link[hidden]{
display:none !important;
}