:root {
    --bg: #070914;
    --surface: #0e1222;
    --surface-2: #13192d;
    --line: rgba(155, 170, 215, .16);
    --text: #f4f6ff;
    --muted: #9ca6c3;
    --blue: #2997ff;
    --violet: #7c3aed;
    --green: #42d392;
    --danger: #ff6680;
    --gradient: linear-gradient(115deg, #7c3aed, #2997ff);
    --shadow: 0 24px 80px rgba(0, 0, 0, .35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font: 15px/1.6 Inter, system-ui, sans-serif; min-height: 100vh; }
body::before { content: ""; position: fixed; inset: 0; z-index: -3; background: radial-gradient(circle at 50% -20%, rgba(46, 100, 255, .14), transparent 38%), linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px); background-size: auto, 70px 70px, 70px 70px; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.narrow-wide { max-width: 1050px; }
.ambient { position: fixed; width: 420px; height: 420px; border-radius: 50%; filter: blur(140px); opacity: .12; pointer-events: none; z-index: -2; }
.ambient-one { background: var(--violet); top: 20%; left: -280px; }
.ambient-two { background: var(--blue); top: 55%; right: -300px; }

.site-header { position: sticky; top: 0; z-index: 30; height: 72px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(5, 7, 15, .9); backdrop-filter: blur(18px); transition: background .25s ease, border-color .25s ease; }
.site-header-overlay { position: fixed; left: 0; right: 0; background: linear-gradient(180deg, rgba(3,5,12,.82), rgba(3,5,12,.16)); border-bottom-color: transparent; }
.site-header-overlay.scrolled { background: rgba(5, 7, 15, .92); border-bottom-color: rgba(255,255,255,.08); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 28px; }
.brand { width: 180px; flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.brand img { width: 34px; height: 34px; border-radius: 8px; object-fit: cover; box-shadow: 0 0 24px rgba(94, 75, 255, .24); }
.brand > span { color: #f5f7ff; font-size: 14px; font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.brand > span small { display: block; color: #66718d; font-size: 6px; margin-top: 4px; text-transform: uppercase; letter-spacing: .2em; }
.main-nav { display: flex; align-items: center; gap: 25px; }
.main-nav a, .text-link { color: #aeb7d1; font-size: 13px; font-weight: 600; transition: .2s ease; background: none; border: 0; padding: 0; cursor: pointer; }
.main-nav a:hover, .text-link:hover { color: #fff; }
.nav-actions { margin-left: auto; display: flex; align-items: center; gap: 18px; }
.nav-actions form { margin: 0; display: flex; }
.mobile-nav-auth { display: none; }
.cart-link { display: flex; align-items: center; gap: 6px; color: #dbe1f4; }
.cart-link svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.cart-link span { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--gradient); color: #fff; font-size: 10px; font-weight: 800; }
.nav-toggle { display: none; margin-left: auto; width: 36px; border: 0; background: none; padding: 7px; }
.nav-toggle span { display: block; height: 2px; background: #fff; margin: 5px 0; border-radius: 2px; }

.button { min-height: 48px; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 9px; color: #fff; background: var(--gradient); box-shadow: 0 10px 30px rgba(86, 83, 255, .24); font-weight: 700; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.button:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 14px 36px rgba(86, 83, 255, .34); }
.button-small { min-height: 40px; padding: 0 18px; font-size: 13px; }
.button-ghost { border: 1px solid var(--line); background: rgba(255,255,255,.035); box-shadow: none; }
.button-pill { min-height: 50px; padding-inline: 27px; border-radius: 999px; }
.button-danger { background: rgba(255, 76, 106, .13); color: #ff8095; border: 1px solid rgba(255, 102, 128, .3); box-shadow: none; }
.button-full { width: 100%; }
.eyebrow { color: #8190b3; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 9px; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); }

.flash-wrap { margin-top: 18px; position: relative; z-index: 4; }
.alert { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-radius: 10px; border: 1px solid; padding: 13px 45px 13px 16px; margin-bottom: 12px; transition: opacity .2s ease, transform .2s ease, margin .2s ease; }
.alert-fading { opacity: 0; transform: translateY(-5px); }
.alert-dismiss { position: absolute; top: 10px; right: 10px; display: grid; width: 25px; height: 25px; place-items: center; padding: 0; border: 0; border-radius: 5px; background: transparent; cursor: pointer; opacity: .65; transition: opacity .15s ease, background .15s ease; }
.alert-dismiss:hover { background: rgba(255,255,255,.08); opacity: 1; }
.alert-dismiss img { width: 14px; height: 14px; }
.alert strong { display: block; }
.alert p { margin: 4px 0 0; }
.alert ul { margin: 5px 0 0 18px; padding: 0; }
.alert-success { color: #90e8bd; border-color: rgba(66,211,146,.25); background: rgba(66,211,146,.08); }
.alert-error { color: #ff91a3; border-color: rgba(255,102,128,.25); background: rgba(255,102,128,.08); }

.hero-home { min-height: 100svh; position: relative; display: grid; place-items: center; overflow: hidden; isolation: isolate; background: #03050d; }
.hero-home::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 44%, rgba(38,84,218,.13), transparent 30%), radial-gradient(ellipse at center, rgba(3,5,13,.02) 0%, rgba(3,5,13,.42) 55%, rgba(3,5,13,.98) 100%), linear-gradient(180deg, rgba(3,5,13,.12), #070914 100%); }
.hero-home-art { position: absolute; inset: 0; z-index: -3; overflow: hidden; }
.hero-orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(105,135,255,.15); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: min(76vw, 980px); aspect-ratio: 1; box-shadow: inset 0 0 100px rgba(60,70,255,.04), 0 0 100px rgba(38,94,255,.05); }
.orbit-two { width: min(46vw, 590px); aspect-ratio: 1; border-color: rgba(141,102,255,.18); animation: orbit-pulse 7s ease-in-out infinite alternate; }
.hero-beam { position: absolute; width: 70vw; height: 1px; left: 15%; top: 50%; background: linear-gradient(90deg, transparent, rgba(86,117,255,.34), transparent); }
.beam-one { transform: rotate(27deg); }
.beam-two { transform: rotate(-27deg); }
.hero-home-grid { position: absolute; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 88px 88px; mask-image: linear-gradient(transparent, black 45%, transparent); }
@keyframes orbit-pulse { to { transform: translate(-50%,-50%) scale(1.08); opacity: .55; } }
.hero-home-content { position: relative; z-index: 2; max-width: 930px; padding-block: 150px 120px; text-align: center; display: flex; flex-direction: column; align-items: center; text-shadow: 0 4px 28px rgba(0,0,0,.72); }
.hero-kicker { margin-bottom: 18px; color: #aebfff; text-transform: uppercase; letter-spacing: .28em; font-size: 11px; font-weight: 800; }
.hero-home h1 { margin: 0; font-size: clamp(52px, 7.4vw, 94px); line-height: .98; letter-spacing: -.062em; font-weight: 800; }
.hero-home h1 span { display: inline-block; padding-bottom: .08em; background: linear-gradient(110deg, #8b5cff, #31a8ff); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-home-content > p { max-width: 680px; margin: 28px auto 0; color: #c0c8dc; font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; justify-content: center; gap: 13px; margin-top: 33px; }
.hero-home .button-ghost { background: rgba(4,7,17,.48); border-color: rgba(255,255,255,.18); backdrop-filter: blur(10px); }
.hero-trust { display: flex; align-items: center; justify-content: center; gap: 0; margin-top: 44px; color: #a7b0c8; font-size: 11px; font-weight: 600; }
.hero-trust span { padding-inline: 18px; border-right: 1px solid rgba(255,255,255,.15); }
.hero-trust span:last-child { border: 0; }
.hero-trust i, .availability i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }
.hero-scroll { position: absolute; left: 50%; bottom: 27px; width: 34px; height: 34px; display: grid; place-items: center; transform: translateX(-50%); opacity: .6; }
.hero-scroll span { width: 9px; height: 9px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); animation: scroll-cue 1.8s ease-in-out infinite; }
@keyframes scroll-cue { 50% { transform: translateY(5px) rotate(45deg); opacity: .45; } }

.catalog-section { scroll-margin-top: 70px; padding: 105px 0; background: linear-gradient(180deg, #070914, #090c18); border-block: 1px solid rgba(255,255,255,.05); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 34px; }
.section-heading h2 { margin: 8px 0 0; font-size: clamp(34px, 4vw, 49px); line-height: 1.08; letter-spacing: -.05em; }
.section-heading > p { max-width: 460px; color: var(--muted); margin: 0; }
.section-heading.centered { text-align: center; justify-content: center; }
.filter-bar { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--line); background: rgba(13,17,31,.84); border-radius: 14px; margin-bottom: 36px; }
.search-field { width: 270px; height: 42px; display: flex; align-items: center; gap: 9px; background: #070a14; border: 1px solid var(--line); border-radius: 9px; padding: 0 12px; }
.search-field svg { width: 17px; fill: none; stroke: #77819c; stroke-width: 1.8; }
.search-field input { width: 100%; border: 0; outline: 0; background: none; color: #fff; }
.filter-pills { display: flex; flex: 1; gap: 5px; overflow: auto; }
.filter-pills a { padding: 8px 13px; border-radius: 8px; color: #8e99b7; font-size: 12px; white-space: nowrap; }
.filter-pills a.active, .filter-pills a:hover { color: #fff; background: rgba(110,93,255,.15); }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.product-card { background: linear-gradient(160deg, rgba(17,22,40,.96), rgba(9,12,24,.96)); border: 1px solid var(--line); border-radius: 17px; overflow: hidden; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.product-card:hover { transform: translateY(-7px); border-color: rgba(83,137,255,.48); box-shadow: 0 28px 60px rgba(0,0,0,.34), 0 0 30px rgba(69,75,255,.08); }
.product-image { display: block; height: 230px; overflow: hidden; position: relative; background: #10162d; }
.product-image > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.product-card:hover .product-image > img { transform: scale(1.055); }
.availability, .featured-badge { position: absolute; top: 13px; padding: 6px 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(5,8,18,.78); backdrop-filter: blur(10px); border-radius: 999px; font-size: 10px; font-weight: 700; }
.availability { left: 12px; }
.featured-badge { right: 12px; background: linear-gradient(115deg, rgba(124,58,237,.9), rgba(41,151,255,.9)); }
.product-body { padding: 23px; }
.product-category { color: #71809f; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; font-weight: 800; }
.product-body h3 { font-size: 18px; margin: 7px 0 8px; }
.product-body p { color: #929db9; font-size: 13px; line-height: 1.65; min-height: 43px; margin: 0; }
.product-footer { display: flex; justify-content: space-between; align-items: end; margin-top: 21px; padding-top: 18px; border-top: 1px solid var(--line); }
.card-price { display: flex; flex-direction: column; }
.card-price small { color: #68738f; font-size: 9px; text-transform: uppercase; }
.card-price strong { font-size: 18px; }
.card-actions { display: flex; align-items: center; gap: 12px; }
.card-actions > a { color: #8caeff; font-size: 11px; font-weight: 700; }
.card-actions form { display: flex; }
.icon-button { width: 38px; height: 38px; border: 1px solid var(--line); background: rgba(255,255,255,.045); border-radius: 9px; font-size: 22px; line-height: 1; cursor: pointer; }
.icon-button:hover { background: var(--gradient); border-color: transparent; }
.empty-state { grid-column: 1 / -1; text-align: center; padding: 70px 30px; border: 1px dashed var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.empty-state h3 { font-size: 22px; margin: 0 0 5px; }
.empty-state p { color: var(--muted); margin: 0 0 20px; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 30px; color: #77819c; font-size: 12px; }
.pagination a { color: #c8d0e6; }

.gradient-text { background: var(--gradient); background-clip: text; -webkit-background-clip: text; color: transparent; }
.section-title { margin-bottom: 45px; }
.centered-title { max-width: 720px; margin-inline: auto; text-align: center; }
.section-title h2 { margin: 8px 0 10px; font-size: clamp(37px, 4.5vw, 54px); line-height: 1.06; letter-spacing: -.055em; }
.section-title > p { margin: 0; color: var(--muted); }

.trust-section { scroll-margin-top: 70px; position: relative; overflow: hidden; padding: 125px 0; background: radial-gradient(circle at 12% 45%, rgba(74,63,255,.09), transparent 30%), #060810; border-bottom: 1px solid rgba(255,255,255,.05); }
.trust-section::after { content: ""; position: absolute; width: 420px; height: 420px; right: -230px; top: 5%; border: 1px solid rgba(99,130,255,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(99,130,255,.025), 0 0 0 140px rgba(99,130,255,.018); }
.trust-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .78fr 1.22fr; gap: 75px; align-items: center; }
.trust-intro h2, .journey-copy h2 { margin: 12px 0 22px; font-size: clamp(40px, 4.7vw, 62px); line-height: 1.02; letter-spacing: -.06em; }
.trust-intro > p { max-width: 470px; color: var(--muted); font-size: 15px; }
.trust-statement { margin-top: 34px; padding: 17px 0; display: flex; gap: 14px; border-block: 1px solid var(--line); color: #8f9ab5; font-size: 11px; }
.trust-statement i { width: 8px; height: 8px; flex: 0 0 8px; margin-top: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.trust-statement span { display: flex; flex-direction: column; }
.trust-statement strong { color: #f4f6ff; font-size: 13px; }
.trust-bento { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.trust-card { min-height: 190px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(155,170,215,.15); border-radius: 18px; background: linear-gradient(145deg, rgba(18,23,40,.92), rgba(9,12,23,.92)); transition: transform .2s ease, border-color .2s ease; }
.trust-card:hover { transform: translateY(-3px); border-color: rgba(91,125,255,.38); }
.trust-card-primary { grid-row: span 2; min-height: 394px; background: radial-gradient(circle at 20% 5%, rgba(65,105,255,.2), transparent 42%), linear-gradient(145deg, #131a32, #090c18); }
.trust-card-wide { grid-column: 1 / -1; min-height: 155px; display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; }
.feature-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid rgba(88,106,255,.3); border-radius: 13px; color: #81a8ff; background: rgba(83,70,255,.11); }
.feature-icon img { width: 21px; height: 21px; }
.trust-card small { margin-top: 22px; color: #65718e; text-transform: uppercase; letter-spacing: .13em; font-size: 8px; font-weight: 800; }
.trust-card h3 { margin: 3px 0 8px; font-size: 17px; }
.trust-card p { margin: 0; color: #8d97b1; font-size: 12px; line-height: 1.75; }
.trust-label { margin-top: auto !important; padding: 7px 10px; border: 1px solid rgba(66,211,146,.18); border-radius: 999px; color: #72deb0 !important; background: rgba(66,211,146,.07); letter-spacing: .04em !important; }
.trust-card-wide small { margin-top: 0; }
.trust-dots { display: flex; gap: 8px; }
.trust-dots span { width: 8px; height: 8px; border-radius: 50%; background: #53617e; }
.trust-dots span:first-child { background: var(--green); box-shadow: 0 0 12px var(--green); }

.journey-section { scroll-margin-top: 70px; padding: 125px 0; background: radial-gradient(circle at 82% 55%, rgba(44,112,255,.11), transparent 33%), #090b14; }
.journey-layout { display: grid; grid-template-columns: .86fr 1.14fr; gap: 90px; align-items: center; }
.journey-list { margin: 40px 0 0; padding: 0; list-style: none; }
.journey-list li { position: relative; display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding-bottom: 28px; }
.journey-list li:not(:last-child)::after { content: ""; position: absolute; left: 21px; top: 43px; bottom: 4px; width: 1px; background: linear-gradient(#526cff, rgba(82,108,255,.08)); }
.journey-list > li > span { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(87,112,255,.28); border-radius: 50%; color: #9db8ff; background: #11162a; font-size: 10px; font-weight: 800; }
.journey-list h3 { margin: 0 0 5px; font-size: 15px; }
.journey-list p { margin: 0; color: #8490aa; font-size: 12px; }
.delivery-board { overflow: hidden; border: 1px solid rgba(137,157,215,.2); border-radius: 22px; background: linear-gradient(145deg, rgba(16,22,42,.98), rgba(7,10,19,.98)); box-shadow: 0 35px 90px rgba(0,0,0,.34); }
.delivery-board-head { min-height: 61px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #cbd3e8; font-size: 11px; font-weight: 700; }
.delivery-board-head > div { display: flex; align-items: center; gap: 9px; }
.delivery-board-head small { color: #65718b; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 11px var(--green); }
.delivery-product { margin: 22px; display: grid; grid-template-columns: 150px 1fr; gap: 17px; align-items: center; }
.delivery-product img { width: 150px; height: 90px; object-fit: cover; border-radius: 11px; border: 1px solid var(--line); }
.delivery-product > div { min-width: 0; display: flex; flex-direction: column; }
.delivery-product small { color: #66738e; text-transform: uppercase; font-size: 8px; letter-spacing: .12em; }
.delivery-product strong { margin: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.delivery-product span { color: #8fb7ff; font-size: 12px; font-weight: 800; }
.delivery-events { margin: 0 22px 22px; padding: 8px 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(3,6,13,.42); }
.delivery-event { position: relative; min-height: 76px; display: grid; grid-template-columns: 28px 1fr auto; gap: 13px; align-items: center; }
.delivery-event:not(:last-child) { border-bottom: 1px solid rgba(155,170,215,.1); }
.delivery-event > i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #07120d; background: var(--green); font-size: 11px; font-style: normal; font-weight: 900; }
.delivery-event.active > i { border: 2px solid #6388ff; background: rgba(70,103,255,.15); box-shadow: 0 0 0 5px rgba(70,103,255,.06); }
.delivery-event > div { display: flex; flex-direction: column; }
.delivery-event strong { font-size: 12px; }
.delivery-event span { color: #6f7b96; font-size: 9px; }
.delivery-event time { color: #66718a; font-size: 9px; }
.delivery-board-foot { min-height: 62px; padding: 0 22px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); background: rgba(45,71,144,.08); }
.delivery-board-foot span { color: #8daef3; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.delivery-board-foot strong { padding: 5px 9px; border-radius: 999px; color: #6ee1aa; background: rgba(66,211,146,.09); font-size: 8px; text-transform: uppercase; }

.product-page, .page-section { padding: 64px 0 100px; }
.back-link { color: #8f9ab8; font-size: 12px; display: block; margin-bottom: 24px; }
.product-detail { display: grid; grid-template-columns: 1.08fr .92fr; gap: 60px; align-items: center; }
.detail-image { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; box-shadow: var(--shadow); }
.detail-image img { width: 100%; aspect-ratio: 1.55; object-fit: cover; }
.detail-image .availability { top: auto; bottom: 15px; }
.detail-copy h1 { font-size: clamp(38px, 5vw, 58px); letter-spacing: -.05em; line-height: 1.06; margin: 13px 0 18px; }
.detail-copy .lead { color: var(--muted); font-size: 16px; }
.detail-price { display: flex; flex-direction: column; margin: 28px 0 20px; }
.detail-price small { color: #77819b; }
.detail-price strong { font-size: 27px; }
.buy-form { display: flex; gap: 10px; }
.buy-form label { width: 105px; color: #8b96b3; font-size: 11px; }
.buy-form select { width: 100%; height: 48px; margin-top: 4px; }
.buy-form .button { flex: 1; align-self: end; }
.secure-note { display: flex; gap: 12px; margin-top: 20px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.secure-note > span { color: var(--green); }
.secure-note div { display: flex; flex-direction: column; }
.secure-note small { color: #7b86a2; }
.detail-lower { display: grid; grid-template-columns: 1fr 330px; gap: 50px; margin-top: 80px; padding-top: 60px; border-top: 1px solid var(--line); }
.rich-copy h2 { font-size: 32px; letter-spacing: -.03em; }
.rich-copy > div { color: #a0aac4; line-height: 1.85; }
.included-card { padding: 25px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.included-card h3 { margin-top: 0; }
.included-card ul { list-style: none; padding: 0; margin: 0; }
.included-card li { padding: 10px 0; color: #a9b2ca; border-bottom: 1px solid var(--line); }
.included-card li::before { content: "✓"; color: var(--green); margin-right: 10px; }
.page-heading { margin-bottom: 32px; }
.page-heading h1 { font-size: 42px; letter-spacing: -.04em; margin: 8px 0; }
.page-heading p { color: var(--muted); }

.cart-layout { display: grid; grid-template-columns: 1fr 340px; gap: 26px; align-items: start; }
.cart-items { display: flex; flex-direction: column; gap: 12px; }
.cart-item { display: grid; grid-template-columns: 110px 1fr auto auto; gap: 18px; align-items: center; padding: 15px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.cart-item > img { width: 110px; height: 80px; object-fit: cover; border-radius: 8px; }
.cart-info span { color: #74809d; font-size: 10px; text-transform: uppercase; }
.cart-info h3 { margin: 3px 0; font-size: 16px; }
.cart-info strong { font-size: 13px; }
.cart-item label { color: #8490ad; font-size: 10px; }
.cart-item select { display: block; margin-top: 4px; }
.remove-button, .link-button { color: #8995b3; background: none; border: 0; cursor: pointer; font-size: 12px; }
.remove-button:hover, .danger-text { color: var(--danger); }
.order-summary { padding: 25px; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; position: sticky; top: 100px; }
.order-summary h2 { margin: 0 0 20px; font-size: 19px; }
.order-summary > div { display: flex; justify-content: space-between; color: #9da7c1; margin: 11px 0; }
.order-summary hr { border: 0; border-top: 1px solid var(--line); margin: 18px 0; }
.order-summary .summary-total { color: #fff; font-size: 18px; margin-bottom: 20px; }
.summary-note { color: #6f7b98; text-align: center; font-size: 10px; margin-bottom: 0; }
.checkout-progress-page { min-height: 650px; display: grid; align-items: center; }
.checkout-monitor { width: min(620px, 100%); margin: 0 auto; padding: 48px; text-align: center; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle at 50% 0, rgba(91,74,255,.14), transparent 43%), var(--surface); box-shadow: var(--shadow); }
.checkout-monitor-icon { position: relative; width: 68px; height: 68px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid rgba(116,101,255,.38); border-radius: 50%; background: rgba(91,74,255,.12); }
.checkout-monitor-icon::after { content: ""; position: absolute; inset: -8px; border: 1px solid rgba(116,101,255,.18); border-radius: inherit; animation: checkout-ring 1.8s ease-out infinite; }
.checkout-monitor-icon img { width: 27px; height: 27px; filter: brightness(0) invert(1); }
.checkout-monitor h1 { margin: 10px 0 9px; font-size: clamp(30px, 5vw, 43px); letter-spacing: -.045em; }
.checkout-monitor > p { max-width: 480px; margin: 0 auto; color: var(--muted); line-height: 1.7; }
.checkout-waiting, .checkout-confirmed { width: fit-content; display: flex; align-items: center; gap: 9px; margin: 25px auto 0; padding: 8px 12px; border-radius: 999px; background: rgba(101,173,255,.09); color: #7fbbff; font-size: 11px; font-weight: 700; }
.checkout-waiting i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; animation: checkout-dot 1.25s ease-in-out infinite; }
.checkout-confirmed { background: rgba(66,211,146,.1); color: var(--green); }
.checkout-confirmed img { width: 16px; height: 16px; filter: brightness(0) saturate(100%) invert(78%) sepia(35%) saturate(821%) hue-rotate(98deg) brightness(93%); }
.checkout-monitor-actions { display: flex; justify-content: center; gap: 10px; margin-top: 28px; }
.checkout-monitor [hidden] { display: none; }
.checkout-monitor.is-paid .checkout-monitor-icon { border-color: rgba(66,211,146,.42); background: rgba(66,211,146,.1); }
.checkout-monitor.is-paid .checkout-monitor-icon::after { border-color: rgba(66,211,146,.2); animation: none; }
@keyframes checkout-ring { 0% { opacity: .8; transform: scale(.88); } 75%,100% { opacity: 0; transform: scale(1.15); } }
@keyframes checkout-dot { 50% { opacity: .35; transform: scale(.72); } }

.auth-section { min-height: 700px; display: grid; place-items: center; padding: 65px 20px 100px; }
.auth-card { width: min(460px, 100%); padding: 36px; background: rgba(14,18,34,.93); border: 1px solid var(--line); border-radius: 17px; box-shadow: var(--shadow); }
.auth-card h1 { font-size: 30px; letter-spacing: -.04em; margin: 10px 0 5px; }
.auth-card > p { color: var(--muted); margin: 0 0 25px; }
.auth-card form { display: flex; flex-direction: column; gap: 15px; }
.auth-card label, .admin-form label, .import-panel { color: #aab3cb; font-size: 12px; font-weight: 600; }
input, textarea, select { width: 100%; border: 1px solid var(--line); border-radius: 8px; background: #090d1b; color: #eef1fb; outline: none; padding: 11px 12px; transition: border .2s ease, box-shadow .2s ease; }
input:focus, textarea:focus, select:focus { border-color: rgba(73,139,255,.65); box-shadow: 0 0 0 3px rgba(41,151,255,.1); }
textarea { resize: vertical; }
.auth-card label input { margin-top: 5px; }
.form-row { display: flex; justify-content: space-between; align-items: center; }
.form-row a, .auth-switch a { color: #6dadff; }
.check { display: flex !important; flex-direction: row !important; align-items: center; gap: 9px; }
.check input { width: 15px; height: 15px; margin: 0 !important; }
.auth-switch { padding-top: 22px; margin-top: 22px; text-align: center; color: #7c87a3; border-top: 1px solid var(--line); font-size: 12px; }
.centered-card { text-align: center; }
.mail-icon { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 14px; background: rgba(92,84,255,.14); font-size: 25px; margin: 0 auto; }

.order-list { display: flex; flex-direction: column; gap: 16px; }
.customer-order { border: 1px solid var(--line); background: var(--surface); border-radius: 14px; overflow: hidden; }
.customer-order > header { display: flex; align-items: center; gap: 35px; padding: 18px 22px; background: rgba(255,255,255,.02); border-bottom: 1px solid var(--line); }
.customer-order header div { display: flex; flex-direction: column; }
.customer-order header small, .order-meta small, .order-item-grid small { color: #707c99; font-size: 10px; text-transform: uppercase; }
.customer-order header .status { margin-left: auto; }
.customer-order-item { display: flex; justify-content: space-between; gap: 25px; padding: 22px; }
.customer-order-item h3 { margin: 0; }
.customer-order-item p, .muted { color: #7f8aa7; margin: 3px 0; font-size: 12px; }
.license-list { max-width: 460px; display: flex; flex-direction: column; gap: 7px; text-align: right; }
.license-list code, .delivered-keys code { padding: 8px 11px; background: #080c18; border: 1px solid var(--line); border-radius: 6px; color: #aad2ff; word-break: break-all; }
.license-list a { color: #64aeff; font-size: 12px; }

.account-section { padding: 42px 0 100px; }
.account-shell { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 30px; align-items: start; }
.account-nav { position: sticky; top: 96px; padding: 18px 12px; border: 1px solid var(--line); border-radius: 13px; background: rgba(11,14,26,.94); }
.account-nav > div { display: flex; flex-direction: column; padding: 5px 9px 18px; border-bottom: 1px solid var(--line); }
.account-nav > div strong { margin-top: 9px; }
.account-nav > div small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; }
.account-nav nav { display: flex; flex-direction: column; gap: 5px; padding-top: 14px; }
.account-nav nav a { padding: 10px 12px; border-radius: 8px; color: #8e99b5; font-size: 12px; font-weight: 650; }
.account-nav nav a.active, .account-nav nav a:hover { color: #fff; background: linear-gradient(90deg, rgba(124,58,237,.2), rgba(41,151,255,.07)); }
.account-content { min-width: 0; }
.account-heading { margin-bottom: 25px; }
.account-heading h1 { margin: 7px 0 5px; font-size: clamp(31px, 4vw, 43px); line-height: 1.08; letter-spacing: -.045em; }
.account-heading p { margin: 0; color: var(--muted); }
.account-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; }
.account-stat-grid article { min-height: 125px; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(145deg, rgba(18,21,35,.96), rgba(10,12,23,.96)); }
.account-stat-grid span, .account-stat-grid small { color: #747f9d; font-size: 10px; }
.account-stat-grid strong { margin: 5px 0 auto; font-size: 27px; }
.account-panel { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: rgba(12,15,27,.94); }
.account-panel > header { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 17px; border-bottom: 1px solid var(--line); }
.account-panel > header div { display: flex; align-items: baseline; gap: 9px; }
.account-panel > header small { color: #69748f; }
.account-panel > header a, .account-product-table a { color: #aa86ff; font-size: 11px; font-weight: 700; }
.account-panel-pagination { border-top:1px solid rgba(155,170,215,.1); }
.account-panel-pagination:empty { display:none; }
.account-panel-pagination .pagination { min-height:56px; margin:0; padding:10px 17px; }
[data-smooth-page] { position:relative; scroll-margin-top:92px; }
[data-smooth-page].is-page-loading { pointer-events:none; }
[data-smooth-page].is-page-loading::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:linear-gradient(90deg,transparent,#8b5cf6,#60a5fa,transparent); animation:catalog-loading-track .85s linear infinite; }
.account-product-table > article { display: grid; grid-template-columns: minmax(200px, 1.5fr) minmax(160px, 1fr) 120px 90px; gap: 16px; align-items: center; padding: 15px 17px; border-bottom: 1px solid rgba(155,170,215,.1); }
.account-product-table > article:last-child { border-bottom: 0; }
.account-product-name { display: flex; align-items: center; gap: 11px; min-width: 0; }
.account-product-name img { width: 50px; height: 38px; flex: 0 0 auto; object-fit: cover; border-radius: 6px; }
.account-product-name span { min-width: 0; display: flex; flex-direction: column; }
.account-product-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-product-name small { color: #6e7995; }
.license-reveal { margin: 0; }
.license-reveal summary { width: fit-content; min-height: 28px; display: inline-flex; align-items: center; gap: 8px; padding: 4px 5px 4px 8px; border: 1px solid transparent; border-radius: 7px; cursor: pointer; color: #7e8aa7; font: 10px/1.4 ui-monospace, monospace; list-style: none; transition: color .18s ease, border-color .18s ease, background .18s ease; }
.license-reveal summary::-webkit-details-marker { display: none; }
.license-reveal summary:hover { border-color: rgba(143, 119, 255, .3); background: rgba(139, 92, 246, .07); color: #c7bdd9; }
.license-reveal[open] summary { margin-bottom: 5px; border-color: rgba(143, 119, 255, .28); background: rgba(139, 92, 246, .07); color: #a9b7d7; }
.license-key-eye { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(143, 119, 255, .26); border-radius: 6px; background: rgba(139, 92, 246, .09); }
.license-key-eye img { grid-area: 1 / 1; width: 14px; height: 14px; filter: brightness(0) saturate(100%) invert(70%) sepia(17%) saturate(1591%) hue-rotate(207deg) brightness(102%); }
.license-eye-hide { display: none; }
.license-reveal[open] .license-eye-show { display: none; }
.license-reveal[open] .license-eye-hide { display: block; }
.license-reveal code { display: block; max-width: 100%; padding: 7px 9px; border: 1px solid var(--line); border-radius: 6px; background: #070a13; color: #afd5ff; word-break: break-all; }
.account-card-list { display: flex; flex-direction: column; gap: 12px; }
.account-card-list > article { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.account-license-keys { min-width: min(420px, 48%); display: flex; flex-direction: column; gap: 6px; }
.owned-status-list { min-width: min(430px, 55%); display: flex; flex-direction: column; gap: 8px; }
.owned-status-list > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.owned-status-list > div > span:first-child { display: flex; flex-direction: column; }
.owned-status-list small { color: var(--muted); }
.account-nav-identity { display: grid !important; grid-template-columns: 42px minmax(0,1fr); gap: 10px; align-items: center; }
.account-nav-identity > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.account-nav-identity > span:last-child strong { margin-top: 3px; }
.account-avatar { width: 42px; height: 42px; }
.profile-form-body { display: flex; flex-direction: column; gap: 22px; padding: 22px; }
.profile-avatar-editor { display: flex; align-items: center; gap: 20px; padding-bottom: 21px; border-bottom: 1px solid var(--line); }
.profile-avatar-preview { width: 92px; height: 92px; flex: 0 0 92px; overflow: hidden; border-radius: 50%; }
.profile-avatar-preview > img, .profile-avatar { width: 100%; height: 100%; object-fit: cover; }
.profile-avatar { font-size: 23px; }
.profile-avatar-editor > div:last-child { display: flex; flex: 1; flex-direction: column; gap: 7px; }
.profile-avatar-editor label, .profile-field-grid label { color: #bac2d2; font-size: 11px; font-weight: 600; }
.profile-avatar-editor input[type="file"] { margin-top: 6px; }
.profile-avatar-editor small, .profile-field-grid label small { color: #68748e; font-size: 9px; font-weight: 400; }
.profile-remove { margin-top: 4px; }
.profile-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.profile-field-grid label { display: flex; flex-direction: column; gap: 5px; }
.profile-field-grid input:disabled { color: #798294; cursor: not-allowed; }
.profile-form-body > .button { align-self: flex-start; }
.discord-connection-panel { margin-top:16px; }
.discord-connection-panel > header > img { width:24px; height:24px; filter:brightness(0) invert(1); opacity:.8; }
.discord-connection-body { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; }
.discord-connection-body > div { display:flex; flex-direction:column; gap:4px; }
.discord-connection-body small { color:var(--muted); }
.discord-identity { flex-direction:row !important; align-items:center; gap:11px !important; }
.discord-identity-copy { display:flex; flex-direction:column; gap:2px; }
.discord-connected-dot { width:9px; height:9px; border-radius:50%; background:#54e08d; box-shadow:0 0 16px rgba(84,224,141,.75); }
.discord-connect-button { display:inline-flex; align-items:center; gap:8px; }
.discord-connect-button img { width:17px; height:17px; filter:brightness(0) invert(1); }

.site-footer { padding: 68px 0 25px; border-top: 1px solid var(--line); background: #060810; }
.footer-grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 55px; }
.footer-logo { width: 190px; }
.footer-grid p { color: #6e7995; max-width: 310px; font-size: 12px; }
.footer-grid h4 { margin: 0 0 13px; font-size: 12px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.footer-grid a { color: #77839f; font-size: 12px; }
.footer-grid a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 50px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.06); color: #505a72; font-size: 10px; }

.admin-section { padding: 45px 0 100px; }
.admin-shell { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 35px; align-items: start; }
.admin-nav { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 5px; padding: 15px; border: 1px solid var(--line); background: var(--surface); border-radius: 12px; }
.admin-nav .eyebrow { padding: 8px 10px 12px; }
.admin-nav a { padding: 9px 10px; border-radius: 7px; color: #8994af; font-size: 12px; font-weight: 600; }
.admin-nav a.active, .admin-nav a:hover { color: #fff; background: rgba(86,91,255,.13); }
.admin-content { min-width: 0; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.admin-heading h1 { margin: 4px 0 0; font-size: 32px; letter-spacing: -.04em; }
.admin-heading p { margin: 3px 0 0; color: var(--muted); }
.admin-heading .back-link { display: flex; width: fit-content; margin-bottom: 10px; }
.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 20px; }
.logs-stat-grid { grid-template-columns:repeat(3,1fr); }
.stat-card, .balance-card { display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--line); border-radius: 11px; background: linear-gradient(140deg, rgba(20,27,51,.9), rgba(12,15,29,.85)); }
.stat-card > span, .balance-card > span { color: #7f8ba8; font-size: 11px; }
.stat-card > strong { font-size: 30px; margin: 4px 0 9px; }
.stat-card a { color: #72b3ff; font-size: 11px; }
.stat-card small { color: #69758f; }
.panel, .form-panel { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.panel-heading { min-height: 58px; padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.panel-heading h2 { font-size: 16px; margin: 0; }
.panel-heading p { color: #7d89a6; margin: 2px 0 0; font-size: 11px; }
.panel-heading a, .panel-heading span { color: #7e8aa8; font-size: 11px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; text-align: left; }
th { color: #68748f; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; padding: 12px 17px; border-bottom: 1px solid var(--line); }
td { color: #b3bdd4; font-size: 12px; padding: 14px 17px; border-bottom: 1px solid rgba(155,170,215,.09); }
tr:last-child td { border-bottom: 0; }
td strong, td small { display: block; }
td small { color: #68748e; }
td a { color: #6eb1ff; }
.empty-cell { text-align: center; padding: 35px; color: #6f7a96; }
.table-product { display: flex; align-items: center; gap: 11px; }
.table-product img { width: 52px; height: 38px; object-fit: cover; border-radius: 5px; }
.table-product .image-warning { color: #f0a45f; }
.table-actions { white-space: nowrap; }
.table-actions, .table-actions form { display: flex; gap: 12px; align-items: center; }
.admin-key-value { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }
.admin-key-value code { color: #dce5ff; }
.admin-key-value .link-button[hidden] { display: none; }
.status { display: inline-flex; align-items: center; width: fit-content; padding: 4px 8px; border-radius: 20px; background: rgba(127,142,179,.1); color: #a7b1c9; font-size: 9px; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
.status::before { content: ""; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.status-active, .status-delivered, .status-succeeded, .status-available, .status-undetected, .status-paid, .status-processed, .status-verified, .status-admin { color: var(--green); background: rgba(66,211,146,.1); }
.status-warning { color: #f7c56c; background: rgba(247,197,108,.12); }
.status-failed, .status-rejected, .status-needs_attention, .status-review, .status-disabled, .status-refunded, .status-cancelled, .status-unverified { color: var(--danger); background: rgba(255,102,128,.1); }
.status-pending, .status-processing, .status-reserved, .status-received, .status-customer { color: #65adff; background: rgba(41,151,255,.1); }
.status-subscriber { color: #c4a7ff; background: rgba(139,92,246,.14); }
.admin-form { display: flex; flex-direction: column; gap: 17px; }
.form-panel { padding: 22px; }
.form-panel-title { margin-bottom: 19px; }
.form-panel-title h2 { font-size: 17px; margin: 0; }
.form-panel-title p { color: #7a86a2; font-size: 11px; margin: 3px 0; }
.checkout-coupon { border-top: 1px solid var(--line); padding: 18px 0 0; }
.checkout-coupon > strong { display: block; font-size: 13px; margin-bottom: 8px; }
.checkout-coupon form { display: flex; gap: 8px; }
.checkout-coupon input { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; flex: 1; min-width: 0; padding: 10px 12px; }
.checkout-coupon-applied { align-items: center; background: rgba(69, 196, 133, .1); border: 1px solid rgba(69, 196, 133, .3); border-radius: 8px; display: flex; justify-content: space-between; padding: 10px 12px; }
.checkout-coupon-applied form { margin: 0; }
.checkout-coupon-applied button { color: var(--accent); cursor: pointer; font-size: 12px; }
.field-error { color: #ef6b73; display: block; margin-top: 7px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid label { display: flex; flex-direction: column; gap: 5px; }
.form-grid label small { color: #66728c; font-weight: 400; }
.span-2 { grid-column: span 2; }
.product-image-upload { display: grid; grid-template-columns: 210px 1fr; gap: 18px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.018); }
.product-image-upload > label { display: flex; flex-direction: column; gap: 6px; }
.product-image-preview { height: 125px; overflow: hidden; display: grid; place-items: center; border: 1px dashed rgba(155,170,215,.22); border-radius: 9px; background: #080b16; color: #68738f; font-size: 11px; text-align: center; }
.product-image-preview img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery-admin { margin-top: 38px; }
.gallery-upload-form { display: flex; align-items: flex-end; gap: 12px; padding: 15px; border: 1px dashed rgba(155,170,215,.22); border-radius: 9px; background: rgba(255,255,255,.018); }
.gallery-upload-form label { display: flex; flex: 1; flex-direction: column; gap: 5px; color: #aab3cb; font-size: 11px; font-weight: 600; }
.gallery-upload-form label small { color: #66728c; font-size: 9px; font-weight: 400; }
.gallery-upload-form > .button { align-self: center; }
.admin-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 17px; }
.admin-gallery-grid > article { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.018); }
.admin-gallery-grid > article > img { width: 100%; aspect-ratio: 1200/628; object-fit: cover; background: #080b10; }
.admin-gallery-grid > article > form { display: grid; grid-template-columns: minmax(0,1fr) 78px; gap: 9px; padding: 12px; }
.admin-gallery-grid > article > form label { display: flex; min-width: 0; flex-direction: column; gap: 4px; color: #8792aa; font-size: 9px; }
.admin-gallery-grid > article > form .button { grid-column: 1 / -1; }
.admin-gallery-grid > article > form:last-child { display: block; padding-top: 0; }
.form-actions { display: flex; gap: 10px; margin-top: 20px; }
.danger-zone { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 35px; padding: 18px; border: 1px solid rgba(255,102,128,.2); background: rgba(255,102,128,.04); border-radius: 11px; }
.danger-zone p { color: #7f899f; margin: 2px 0 0; font-size: 11px; }
.changelog-admin { margin-top: 38px; }
.changelog-create { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.changelog-create > .button { margin-top: 16px; }
.admin-update-list { display: flex; flex-direction: column; }
.admin-update-list > article { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.admin-update-list > article > div { display: flex; flex-direction: column; }
.admin-update-list span { color: #6e7a95; font-size: 9px; }
.admin-update-list strong { margin-top: 4px; color: #dce2ee; font-size: 13px; }
.admin-update-list p { max-width: 680px; margin: 7px 0 0; color: #8792aa; font-size: 11px; line-height: 1.65; white-space: pre-line; }
.admin-update-list .remove-button { margin-top: 0; }
.product-status-admin { margin-top: 38px; }
.admin-status-list { display: flex; flex-direction: column; gap: 10px; }
.admin-status-list > article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.018); }
.status-edit-grid { display: grid; grid-template-columns: 1.3fr 1fr 90px; gap: 10px; }
.status-edit-grid label { display: flex; flex-direction: column; gap: 5px; }
.status-edit-grid .span-3 { grid-column: span 3; }
.admin-status-list form:first-child > .button { margin-top: 11px; }
.status-create { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.status-create h3 { margin: 0 0 13px; font-size: 14px; }
.status-create > .button { margin-top: 11px; }
.heading-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.product-next-step { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 32px; }
.product-next-step h2 { margin: 4px 0; font-size: 20px; }
.product-next-step p { max-width: 680px; margin: 0; color: #7a86a2; font-size: 11px; line-height: 1.6; }
.subproduct-admin-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.subproduct-admin-grid > article { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.subproduct-admin-grid > article > img { width: 100%; aspect-ratio: 16/8.5; object-fit: cover; background: #080b10; }
.subproduct-admin-copy { padding: 19px; }
.subproduct-admin-copy > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.subproduct-admin-copy h2 { margin: 14px 0 5px; font-size: 20px; }
.subproduct-admin-copy > p { min-height: 35px; margin: 0; color: #7d89a6; font-size: 11px; line-height: 1.55; }
.subproduct-admin-copy dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 17px 0 0; }
.subproduct-admin-copy dl > div { padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.018); }
.subproduct-admin-copy dt { color: #66728c; font-size: 9px; text-transform: uppercase; }
.subproduct-admin-copy dd { margin: 4px 0 0; color: #dce2ee; font-size: 12px; font-weight: 700; }
.product-tree-directory { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr); gap: 14px; }
.product-tree-group { width: 100%; min-width: 0; max-width: 100%; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #0c0f17; box-shadow: 0 12px 32px rgba(0,0,0,.16); }
.product-tree-parent { min-height: 96px; display: grid; grid-template-columns: minmax(260px,1fr) auto; align-items: center; gap: 20px; padding: 16px 18px; background: linear-gradient(110deg,rgba(31,39,68,.48),rgba(15,18,28,.9) 58%,rgba(14,16,24,.98)); }
.product-tree-group.is-archived { border-color:rgba(255,102,128,.28); background:#100e13; box-shadow:inset 3px 0 rgba(255,102,128,.48),0 12px 32px rgba(0,0,0,.2),0 0 24px rgba(126,42,62,.06); }
.product-tree-group.is-archived .product-tree-parent { background:linear-gradient(110deg,rgba(82,39,51,.3),rgba(23,19,25,.96) 46%,rgba(14,14,18,.99)); }
.product-tree-group.is-archived .product-tree-art { opacity:.62; border-color:rgba(177,132,146,.18); filter:grayscale(.82) saturate(.35) brightness(.78); }
.product-tree-group.is-archived .product-tree-title h2 { color:#c9bec3; }
.product-tree-group.is-archived .tree-kind { color:#b26d7c; }
.product-tree-group.is-archived .product-tree-summary { color:#776c75; }
.product-tree-group.is-archived .product-tree-summary strong { color:#a89ba2; }
.product-tree-group.is-archived .status-inactive { color:#ff8197; background:rgba(255,102,128,.11); }
.product-tree-group.is-archived .tree-action-disabled { border-color:rgba(177,132,146,.16); background:rgba(177,132,146,.055); color:#8e7e86; }
.product-tree-primary { min-width: 0; display: flex; align-items: center; gap: 14px; }
.product-tree-title { min-width: 0; }
.product-tree-title-meta { display: flex; align-items: center; gap: 9px; }
.product-tree-title-meta .tree-kind { margin: 0; }
.product-tree-title-meta .status { padding: 3px 7px; font-size: 8px; }
.product-tree-title h2 { overflow: hidden; margin: 5px 0 6px; color: #f0f3fa; font-size: 17px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.product-tree-title > .image-warning { display: block; margin-top: 5px; color: #f0a45f; font-size: 8px; }
.product-tree-summary { display: flex; align-items: center; gap: 8px; color: #71809c; font-size: 9px; }
.product-tree-summary strong { color: #bdc8dd; }
.product-tree-summary i { width: 3px; height: 3px; border-radius: 50%; background: #4d5a73; }
.product-tree-children { border-top: 1px solid rgba(155,170,215,.13); background: rgba(5,7,12,.42); }
.product-tree-children[hidden] { display: none; }
.product-tree-columns, .product-tree-row { display: grid; grid-template-columns: minmax(210px,1.15fr) minmax(90px,.48fr) minmax(115px,.52fr) minmax(310px,1.25fr); gap: 14px; align-items: center; }
.product-tree-columns { padding: 8px 18px 8px 57px; border-bottom: 1px solid rgba(155,170,215,.09); background: rgba(255,255,255,.012); color: #596681; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-tree-columns span:last-child { text-align: right; }
.product-tree-row { min-height: 72px; padding: 11px 18px 11px 28px; }
.product-tree-child { border-bottom: 1px solid rgba(155,170,215,.08); }
.product-tree-child:hover { background: rgba(105,126,180,.035); }
.product-tree-child:last-child { border-bottom: 0; }
.product-tree-child.is-archived { opacity: .62; }
.product-tree-identity { min-width: 0; display: flex; align-items: center; gap: 11px; }
.product-tree-identity > div { min-width: 0; display: flex; flex-direction: column; }
.product-tree-identity strong { overflow: hidden; color: #e0e5f0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.product-tree-identity small { overflow: hidden; color: #69758f; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.tree-kind { margin-bottom: 3px; color: #756b9d; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.product-tree-art { flex: 0 0 auto; width: 72px; height: 48px; border: 1px solid rgba(155,170,215,.13); border-radius: 8px; object-fit: cover; background: #080b10; }
.product-tree-art.child-art { width: 48px; height: 36px; border-radius: 6px; }
.product-tree-toggle, .product-tree-toggle-spacer, .product-tree-branch { flex: 0 0 30px; width: 30px; height: 30px; }
.product-tree-toggle { overflow: hidden; display: grid; place-items: center; min-width: 30px; max-width: 30px; padding: 0; border: 1px solid rgba(155,170,215,.18); border-radius: 7px; background: rgba(5,8,16,.42); cursor: pointer; }
.product-tree-toggle:hover { border-color: rgba(112,178,255,.45); background: rgba(112,178,255,.08); }
.product-tree-toggle img { width: 14px; transition: transform .18s ease; }
.product-tree-toggle[aria-expanded="false"] img { transform: rotate(-90deg); }
.product-tree-branch { position: relative; }
.product-tree-branch::before { content: ""; position: absolute; top: -27px; bottom: 14px; left: 13px; border-left: 1px solid rgba(137,149,179,.24); }
.product-tree-branch::after { content: ""; position: absolute; top: 14px; left: 13px; width: 16px; border-top: 1px solid rgba(137,149,179,.24); }
.product-tree-metric, .product-tree-state { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.product-tree-metric strong { color: #bac4d8; font-size: 11px; }
.product-tree-metric small, .product-tree-state small { color: #67738d; font-size: 9px; }
.product-tree-actions { min-width: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; align-items: center; }
.product-tree-actions form { display: flex; margin: 0; }
.product-order-controls { display:flex; gap:4px; padding-right:6px; margin-right:2px; border-right:1px solid rgba(155,170,215,.14); }
.product-order-action { gap:5px; }
.product-order-action img { width:12px; height:12px; opacity:.72; }
.product-order-action.is-up img { transform:rotate(180deg); }
.product-tree-group.is-reordering { border-color:rgba(112,178,255,.4); }
.product-order-action:disabled { opacity:.55; cursor:wait; }
.tree-action { appearance: none; min-height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid rgba(155,170,215,.2); border-radius: 6px; background: #111621; color: #aeb9d0; font-size: 9px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; box-shadow: none; transition: border-color .16s ease, background-color .16s ease, color .16s ease; }
.tree-action:hover, .tree-action:focus-visible { border-color: rgba(112,178,255,.48); background: rgba(112,178,255,.09); color: #e5f2ff; outline: none; }
.tree-action-primary { border-color: rgba(75,151,255,.42); background: rgba(57,130,235,.14); color: #91c5ff; }
.tree-action-danger { border-color: transparent; background: transparent; color: #de778c; }
.tree-action-danger:hover, .tree-action-danger:focus-visible { border-color: rgba(255,102,128,.5); background: rgba(255,102,128,.11); color: #ffb0bd; }
.tree-action-disabled { border-color:rgba(155,170,215,.12); background:rgba(155,170,215,.045); color:#737f98; cursor:not-allowed; }
.tree-action-disabled:hover { border-color:rgba(155,170,215,.12); background:rgba(155,170,215,.045); color:#737f98; transform:none; }

/* Branded confirmation dialog replaces native browser warnings. */
body.confirm-dialog-open { overflow:hidden; }
.confirm-dialog { width:min(460px,calc(100% - 34px)); max-width:none; overflow:visible; padding:0; border:0; background:transparent; color:#f7f5ff; opacity:0; transform:translateY(16px) scale(.965); transition:opacity .18s ease,transform .28s cubic-bezier(.16,1,.3,1); }
.confirm-dialog[open] { display:block; }
.confirm-dialog.is-open { opacity:1; transform:none; }
.confirm-dialog.is-closing { opacity:0; transform:translateY(10px) scale(.98); }
.confirm-dialog::backdrop { background:rgba(2,3,8,.76); backdrop-filter:blur(7px) saturate(.8); animation:confirm-backdrop-in .2s ease both; }
.confirm-dialog.is-closing::backdrop { animation:confirm-backdrop-out .18s ease both; }
.confirm-dialog-card { position:relative; isolation:isolate; overflow:hidden; padding:30px; border:1px solid rgba(139,92,246,.42); border-radius:17px; background:radial-gradient(circle at 8% 0,rgba(124,58,237,.2),transparent 35%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.14),transparent 35%),linear-gradient(145deg,#151120,#0d101a 60%,#0c0e17); box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 45px rgba(90,65,205,.13),inset 0 1px rgba(255,255,255,.055); }
.confirm-dialog-card::before { content:""; position:absolute; z-index:-1; top:0; right:24px; left:24px; height:2px; background:linear-gradient(90deg,transparent,#a78bfa,#60a5fa,transparent); box-shadow:0 0 18px rgba(139,92,246,.7); }
.confirm-dialog-close { position:absolute; top:15px; right:15px; width:34px; height:34px; display:grid; place-items:center; padding:0; border:1px solid rgba(148,163,184,.14); border-radius:9px; background:rgba(255,255,255,.025); cursor:pointer; transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.confirm-dialog-close:hover { border-color:rgba(167,139,250,.4); background:rgba(139,92,246,.1); transform:rotate(3deg); }
.confirm-dialog-close img { width:15px; height:15px; opacity:.68; filter:brightness(0) invert(1); }
.confirm-dialog-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:23px; border:1px solid rgba(236,72,153,.28); border-radius:13px; background:linear-gradient(145deg,rgba(139,92,246,.22),rgba(59,130,246,.09)); box-shadow:0 14px 32px rgba(68,44,151,.18),inset 0 1px rgba(255,255,255,.07); }
.confirm-dialog-icon img { width:22px; height:22px; filter:brightness(0) saturate(100%) invert(67%) sepia(67%) saturate(2857%) hue-rotate(208deg) brightness(101%); }
.confirm-dialog-eyebrow { color:#a995fb; font-size:8px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.confirm-dialog h2 { margin:9px 42px 0 0; color:#fbfaff; font:750 25px/1.12 Inter,ui-sans-serif,sans-serif; letter-spacing:-.045em; }
.confirm-dialog p { max-width:375px; margin:13px 0 0; color:#aaa4b7; font-size:11px; line-height:1.75; }
.confirm-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; padding-top:20px; border-top:1px solid rgba(139,92,246,.14); }
.confirm-dialog-actions button { min-height:42px; padding:0 16px; border-radius:9px; font-size:10px; font-weight:800; cursor:pointer; transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.confirm-dialog-actions button:hover { transform:translateY(-2px); }
.confirm-dialog-cancel { border:1px solid rgba(148,163,184,.18); background:rgba(255,255,255,.035); color:#c9c5d1; }
.confirm-dialog-cancel:hover { border-color:rgba(167,139,250,.35); background:rgba(139,92,246,.08); color:#fff; }
.confirm-dialog-approve { border:1px solid rgba(236,72,153,.55); background:linear-gradient(115deg,#9b3f75,#8151d9 55%,#536de1); box-shadow:0 11px 28px rgba(111,57,151,.22); color:#fff; }
.confirm-dialog-approve:hover { border-color:rgba(244,114,182,.75); box-shadow:0 15px 34px rgba(111,57,151,.32); }
.confirm-dialog-approve:disabled { opacity:.65; cursor:wait; transform:none; }
@keyframes confirm-backdrop-in { from { background:rgba(2,3,8,0); backdrop-filter:blur(0); } }
@keyframes confirm-backdrop-out { to { background:rgba(2,3,8,0); backdrop-filter:blur(0); } }
@media (max-width:520px) { .confirm-dialog-card { padding:25px 21px 21px; }.confirm-dialog-actions { grid-template-columns:1fr; }.confirm-dialog-cancel { order:2; } }
@media (prefers-reduced-motion:reduce) { .confirm-dialog,.confirm-dialog::backdrop,.confirm-dialog.is-closing::backdrop { transition:none; animation:none; }.confirm-dialog-actions button { transition:none; } }
.product-tree-empty { display: flex; align-items: center; gap: 8px; padding: 18px 74px; color: #6f7a96; font-size: 11px; background: rgba(5,8,17,.26); }
.product-tree-empty a { color: #70b2ff; }
.product-offers-admin { margin-top: 38px; }
.standalone-offers { margin-top: 0; }
.admin-status-directory { overflow: hidden; }
.admin-status-columns, .admin-status-rows > form { display: grid; grid-template-columns: minmax(150px,.7fr) 150px minmax(230px,1.4fr) 78px; gap: 12px; align-items: center; }
.admin-status-columns { padding: 9px 16px; border-bottom: 1px solid var(--line); color: #68748f; font-size: 8px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.admin-status-columns span:last-child { text-align: right; }
.admin-status-product { overflow: hidden; padding: 0; }
.admin-status-product + .admin-status-product { border-top: 1px solid var(--line); }
.admin-status-product > header { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 8px 16px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.admin-status-product > header .table-product img { width: 42px; height: 31px; }
.admin-status-product-identity { min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:9px 18px; }
.admin-status-product-identity .table-product img { width:42px !important; height:42px !important; padding:3px; border:1px solid rgba(139,92,246,.22); border-radius:8px; background:#0b0e16; object-fit:contain; }
.status-image-form { display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding-left:17px; border-left:1px solid rgba(139,92,246,.17); }
.status-image-picker { position:relative; overflow:hidden; display:inline-flex; align-items:center; min-height:30px; padding:0 9px; border:1px solid rgba(139,92,246,.25); border-radius:6px; background:rgba(139,92,246,.07); color:#aa9bfa; font-size:8px; font-weight:750; cursor:pointer; transition:border-color .2s ease,background .2s ease,color .2s ease; }
.status-image-picker:hover { border-color:rgba(139,92,246,.48); background:rgba(139,92,246,.12); color:#d7d0ff; }
.status-image-picker input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.status-image-remove { display:inline-flex; align-items:center; gap:5px; color:#7f8ba4; font-size:8px; cursor:pointer; }
.status-image-remove input { width:13px; height:13px; margin:0; accent-color:#8b5cf6; }
.status-image-form .tree-action { min-height:30px; }
.admin-status-product > header .table-product > div { min-width: 0; }
.admin-status-product > header .table-product strong { display: block; font-size: 12px; line-height: 1.25; }
.admin-status-product-count { display: block; margin-top: 5px; color: #68748e; font-size: 8px; line-height: 1.2; }
.admin-status-product > header .detection-badge { flex: 0 0 auto; }
.admin-status-rows > form { min-height: 58px; padding: 8px 16px; border-bottom: 1px solid rgba(155,170,215,.09); }
.admin-status-rows > form:last-child { border-bottom: 0; }
.admin-status-rows > form > div { align-self: center; display: flex; flex-direction: column; }
.admin-status-rows > form > div strong { color: #dce2ee; font-size: 12px; }
.admin-status-rows > form > div small { color: #68748e; font-size: 9px; }
.admin-status-rows label { min-width: 0; display: flex; flex-direction: column; gap: 3px; color: #aab3cb; font-size: 9px; font-weight: 600; }
.admin-status-rows label > span { display: none; }
.admin-status-rows input, .admin-status-rows select { width: 100%; min-width: 0; height: 38px; padding-top: 0; padding-bottom: 0; }
.admin-status-save { min-height: 38px; padding: 0 15px; }
.admin-status-rows .empty-cell a { color: #6eb1ff; }
.stock-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 17px; align-items: start; }
.import-panel { padding: 21px; display: flex; flex-direction: column; gap: 13px; }
.import-panel h2 { margin: 0; }
.import-panel p { color: #7d88a5; font-size: 11px; margin: 0; }
.inline-filter select { width: 180px; }
.admin-filter-bar { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom: 17px; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.admin-filter-bar label { display: flex; flex: 0 1 220px; flex-direction: column; gap: 5px; color: #7f8ba7; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.admin-filter-bar label:first-child { flex-basis: 300px; }
.admin-filter-bar input, .admin-filter-bar select { min-height: 38px; }
.admin-filter-bar .button { min-height: 38px; }
.admin-filter-bar[data-auto-filter] .button[type="submit"] { display:none; }
.admin-filter-live { align-self:flex-end; display:inline-flex; align-items:center; min-height:38px; gap:7px; padding:0 4px; color:#75819b; font-size:9px; font-weight:700; line-height:1; letter-spacing:.04em; text-transform:uppercase; }
.admin-filter-live::before { content:""; width:6px; height:6px; border-radius:50%; background:#755cf0; box-shadow:0 0 9px rgba(117,92,240,.65); }
.admin-filter-bar.is-filtering .admin-filter-live { color:#aa9bfa; }
.admin-filter-bar.is-filtering .admin-filter-live::before { animation:admin-filter-pulse .7s ease-in-out infinite alternate; }
@keyframes admin-filter-pulse { to { background:#60a5fa; box-shadow:0 0 13px rgba(96,165,250,.85); transform:scale(1.25); } }
.filter-reset { align-self:flex-end; display:inline-flex; align-items:center; justify-content:center; min-height:38px; gap:6px; padding:0 13px; border:1px solid rgba(139,92,246,.28); border-radius:7px; background:rgba(139,92,246,.07); color:#aaa0c3; font-size:10px; font-weight:750; transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease; }
.filter-reset img { width:12px; height:12px; opacity:.72; filter:brightness(0) saturate(100%) invert(69%) sepia(12%) saturate(854%) hue-rotate(218deg) brightness(91%); }
.filter-reset.is-hidden { display:none; }
.filter-reset:hover { transform:translateY(-1px); border-color:rgba(139,92,246,.52); background:rgba(139,92,246,.13); color:#fff; }
.filter-reset:hover img { opacity:1; filter:brightness(0) invert(1); }
.admin-tabs { display: flex; gap: 5px; margin-bottom: 12px; padding: 5px; width: fit-content; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.admin-tabs a { padding: 8px 12px; border-radius: 5px; color: #7f8aa3; font-size: 11px; font-weight: 700; }
.admin-tabs a.active, .admin-tabs a:hover { color: #fff; background: rgba(111,89,255,.15); }
.license-directory td { vertical-align: middle; }
.license-directory td > .status { margin-top: 5px; }
.integration-id { display: block; max-width: 190px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archived-row { opacity: .65; }
.license-tabs { width: 100%; overflow-x: auto; }
.license-tabs a { flex: 1; min-width: max-content; text-align: center; }
.license-tab-panel { display: flex; flex-direction: column; gap: 19px; }
.license-tab-panel .form-panel-title { margin-bottom: 0; }
.license-tab-panel > .button { align-self: flex-start; }
.integration-state { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.018); color: #8490aa; font-size: 11px; }
.integration-state code { overflow-wrap: anywhere; color: #b9c5da; }
.fulfillment-choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fulfillment-choice { display: flex; align-items: flex-start; gap: 12px; padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.018); cursor: pointer; }
.fulfillment-choice.selected, .fulfillment-choice:has(input:checked) { border-color: rgba(111,89,255,.6); background: rgba(111,89,255,.08); }
.fulfillment-choice input { width: auto; margin-top: 2px; accent-color: #7564ff; }
.fulfillment-choice span { display: flex; flex-direction: column; gap: 4px; }
.fulfillment-choice strong { color: #e0e5f0; font-size: 13px; }
.fulfillment-choice small { color: #77839d; font-size: 10px; line-height: 1.5; }
.license-followup { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 15px; }
.license-followup h2 { margin: 5px 0; font-size: 18px; }
.license-followup p { margin: 0; color: #7a86a2; font-size: 11px; }
.field-stack { display: flex; flex-direction: column; gap: 6px; color: #aab3cb; font-size: 11px; font-weight: 600; }
.field-stack small { color: #66728c; font-weight: 400; }
.inline-warning { display: flex; flex-direction: column; padding: 12px; background: rgba(255,183,77,.07); border: 1px solid rgba(255,183,77,.2); border-radius: 7px; color: #f3bd72; font-size: 11px; }
.money-stack { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 12px; min-height: 49px; padding: 5px 0; }
.money-stack strong { font-size: 20px; }
.log-event-id, .log-path { display: block; max-width: 230px; overflow: hidden; color: #9ca8c2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.log-error { display: block; max-width: 300px; overflow: hidden; color: #ff8ca0; text-overflow: ellipsis; white-space: nowrap; }
.log-warning { display: block; max-width: 300px; overflow: hidden; color: #f7c56c; text-overflow: ellipsis; white-space: nowrap; }
.admin-subheading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: 42px 0 15px; }
.admin-subheading h2 { margin: 5px 0 2px; font-size: 22px; letter-spacing: -.03em; }
.admin-subheading p { margin: 0; color: var(--muted); font-size: 11px; }
.user-account-meta strong { overflow: hidden; text-overflow: ellipsis; }
.user-payment-summary { margin-top: 18px; }
.user-payment-summary > .money-stack { padding: 18px; }
.user-license-list { display: flex; flex-direction: column; gap: 12px; }
.user-license-item { padding: 18px; }
.user-license-item > header { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.user-license-item > header > div { display: flex; flex-direction: column; }
.user-license-item > header strong { color: #e4e8f1; font-size: 14px; }
.user-license-item > header small { margin-top: 3px; color: #78849e; }
.user-license-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-top: 15px; }
.user-license-meta > span { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.user-license-meta small, .stock-allocation-list h3 { color: #6e7a94; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.user-license-meta strong, .user-license-meta a { overflow: hidden; color: #bfc7d8; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.user-license-meta a { color: #76b5ff; }
.stock-allocation-list { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); }
.stock-allocation-list h3 { margin: 0 0 9px; }
.stock-allocation-list > div { display: grid; grid-template-columns: minmax(160px, 1fr) auto auto; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(155,170,215,.08); }
.stock-allocation-list > div:last-child { border-bottom: 0; }
.stock-allocation-list code { overflow: hidden; color: #aeb9ce; text-overflow: ellipsis; white-space: nowrap; }
.stock-allocation-list a { color: #6eb1ff; font-size: 11px; }
.order-meta { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); background: var(--surface); border-radius: 11px; margin-bottom: 18px; }
.order-meta > div { display: flex; flex-direction: column; padding: 16px; border-right: 1px solid var(--line); }
.order-meta > div:last-child { border: 0; }
.order-item-panel { padding: 0 20px 20px; margin-bottom: 14px; }
.order-item-panel .panel-heading { margin-inline: -20px; padding-inline: 20px; }
.order-item-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 15px; padding-top: 17px; }
.order-item-grid > div { display: flex; flex-direction: column; }
.inline-error { display: flex; flex-direction: column; padding: 12px; margin-top: 14px; background: rgba(255,102,128,.07); border: 1px solid rgba(255,102,128,.17); border-radius: 7px; color: #ff8ca0; font-size: 11px; }
.delivered-keys { margin-top: 17px; display: flex; flex-direction: column; gap: 7px; }
.delivered-keys h3 { font-size: 12px; margin: 0; }
details { margin-top: 16px; color: #8894b0; font-size: 11px; }
summary { cursor: pointer; }
.attempt-list { list-style: none; padding: 0; }
.attempt-list li { display: grid; grid-template-columns: 90px 80px 1fr auto; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.balance-card { margin-bottom: 17px; }
.balance-card > strong { font-size: 36px; margin: 5px 0; }
.balance-card small { color: #74809c; }
.price-chip { display: inline-block; padding: 3px 6px; margin: 2px; background: rgba(255,255,255,.04); border-radius: 4px; }

@media (max-width: 1180px) {
    .product-tree-parent { grid-template-columns: minmax(0,1fr); gap: 12px; }
    .product-tree-parent > .product-tree-actions { justify-content: flex-start; padding-left: 116px; }
    .product-tree-columns, .product-tree-row { grid-template-columns: minmax(190px,1fr) 105px 120px; }
    .product-tree-columns span:last-child { display: none; }
    .product-tree-child > .product-tree-actions { grid-column: 1 / -1; padding-top: 8px; border-top: 1px solid rgba(155,170,215,.07); }
}

@media (max-width: 950px) {
    .main-nav { gap: 16px; }
    .nav-wrap { gap: 18px; }
    .brand { width: 165px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
    .trust-layout, .journey-layout { grid-template-columns: 1fr; gap: 55px; }
    .trust-intro { max-width: 620px; }
    .delivery-board { width: min(100%, 720px); }
    .product-detail { grid-template-columns: 1fr; }
    .detail-image { max-width: 720px; }
    .cart-layout { grid-template-columns: 1fr; }
    .order-summary { position: static; }
    .admin-shell { grid-template-columns: 1fr; }
    .account-shell { grid-template-columns: 1fr; }
    .account-nav { position: static; }
    .account-nav > div { display: none; }
    .account-nav nav { flex-direction: row; overflow-x: auto; padding-top: 0; }
    .admin-nav { position: static; flex-direction: row; overflow-x: auto; }
    .admin-nav .eyebrow { display: none; }
    .subproduct-admin-grid { grid-template-columns: 1fr; }
    .admin-status-columns, .admin-status-rows > form { grid-template-columns: minmax(150px,.7fr) 140px minmax(190px,1fr) 70px; }
}

@media (max-width: 720px) {
    .container { width: min(100% - 26px, 1180px); }
    .admin-filter-bar label, .admin-filter-bar label:first-child { flex: 1 1 100%; }
    .admin-filter-bar .button { flex: 1; }
    .profile-avatar-editor { align-items: flex-start; flex-direction: column; }
    .profile-field-grid { grid-template-columns: 1fr; }
    .user-license-meta { grid-template-columns: 1fr; }
    .stock-allocation-list > div { grid-template-columns: minmax(0, 1fr) auto; }
    .stock-allocation-list > div a { grid-column: 1 / -1; }
    .site-header { height: 66px; }
    .brand { width: 155px; }
    .nav-toggle { display: block; }
    .main-nav { display: none; position: absolute; top: 65px; left: 0; right: 0; max-height: calc(100vh - 65px); overflow-y: auto; padding: 24px 20px; background: rgba(7,10,22,.98); border-bottom: 1px solid var(--line); box-shadow: 0 24px 45px rgba(0,0,0,.35); flex-direction: column; align-items: flex-start; }
    .main-nav.open { display: flex; }
    .main-nav > a { width: 100%; padding-block: 5px; font-size: 15px; }
    .mobile-nav-auth { width: 100%; display: flex; align-items: center; gap: 18px; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line); }
    .mobile-nav-auth .button { width: auto; min-height: 40px; padding: 0 18px; }
    .mobile-nav-auth form { margin: 0; }
    .nav-actions { margin-left: 0; }
    .nav-actions .text-link, .nav-actions .button { display: none; }
    .home-page .flash-wrap { position: fixed; top: 68px; left: 0; right: 0; z-index: 25; }
    .hero-home { min-height: 760px; }
    .hero-home-content { padding-block: 125px 100px; }
    .hero-kicker { max-width: 330px; line-height: 1.7; letter-spacing: .18em; }
    .hero-home h1 { font-size: clamp(43px, 12.5vw, 58px); }
    .hero-home-content > p { margin-top: 22px; font-size: 15px; }
    .hero-actions { flex-direction: column; }
    .hero-actions .button { width: min(100%, 280px); }
    .hero-trust { flex-wrap: wrap; row-gap: 10px; margin-top: 35px; }
    .hero-trust span { padding-inline: 10px; }
    .orbit-one { width: 780px; }
    .orbit-two { width: 460px; }
    .catalog-section, .trust-section, .journey-section { padding-block: 78px; }
    .section-heading { align-items: flex-start; flex-direction: column; }
    .filter-bar { flex-wrap: wrap; }
    .search-field { width: 100%; }
    .filter-pills { order: 3; width: 100%; }
    .product-grid { grid-template-columns: 1fr; }
    .trust-bento { grid-template-columns: 1fr; }
    .trust-card-primary { grid-row: auto; min-height: 240px; }
    .trust-card-wide { grid-column: auto; min-height: 190px; display: flex; align-items: flex-start; }
    .trust-dots { margin-top: auto; }
    .delivery-product { grid-template-columns: 110px 1fr; }
    .delivery-product img { width: 110px; height: 72px; }
    .product-image { height: 220px; }
    .detail-lower { grid-template-columns: 1fr; }
    .buy-form { flex-direction: column; }
    .buy-form label { width: 100%; }
    .cart-item { grid-template-columns: 80px 1fr auto; }
    .cart-item > img { width: 80px; height: 70px; }
    .cart-item > form:last-child { grid-column: 2 / -1; }
    .checkout-progress-page { min-height: 560px; }
    .checkout-monitor { padding: 35px 20px; }
    .checkout-monitor-actions { align-items: stretch; flex-direction: column; }
    .customer-order > header { gap: 12px; flex-wrap: wrap; }
    .customer-order header .status { margin-left: 0; }
    .customer-order-item { flex-direction: column; }
    .account-stat-grid { grid-template-columns: 1fr; }
    .account-stat-grid article { min-height: 105px; }
    .account-product-table > article { grid-template-columns: 1fr; }
    .account-card-list > article { align-items: flex-start; flex-direction: column; }
    .account-license-keys, .owned-status-list { width: 100%; min-width: 0; }
    .license-list { text-align: left; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid > div:first-child { grid-column: 1 / -1; }
    .stat-grid, .order-meta { grid-template-columns: 1fr 1fr; }
    .stock-layout { grid-template-columns: 1fr; }
    .fulfillment-choice-grid { grid-template-columns: 1fr; }
    .license-followup { align-items: flex-start; flex-direction: column; }
    .form-grid { grid-template-columns: 1fr; }
    .span-2 { grid-column: span 1; }
    .product-image-upload { grid-template-columns: 1fr; }
    .gallery-upload-form { align-items: stretch; flex-direction: column; }
    .gallery-upload-form > .button { align-self: stretch; }
    .admin-gallery-grid { grid-template-columns: 1fr; }
    .order-item-grid { grid-template-columns: 1fr; }
    .admin-heading, .product-next-step { align-items: flex-start; flex-direction: column; }
    .heading-actions { justify-content: flex-start; }
    .admin-status-columns { display: none; }
    .admin-status-product > header { min-height: 48px; padding: 8px 12px; }
    .admin-status-product > header .table-product { min-width: 0; }
    .admin-status-product > header .table-product strong, .admin-status-product-count { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .admin-status-product > header { align-items:flex-start; }
    .admin-status-product-identity { align-items:flex-start; flex-direction:column; }
    .status-image-form { padding:7px 0 0; border-top:1px solid rgba(139,92,246,.13); border-left:0; }
    .admin-status-rows > form { grid-template-columns: 112px minmax(0,1fr) 58px; gap: 8px; padding: 10px 12px; }
    .admin-status-rows > form > div { grid-column: 1 / -1; }
    .admin-status-rows label > span { display: block; }
    .admin-status-save { align-self: end; padding-inline: 8px; }
    .product-tree-parent { min-height: 0; padding: 15px; }
    .product-tree-parent > .product-tree-actions { padding-left: 0; }
    .product-tree-primary { align-items: flex-start; gap: 10px; }
    .product-tree-primary > .product-tree-art { width: 60px; height: 42px; }
    .product-tree-title h2 { font-size: 15px; }
    .product-tree-columns { display: none; }
    .product-tree-row { grid-template-columns: minmax(0,1fr) auto; gap: 11px 15px; padding: 14px; }
    .product-tree-child { padding-left: 18px; }
    .product-tree-child > .product-tree-identity { grid-column: 1 / -1; }
    .product-tree-child > .product-tree-metric { grid-column: 1; }
    .product-tree-child > .product-tree-state { grid-column: 2; align-items: flex-end; }
    .product-tree-actions { justify-content: flex-start; padding-left: 0; }
    .product-tree-child > .product-tree-actions { grid-column: 1 / -1; justify-content: flex-start; padding: 10px 0 0 40px; }
    .tree-action { min-height: 34px; padding-inline: 8px; }
    .product-tree-empty { padding: 18px; }
}

@media (max-width: 430px) {
    .brand { width: auto; }
    .brand > span { display: none; }
    .admin-status-product > header > .detection-badge { display: none; }
    .admin-status-rows > form { grid-template-columns: minmax(0,1fr) 58px; }
    .admin-status-rows > form label:first-of-type { grid-column: 1; grid-row: 2; }
    .admin-status-rows > form label:nth-of-type(2) { grid-column: 1 / -1; grid-row: 3; }
    .admin-status-rows > form .admin-status-save { grid-column: 2; grid-row: 2; }
    .product-tree-child > .product-tree-actions { padding-left: 0; }
    .hero-kicker { font-size: 9px; letter-spacing: .2em; }
    .hero-trust span:nth-child(2) { border-right: 0; }
    .filter-bar .button { width: 100%; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-grid > div:first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Customer account: mirrors the dashboard shown on the storefront. */
.account-page { --account-line: #2d2b34; background: #09090d; }
.account-page::before { display: none; }
.account-page .site-header,
.account-page .site-footer,
.account-page .edge-actions,
.account-page > .ambient { display: none; }
.account-page main { min-height: 100svh; }
.account-page .flash-wrap { position: fixed; z-index: 200; top: 16px; right: 18px; width: min(420px, calc(100% - 36px)); margin: 0; }
.account-page .account-section { min-height: 100svh; padding: 0; }
.account-page .account-shell { width: 100%; min-height: 100svh; display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 0; align-items: stretch; }
.account-page .account-nav { position: sticky; z-index: 30; top: 0; height: 100svh; display: flex; flex-direction: column; padding: 28px 19px 18px; border: 0; border-right: 1px solid var(--account-line); border-radius: 0; background: #0d0d12; }
.account-nav-brand { display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: 10px; row-gap: 4px; margin: 0 0 34px; color: #f5f3f9; }
.account-nav-brand > img { grid-row: 1 / 3; width: 36px; height: 36px; border-radius: 8px; object-fit: cover; box-shadow: 0 0 22px rgba(98, 83, 255, .18); }
.account-nav-brand > strong { align-self: end; overflow: hidden; font-size: 14px; font-weight: 900; letter-spacing: -.035em; text-overflow: ellipsis; }
.account-nav-brand > span { align-self: start; justify-self: start; padding: 3px 6px; border: 1px solid #6651c2; border-radius: 999px; background: rgba(139, 92, 246, .12); color: #b8a9ff; font-size: 9px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.account-page .account-nav nav { display: flex; flex-direction: column; gap: 5px; padding: 0; }
.account-page .account-nav nav a { position: relative; isolation: isolate; overflow: hidden; min-height: 46px; display: flex; align-items: center; gap: 11px; padding: 0 12px; border-radius: 8px; color: #8d8794; font-size: 14px; font-weight: 600; transition: color .25s ease, transform .35s cubic-bezier(.16, 1, .3, 1); }
.account-page .account-nav nav a::before { content: ""; position: absolute; z-index: -1; inset: 0; border: 1px solid rgba(143, 117, 255, .22); border-radius: inherit; background: linear-gradient(105deg, rgba(139, 92, 246, .17), rgba(59, 130, 246, .08) 62%, transparent); opacity: 0; transform: translateX(-35%); transition: opacity .3s ease, transform .48s cubic-bezier(.16, 1, .3, 1); }
.account-page .account-nav nav a::after { content: ""; position: absolute; left: 0; top: 50%; width: 2px; height: 20px; border-radius: 0 4px 4px 0; background: linear-gradient(#a67cff, #568bff); box-shadow: 0 0 13px rgba(135, 104, 255, .8); opacity: 0; transform: translateY(-50%) scaleY(.2); transition: opacity .24s ease, transform .38s cubic-bezier(.16, 1, .3, 1); }
.account-page .account-nav nav a:not(.active):hover { color: #e5dfff; transform: translateX(4px); }
.account-page .account-nav nav a:not(.active):hover::before { opacity: 1; transform: translateX(0); }
.account-page .account-nav nav a:not(.active):hover::after { opacity: 1; transform: translateY(-50%) scaleY(1); }
.account-page .account-nav nav a.active { color: #ddd6ff; background: linear-gradient(90deg, rgba(139, 92, 246, .21), rgba(59, 130, 246, .08)); transform: none; }
.account-page .account-nav nav img { width: 17px; height: 17px; flex: 0 0 17px; opacity: .62; filter: brightness(0) invert(1); transition: opacity .25s ease, filter .25s ease, transform .4s cubic-bezier(.16, 1, .3, 1); }
.account-page .account-nav nav a:not(.active):hover img { opacity: 1; filter: brightness(0) saturate(100%) invert(70%) sepia(54%) saturate(2193%) hue-rotate(206deg) brightness(103%); transform: translateX(2px) scale(1.08); }
.account-page .account-nav nav a.active img { opacity: 1; filter: brightness(0) saturate(100%) invert(68%) sepia(48%) saturate(4146%) hue-rotate(214deg) brightness(102%); }
.account-page .account-nav > .account-nav-footer { display: flex; min-width: 0; flex-direction: column; margin-top: auto; padding: 17px 4px 0; border-top: 1px solid #292731; }
.account-nav-footer span { color: #7a7480; font-size: 11px; letter-spacing: .11em; text-transform: uppercase; }
.account-nav-footer small { overflow: hidden; margin-top: 5px; color: #6e6872; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.account-page .account-content { position: relative; min-width: 0; min-height: 100svh; padding: 42px 28px 74px 34px; background: #09090d; }
.account-toolbar { position: absolute; z-index: 20; top: 43px; right: 20px; }
.account-toolbar .account-menu-trigger { width: 34px; min-width: 34px; height: 34px; padding: 0; border-color: #7763d4; border-radius: 50%; background: transparent; }
.account-toolbar .account-menu-trigger:hover,
.account-toolbar .account-menu.is-open .account-menu-trigger { border-color: #9a82ff; background: rgba(139, 92, 246, .09); }
.account-toolbar .header-avatar { width: 32px; height: 32px; border: 0; }
.account-toolbar .account-menu-copy,
.account-toolbar .account-menu-chevron { display: none; }
.account-toolbar .account-menu-dropdown { top: calc(100% + 10px); }
.account-page .account-heading { min-height: 54px; margin: 0 60px 25px 0; }
.account-page .account-heading .eyebrow { color: #8b8593; font-size: 11px; letter-spacing: .13em; }
.account-page .account-heading h1 { margin: 7px 0 0; color: #f7f5fa; font-size: 36px; font-weight: 800; line-height: 1.08; letter-spacing: -.045em; }
.account-page .account-heading p { max-width: 680px; margin: 9px 0 0; color: #9a949f; font-size: 14px; line-height: 1.6; }
.account-page .account-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.account-page .account-stat-grid article { min-height: 112px; justify-content: center; padding: 18px 20px; border: 1px solid #302d38; border-radius: 10px; background: #131219; }
.account-page .account-stat-grid span,
.account-page .account-stat-grid small { color: #918b96; font-size: 12px; }
.account-page .account-stat-grid strong { margin: 7px 0 4px; color: #fff; font-size: 32px; font-weight: 800; line-height: 1; letter-spacing: -.04em; }
.account-page .account-panel { overflow: hidden; border: 1px solid #302d38; border-radius: 10px; background: #101015; }
.account-page .account-panel > header { min-height: 66px; padding: 0 20px; border-bottom-color: #292731; }
.account-page .account-panel > header div { gap: 10px; }
.account-page .account-panel > header strong { color: #e9e6ee; font-size: 15px; }
.account-page .account-panel > header small { color: #89838e; font-size: 12px; }
.account-page .account-panel > header a,
.account-page .account-product-table a { color: #b4a4ff; font-size: 12px; font-weight: 700; }
.account-product-table-head,
.account-page .account-product-table > article { display: grid; grid-template-columns: minmax(190px, 1.3fr) minmax(145px,.8fr) 140px minmax(116px,.5fr); align-items: center; column-gap: 24px; padding-inline: 17px; }
.account-product-table-head { min-height: 44px; border-bottom: 1px solid #25232c; color: #7d7782; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.account-product-table-head > span:nth-child(4) { padding-left: 18px; }
.account-page .account-product-table > article { min-height: 78px; padding-block: 12px; border-bottom-color: #25232c; color: #aaa4af; font-size: 13px; }
.account-page .account-product-name { gap: 10px; }
.account-page .account-product-name img { width: 56px; height: 36px; border: 1px solid #34313c; border-radius: 5px; }
.account-page .account-product-name strong { color: #dedbe4; font-size: 13px; }
.account-page .account-product-name small { color: #8a848f; font-size: 11px; }
.account-page .detection-badge { width: fit-content; font-size: 11px; }
.account-guide-cell { min-width: 0; padding-left: 18px; white-space: nowrap; }
.account-page .account-guide-cell a { color:#4f9dff; }
.account-page .license-reveal summary { color: #716d79; font-size: 7px; }
.account-page .license-reveal[open] { position: relative; z-index: 3; }
.account-page .license-reveal[open] summary { color: #a9a4b3; }
.account-page .license-reveal code { font-size: 8px; }
.account-page .empty-state { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 0; border-radius: 0; background: #111; }
.account-page .empty-state h3 { margin: 0 0 7px; color: #f2eff5; font-size: 18px; }
.account-page .empty-state p { max-width: 520px; margin: 0; color: #918a97; font-size: 14px; }
.account-page .account-empty-state { position: relative; overflow: hidden; width: min(760px, calc(100% - 32px)); min-height: 184px; gap: 7px; margin: 18px auto; padding: 34px 28px; border: 1px solid rgba(130, 108, 223, .28); border-radius: 16px; background: radial-gradient(circle at 50% 0, rgba(120, 88, 255, .12), transparent 58%), linear-gradient(145deg, #15141c, #101016); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 45px rgba(0,0,0,.18); }
.account-page .account-empty-state::before { content: ""; position: absolute; top: -1px; left: 18%; width: 64%; height: 1px; background: linear-gradient(90deg, transparent, rgba(155, 128, 255, .72), transparent); }
.account-page .account-empty-state h3 { font-size: 17px; }
.account-page .account-empty-state p { line-height: 1.55; }
.account-page .account-empty-state .button { min-height: 42px; margin-top: 10px; padding-inline: 19px; border: 1px solid rgba(143, 117, 255, .35); border-radius: 9px; background: linear-gradient(135deg, #7c5cff, #477dff); box-shadow: 0 10px 26px rgba(83, 70, 255, .22); color: #fff; font-size: 12px; }
.account-page .account-card-list > article,
.account-page .customer-order { border-color: #302d38; background: #101015; }
.account-page .customer-order > header { gap: 32px; padding: 19px 22px; }
.account-page .customer-order header small { color: #898392; font-size: 11px; letter-spacing: .06em; }
.account-page .customer-order header strong { margin-top: 4px; color: #ece9f0; font-size: 15px; }
.account-page .customer-order header .status { padding: 7px 11px; font-size: 12px; }
.account-page .customer-order-item { align-items: center; padding: 24px 22px; }
.account-page .customer-order-item h3 { color: #f0edf3; font-size: 18px; }
.account-page .customer-order-item p { margin-top: 6px; font-size: 14px; }
.account-page .license-list { width: min(460px, 52%); max-width: none; min-width: 300px; gap: 9px; text-align: left; }
.account-page .license-reveal summary { font-size: 12px; line-height: 1.5; }
.account-page .license-reveal code { padding: 10px 12px; font-size: 13px; }
.account-page .license-key-value { width: 100%; }
.account-page .copy-key-button { padding: 10px 13px; font-size: 12px; }

@media (max-width: 900px) {
    .account-page .account-shell { grid-template-columns: 1fr; }
    .account-page .account-nav { position: sticky; height: auto; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; padding: 11px 14px; border-right: 0; border-bottom: 1px solid var(--account-line); }
    .account-nav-brand { margin: 0; }
    .account-page .account-nav nav { flex-direction: row; gap: 3px; overflow-x: auto; padding: 0 2px; scrollbar-width: none; }
    .account-page .account-nav nav::-webkit-scrollbar { display: none; }
    .account-page .account-nav nav a { min-width: max-content; }
    .account-page .account-nav > .account-nav-footer { display: none; }
    .account-page .account-content { min-height: calc(100svh - 53px); padding: 30px 18px 58px; }
    .account-page .account-empty-state { width: 100%; margin-block: 14px; }
    .account-toolbar { top: 32px; right: 18px; }
}

@media (max-width: 680px) {
    .account-page .account-nav { grid-template-columns: 1fr; gap: 9px; }
    .account-nav-brand { width: fit-content; }
    .account-page .account-nav nav a { min-height: 34px; }
    .account-page .account-content { padding: 26px 13px 50px; }
    .account-toolbar { top: 24px; right: 13px; }
    .account-page .account-heading { margin-right: 48px; }
    .account-page .account-stat-grid { grid-template-columns: 1fr; }
    .account-page .account-stat-grid article { min-height: 82px; }
    .account-product-table-head,
    .account-page .account-product-table > article { grid-template-columns: minmax(150px, 1fr) 90px; gap: 10px; padding-inline: 12px; }
    .account-product-table-head > span:nth-child(2),
    .account-product-table-head > span:nth-child(4),
    .account-page .account-product-table > article > div:nth-child(2),
    .account-page .account-product-table > article > div:nth-child(4) { display: none; }
    .account-page .account-panel > header { padding-inline: 12px; }
    .account-page .account-panel > header div { align-items: flex-start; flex-direction: column; gap: 2px; }
    .account-page .customer-order > header { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .account-page .customer-order header .status { margin: 0; justify-self: end; }
    .account-page .customer-order-item { padding: 20px 16px; }
    .account-page .license-list { width: 100%; min-width: 0; }
    .account-page .profile-field-grid { grid-template-columns: 1fr; }
    .account-page .discord-connection-body { align-items:flex-start; flex-direction:column; }
}