/* NEXORA account and dashboard visual system - Tahap 48 */
:root{--nx-blue:#087cff;--nx-blue2:#27b6ff;--nx-navy:#102e71;--nx-ink:#17356f;--nx-muted:#7285a9;--nx-line:#dceaff;--nx-surface:#fff;--nx-soft:#f2f8ff;--nx-shadow:0 14px 38px rgba(24,93,176,.10)}
body{background:linear-gradient(180deg,#f4faff 0%,#fff 55%,#f4f9ff 100%);color:var(--nx-ink)}
a{transition:color .18s,background .18s,border-color .18s,transform .18s}
button,.btn,input,select,textarea{font-family:inherit}
.top{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e2efff!important;box-shadow:0 5px 24px rgba(30,90,170,.05)!important;backdrop-filter:blur(16px)}
.brand-mark{background:linear-gradient(135deg,#087cff,#56d4ff 60%,#854bff)!important;box-shadow:0 8px 18px #087cff26!important}
.btn.primary,.auth-submit,.register-submit{background:linear-gradient(100deg,#087cff,#14a8ff)!important;box-shadow:0 8px 18px #087cff25!important;border:0!important;color:#fff!important}
.btn.primary:hover,.auth-submit:hover,.register-submit:hover{transform:translateY(-1px);box-shadow:0 12px 25px #087cff35!important}
/* Login/register/password recovery */
.auth-page{padding:32px 14px 44px!important;min-height:calc(100vh - 150px);display:grid;place-items:center;background:radial-gradient(ellipse at 12% 18%,#d8efff 0,transparent 35%),radial-gradient(ellipse at 90% 88%,#e8e2ff 0,transparent 30%)}
.auth-shell{width:min(1050px,100%)!important;grid-template-columns:minmax(0,1.03fr) minmax(340px,.97fr)!important;gap:0!important;border:1px solid #d7e8ff!important;border-radius:28px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 25px 80px rgba(20,85,170,.14)!important}
.auth-visual{position:relative!important;min-height:590px!important;padding:32px!important;background:linear-gradient(160deg,rgba(2,23,66,.18),rgba(3,30,90,.88)),url('nexora-icons/banner-genshin.jpg') center/cover!important;color:#fff!important;isolation:isolate}
.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,26,78,.08),rgba(5,24,73,.94));z-index:-1}
.auth-glow{position:absolute!important;inset:auto -80px -120px auto!important;width:300px!important;height:300px!important;border-radius:50%!important;background:#23aaff42!important;filter:blur(50px)!important}
.auth-brand{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;color:white!important;font-size:17px!important;letter-spacing:1.5px!important}
.auth-brand-mark{width:48px!important;height:48px!important;border-radius:15px!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 10px 25px #001b5840!important}
.auth-brand-mark img{width:100%;height:100%;object-fit:contain}
.auth-copy{position:relative!important;margin-top:145px!important;max-width:430px!important}
.auth-copy h2{font-size:clamp(29px,3.5vw,42px)!important;line-height:1.08!important;letter-spacing:-1.2px!important;margin:14px 0!important;color:#fff!important}
.auth-copy p{color:#dcecff!important;line-height:1.8!important;font-size:14px!important}
.eyebrow6{color:#8de0ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:2px!important}
.auth-points{position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:28px!important}
.auth-point{padding:10px 12px!important;border:1px solid #ffffff32!important;border-radius:12px!important;background:#ffffff12!important;color:#eff8ff!important;font-size:12px!important;backdrop-filter:blur(10px)}
.auth-form-side{padding:clamp(26px,4vw,48px)!important;align-self:center!important}
.auth-form-side h1,.register-card h1,.box.form h1{color:#153a7b!important;letter-spacing:-.7px!important;font-size:clamp(26px,3vw,34px)!important;margin:10px 0!important}
.auth-form-side>.muted,.register-intro p,.box.form>.muted{color:#7185a7!important;line-height:1.7!important}
.field{gap:7px!important;margin-bottom:17px!important}
.field label{font-size:12px!important;font-weight:800!important;color:#294b80!important}
.field input,.field select,.field textarea,.auth-form input,.register-form input,.box.form input{border:1px solid #d8e6fa!important;background:#fafdff!important;border-radius:12px!important;padding:13px 14px!important;min-height:46px!important;outline:none!important;transition:.18s!important}
.field input:focus,.field select:focus,.field textarea:focus,.auth-form input:focus,.register-form input:focus,.box.form input:focus{border-color:#168cff!important;box-shadow:0 0 0 4px #168cff18!important;background:#fff!important}
.auth-submit,.register-submit{width:100%!important;border-radius:12px!important;min-height:47px!important;font-weight:900!important}
.auth-links{display:flex!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;margin-top:14px!important;font-size:12px!important}
.auth-links a,.auth-bottom a,.register-foot a{color:#087cff!important;font-weight:800!important}
.auth-bottom,.register-foot{margin-top:24px!important;padding-top:18px!important;border-top:1px solid #e8f0fc!important;color:#7185a7!important;font-size:13px!important;text-align:center!important}
.register-card,.box.form{width:min(650px,calc(100% - 28px))!important;margin:36px auto 50px!important;padding:clamp(22px,4vw,38px)!important;border:1px solid #dceaff!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--nx-shadow)!important}
.register-intro{padding:0!important;margin-bottom:20px!important}
.account-type-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:20px 0!important}
.account-type-switch a{display:flex!important;align-items:center!important;gap:12px!important;padding:15px!important;border:1px solid #dbe8fa!important;border-radius:16px!important;background:#f8fbff!important;color:#1b427d!important;text-decoration:none!important}
.account-type-switch a.active{border-color:#168cff!important;background:linear-gradient(135deg,#edf7ff,#f6f3ff)!important;box-shadow:inset 0 0 0 1px #168cff22!important}
.account-type-switch small{display:block!important;color:#7a8ca9!important;margin-top:4px!important}
.seller-form-box{padding:16px!important;border:1px solid #dceaff!important;border-radius:16px!important;background:#f7fbff!important;margin:12px 0 18px!important}
.seller-form-box>small{display:block;color:#7589a9;line-height:1.6;margin:6px 0 14px}
.box.form{max-width:520px!important}
.box.form form .btn{width:100%;min-height:46px;border-radius:12px}
.reset-icon{box-shadow:0 10px 24px #087cff30!important}
.notice{border-radius:13px!important}
/* Member area */
.member-hero{background:linear-gradient(115deg,rgba(5,36,100,.93),rgba(7,119,236,.88)),url('nexora-icons/banner-mobile-legends.jpg') center/cover!important;border:1px solid #2a91ff!important;border-radius:24px!important;box-shadow:0 20px 48px #1259b522!important}
.member-stat,.member-card{border:1px solid #e0ecfb!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(24,93,176,.06)!important}
.member-menu a{border:1px solid #e1edfb!important;background:linear-gradient(135deg,#f8fbff,#eff7ff)!important;color:#19417d!important;transition:.18s!important}
.member-menu a:hover{transform:translateY(-2px);border-color:#8fcaff!important;background:#fff!important}
/* Seller area: light blue dashboard with matching brand accents */
.seller-top{background:rgba(255,255,255,.96)!important;color:#18396f!important;border-bottom:1px solid #dfecfb!important;box-shadow:0 6px 24px #165bb30b!important;backdrop-filter:blur(15px)}
.seller-brand{color:#153a7b!important;letter-spacing:1px!important}
.seller-logo{border:1px solid #e1edff!important;box-shadow:0 5px 16px #087cff14!important}
.seller-nav a{color:#5c7299!important}
.seller-nav a:hover,.seller-nav a.active{background:#eaf5ff!important;color:#087cff!important}
.seller-user{color:#60779d!important}
.seller-main{max-width:1260px!important}
.seller-main .card{border:1px solid #dfebfb!important;border-radius:18px!important;box-shadow:0 10px 28px #1b5eaa0b!important}
.seller-main .hero-card{background:linear-gradient(120deg,#103a83,#087cff 70%,#3ebcff)!important;border:0!important;border-radius:22px!important}
.seller-main .btn.primary{background:linear-gradient(100deg,#087cff,#19b1ff)!important}
/* Admin panel: retain existing sidebar mechanics, unify content surfaces */
.admin-shell .page-area{background:linear-gradient(180deg,#f5faff,#fff 50%,#f6faff)!important}
.admin-shell .topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #dfebfb!important;backdrop-filter:blur(14px)}
.admin-shell .content-card,.admin-shell .card,.admin-shell .panel,.admin-shell .stat-card{border-radius:17px!important;border-color:#dfebfb!important;box-shadow:0 10px 28px #1b5eaa0b!important}
.admin-shell button.primary,.admin-shell .btn-primary{background:linear-gradient(100deg,#087cff,#1bb1ff)!important}
@media(max-width:760px){.auth-page{padding:16px 10px 28px!important}.auth-shell{grid-template-columns:1fr!important;border-radius:22px!important}.auth-visual{min-height:290px!important;padding:22px!important;background-position:center 35%!important}.auth-copy{margin-top:48px!important}.auth-copy h2{font-size:29px!important;max-width:360px}.auth-copy p{font-size:12px!important;max-width:360px}.auth-points{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:15px!important}.auth-point{font-size:10px!important;padding:8px!important}.auth-form-side{padding:25px 20px!important}.register-card,.box.form{margin:20px auto 32px!important;width:calc(100% - 20px)!important;padding:22px 18px!important;border-radius:20px!important}.account-type-switch{gap:8px!important}.account-type-switch a{padding:11px!important;font-size:12px!important}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.member-layout{grid-template-columns:1fr!important}.member-hero{padding:22px!important;border-radius:20px!important}.member-hero h1{font-size:25px!important}.seller-main{padding:18px 12px 36px!important}.seller-main .grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.seller-main .grid2,.seller-main .grid3{grid-template-columns:1fr!important}.seller-main .card{padding:14px!important}.seller-title{align-items:center!important;flex-wrap:wrap!important}.seller-title h1{font-size:22px!important}.admin-shell .page-area{min-width:0!important}.admin-shell .topbar{padding-inline:12px!important}}