.portal-page{min-height:100vh;background:radial-gradient(circle at 75% 0,rgba(75,86,242,.14),transparent 30%),#050817}.portal-shell{width:min(1040px,calc(100% - 40px));margin:auto;padding:64px 0 100px}.portal-heading{margin-bottom:28px}.portal-heading h1{font:800 clamp(30px,5vw,48px) Manrope;margin:8px 0}.portal-heading p{color:#8290aa;max-width:620px}.portal-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.portal-card{background:linear-gradient(145deg,rgba(9,19,42,.98),rgba(5,10,24,.98));border:1px solid #1a3766;border-radius:18px;padding:28px}.balance-current{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #19335b}.balance-current small,.balance-current strong{display:block}.balance-current small{font-size:9px;letter-spacing:.14em;color:#7186a8}.balance-current strong{font:800 32px Manrope;margin-top:5px}.portal-form label{font-size:10px;color:#90a2be}.portal-form input{display:block;width:100%;margin:8px 0 20px;padding:15px;border:1px solid #214573;border-radius:10px;background:#050b1b;color:#fff;font-size:16px}.portal-form .button{width:100%;justify-content:center}.portal-note{font-size:10px;color:#74849d;line-height:1.7}.portal-links{display:grid;gap:10px}.portal-links a{display:flex;justify-content:space-between;padding:15px;border:1px solid #1a3766;border-radius:11px;color:#9fb0ca}.portal-links a:hover{border-color:#5d59eb;color:#fff}.cart-page-list{display:grid;gap:12px}.cart-page-row{display:grid;grid-template-columns:48px 1fr auto auto;gap:14px;align-items:center;border:1px solid #19365f;border-radius:13px;padding:14px}.cart-page-icon{width:48px;height:48px;border-radius:11px;background:linear-gradient(135deg,#645af2,#1da6dc);display:grid;place-items:center}.cart-page-icon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8}.cart-page-row strong,.cart-page-row small{display:block}.cart-page-row small{color:#7586a2;margin-top:3px}.cart-page-row button{border:0;background:#191a35;color:#9e96ff;border-radius:8px;width:34px;height:34px;cursor:pointer}.cart-summary{position:sticky;top:105px}.cart-summary h2{margin:0 0 22px}.summary-line{display:flex;justify-content:space-between;padding:14px 0;border-block:1px solid #19365f;margin-bottom:20px}.portal-empty{text-align:center;padding:70px 20px;color:#7e8ca3}.portal-empty svg{width:42px;height:42px;fill:none;stroke:#7469ef;stroke-width:1.5}.portal-message{min-height:18px;color:#ff8298;font-size:10px;margin-top:12px}.portal-message.success{color:#63d9a0}.user-drawer nav .user-admin-link{margin-top:10px;border-top:1px solid #30343c;border-radius:0;padding-top:15px}.user-drawer nav .user-admin-link span{color:#28aee2;background:#14334f}
[data-theme=light] .portal-page{background:#f4f6fb!important}[data-theme=light] .portal-card{background:#fff;color:#171a25;border-color:#dfe3ed;box-shadow:0 12px 34px rgba(31,39,76,.06)}[data-theme=light] .portal-form input{background:#f8f9fc;color:#171a25;border-color:#d8ddea}[data-theme=light] .cart-page-row,[data-theme=light] .portal-links a,[data-theme=light] .balance-current,[data-theme=light] .summary-line{border-color:#dfe3ed}[data-theme=light] .cart-page-row button{background:#eeedff;color:#5f53d9}
@media(max-width:760px){.portal-shell{width:calc(100% - 28px);padding-top:38px}.portal-grid{grid-template-columns:1fr}.cart-summary{position:static}.cart-page-row{grid-template-columns:42px 1fr auto}.cart-page-row>strong{grid-column:2}.cart-page-row button{grid-column:3;grid-row:1/3}.portal-card{padding:20px}}
.profile-required{padding:22px;border:1px solid #4a3d83;border-radius:13px;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(34,211,238,.07))}.profile-required strong{display:block;font-size:16px}.profile-required p{margin:7px 0 18px;color:#92a1b8;font-size:11px}.profile-required .button{width:100%}[data-theme=light] .profile-required{border-color:#d7d3ff;background:linear-gradient(135deg,#f0edff,#eefaff)}

/* Storefront-aligned balance and cart panels. */
.portal-page {
  background-image:
    radial-gradient(circle at 75% 0,rgba(75,86,242,.14),transparent 30%),
    linear-gradient(90deg,rgba(237,242,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(237,242,255,.018) 1px,transparent 1px);
  background-size: auto,80px 80px,80px 80px;
}
.portal-heading .eyebrow { width: fit-content; }
.portal-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(237,242,255,.08);
  background: linear-gradient(145deg,rgba(12,22,44,.92),rgba(5,10,24,.96));
  box-shadow: inset 0 1px rgba(237,242,255,.055),0 20px 55px rgba(0,0,0,.22);
}
.portal-card:after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 9px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #7c3aed;
  border-bottom: 1px solid #7c3aed;
  opacity: .36;
  pointer-events: none;
}
.cart-page-row {
  background: rgba(17,26,48,.44);
  border-color: rgba(237,242,255,.075);
  transition: transform .22s ease,border-color .22s ease,background-color .22s ease;
}
.cart-page-row:hover {
  transform: translateY(-2px);
  border-color: rgba(124,58,237,.35);
  background: rgba(17,26,48,.7);
}
.cart-page-icon { box-shadow: inset 0 1px rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.2); }
.cart-summary .button,.portal-form .button { border-radius: 999px; }
.portal-links a {
  border-radius: 999px;
  transition: transform .2s ease,border-color .2s ease,color .2s ease;
}
.portal-links a:hover { transform: translateX(2px); }
@media(prefers-reduced-motion:reduce){.cart-page-row,.portal-links a{transition-duration:.01ms!important;transform:none!important}}
