.account-menu{position:relative;display:flex;align-items:center;gap:10px;flex-shrink:0}.account-menu[hidden],.account-dropdown[hidden]{display:none!important}
.admin-command{padding:14px 18px;margin:12px 0}.admin-command>.toolbar{margin:0;gap:8px}.admin-command>.toolbar button{padding:9px 12px}
.account-credit{padding:7px 10px;border:1px solid #22d3ee40;border-radius:10px;color:#9deefa;background:#112026;font-size:12px;font-weight:700;white-space:nowrap}
.account-trigger{display:flex!important;align-items:center;gap:9px;background:#1a1b25!important;color:#f4f5fa!important;border:1px solid #ffffff26!important;border-radius:12px;padding:8px 12px!important;white-space:nowrap;cursor:pointer}
.account-trigger svg{fill:none;stroke:#7edee9;stroke-width:1.7;border:1px solid #ffffff25;border-radius:50%;padding:3px}.account-trigger:hover{border-color:#22d3ee90!important}
.account-dropdown{position:absolute;z-index:200;right:0;top:100%;padding:9px;width:210px;max-width:85vw;background:#15151f;border:1px solid #ffffff20;border-radius:14px;box-shadow:0 15px 40px #0008;display:grid;gap:3px}
.account-dropdown a{display:block!important;padding:11px 13px;border-radius:8px;color:#e8e9f2!important;text-decoration:none;font-size:14px}.account-dropdown a:hover,.account-dropdown a:focus-visible{background:#ffffff12;color:#66e5f6!important}
.announcement-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;background:#14151f;color:#eef0f8;border:1px solid #57d7e65c;border-radius:20px;box-shadow:0 25px 90px #0008}
.announcement-dialog::backdrop{background:#05050cc7;backdrop-filter:blur(6px)}.announcement-kicker{color:#77e2ef;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.announcement-dialog h2{font-size:24px;margin:16px 0}.announcement-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.announcement-help{font-size:12px;color:#a2a6bc;line-height:1.6;margin:20px 0}.announcement-dialog button{background:#2cd1e3;color:#071216;padding:12px 22px;border:0;border-radius:10px;font-weight:700;cursor:pointer}.announcement-dialog [role=alert]{color:#ffb3c9}.announcement-dialog button:disabled{opacity:.6}
.admin-command>details{display:none}.admin-section-select{display:block;margin:18px 0}.admin-section-select select{width:100%;max-width:480px;margin-top:8px}.admin-summary{margin-bottom:16px}.admin-summary summary{cursor:pointer;padding:10px 0;color:#b6bfce}.admin-summary .stats{margin-top:12px}.announcement-card{padding:16px 0;border-bottom:1px solid #ffffff15;overflow-wrap:anywhere}.announcement-card p{white-space:pre-wrap}.announcement-card small{color:#a1a6ba}.site-online-list{display:grid;gap:12px}.site-online-list article{padding:14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px;overflow-wrap:anywhere}.presence-dot{display:inline-block;background:#61df97;border-radius:50%;width:8px;height:8px;margin-right:8px}.announcement-submit-status{white-space:pre-wrap;color:#8be5c4}
@media(max-width:600px){.account-menu{gap:5px}.account-credit{font-size:11px;padding:6px}.account-trigger{padding:7px 8px!important;font-size:12px}.account-trigger svg{width:24px;height:24px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.announcement-dialog{padding:22px}.admin-command>.toolbar .helper{display:none}}
.account-dropdown a.menu-topup-button,.header-order-button{
 display:inline-flex!important;align-items:center;justify-content:center;gap:6px;
 background:linear-gradient(110deg,#24d5e9 0%,#82e3ed 42%,#ed429c 100%)!important;
 color:#08131c!important;-webkit-text-fill-color:#08131c!important;background-clip:border-box!important;
 border:1px solid transparent!important;border-radius:10px;font-weight:800;font-size:13px;line-height:1.4;
 padding:10px 14px;text-decoration:none;isolation:isolate;box-shadow:none!important;filter:none!important;
}
.account-dropdown a.menu-topup-button:hover,.account-dropdown a.menu-topup-button:focus-visible,.header-order-button:hover{color:#08131c!important;filter:brightness(1.08)!important}
.header-order-button[hidden]{display:none!important}
.header-order-button{order:9}.account-menu{order:10}
.header-order-button:focus-visible,.account-dropdown a.menu-topup-button:focus-visible{outline:2px solid #85edff;outline-offset:3px}
.header-order-button::before,.header-order-button::after,.account-dropdown a.menu-topup-button::before,.account-dropdown a.menu-topup-button::after{content:none!important}
@media(max-width:600px){.header-order-button{font-size:11px;padding:9px 10px}.account-dropdown{max-height:75dvh;overflow-y:auto}}

/* One compact account surface, opened from the profile button on every device. */
body .account-menu .account-dropdown{box-sizing:border-box;width:280px;max-width:calc(100vw - 28px);top:calc(100% + 8px);padding:12px;border:1px solid #445369b3;border-radius:16px;background:linear-gradient(145deg,#172331f5,#141723 60%,#211827f5);box-shadow:0 20px 54px #0008,0 1px 0 #ffffff0b inset;backdrop-filter:blur(20px);gap:0;overscroll-behavior:contain;transform-origin:top right}
body .account-menu .menu-overview{display:grid;gap:10px;margin:0 0 12px;padding:2px 2px 14px;border-bottom:1px solid #ffffff14}
body .account-menu .menu-balance{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:8px;padding:16px 17px;border:1px solid #76d7e34d;border-radius:12px;background:radial-gradient(ellipse at 0 0,#20c9df24,transparent 75%),radial-gradient(ellipse at 100% 100%,#ea479d25,transparent 70%),#131e2b;color:#c5dce8;font-size:12px;line-height:1.45;box-shadow:inset 0 1px #dcfaff16,0 5px 16px #0002}
body .account-menu .menu-balance::before{content:'';position:absolute;z-index:-1;inset:-35% -70%;background:linear-gradient(115deg,transparent 43%,#b8f8ff14 49%,#fac3e71a 52%,transparent 59%);pointer-events:none;transform:translateX(-65%)}
body .account-menu .menu-balance::after{content:'';position:absolute;z-index:-1;right:12px;bottom:9px;width:63px;height:63px;background:url('assets/seli-edit-emblem-2026.png') center/contain no-repeat;opacity:.1;pointer-events:none}
body .account-menu .menu-balance .menu-balance-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.035em;color:#b9eef4}
body .account-menu .menu-balance strong{font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.035em;color:#f1fdff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body .account-menu .menu-balance small{font-size:11px;color:#b7c9dc}
body .account-menu .account-menu-heading{margin:0;padding:0 10px 7px;font-size:9px;font-weight:750;letter-spacing:.13em;line-height:1.5;color:#8ba2b9}
body .account-menu .account-menu-links{display:grid;gap:3px;min-width:0}
body .account-menu .account-dropdown a.account-nav-link,body .account-menu .menu-logout{display:flex!important;align-items:center;gap:11px;min-height:39px;padding:9px 10px;margin:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#e0e9f5!important;-webkit-text-fill-color:currentColor!important;font-size:12px;font-weight:550;line-height:1.45;text-align:left;letter-spacing:normal;text-transform:none;box-shadow:none;filter:none;cursor:pointer}
body .account-menu .account-item-icon{display:block;width:17px;height:17px;flex:0 0 17px;color:#8ba7bd;fill:none;pointer-events:none}
body .account-menu .account-dropdown a.menu-topup-button{min-height:36px;font-size:12px;padding:8px 12px;gap:8px;width:100%;box-sizing:border-box}
body .account-menu .menu-topup-button .account-item-icon{color:inherit}
body .account-menu .account-menu-footer{margin:10px 0 0;padding-top:8px;border-top:1px solid #ffffff14}
body .account-menu .menu-logout{width:100%;color:#efadbf!important}
body .account-menu .menu-logout .account-item-icon{color:inherit}
body .account-menu .menu-logout::before,body .account-menu .menu-logout::after{content:none!important}
body .account-menu .menu-logout:disabled{opacity:.55;cursor:wait}
body .account-menu .account-menu-footer [role=status]{color:#ffb2c5;font-size:12px;line-height:1.5;margin:8px 10px 0;overflow-wrap:anywhere}
body .account-menu .account-menu-footer [role=status]:empty{display:none}
body .account-menu :is(.account-nav-link,.menu-logout):is(:hover,:focus-visible){background:#26394c!important;border-color:#6bcfe633;color:#eefcff!important}
body .account-menu :is(.account-nav-link,.menu-logout,.account-trigger):focus-visible{outline:2px solid #8feaf5;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
  body .account-menu .account-dropdown:not([hidden]){animation:account-menu-reveal .18s cubic-bezier(.2,.7,.3,1) both}
  body .account-menu .account-dropdown:not([hidden]) .menu-balance::before{animation:account-balance-shine 10s ease-in-out infinite}
  body .account-menu :is(.account-nav-link,.menu-logout,.account-credit){transition:background-color .16s,border-color .16s,color .16s}
  body .account-menu .account-nav-link .account-item-icon{transition:color .16s,transform .16s}
  @media(hover:hover) and (pointer:fine){body .account-menu .account-nav-link:hover .account-item-icon{color:#8feaf5;transform:translateX(2px)}}
}
@keyframes account-menu-reveal{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes account-balance-shine{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
@media(max-width:600px){
  body .account-menu .account-dropdown{width:270px;max-height:65dvh;padding:10px}
  body .account-menu .account-dropdown a.account-nav-link,body .account-menu .menu-logout{min-height:44px;padding:10px;font-size:13px}
  body .account-menu .account-dropdown a.menu-topup-button{min-height:42px}
}
@media(prefers-reduced-motion:reduce){body .account-menu .account-dropdown,body .account-menu .account-item-icon,body .account-menu .menu-balance::before{animation:none!important;transition:none!important}}