

:root{
  --bg:#000!important;
  --panel:#070707!important;
  --panel2:#0e0e0e!important;
  --card:#0a0a0a!important;
  --line:rgba(255,255,255,.13)!important;
  --line2:rgba(255,255,255,.24)!important;
  --red:#fff!important;
  --red2:#dcdcdc!important;
  --green:#fff!important;
  --text:#fff!important;
  --muted:#9b9b9b!important;
  --soft:#151515!important;
  --white:#fff!important;
  --black:#000!important;
}

*{scrollbar-width:thin;scrollbar-color:#f4f4f4 #050505}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:#050505}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fff,#8c8c8c);border-radius:999px;border:2px solid #050505}
*::-webkit-scrollbar-thumb:hover{background:#fff}

html,body{
  background:#000!important;
  color:#fff!important;
}
body{
  background:
    radial-gradient(circle at 14% 0%,rgba(255,255,255,.075),transparent 30%),
    radial-gradient(circle at 86% 8%,rgba(255,255,255,.045),transparent 28%),
    linear-gradient(180deg,#000 0%,#060606 50%,#000 100%)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.7;
}
.noise{background:repeating-linear-gradient(90deg,rgba(255,255,255,.016),rgba(255,255,255,.016) 1px,transparent 1px,transparent 20px)!important;opacity:1!important}
.snow::before,.snow::after{opacity:.22!important;filter:grayscale(1)!important}

body.menu-open{overflow:hidden}
#overlay{z-index:90!important;background:rgba(0,0,0,.58)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#overlay.show{opacity:1!important;pointer-events:auto!important}
#sidebar{
  background:linear-gradient(180deg,rgba(8,8,8,.99),rgba(0,0,0,.99))!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:22px 0 70px rgba(0,0,0,.66)!important;
}
.brand{position:relative!important}
.brand::after{content:"NOVA ERA";position:absolute;left:70px;bottom:-12px;font-size:10px;letter-spacing:3px;color:#aaa;font-weight:700}
.logo-box{background:linear-gradient(135deg,#fff,#bdbdbd)!important;color:#000!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:18px!important;box-shadow:0 0 22px rgba(255,255,255,.12),inset 0 0 18px rgba(0,0,0,.12)!important}
.brand h2,.topbar h1,.hero h2,.status-header h2,.useful-links h2,.plan h3,.tokenBox h2,.pixBox h2,.login-card h2,.admin-title{color:#fff!important;text-shadow:0 0 24px rgba(255,255,255,.08)!important}
.sidebar-title,.mini,.label,.stat span,small,.hero p,.console-desc,.link-item p,.social-content p,.partner-content p,.doc-block p,.doc-step p,.rota-desc,.muted{color:#9a9a9a!important}
.sidebar-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent)!important}
nav a{color:#ababab!important;border:1px solid transparent!important;border-left:4px solid transparent!important;border-radius:17px!important;background:transparent!important;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important}
nav a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;transform:translateX(4px)!important}
nav a.active{color:#000!important;background:linear-gradient(135deg,#fff,#d2d2d2)!important;border-left-color:#fff!important;border-color:rgba(255,255,255,.38)!important;box-shadow:0 14px 35px rgba(255,255,255,.10)!important}
nav a.active span{color:#000!important}

.topbar{background:rgba(0,0,0,.86)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 45px rgba(0,0,0,.46)!important}
.box,.dev-mark{background:linear-gradient(180deg,#111,#050505)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.menu div,.search,.search:after{border-color:#fff!important;background:#fff!important}

.card,.stat,.status-item,.link-item,.social-card,.partner-card,.rota-item,.token-box,.executor-box,.admin-card,.notify-card,.user-card,.plan,.pixBox,.tokenBox,.login-card,.alertBox,.account-card{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),#090909!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.52)!important;
}
.card,.link-item,.social-card,.partner-card,.rota-item,.plan,.input-group,.pixBox,.tokenBox,.alertBox{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.card:hover,.link-item:hover,.social-card:hover,.partner-card:hover,.rota-item:hover,.plan:hover{border-color:rgba(255,255,255,.26)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 22px 70px rgba(0,0,0,.62),0 0 30px rgba(255,255,255,.045)!important}

.red,.error,.doc-link,.console-link,.link-item span,.doc-code,.doc-step h3,.param label,.tokenError,.partner-tag.official,.yuta .partner-icon,.social-card.contact .social-icon,.social-card.channel .social-icon{color:#fff!important;text-shadow:0 0 18px rgba(255,255,255,.08)!important}
.success,.value.success,#copyBtn.copied{color:#fff!important;text-shadow:0 0 14px rgba(255,255,255,.10)!important}
.dot{background:#fff!important;box-shadow:0 0 12px rgba(255,255,255,.55),0 0 30px rgba(255,255,255,.18)!important}
.bar{background:linear-gradient(180deg,#fff,#8f8f8f)!important;box-shadow:0 0 18px rgba(255,255,255,.16)!important}

button,.btn,.back-btn,.plan button,.tokenBox button,.pixActions button,.login-form button,.alertBox button,.key-wrap button,.actions button,.admin-actions button,.copy,.exec,.primary,.danger,#copyBtn{
  background:linear-gradient(180deg,#fff,#cfcfcf)!important;color:#000!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:15px!important;box-shadow:0 12px 35px rgba(255,255,255,.10)!important;text-shadow:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease!important
}
button:hover,.btn:hover,.back-btn:hover,.plan button:hover,.tokenBox button:hover,.pixActions button:hover,.login-form button:hover,.alertBox button:hover,.key-wrap button:hover,.actions button:hover,.admin-actions button:hover,.copy:hover,.exec:hover,.primary:hover,.danger:hover,#copyBtn:hover{transform:translateY(-2px);background:linear-gradient(180deg,#fff,#a8a8a8)!important;box-shadow:0 18px 45px rgba(255,255,255,.16)!important}
button:active,.btn:active,.plan button:active,.login-form button:active,.tokenBox button:active{transform:translateY(0) scale(.99)!important}
button:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important}
.btn-ghost{background:linear-gradient(180deg,#151515,#070707)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important}
.btn-ghost:hover{background:linear-gradient(180deg,#202020,#0a0a0a)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}

input,textarea,select,.key-wrap input,.param input,.tokenBox input,.input-group,input[type="text"],input[type="email"],input[type="password"],input[type="number"]{background:#050505!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important}
.input-group{border-radius:16px!important}
.input-group input{border:0!important;background:transparent!important;box-shadow:none!important;font-family:Inter,sans-serif!important}
input:focus,textarea:focus,select:focus,.key-wrap input:focus,.param input:focus,.tokenBox input:focus,.input-group:focus-within{border-color:rgba(255,255,255,.55)!important;box-shadow:0 0 0 3px rgba(255,255,255,.07),inset 0 0 0 1px rgba(255,255,255,.03)!important;outline:none!important}
input::placeholder,textarea::placeholder{color:#737373!important}

.doc-link{border-bottom:1px dashed rgba(255,255,255,.55)!important}.doc-step{border-left:3px solid #fff!important}.doc-code,pre,code,.response-box,.result-box{background:#030303!important;color:#f5f5f5!important;border:1px solid rgba(255,255,255,.14)!important}
.tab{background:#070707!important;border:1px solid rgba(255,255,255,.13)!important;color:#8d8d8d!important}.tab:hover,.tab.active{color:#000!important;background:linear-gradient(180deg,#fff,#cfcfcf)!important;border-color:#fff!important;box-shadow:0 14px 32px rgba(255,255,255,.1)!important}.method-badge,.partner-tag{background:#fff!important;color:#000!important;border:1px solid rgba(255,255,255,.35)!important}.rota-body{border-top:1px solid rgba(255,255,255,.10)!important}.rota-path{color:#c7c7c7!important}.rota-name{color:#fff!important}
#pixModal,#tokenModal,.alertModal,.confirm-overlay{background:rgba(0,0,0,.86)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}


body.auth-page{padding:0!important;min-height:100vh!important;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,.09),transparent 32%),linear-gradient(180deg,#000,#050505 52%,#000)!important}
body.auth-page::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.03) 48%,transparent 64%);opacity:.8}
.auth-shell{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:56px 0}
.auth-brand-area{padding:18px 6px}.auth-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:44px}.auth-brand-row h1{font-family:'Bebas Neue';font-size:54px;letter-spacing:2px;line-height:.9}.auth-brand-row span{font-size:12px;letter-spacing:4px;color:#a5a5a5;font-weight:700}.auth-copy h2{font-family:'Bebas Neue';font-size:86px;line-height:.88;letter-spacing:2px;margin:14px 0 18px}.auth-copy p{font-size:18px;line-height:1.65;color:#b3b3b3;max-width:560px}.auth-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.auth-trust-item{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014)),#070707;box-shadow:0 15px 50px rgba(0,0,0,.35)}.auth-trust-item span{font-size:28px;color:#fff}.auth-trust-item strong{display:block;font-family:'Bebas Neue';font-size:22px;letter-spacing:1.5px;margin:10px 0 3px}.auth-trust-item small{font-size:12px;line-height:1.4;color:#8f8f8f}
.auth-card{width:100%;max-width:460px;margin:0!important;text-align:left!important;padding:32px!important;border-radius:26px!important}.auth-card-head{text-align:center;margin-bottom:20px}.auth-card h2{font-size:58px!important;line-height:.9!important;margin:8px 0 8px!important}.auth-card-head p,.auth-note{color:#9b9b9b;font-size:14px;line-height:1.5}.auth-note{text-align:center;margin-top:18px}.auth-card .login-form{display:flex;flex-direction:column;gap:12px}.auth-card .input-group{padding:16px 18px!important;background:#050505!important}.auth-card .input-group span{color:#fff!important}.auth-card .login-form button{min-height:56px;font-size:24px!important;letter-spacing:2px!important}.auth-card .btn-ghost{margin-top:0!important}
.alertBox{width:min(360px,calc(100% - 40px))!important;border-radius:22px!important}.alertBox h2{font-family:'Bebas Neue';letter-spacing:2px!important}.alertBox p{line-height:1.55!important;color:#b8b8b8!important}

@media(max-width:1000px){.auth-shell{grid-template-columns:1fr;gap:26px;padding:36px 0}.auth-brand-area{text-align:center}.auth-brand-row{justify-content:center;margin-bottom:22px}.auth-copy h2{font-size:58px}.auth-copy p{margin:0 auto}.auth-trust-grid{grid-template-columns:1fr;max-width:460px;margin:28px auto 0}.auth-card{max-width:520px;margin:0 auto!important}}
@media(max-width:900px){#sidebar{width:min(320px,84vw)!important;left:calc(-1 * min(320px,84vw))!important;padding:26px!important}#sidebar.open{left:0!important}.page{padding:116px 18px 28px!important}.topbar{height:86px!important;padding:0 18px!important}.topbar h1{font-size:44px!important}.card{padding:26px!important}.hero h2{font-size:70px!important}.stat h3{font-size:84px!important}}
@media(max-width:560px){.auth-shell{width:min(100% - 28px,520px);padding:28px 0}.auth-brand-row h1{font-size:44px}.auth-copy h2{font-size:48px}.auth-copy p{font-size:15px}.auth-card{padding:24px!important;border-radius:22px!important}.auth-card h2{font-size:48px!important}.auth-trust-grid{display:none}.auth-note{font-size:12px}.login-card{max-width:100%!important}.input-group input{font-size:15px!important}}
