:root {
  --bg: #080a10;
  --panel: rgba(18, 21, 31, .78);
  --panel-solid: #11141d;
  --line: rgba(255,255,255,.1);
  --text: #f6f3ff;
  --muted: #9897a6;
  --violet: #8d63ff;
  --violet-2: #b69bff;
  --mint: #86ffd1;
  --danger: #ff768f;
  --radius: 24px;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

/* One physical proxy per card, with both supported protocols kept together. */
.credential-list { gap: 14px; }
.credential-card.credential-card--proxy { grid-template-columns: 150px minmax(0, 1fr); align-items: start; gap: 24px; background: linear-gradient(120deg, rgba(134,255,209,.035), rgba(255,255,255,.018)); }
.credential-card--proxy .credential-card__heading { align-items: flex-start; padding-top: 12px; }
.credential-card--proxy .credential-card__heading strong { display: block; font-size: 13px; }
.credential-card--proxy .credential-card__host { display: block; margin-top: 8px; padding: 0; border: 0; color: var(--muted); background: transparent; font-size: 10px; overflow-wrap: anywhere; }
.credential-protocols { min-width: 0; display: grid; gap: 10px; }
.credential-protocol { min-width: 0; padding: 12px; display: grid; grid-template-columns: 90px minmax(0,1fr) 135px; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.055); border-radius: 13px; background: rgba(5,7,11,.44); }
.credential-protocol > div small { display: block; color: var(--mint); font: 700 9px ui-monospace, monospace; letter-spacing: .08em; }
.credential-protocol > div span { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }
.credential-protocol > code { min-width: 0; padding: 10px 12px; overflow: auto; border-radius: 9px; color: #c8c4d2; background: rgba(0,0,0,.22); font-size: 10px; white-space: nowrap; }
.credential-protocol .button { width: 100%; }
.order-state-card--closed { border-color: rgba(255,133,160,.18); }
.order-state-card--closed > span { color: #ff85a0; }

@media (max-width: 980px) {
  .credential-card.credential-card--proxy { grid-template-columns: 120px minmax(0,1fr); }
  .credential-card--proxy .button { grid-column: auto; }
  .credential-protocol { grid-template-columns: 72px minmax(0,1fr); }
  .credential-protocol .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 680px) {
  .credential-card.credential-card--proxy { grid-template-columns: 1fr; gap: 15px; }
  .credential-card--proxy .credential-card__heading { padding-top: 0; }
  .credential-protocol { grid-template-columns: 1fr; }
  .credential-protocol .button { grid-column: 1; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.ambient { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.ambient__orb { position: absolute; width: 46vw; height: 46vw; border-radius: 50%; filter: blur(90px); opacity: .12; animation: float 15s ease-in-out infinite alternate; }
.ambient__orb--one { top: -22vw; right: -8vw; background: var(--violet); }
.ambient__orb--two { left: -30vw; top: 44vh; background: #2cf3bd; animation-delay: -7s; }
.ambient__grid { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
@keyframes float { to { transform: translate3d(5vw, 7vh, 0) scale(1.12); } }
.site-header { position: sticky; top: 14px; z-index: 20; width: min(1220px, calc(100% - 28px)); height: 70px; margin: 14px auto 0; padding: 10px 12px 10px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--line); border-radius: 22px; background: rgba(10,12,18,.76); backdrop-filter: blur(18px); box-shadow: 0 16px 40px rgba(0,0,0,.22); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 700; letter-spacing: -.03em; white-space: nowrap; }
.brand b { color: var(--violet-2); }
.brand__mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #0a0910; font-size: 17px; font-weight: 900; background: linear-gradient(145deg, var(--mint), var(--violet-2)); box-shadow: 0 0 28px rgba(141,99,255,.28); }
.nav { display: flex; align-items: center; gap: 30px; color: #c4c1ce; font-size: 14px; }
.nav a, .footer a { transition: color .2s ease; }
.nav a:hover, .footer a:hover { color: var(--mint); }
.header-actions { display: flex; gap: 8px; }
.button { min-height: 44px; padding: 0 18px; border: 1px solid transparent; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 720; letter-spacing: -.01em; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button:disabled { opacity: .55; cursor: wait; transform: none; }
.button--primary { color: #0a0811; background: linear-gradient(135deg, var(--mint), #c8ffe9); box-shadow: 0 9px 30px rgba(134,255,209,.12); }
.button--primary:hover { box-shadow: 0 12px 34px rgba(134,255,209,.23); }
.button--quiet, .button--glass { border-color: var(--line); background: rgba(255,255,255,.035); }
.button--glass:hover, .button--quiet:hover { border-color: rgba(182,155,255,.48); background: rgba(141,99,255,.08); }
.button--light { color: #0a0811; background: #fff; }
.button--small { min-height: 46px; }
.button--large { min-height: 56px; padding-inline: 24px; border-radius: 16px; }
.button--full { width: 100%; }
.hero { min-height: 760px; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: 66px; padding-block: 92px 82px; }
.eyebrow { display: flex; align-items: center; gap: 11px; color: var(--mint); font: 750 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .18em; }
.eyebrow span { width: 28px; height: 1px; background: currentColor; }
h1,h2,h3,p { margin-top: 0; }
.hero h1, .auth-copy h1 { margin: 24px 0 26px; font-size: clamp(52px, 6.6vw, 92px); line-height: .95; letter-spacing: -.065em; font-weight: 750; }
h1 em { color: var(--violet-2); font-style: normal; }
.hero__lead { max-width: 610px; color: #aaa8b5; font-size: 19px; line-height: 1.7; }
.hero__actions { display: flex; gap: 12px; margin-top: 34px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 42px; color: #a7a4b0; font-size: 12px; }
.trust-row span { display: flex; align-items: center; gap: 7px; }
.trust-row i { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.hero__visual { position: relative; }
.signal-card { min-height: 535px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(182,155,255,.22); border-radius: 32px; background: radial-gradient(circle at 50% 45%, rgba(141,99,255,.15), transparent 40%), linear-gradient(145deg, rgba(25,27,40,.94), rgba(10,12,18,.82)); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.06); transform: perspective(1000px) rotateY(-4deg) rotateX(1deg); }
.signal-card__top { height: 70px; padding: 0 24px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid var(--line); color: #aaa8b6; font: 700 10px ui-monospace, monospace; letter-spacing: .14em; }
.signal-card__top strong { margin-left: auto; color: #706e7d; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 14px var(--mint); animation: pulse 1.8s infinite; }
@keyframes pulse { 50% { opacity: .4; transform: scale(.7); } }
.route-map { position: relative; flex: 1; overflow: hidden; background-image: radial-gradient(rgba(255,255,255,.11) 1px, transparent 1px); background-size: 21px 21px; }
.route-map::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--panel-solid), transparent 30%, transparent 70%, var(--panel-solid)); opacity: .55; }
.route-map__core { position: absolute; z-index: 3; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: 120px; height: 120px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(134,255,209,.5); border-radius: 50%; background: rgba(9,11,17,.9); box-shadow: 0 0 0 16px rgba(134,255,209,.025), 0 0 70px rgba(141,99,255,.34); }
.route-map__core span { font-size: 43px; font-weight: 900; line-height: 1; color: var(--mint); }
.route-map__core small { color: #85828f; font: 700 9px monospace; letter-spacing: .16em; }
.route { position: absolute; z-index: 2; height: 1px; width: 72%; top: 50%; left: 14%; background: linear-gradient(90deg, transparent, var(--violet-2), var(--mint), transparent); transform-origin: center; animation: scan 4s linear infinite; }
.route--two { transform: rotate(65deg); animation-delay: -2s; }
@keyframes scan { 50% { filter: brightness(1.8); opacity: .45; } }
.node { position: absolute; z-index: 4; width: 10px; height: 10px; border: 2px solid var(--mint); border-radius: 50%; background: var(--bg); box-shadow: 0 0 15px var(--mint); }
.node--a { left: 18%; top: 47%; }.node--b { right: 17%; top: 48%; }.node--c { left: 68%; top: 16%; }
.signal-card__bottom { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }
.signal-card__bottom div { padding: 21px; border-right: 1px solid var(--line); }
.signal-card__bottom div:last-child { border: 0; }
.signal-card__bottom small, .metric span, .order-row small { display: block; margin-bottom: 7px; color: #6f6d7a; font: 700 9px monospace; letter-spacing: .12em; }
.signal-card__bottom b { font-size: 12px; }
.strip { min-width: 100%; padding: 18px 22px; display: flex; justify-content: center; align-items: center; gap: 35px; overflow: hidden; border-block: 1px solid var(--line); color: #777581; font: 700 11px monospace; letter-spacing: .15em; text-transform: uppercase; background: rgba(255,255,255,.015); }
.strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--violet-2); }
.section { padding-block: 120px; }
.section--contrast { background: rgba(255,255,255,.018); border-block: 1px solid rgba(255,255,255,.055); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 50px; }
.section-heading h2, .cta h2 { margin: 18px 0 0; font-size: clamp(38px, 5vw, 62px); line-height: 1.03; letter-spacing: -.052em; }
.section-heading > p { max-width: 430px; margin: 0; color: var(--muted); line-height: 1.7; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.product-card, .empty-card { min-height: 330px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(20,23,34,.9), rgba(11,13,20,.75)); box-shadow: inset 0 1px rgba(255,255,255,.025); transition: transform .25s ease, border-color .25s ease; }
.product-card:hover { transform: translateY(-6px); border-color: rgba(182,155,255,.36); }
.product-card__head, .product-card__footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.product-card__number { color: #555462; font: 700 11px monospace; }
.chip, .status { padding: 7px 10px; border-radius: 999px; color: var(--mint); background: rgba(134,255,209,.07); border: 1px solid rgba(134,255,209,.16); font: 700 10px monospace; }
.product-card__type { margin: 58px 0 9px; color: var(--violet-2); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.product-card h3 { min-height: 54px; margin-bottom: 13px; font-size: 22px; line-height: 1.2; letter-spacing: -.03em; }
.product-card__meta { display: flex; gap: 16px; color: var(--muted); font-size: 12px; }
.product-card__footer { margin-top: 33px; padding-top: 24px; border-top: 1px solid var(--line); }
.product-card__footer strong { font-size: 26px; letter-spacing: -.04em; }
.product-card__footer small { color: var(--muted); }
.notice { margin-bottom: 18px; padding: 14px 18px; border: 1px solid rgba(255,118,143,.25); border-radius: 14px; color: #ffc3ce; background: rgba(255,118,143,.06); }
.notice--demo { color: #ffe39e; border-color: rgba(255,214,105,.22); background: rgba(255,214,105,.06); }
.section-more { margin-top: 28px; display: flex; justify-content: center; }
.catalog-hero { padding: 100px 0 48px; display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.catalog-hero h1 { margin: 24px 0 0; font-size: clamp(52px,7vw,84px); line-height: .95; letter-spacing: -.06em; }
.catalog-hero h1 em { font-style: normal; color: var(--violet-2); }
.catalog-hero > p { max-width: 420px; margin-bottom: 6px; color: var(--muted); line-height: 1.75; }
.catalog-controls { min-height: 112px; padding: 20px; display: grid; grid-template-columns: 1fr 1fr 180px; gap: 14px; align-items: end; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); }
.catalog-controls label { display: grid; gap: 8px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.catalog-controls select { height: 50px; padding: 0 14px; border: 1px solid var(--line); border-radius: 13px; outline: none; color: var(--text); background: #10131b; }
.catalog-count { padding: 7px 12px; display: flex; align-items: baseline; justify-content: flex-end; gap: 9px; }
.catalog-count span { font-size: 35px; font-weight: 800; }
.catalog-count small { color: var(--muted); }
.catalog-section { padding-top: 42px; }
.empty-card.catalog-empty { display: none; }
.empty-card.catalog-empty.is-visible { display: flex; }
.catalog-item[hidden] { display: none; }
.empty-card { grid-column: 1/-1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.empty-card > span { color: var(--mint); font: 700 11px monospace; letter-spacing: .14em; }.empty-card h3 { margin: 20px 0 10px; font-size: 28px; }.empty-card p { color: var(--muted); max-width: 560px; }.empty-card .button { margin-top: 10px; }
.steps { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 28px; overflow: hidden; }
.steps article { position: relative; min-height: 340px; padding: 30px; border-right: 1px solid var(--line); }
.steps article:last-child { border: 0; }
.steps article > span { color: #5f5d68; font: 700 11px monospace; }
.step-icon { width: 62px; height: 62px; margin: 64px 0 31px; display: grid; place-items: center; border: 1px solid rgba(182,155,255,.25); border-radius: 18px; color: var(--mint); font-size: 24px; background: rgba(141,99,255,.06); }
.steps h3 { font-size: 22px; letter-spacing: -.03em; }.steps p { color: var(--muted); max-width: 280px; }
.why-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }
.section-heading--vertical { display: block; position: sticky; top: 130px; }
.section-heading--vertical p { margin: 26px 0; max-width: 460px; color: var(--muted); line-height: 1.75; }
.text-link { display: inline-flex; gap: 12px; color: var(--mint); font-weight: 700; }
.feature-stack { display: grid; gap: 15px; }
.feature { position: relative; min-height: 210px; padding: 33px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.023); }
.feature--accent { background: linear-gradient(140deg, rgba(141,99,255,.15), rgba(134,255,209,.035)); border-color: rgba(182,155,255,.25); }
.feature > span { position: absolute; top: 24px; right: 28px; color: #555360; font: 700 11px monospace; }.feature h3 { margin-top: 59px; font-size: 24px; }.feature p { margin-bottom: 0; color: var(--muted); max-width: 580px; }
.cta { margin-bottom: 90px; padding: 64px; display: flex; justify-content: space-between; align-items: end; gap: 30px; border-radius: 32px; color: #0d0a15; background: linear-gradient(120deg, #8d63ff, #a883ff 45%, #86ffd1); box-shadow: 0 30px 90px rgba(141,99,255,.2); }
.cta .eyebrow { color: rgba(13,10,21,.65); }.cta h2 { font-size: clamp(38px,4.7vw,58px); }
.footer { width: min(1180px, calc(100% - 40px)); margin: auto; padding: 35px 0 50px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 30px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }.footer p { margin: 0; }.footer__links { display: flex; gap: 22px; }
.order-dialog { width: min(520px, calc(100% - 28px)); padding: 0; border: 0; border-radius: 28px; color: var(--text); background: transparent; box-shadow: var(--shadow); }.order-dialog::backdrop { background: rgba(3,4,8,.76); backdrop-filter: blur(8px); }.dialog-card { position: relative; padding: 36px; border: 1px solid rgba(182,155,255,.25); border-radius: 28px; background: #11141e; }.dialog-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }.dialog-card h2 { margin: 20px 0 10px; font-size: 32px; }.dialog-card > p,.dialog-card small { color: var(--muted); }.dialog-card label { display: grid; gap: 8px; margin: 28px 0 20px; color: #bbb8c5; font-size: 13px; }.dialog-card input { width: 100%; height: 54px; padding: 0 15px; border: 1px solid var(--line); border-radius: 13px; outline: none; color: var(--text); background: #090b11; }.dialog-card input:focus { border-color: var(--violet); }.order-total { padding: 18px 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); }.order-total span { color: var(--muted); }.order-total strong { font-size: 25px; }.dialog-card .legal-consent { margin: 3px 0 18px; padding: 13px 14px; display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: start; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); color: #8f8c99; font-size: 11px; line-height: 1.5; }.dialog-card .legal-consent input { width: 16px; height: 16px; margin: 1px 0 0; padding: 0; accent-color: var(--mint); }.legal-consent a { color: var(--mint); text-decoration: underline; text-underline-offset: 2px; }.secure-note { display: block; margin-top: 15px; text-align: center; }
.promo-field > span { justify-self: end; margin-top: -23px; color: #696775; font-size: 10px; }.promo-field small { min-height: 16px; color: var(--mint); line-height: 1.4; }.promo-field small.is-warning { color: #ffd37e; }.promo-field small.is-error { color: #ff9caf; }.order-total > div { display: flex; align-items: baseline; gap: 10px; }.order-total del { color: #777481; font-size: 13px; }
.auth-shell { width: min(1080px, calc(100% - 40px)); min-height: calc(100vh - 85px); margin: auto; display: grid; grid-template-columns: 1fr 460px; gap: 90px; align-items: center; padding: 80px 0; }.auth-copy h1 { font-size: clamp(54px,7vw,82px); }.auth-copy > p { max-width: 490px; color: var(--muted); font-size: 18px; line-height: 1.7; }.auth-card { position: relative; padding: 38px; border: 1px solid rgba(182,155,255,.24); border-radius: 30px; background: linear-gradient(150deg, rgba(29,26,45,.94), rgba(13,15,22,.96)); box-shadow: var(--shadow); }.auth-card__number { color: #686573; font: 700 10px monospace; }.auth-icon { width: 70px; height: 70px; margin: 52px 0 32px; display: grid; place-items: center; border-radius: 22px; color: #0b0a10; background: var(--mint); font-size: 30px; }.auth-card h2 { font-size: 30px; letter-spacing: -.04em; }.auth-card p,.auth-card > small { color: var(--muted); }.auth-card .button { margin: 22px 0 18px; }.login-status { display: none; align-items: center; gap: 10px; margin-bottom: 20px; color: var(--mint); font-size: 13px; }.login-status.is-visible { display: flex; }.login-status span { width: 8px; height: 8px; border-radius: 50%; background: var(--mint); animation: pulse 1.2s infinite; }
.account-hero { padding: 90px 0 46px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }.account-hero h1 { margin: 20px 0 7px; font-size: clamp(43px,6vw,70px); letter-spacing: -.06em; }.account-hero p { color: var(--muted); }.account-actions { display: flex; gap: 10px; }.account-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.metric { min-height: 165px; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }.metric strong { display: block; margin: 18px 0 2px; font-size: 44px; line-height: 1; letter-spacing: -.06em; }.metric small { color: var(--muted); }.metric--accent { background: linear-gradient(135deg, rgba(141,99,255,.22), rgba(134,255,209,.08)); border-color: rgba(182,155,255,.27); }.account-section { padding-top: 92px; }.orders-list { display: grid; gap: 12px; }.order-row { padding: 22px; display: grid; grid-template-columns: 90px minmax(250px,1fr) 130px 180px; align-items: center; gap: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.022); }.order-row__id strong { font-size: 22px; }.order-row__main h3 { margin: 10px 0 3px; font-size: 17px; }.order-row__main p,.order-row__price span,.order-wait { margin: 0; color: var(--muted); font-size: 12px; }.status { display: inline-flex; }.status--delivered { color: var(--mint); }.status--cancelled,.status--chargeback { color: #ff9aac; border-color: rgba(255,118,143,.2); background: rgba(255,118,143,.06); }.status--pending_payment,.status--paid,.status--processing { color: #e3cb82; border-color: rgba(227,203,130,.2); background: rgba(227,203,130,.06); }.order-row__price strong { display: block; font-size: 20px; }.order-row__action { text-align: right; }
.order-row__details { display: inline-block; margin-top: 8px; color: #aaa7b5; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; }
.order-detail-hero { padding: 94px 0 38px; }.back-link { display: inline-flex; color: #8d8a98; font-size: 12px; }.back-link:hover { color: var(--mint); }.order-detail-hero__main { margin-top: 43px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }.order-detail-hero h1 { max-width: 800px; margin: 20px 0 8px; font-size: clamp(38px,6vw,68px); line-height: 1; letter-spacing: -.055em; }.order-detail-hero p { color: var(--muted); }.order-detail-hero .status { padding: 10px 13px; border: 1px solid currentColor; border-radius: 100px; font: 700 9px ui-monospace, monospace; letter-spacing: .1em; }
.order-summary { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, rgba(19,22,32,.9), rgba(10,12,18,.82)); }.order-summary article { min-height: 150px; padding: 25px; border-right: 1px solid var(--line); }.order-summary article:last-child { border-right: 0; }.order-summary small { color: #716e7c; font: 700 9px ui-monospace, monospace; letter-spacing: .13em; }.order-summary strong { display: block; margin: 25px 0 5px; font-size: 25px; letter-spacing: -.035em; }.order-summary span { color: var(--muted); font-size: 11px; }
.order-reference { margin-top: 12px; padding: 20px; display: grid; grid-template-columns: minmax(220px,.7fr) minmax(300px,1fr) 1.2fr; align-items: center; gap: 28px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.018); }.order-reference > div { min-width: 0; }.order-reference small { display: block; margin-bottom: 8px; color: #716e7c; font: 700 8px ui-monospace, monospace; letter-spacing: .12em; }.order-reference code { display: block; overflow: hidden; color: #d1ced9; text-overflow: ellipsis; white-space: nowrap; }.order-reference p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.order-summary del { display: block; margin-top: 19px; color: #777481; font-size: 11px; }.order-summary del + strong { margin-top: 3px; }
.order-access-section { padding-top: 94px; }.access-toolbar { min-height: 92px; margin-bottom: 12px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid rgba(134,255,209,.18); border-radius: 18px; background: radial-gradient(circle at 0 50%, rgba(134,255,209,.09), transparent 34%), rgba(255,255,255,.02); }.access-toolbar strong { margin-right: 10px; color: var(--mint); font-size: 29px; }.access-toolbar span { color: var(--muted); font-size: 12px; }.credential-list { display: grid; gap: 10px; }.credential-card { min-width: 0; padding: 20px; display: grid; grid-template-columns: 125px minmax(0, 1fr) 145px; align-items: center; gap: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.022); }.credential-card__heading { display: flex; align-items: center; gap: 12px; }.credential-card__heading span { color: var(--mint); font: 700 9px ui-monospace, monospace; }.credential-card__heading strong { font-size: 12px; }.credential-card code { min-width: 0; padding: 12px 14px; overflow: auto; border: 1px solid rgba(255,255,255,.055); border-radius: 10px; color: #c8c4d2; background: rgba(5,7,11,.55); font-size: 11px; white-space: nowrap; }.connection-facts { margin-top: 26px; display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; }.connection-facts > div { min-width: 0; padding: 20px; border-right: 1px solid var(--line); }.connection-facts > div:last-child { border-right: 0; }.connection-facts small { display: block; margin-bottom: 13px; color: #716e7c; font: 700 8px ui-monospace, monospace; letter-spacing: .12em; }.connection-facts code { display: block; overflow: hidden; color: #d2cfda; font-size: 11px; text-overflow: ellipsis; }.text-copy { margin-top: 12px; padding: 0; border: 0; color: var(--mint); background: transparent; cursor: pointer; font-size: 10px; }.order-state-card { min-height: 175px; padding: 28px; display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 25px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, rgba(20,23,34,.88), rgba(10,12,18,.78)); }.order-state-card > span { color: var(--mint); font: 700 18px ui-monospace, monospace; }.order-state-card h3 { margin: 0 0 8px; font-size: 22px; }.order-state-card p { max-width: 600px; margin: 0; color: var(--muted); line-height: 1.6; }.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.legal { max-width: 960px; min-height: 80vh; padding: 110px 0; }.legal__header { padding-bottom: 48px; border-bottom: 1px solid var(--line); }.legal h1 { max-width: 850px; margin: 24px 0; font-size: clamp(44px,7vw,76px); line-height: 1; letter-spacing: -.06em; }.legal__lead { max-width: 760px; padding: 22px; border: 1px solid rgba(255,214,105,.2); border-radius: 16px; color: #e6cf95; background: rgba(255,214,105,.05); }.legal__quick { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 8px; }.legal__quick a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; color: #858390; font-size: 10px; transition: color .2s ease, border-color .2s ease; }.legal__quick a:hover { color: var(--mint); border-color: rgba(134,255,209,.3); }.legal__document { display: grid; gap: 18px; padding-top: 42px; }.legal__section { scroll-margin-top: 110px; padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, rgba(18,21,31,.76), rgba(10,12,18,.62)); }.legal h2 { margin: 0 0 22px; color: #e6e2f0; font-size: 25px; letter-spacing: -.025em; }.legal p { margin-bottom: 13px; color: #aaa8b5; line-height: 1.75; }.legal p:last-child { margin-bottom: 0; }.legal__bullet { position: relative; padding-left: 22px; }.legal__bullet::before { content: ""; position: absolute; left: 2px; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px rgba(134,255,209,.5); }
.toast { position: fixed; z-index: 100; right: 22px; bottom: 22px; max-width: 360px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 14px; opacity: 0; transform: translateY(12px); pointer-events: none; color: var(--text); background: #181b25; box-shadow: var(--shadow); transition: .25s ease; }.toast.is-visible { opacity: 1; transform: none; }
.reveal { animation: reveal .7s both cubic-bezier(.2,.75,.2,1); }.reveal--delay { animation-delay: .12s; }@keyframes reveal { from { opacity: 0; transform: translateY(22px); } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width: 980px) { .nav { display:none; }.hero { min-height: auto; grid-template-columns: 1fr; padding-top: 90px; }.hero__copy { max-width: 760px; }.hero__visual { max-width: 680px; }.signal-card { min-height: 480px; transform: none; }.product-grid { grid-template-columns: repeat(2,1fr); }.why-grid { grid-template-columns: 1fr; gap: 50px; }.section-heading--vertical { position: static; }.auth-shell { grid-template-columns: 1fr; gap: 35px; }.auth-copy { padding-top: 20px; }.auth-card { max-width: 540px; }.footer { grid-template-columns: 1fr; }.order-row { grid-template-columns: 80px 1fr 110px; }.order-row__action { grid-column: 2/-1; text-align:left; }.order-summary { grid-template-columns: repeat(2,1fr); }.order-summary article:nth-child(2) { border-right: 0; }.order-summary article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.order-reference { grid-template-columns: 1fr 1fr; }.order-reference p { grid-column: 1/-1; }.connection-facts { grid-template-columns: repeat(2,1fr); }.connection-facts > div:nth-child(2) { border-right: 0; }.connection-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.credential-card { grid-template-columns: 110px minmax(0,1fr); }.credential-card .button { grid-column: 2; justify-self: start; } }
@media (max-width: 680px) { .shell { width: min(100% - 24px, 1180px); }.site-header { width: calc(100% - 18px); height: 62px; top: 9px; margin-top: 9px; padding: 8px 9px 8px 14px; border-radius: 18px; }.header-actions .button--quiet { display:none; }.header-actions .button { min-height: 42px; padding: 0 13px; font-size: 12px; }.brand__mark { width: 31px; height: 31px; }.hero { gap: 46px; padding-block: 74px 64px; }.hero h1 { font-size: clamp(48px,15vw,68px); }.hero__lead { font-size: 16px; line-height: 1.65; }.hero__actions { flex-direction: column; }.hero__actions .button { width: 100%; }.trust-row { display: grid; gap: 10px; }.signal-card { min-height: 390px; border-radius: 24px; }.signal-card__top { padding-inline: 16px; }.signal-card__top strong { display:none; }.signal-card__bottom div { padding: 14px 10px; }.signal-card__bottom b { font-size: 10px; }.route-map__core { width: 94px; height: 94px; }.route-map__core span { font-size: 34px; }.strip { justify-content: flex-start; white-space: nowrap; }.section { padding-block: 82px; }.section-heading { display: block; margin-bottom: 34px; }.section-heading h2 { font-size: 42px; }.section-heading > p { margin-top: 24px; }.product-grid { grid-template-columns: 1fr; }.product-card { min-height: 310px; }.steps { grid-template-columns: 1fr; }.steps article { min-height: 280px; border-right: 0; border-bottom: 1px solid var(--line); }.step-icon { margin: 40px 0 25px; }.cta { width: calc(100% - 24px); margin-bottom: 65px; padding: 35px 25px; display: block; }.cta .button { width: 100%; margin-top: 32px; }.footer { width: calc(100% - 24px); }.footer__links { flex-wrap: wrap; }.dialog-card { padding: 28px 22px; }.auth-shell { width: calc(100% - 24px); min-height: 0; display: block; padding: 70px 0; }.auth-copy h1 { font-size: 53px; }.auth-card { margin-top: 42px; padding: 28px 22px; }.auth-icon { margin-top: 36px; }.account-hero { display: block; padding-top: 75px; }.account-actions { margin-top: 28px; }.account-grid { grid-template-columns: 1fr; }.metric { min-height: 135px; }.order-row { grid-template-columns: 65px 1fr; gap: 16px; }.order-row__price { grid-column: 2; }.order-row__action { grid-column: 2; }.order-row__action .button { width: 100%; }.order-detail-hero { padding-top: 76px; }.order-detail-hero__main { margin-top: 32px; display: block; }.order-detail-hero .status { margin-top: 18px; }.order-summary { grid-template-columns: 1fr; }.order-summary article { min-height: 125px; border-right: 0; border-bottom: 1px solid var(--line); }.order-summary article:last-child { border-bottom: 0; }.order-summary strong { margin-top: 18px; }.order-reference { grid-template-columns: 1fr; }.order-reference p { grid-column: 1; }.access-toolbar { display: grid; }.access-toolbar .button { width: 100%; }.credential-card { padding: 17px; grid-template-columns: 1fr; gap: 13px; }.credential-card .button { grid-column: 1; width: 100%; }.connection-facts { grid-template-columns: 1fr; }.connection-facts > div { border-right: 0; border-bottom: 1px solid var(--line); }.connection-facts > div:last-child { border-bottom: 0; }.order-state-card { grid-template-columns: 40px 1fr; padding: 22px; }.order-state-card .button { grid-column: 1/-1; width: 100%; }.legal { width: calc(100% - 28px); padding-top: 80px; } }
@media (max-width: 680px) { .catalog-hero { display: block; padding: 78px 0 34px; }.catalog-hero h1 { font-size: 52px; }.catalog-hero > p { margin: 28px 0 0; }.catalog-controls { grid-template-columns: 1fr; }.catalog-count { justify-content: flex-start; }.catalog-section { padding-top: 28px; } }
.status--review_required { color: #e3cb82; border-color: rgba(227,203,130,.2); background: rgba(227,203,130,.06); }
.status--test_paid { color: #c7afff; border-color: rgba(182,155,255,.25); background: rgba(141,99,255,.1); }

/* Owner dashboard */
.admin-hero { padding: 76px 0 38px; display: flex; align-items: end; justify-content: space-between; gap: 36px; }
.admin-hero h1 { margin: 19px 0 8px; font-size: clamp(48px, 7vw, 82px); line-height: .98; letter-spacing: -.065em; }
.admin-hero p { max-width: 620px; margin: 0; color: var(--muted); font-size: 17px; }
.admin-hero__side { display: flex; align-items: center; gap: 12px; }
.period-switch { height: 43px; padding: 4px; display: flex; align-items: center; gap: 3px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); }
.period-switch a { min-width: 37px; height: 33px; display: grid; place-items: center; border-radius: 9px; color: #777582; font: 750 9px ui-monospace, monospace; transition: .2s ease; }
.period-switch a:hover { color: var(--text); }.period-switch a.is-active { color: #080b0e; background: var(--mint); box-shadow: 0 7px 20px rgba(134,255,209,.12); }
.live-state { min-width: 235px; padding: 13px 16px; display: grid; grid-template-columns: 11px 1fr; align-items: center; column-gap: 10px; border: 1px solid rgba(134,255,209,.18); border-radius: 14px; background: rgba(134,255,209,.045); }
.live-state i { grid-row: 1 / 3; width: 9px; height: 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 18px rgba(134,255,209,.75); animation: pulse 1.7s infinite; }
.live-state span { font-size: 13px; font-weight: 750; }
.live-state small { color: #747380; font-size: 10px; }
.admin-kpis { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.admin-kpi { position: relative; min-height: 184px; padding: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(150deg, rgba(20,23,34,.86), rgba(10,12,18,.7)); }
.admin-kpi::after { content: ""; position: absolute; width: 100px; height: 100px; top: -60px; right: -45px; border-radius: 50%; background: var(--violet); filter: blur(35px); opacity: .13; }
.admin-kpi--featured { background: radial-gradient(circle at 90% 10%, rgba(134,255,209,.16), transparent 42%), linear-gradient(145deg, rgba(32,27,55,.96), rgba(12,15,22,.9)); border-color: rgba(182,155,255,.25); }
.admin-kpi--attention { border-color: rgba(255,194,112,.17); }
.admin-kpi__top { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #777583; font: 700 9px/1 ui-monospace, monospace; letter-spacing: .12em; }
.admin-kpi__top b { padding: 6px 7px; border: 1px solid var(--line); border-radius: 7px; color: #8e8b99; font-size: 8px; }
.admin-kpi > strong { display: block; margin: 26px 0 7px; font-size: clamp(31px, 3vw, 43px); line-height: 1; letter-spacing: -.055em; }
.admin-kpi p { margin: 0; color: var(--muted); font-size: 11px; }
.metric-delta { color: #a7a4b0; font-weight: 750; }.metric-delta.is-up { color: var(--mint); }.metric-delta.is-down { color: #ff9aac; }
.admin-kpi__spark { position: absolute; right: 20px; bottom: 18px; height: 38px; display: flex; align-items: end; gap: 4px; opacity: .75; }
.admin-kpi__spark i { width: 4px; border-radius: 4px; background: linear-gradient(var(--mint), var(--violet)); }
.admin-kpi__spark i:nth-child(1) { height: 25%; }.admin-kpi__spark i:nth-child(2) { height: 55%; }.admin-kpi__spark i:nth-child(3) { height: 38%; }.admin-kpi__spark i:nth-child(4) { height: 72%; }.admin-kpi__spark i:nth-child(5) { height: 58%; }.admin-kpi__spark i:nth-child(6) { height: 100%; }
.admin-main { padding-top: 44px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr); gap: 14px; }
.admin-panel { padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(18,21,31,.84), rgba(10,12,18,.74)); box-shadow: 0 20px 70px rgba(0,0,0,.16); }
.admin-panel__heading, .admin-section__heading { display: flex; align-items: start; justify-content: space-between; gap: 25px; }
.admin-panel__heading h2, .admin-section__heading h2 { margin: 11px 0 0; font-size: 27px; letter-spacing: -.045em; }
.admin-label { color: var(--mint); font: 750 9px/1 ui-monospace, monospace; letter-spacing: .14em; }
.chart-total { text-align: right; }.chart-total small { display: block; color: var(--muted); font-size: 10px; }.chart-total strong { font-size: 21px; }
.chart-metric-switch { width: fit-content; margin-top: 25px; padding: 4px; display: flex; gap: 4px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.chart-metric-switch button { min-height: 36px; padding: 0 15px; border: 0; border-radius: 9px; color: #7d7a88; background: transparent; font: 750 10px/1 ui-monospace, monospace; cursor: pointer; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
.chart-metric-switch button:hover { color: var(--text); }.chart-metric-switch button.is-active { color: #090b0f; background: var(--mint); box-shadow: 0 8px 24px rgba(134,255,209,.12); }
.admin-metric-chart { --chart-color: #86ffd1; position: relative; min-height: 310px; margin-top: 18px; overflow-x: auto; border: 1px solid rgba(255,255,255,.055); border-radius: 17px; background: linear-gradient(180deg, rgba(134,255,209,.025), rgba(7,9,14,.2)); scrollbar-width: thin; scrollbar-color: rgba(134,255,209,.25) transparent; }
.admin-metric-chart[data-metric="orders"] { --chart-color: #b69bff; background: linear-gradient(180deg, rgba(182,155,255,.035), rgba(7,9,14,.2)); }
.admin-metric-chart[data-metric="new_users"] { --chart-color: #ffd37e; background: linear-gradient(180deg, rgba(255,211,126,.035), rgba(7,9,14,.2)); }
.admin-metric-chart svg { width: 100%; min-width: 720px; height: 310px; display: block; overflow: visible; }
.admin-metric-chart stop:first-child { stop-color: var(--chart-color); stop-opacity: .22; }.admin-metric-chart stop:last-child { stop-color: var(--chart-color); stop-opacity: 0; }
.metric-chart__grid line { stroke: rgba(255,255,255,.07); stroke-width: 1; }.metric-chart__grid text,.metric-chart__labels text { fill: #777582; font: 700 9px ui-monospace, monospace; }
.metric-chart__area { fill: url(#adminChartArea); }.metric-chart__line { fill: none; stroke: var(--chart-color); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(134,255,209,.28)); }
.metric-chart__points circle { fill: #0c0f16; stroke: var(--chart-color); stroke-width: 2; transition: r .15s ease, fill .15s ease; }.metric-chart__points circle:hover { r: 6; fill: var(--chart-color); }
.metric-chart__empty { position: absolute; inset: 0; display: none; place-items: center; color: #777582; font-size: 12px; }.metric-chart__empty.is-visible { display: grid; }
.admin-chart-scroll { margin-top: 28px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(134,255,209,.28) transparent; }
.admin-chart { height: 260px; min-width: max(100%, calc(var(--chart-days) * 24px)); padding-top: 12px; display: grid; grid-template-columns: repeat(var(--chart-days), minmax(14px, 1fr)); align-items: end; gap: 6px; border-bottom: 1px solid var(--line); background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px); background-size: 100% 25%; }
.admin-chart__day { height: 100%; display: grid; grid-template-rows: 18px 1fr 28px; align-items: end; text-align: center; }
.admin-chart__day > span { align-self: start; color: #6e6b78; font: 700 8px ui-monospace, monospace; }
.admin-chart__day small { align-self: center; color: #6f6d78; font: 700 8px ui-monospace, monospace; transform: rotate(-45deg); white-space: nowrap; }
.admin-bar-pair { height: 100%; display: flex; align-items: end; justify-content: center; gap: 2px; }
.admin-bar { width: calc(65% - 1px); min-height: 3px; align-self: end; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, var(--mint), rgba(141,99,255,.72)); box-shadow: 0 -8px 28px rgba(134,255,209,.08); opacity: .88; transition: filter .2s ease, transform .2s ease; }
.admin-bar--users { width: calc(35% - 1px); background: linear-gradient(180deg, #c6a9ff, rgba(141,99,255,.4)); box-shadow: none; }
.admin-chart__day:hover .admin-bar { filter: brightness(1.25); transform: scaleX(1.08); }
.admin-bar--0 { height: 2%; opacity: .15; }.admin-bar--1 { height: 10%; }.admin-bar--2 { height: 20%; }.admin-bar--3 { height: 30%; }.admin-bar--4 { height: 40%; }.admin-bar--5 { height: 50%; }.admin-bar--6 { height: 60%; }.admin-bar--7 { height: 70%; }.admin-bar--8 { height: 80%; }.admin-bar--9 { height: 90%; }.admin-bar--10 { height: 100%; }
.chart-legend { padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; color: #777582; font-size: 10px; }.chart-legend span { display: flex; align-items: center; gap: 7px; }.chart-legend i { width: 7px; height: 7px; border-radius: 2px; background: var(--mint); }.chart-legend i.legend-users { background: var(--violet-2); }
.analytics-strip { margin-top: 22px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 15px; overflow: hidden; }
.analytics-strip > div,.analytics-strip > button { min-width: 0; padding: 15px; border: 0; border-right: 1px solid var(--line); color: var(--text); background: transparent; text-align: left; }.analytics-strip > div:last-child,.analytics-strip > button:last-child { border-right: 0; }.analytics-strip small,.analytics-strip span { display: block; color: #73717e; font-size: 8px; }.analytics-strip strong { display: block; margin: 8px 0 4px; font-size: 22px; letter-spacing: -.04em; }
.analytics-strip--interactive button { position: relative; cursor: pointer; transition: background .2s ease; }.analytics-strip--interactive button:hover { background: rgba(255,255,255,.025); }.analytics-strip--interactive button.is-active { background: rgba(134,255,209,.035); }.analytics-strip--interactive button.is-active::after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; height: 2px; border-radius: 99px; background: var(--mint); }
.audience-insights { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.audience-insights > div { padding: 13px 15px; border: 1px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.012); }.audience-insights small,.audience-insights span { display: block; color: #73717e; font-size: 8px; }.audience-insights strong { display: block; margin: 7px 0 3px; font-size: 18px; }
.status-breakdown { margin-top: 29px; display: grid; gap: 17px; }
.status-breakdown__item > div { margin-bottom: 8px; display: flex; justify-content: space-between; gap: 15px; font-size: 12px; }.status-breakdown__item b { color: var(--violet-2); }
.status-breakdown__item > i { height: 5px; display: block; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.055); }.status-breakdown__item em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--violet), var(--mint)); }
.status-level--1 { width: 10%; }.status-level--2 { width: 20%; }.status-level--3 { width: 30%; }.status-level--4 { width: 40%; }.status-level--5 { width: 50%; }.status-level--6 { width: 60%; }.status-level--7 { width: 70%; }.status-level--8 { width: 80%; }.status-level--9 { width: 90%; }.status-level--10 { width: 100%; }
.top-regions { margin-top: 30px; padding-top: 23px; border-top: 1px solid var(--line); }.top-regions > div { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 7px; }.top-regions b { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; font: 700 10px ui-monospace, monospace; }.top-regions small { margin-left: 5px; color: var(--mint); }
.admin-section { padding-top: 82px; }
.admin-section__heading { margin-bottom: 25px; align-items: end; }.admin-section__heading h2 { font-size: 38px; }.admin-section__heading > p { max-width: 440px; margin: 0; color: var(--muted); line-height: 1.65; }
.admin-table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 23px; background: rgba(13,15,22,.78); }
.admin-table { width: 100%; min-width: 1040px; border-collapse: collapse; text-align: left; }
.admin-table th { padding: 17px 18px; border-bottom: 1px solid var(--line); color: #6f6d79; font: 700 9px ui-monospace, monospace; letter-spacing: .11em; }
.admin-table td { padding: 18px; border-bottom: 1px solid rgba(255,255,255,.065); vertical-align: middle; font-size: 12px; }.admin-table tr:last-child td { border-bottom: 0; }.admin-table tbody tr { transition: background .18s ease; }.admin-table tbody tr:hover { background: rgba(141,99,255,.035); }
.admin-table td strong { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.admin-table td small { display: block; margin-top: 5px; color: #74727e; font-size: 9px; }
.row-dot { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: #565460; }
.admin-icon-button { min-height: 34px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; color: #bbb8c5; background: rgba(255,255,255,.025); font-size: 10px; cursor: pointer; transition: .2s ease; white-space: nowrap; }.admin-icon-button:hover { color: var(--mint); border-color: rgba(134,255,209,.3); background: rgba(134,255,209,.05); }
.admin-columns { padding-top: 14px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.panel-counter { min-width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 11px; color: var(--mint); font-size: 13px; }
.admin-users { margin-top: 23px; display: grid; }.admin-user { min-height: 68px; display: grid; grid-template-columns: 39px 1fr auto; align-items: center; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.065); }.admin-user:last-child { border-bottom: 0; }.admin-user.is-banned { opacity: .55; }
.admin-user__avatar { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid rgba(182,155,255,.24); border-radius: 12px; color: var(--violet-2); background: rgba(141,99,255,.07); font-size: 12px; font-weight: 800; }
.admin-user__identity { min-width: 0; }.admin-user__identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }.admin-user__identity small { display: block; margin-top: 3px; overflow: hidden; color: #74727e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.owner-tag { color: var(--mint); font: 700 8px ui-monospace, monospace; letter-spacing: .1em; }
.system-grid { margin-top: 25px; display: grid; gap: 8px; }.system-item { min-height: 64px; padding: 12px 14px; display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }.system-item > i { width: 8px; height: 8px; border-radius: 50%; }.system-item.is-ok > i { background: var(--mint); box-shadow: 0 0 12px rgba(134,255,209,.6); }.system-item.is-warn > i { background: #ffd37e; box-shadow: 0 0 12px rgba(255,211,126,.4); }.system-item.is-off > i { background: var(--danger); }.system-item strong { display: block; font-size: 12px; }.system-item small { color: #74727e; font-size: 9px; }.system-item > b { color: #777583; font: 700 8px ui-monospace, monospace; }
.admin-note { margin-top: 14px; padding: 17px; border: 1px solid rgba(182,155,255,.15); border-radius: 14px; background: rgba(141,99,255,.035); }.admin-note b { color: var(--violet-2); font-size: 11px; }.admin-note p { margin: 6px 0 0; color: #858390; font-size: 10px; line-height: 1.6; }
.admin-section--logs { padding-bottom: 100px; }.event-stream { padding: 5px 0; border-top: 1px solid var(--line); }.event-stream article { min-height: 68px; display: grid; grid-template-columns: 8px 145px 1fr; align-items: center; gap: 20px; border-bottom: 1px solid rgba(255,255,255,.065); }.event-stream article > i { width: 7px; height: 7px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 12px rgba(141,99,255,.5); }.event-stream time { color: #73717d; font: 700 9px ui-monospace, monospace; }.event-stream strong { font-size: 12px; }.event-stream p { margin: 4px 0 0; color: #7e7c88; font-size: 10px; }
.event-badge { margin-left: 8px; padding: 4px 6px; display: inline-block; border: 1px solid var(--line); border-radius: 6px; color: #777582; font: 750 7px ui-monospace, monospace; letter-spacing: .08em; vertical-align: 1px; }.event-source--payment > i { background: var(--mint) !important; }.event-source--user > i { background: #ffd37e !important; }.event-source--order > i { background: var(--violet-2) !important; }
.admin-empty { padding: 38px 20px; color: #777582; text-align: center; font-size: 12px; }
.fulfillment-control { scroll-margin-top: 90px; }
.fulfillment-queue { display: grid; gap: 13px; }
.fulfillment-card { position: relative; overflow: hidden; padding: 25px; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 100% 0, rgba(141,99,255,.08), transparent 38%), linear-gradient(145deg, rgba(18,21,31,.9), rgba(9,11,17,.82)); }
.fulfillment-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--violet); opacity: .7; }
.fulfillment-card--processing::before { background: #ffd37e; }.fulfillment-card--paid::before { background: var(--mint); }
.fulfillment-card.is-critical { border-color: rgba(255,116,140,.28); background: radial-gradient(circle at 100% 0, rgba(255,116,140,.1), transparent 38%), linear-gradient(145deg, rgba(23,19,28,.94), rgba(10,11,17,.84)); }
.fulfillment-card.is-critical::before { background: #ff748c; opacity: 1; }
.fulfillment-card__head { display: flex; justify-content: space-between; align-items: start; gap: 25px; }
.fulfillment-card__head small,.fulfillment-card__facts small { color: #777481; font: 700 8px/1.25 ui-monospace, monospace; letter-spacing: .12em; }
.fulfillment-card__head h3 { margin: 8px 0 5px; font-size: 20px; }.fulfillment-card__head p { margin: 0; color: var(--muted); font-size: 10px; }
.fulfillment-card__facts { margin-top: 22px; display: grid; grid-template-columns: .35fr 1fr 1fr; border-block: 1px solid var(--line); }
.fulfillment-card__facts > div { min-width: 0; padding: 16px 18px 16px 0; }.fulfillment-card__facts strong { display: block; margin-top: 7px; overflow-wrap: anywhere; font-size: 11px; }
.fulfillment-card__error { margin: 16px 0 0; color: #c7c3cf; font-size: 10px; line-height: 1.55; }
.fulfillment-card__actions { margin-top: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.fulfillment-card__actions p { max-width: 720px; margin: 0; color: #898692; font-size: 10px; line-height: 1.55; }.fulfillment-card__actions p strong { color: #ddd9e5; }
.button--danger { color: #ffdbe2; border: 1px solid rgba(255,116,140,.34); background: rgba(255,116,140,.1); }.button--danger:hover { color: white; border-color: rgba(255,116,140,.58); background: rgba(255,116,140,.17); }
.fulfillment-clear { min-height: 120px; padding: 25px; display: flex; align-items: center; gap: 17px; border: 1px solid rgba(134,255,209,.16); border-radius: 22px; background: linear-gradient(145deg, rgba(134,255,209,.045), rgba(10,12,18,.74)); }
.fulfillment-clear > i { width: 38px; height: 38px; border: 1px solid rgba(134,255,209,.32); border-radius: 50%; background: radial-gradient(circle, var(--mint) 0 3px, transparent 4px); box-shadow: 0 0 25px rgba(134,255,209,.09); }.fulfillment-clear strong { font-size: 15px; }.fulfillment-clear p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.promo-admin-grid { display: grid; grid-template-columns: minmax(360px,.8fr) minmax(0,1.2fr); gap: 18px; align-items: start; }.promo-builder { position: sticky; top: 110px; }.promo-builder h3 { margin: 4px 0 0; font-size: 27px; }.promo-form-grid { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }.promo-builder label,.promo-scopes legend { color: #8e8b98; font-size: 10px; }.promo-builder input { width: 100%; height: 45px; margin-top: 7px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; outline: none; color: var(--text); background: rgba(5,7,11,.55); }.promo-builder input:focus { border-color: var(--violet); }.promo-scopes { margin: 24px 0; padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border: 1px solid var(--line); border-radius: 14px; }.promo-scopes legend { padding: 0 7px; }.promo-scopes label { display: flex; align-items: center; gap: 8px; }.promo-scopes input,.loss-confirm input { width: 15px; height: 15px; margin: 0; accent-color: var(--mint); }.promo-scopes > small { grid-column: 1/-1; color: #6f6c79; font-size: 9px; }.loss-confirm { margin-bottom: 22px; padding: 14px; display: flex !important; align-items: start; gap: 12px; border: 1px solid rgba(255,211,126,.18); border-radius: 12px; background: rgba(255,211,126,.035); }.loss-confirm span { display: grid; gap: 4px; }.loss-confirm strong { color: #d7c58f; font-size: 11px; }.loss-confirm small { color: #817a68; font-size: 9px; line-height: 1.45; }.promo-admin-list { display: grid; gap: 10px; }.promo-admin-card { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(20,23,34,.86), rgba(10,12,18,.75)); }.promo-admin-card.is-off { opacity: .55; }.promo-admin-card__top,.promo-admin-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; }.promo-admin-card__top small,.promo-stats small { display: block; color: #706d7a; font: 700 8px ui-monospace, monospace; letter-spacing: .11em; }.promo-admin-card__top strong { display: block; margin-top: 7px; font-size: 22px; letter-spacing: .04em; }.promo-admin-card__top > span { color: var(--mint); font-size: 26px; font-weight: 800; }.promo-admin-card > p { color: #85828f; font-size: 10px; }.promo-stats { margin: 20px 0; display: grid; grid-template-columns: repeat(4,1fr); border-block: 1px solid var(--line); }.promo-stats > div { padding: 15px 12px 15px 0; }.promo-stats b { display: block; margin-top: 7px; font-size: 14px; }.promo-stats b.is-negative { color: #ff8fa4; }.promo-admin-card__footer > small { color: #777482; font-size: 9px; }

@media (max-width: 1120px) {
  .admin-kpis { grid-template-columns: repeat(3, 1fr); }
  .admin-kpi--featured { grid-column: span 1; }
}
@media (max-width: 900px) {
  .admin-hero { display: block; }
  .admin-hero__side { margin-top: 28px; flex-wrap: wrap; }
  .admin-main, .admin-columns { grid-template-columns: 1fr; }
  .promo-admin-grid { grid-template-columns: 1fr; }.promo-builder { position: static; }
  .admin-panel--status { min-height: auto; }
}
@media (max-width: 680px) {
  .admin-hero { padding-top: 72px; }.admin-hero h1 { font-size: 52px; }.admin-hero__side { display: grid; }.period-switch { width: 100%; }.period-switch a { flex: 1; }.live-state { min-width: 0; }
  .admin-kpis { grid-template-columns: repeat(2, 1fr); gap: 9px; }.admin-kpi { min-height: 155px; padding: 17px; }.admin-kpi > strong { margin-top: 22px; font-size: 31px; }.admin-kpi__spark { display: none; }
  .admin-main { padding-top: 30px; }.admin-panel { padding: 21px; border-radius: 20px; }.admin-panel__heading h2 { font-size: 24px; }
  .admin-chart-heading { display: block; }.admin-chart-heading .chart-total { margin-top: 18px; text-align: left; }.chart-metric-switch { width: 100%; overflow-x: auto; }.chart-metric-switch button { flex: 1; white-space: nowrap; }.admin-metric-chart { min-height: 280px; }.admin-metric-chart svg { height: 280px; }.analytics-strip { grid-template-columns: 1fr; }.analytics-strip > div,.analytics-strip > button { border-right: 0; border-bottom: 1px solid var(--line); }.analytics-strip > div:last-child,.analytics-strip > button:last-child { border-bottom: 0; }.audience-insights { grid-template-columns: 1fr; }
  .admin-section { padding-top: 65px; }.admin-section__heading { display: block; }.admin-section__heading > p { margin-top: 16px; }.admin-section__heading h2 { font-size: 34px; }
  .fulfillment-card { padding: 20px; }.fulfillment-card__head,.fulfillment-card__actions { align-items: stretch; flex-direction: column; }.fulfillment-card__facts { grid-template-columns: 1fr; }.fulfillment-card__facts > div { padding: 13px 0; border-bottom: 1px solid var(--line); }.fulfillment-card__facts > div:last-child { border-bottom: 0; }.fulfillment-card__actions .button { justify-content: center; }
  .admin-user { grid-template-columns: 36px minmax(0, 1fr); padding: 12px 0; }.admin-user .admin-icon-button, .admin-user .owner-tag { grid-column: 2; justify-self: start; }
  .event-stream article { grid-template-columns: 8px 1fr; gap: 14px; padding: 14px 0; }.event-stream time { grid-column: 2; grid-row: 1; }.event-stream article > div { grid-column: 2; }
  .promo-form-grid,.promo-scopes { grid-template-columns: 1fr; }.promo-scopes > small { grid-column: 1; }.promo-stats { grid-template-columns: 1fr; }.promo-stats > div { border-bottom: 1px solid var(--line); }.promo-stats > div:last-child { border-bottom: 0; }.promo-admin-card__footer { align-items: start; flex-direction: column; }
}

/* Task-led catalog entry points */
.use-cases { padding-top: 105px; }
.use-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.use-case { min-height: 300px; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); border-radius: 26px; background: radial-gradient(circle at 100% 0, rgba(141,99,255,.12), transparent 35%), rgba(255,255,255,.021); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.use-case:hover { transform: translateY(-5px); border-color: rgba(182,155,255,.35); background: radial-gradient(circle at 100% 0, rgba(141,99,255,.2), transparent 42%), rgba(255,255,255,.03); }
.use-case__icon { width: 56px; height: 56px; margin-bottom: 45px; display: grid; place-items: center; border: 1px solid rgba(134,255,209,.24); border-radius: 17px; color: var(--mint); background: rgba(134,255,209,.05); font: 800 14px/1 ui-monospace, monospace; }
.use-case small { color: var(--violet-2); font: 750 10px/1 ui-monospace, monospace; letter-spacing: .14em; }
.use-case h3 { margin: 13px 0 10px; font-size: 27px; letter-spacing: -.035em; }
.use-case p { max-width: 480px; margin-bottom: 30px; color: var(--muted); line-height: 1.65; }
.use-case b { margin-top: auto; display: flex; gap: 9px; color: #d9d6e2; font-size: 13px; }
.use-case b span { color: var(--mint); }
.product-card__note { min-height: 44px; margin: 0 0 16px; color: #9693a1; font-size: 13px; line-height: 1.55; }

/* Clear answers before checkout */
.faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: start; }
.faq__intro { position: sticky; top: 130px; }
.faq__intro h2 { max-width: 430px; margin: 20px 0 20px; font-size: clamp(40px, 5vw, 60px); line-height: 1.02; letter-spacing: -.052em; }
.faq__intro p { max-width: 360px; color: var(--muted); line-height: 1.7; }
.faq__list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { min-height: 92px; padding: 25px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; font-size: 18px; font-weight: 700; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--mint); transition: transform .2s ease, background .2s ease; }
.faq details[open] summary span { transform: rotate(45deg); background: rgba(134,255,209,.07); }
.faq details p { max-width: 610px; margin: -2px 52px 28px 0; color: var(--muted); line-height: 1.7; }

/* Useful first-login state */
.empty-dashboard { min-height: 370px; padding: 30px; display: grid; grid-template-columns: 180px minmax(280px, 1fr) 260px; align-items: center; gap: 48px; overflow: hidden; border: 1px solid rgba(182,155,255,.22); border-radius: 28px; background: radial-gradient(circle at 12% 50%, rgba(141,99,255,.17), transparent 25%), linear-gradient(145deg, rgba(20,23,34,.92), rgba(10,12,18,.8)); }
.empty-dashboard__visual { position: relative; width: 170px; height: 230px; display: grid; place-items: center; border: 1px solid rgba(182,155,255,.25); border-radius: 85px; background: rgba(8,10,16,.58); box-shadow: 0 0 60px rgba(141,99,255,.13); }
.empty-dashboard__visual span { position: absolute; top: 30px; color: #686574; font: 700 10px ui-monospace, monospace; }
.empty-dashboard__visual b { font-size: 64px; line-height: 1; color: var(--mint); text-shadow: 0 0 35px rgba(134,255,209,.22); }
.empty-dashboard__visual i { position: absolute; bottom: 30px; width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 15px var(--mint); animation: pulse 1.8s infinite; }
.empty-dashboard__copy h3 { margin: 22px 0 13px; font-size: 32px; letter-spacing: -.04em; }
.empty-dashboard__copy p { max-width: 490px; margin-bottom: 24px; color: var(--muted); line-height: 1.7; }
.empty-dashboard__steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.empty-dashboard__steps li { min-height: 67px; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); color: #b8b5c1; font-size: 13px; }
.empty-dashboard__steps span { color: var(--mint); font: 700 10px ui-monospace, monospace; }

@media (max-width: 980px) {
  .faq { grid-template-columns: 1fr; gap: 45px; }
  .faq__intro { position: static; }
  .empty-dashboard { grid-template-columns: 150px 1fr; gap: 35px; }
  .empty-dashboard__visual { width: 145px; height: 200px; }
  .empty-dashboard__steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
  .empty-dashboard__steps li { padding: 0 18px; border: 0; border-right: 1px solid var(--line); }
  .empty-dashboard__steps li:last-child { border-right: 0; }
}

@media (max-width: 680px) {
  .use-cases { padding-top: 82px; }
  .use-case-grid { grid-template-columns: 1fr; }
  .use-case { min-height: 280px; padding: 25px; }
  .use-case__icon { margin-bottom: 36px; }
  .faq { gap: 32px; }
  .faq__intro h2 { font-size: 42px; }
  .faq summary { min-height: 82px; font-size: 16px; }
  .empty-dashboard { padding: 23px; grid-template-columns: 1fr; gap: 28px; }
  .empty-dashboard__visual { width: 100%; height: 170px; border-radius: 22px; }
  .empty-dashboard__copy h3 { font-size: 28px; }
  .empty-dashboard__copy .button { width: 100%; }
  .empty-dashboard__steps { grid-column: auto; grid-template-columns: 1fr; }
  .empty-dashboard__steps li { padding: 0 4px; border-right: 0; border-bottom: 1px solid var(--line); }
  .empty-dashboard__steps li:last-child { border-bottom: 0; }
}

/* Country price selector */
.landing-price-selector { min-height: 270px; padding: 32px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr); align-items: center; gap: 55px; border: 1px solid rgba(182,155,255,.22); border-radius: 28px; background: radial-gradient(circle at 10% 10%, rgba(141,99,255,.14), transparent 38%), linear-gradient(145deg, rgba(20,23,34,.96), rgba(10,12,18,.9)); }
.landing-price-selector__copy > span { color: var(--mint); font: 700 10px ui-monospace, monospace; letter-spacing: .12em; }
.landing-price-selector__copy h3 { margin: 24px 0 12px; font-size: clamp(30px,4vw,48px); letter-spacing: -.045em; }
.landing-price-selector__copy p { max-width: 550px; color: var(--muted); line-height: 1.7; }
.landing-price-selector__control { padding: 25px; display: grid; gap: 14px; border: 1px solid var(--line); border-radius: 20px; background: rgba(7,9,14,.74); }
.landing-price-selector__control label { color: #8f8c99; font-size: 10px; font-weight: 750; letter-spacing: .12em; }
.landing-price-selector__control select { width: 100%; height: 56px; padding: 0 15px; border: 1px solid var(--line); border-radius: 14px; outline: none; color: var(--text); background: #0b0e15; font-size: 14px; }
.landing-price-selector__control select:focus { border-color: rgba(134,255,209,.42); box-shadow: 0 0 0 3px rgba(134,255,209,.05); }
.landing-price-selector__control .button { width: 100%; }
.landing-price-selector__control .button:disabled { opacity: .45; cursor: not-allowed; }

/* Region-first catalog */
.catalog-hero--rich { min-height: 590px; padding-block: 95px 72px; align-items: center; }
.catalog-hero__copy { max-width: 720px; }
.catalog-hero__copy > p { max-width: 610px; margin: 30px 0 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.region-radar { position: relative; flex: 0 0 350px; height: 350px; display: grid; place-items: center; }
.region-radar::before { content: ""; position: absolute; inset: 12%; border-radius: 50%; background: radial-gradient(circle, rgba(141,99,255,.18), transparent 65%); filter: blur(18px); }
.region-radar__orbit { position: absolute; border: 1px solid rgba(182,155,255,.24); border-radius: 50%; animation: radar-spin 18s linear infinite; }
.region-radar__orbit::after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; left: -4px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 16px var(--mint); }
.region-radar__orbit--one { inset: 12%; }
.region-radar__orbit--two { inset: 25%; animation-direction: reverse; animation-duration: 11s; }
.region-radar__core { position: relative; z-index: 2; width: 126px; height: 126px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(134,255,209,.4); border-radius: 50%; background: rgba(9,11,17,.92); box-shadow: 0 0 55px rgba(141,99,255,.28); }
.region-radar__core strong { color: var(--mint); font-size: 39px; line-height: 1; }
.region-radar__core small { margin-top: 8px; color: #8f8c99; font: 700 9px/1.35 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.region-radar__node { position: absolute; z-index: 3; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 13px; color: #d8d3e5; background: #11141d; font: 750 10px ui-monospace, monospace; box-shadow: 0 12px 30px rgba(0,0,0,.25); }
.region-radar__node--one { left: 10%; top: 42%; }.region-radar__node--two { right: 11%; top: 25%; }.region-radar__node--three { right: 18%; bottom: 16%; }
@keyframes radar-spin { to { transform: rotate(360deg); } }

.catalog-workspace { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; padding-bottom: 105px; }
.catalog-sidebar { position: sticky; top: 102px; padding: 24px; border: 1px solid rgba(182,155,255,.2); border-radius: 25px; background: linear-gradient(160deg, rgba(25,25,40,.96), rgba(10,12,18,.92)); box-shadow: 0 20px 60px rgba(0,0,0,.22); }
.catalog-sidebar__head { margin-bottom: 28px; display: flex; align-items: center; gap: 15px; }
.catalog-sidebar__head > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(134,255,209,.25); border-radius: 13px; color: var(--mint); font: 700 10px ui-monospace, monospace; }
.catalog-sidebar__head small { color: #706d7b; font: 700 9px ui-monospace, monospace; letter-spacing: .13em; }
.catalog-sidebar__head h2 { margin: 3px 0 0; font-size: 23px; }
.filter-field { position: relative; margin-bottom: 15px; display: grid; gap: 8px; color: #8f8c99; font-size: 10px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.filter-field input, .filter-field select { width: 100%; height: 50px; padding: 0 14px; border: 1px solid var(--line); border-radius: 14px; outline: none; color: var(--text); background: #0b0e15; font-size: 13px; letter-spacing: 0; text-transform: none; }
.filter-field input:focus, .filter-field select:focus { border-color: rgba(134,255,209,.42); box-shadow: 0 0 0 3px rgba(134,255,209,.05); }
.filter-field--smart { margin-bottom: 22px; padding: 14px; border: 1px solid rgba(134,255,209,.16); border-radius: 16px; background: rgba(134,255,209,.035); }
.filter-field--smart > small { color: #797684; font-size: 9px; font-weight: 550; line-height: 1.5; letter-spacing: 0; text-transform: none; }
.filter-field--search input { padding-right: 42px; }
.filter-field--search > span { position: absolute; right: 15px; bottom: 14px; color: var(--mint); font-size: 18px; }
.catalog-type-tabs { margin-top: 25px; display: grid; gap: 8px; }
.catalog-tab { min-height: 61px; padding: 11px 13px; display: grid; gap: 2px; text-align: left; border: 1px solid transparent; border-radius: 14px; color: #cac6d3; background: rgba(255,255,255,.025); cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.catalog-tab:hover { transform: translateX(3px); border-color: var(--line); }
.catalog-tab.is-active { border-color: rgba(134,255,209,.23); color: var(--text); background: linear-gradient(90deg, rgba(134,255,209,.1), rgba(141,99,255,.06)); }
.catalog-tab span { font-weight: 750; }
.catalog-tab small { color: #777481; font-size: 10px; }
.catalog-sidebar__foot { margin-top: 25px; padding-top: 20px; display: flex; gap: 10px; border-top: 1px solid var(--line); color: #777481; font-size: 10px; line-height: 1.55; }
.catalog-sidebar__foot i { flex: 0 0 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.catalog-results__head { min-height: 108px; margin-bottom: 25px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.catalog-results__head h2 { max-width: 620px; margin: 18px 0 0; font-size: clamp(34px, 4vw, 50px); line-height: 1.02; letter-spacing: -.05em; }
.catalog-results__head .catalog-count { padding-bottom: 4px; }
.catalog-product-grid { display: grid; gap: 12px; }
.catalog-product { min-height: 205px; padding: 21px; display: grid; grid-template-columns: 190px minmax(0, 1fr) 155px; align-items: stretch; gap: 24px; border: 1px solid var(--line); border-radius: 23px; background: linear-gradient(135deg, rgba(18,21,31,.9), rgba(11,13,20,.78)); transition: transform .24s ease, border-color .24s ease, background .24s ease; }
.catalog-product:hover { transform: translateY(-3px); border-color: rgba(182,155,255,.32); background: linear-gradient(135deg, rgba(23,25,39,.96), rgba(12,14,22,.84)); }
.catalog-product.is-recommended { border-color: rgba(134,255,209,.28); box-shadow: inset 3px 0 0 rgba(134,255,209,.72), 0 14px 45px rgba(0,0,0,.16); }
.catalog-product__region { padding: 15px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(134,255,209,.14); border-radius: 17px; background: radial-gradient(circle at 20% 20%, rgba(134,255,209,.1), transparent 55%), #0b0e15; }
.catalog-product__region > span { width: 42px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #0a0c11; background: var(--mint); font: 850 10px ui-monospace, monospace; }
.catalog-product__region small { color: #666473; font: 700 9px ui-monospace, monospace; letter-spacing: .13em; }
.catalog-product__region h3 { margin: 5px 0 0; font-size: 20px; line-height: 1.15; letter-spacing: -.025em; overflow-wrap: anywhere; }
.catalog-product__body { align-self: center; min-width: 0; }
.category-mark { color: var(--violet-2); font: 750 10px ui-monospace, monospace; letter-spacing: .11em; text-transform: uppercase; }
.catalog-product__marks { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.recommendation-mark { padding: 5px 8px; border-radius: 999px; color: #07120e; background: var(--mint); font: 850 8px ui-monospace, monospace; letter-spacing: .08em; }
.catalog-product__body h4 { margin: 11px 0 8px; font-size: 21px; line-height: 1.25; letter-spacing: -.025em; }
.catalog-product__body p { margin-bottom: 18px; color: var(--muted); font-size: 13px; }
.catalog-product__body .recommendation-reason { margin: -8px 0 14px; color: #a8a5b0; font-size: 11px; }
.recommendation-reason b { color: var(--mint); font-weight: 700; }
.catalog-product__specs { display: flex; flex-wrap: wrap; gap: 7px; }
.catalog-product__specs span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: #8f8c99; font-size: 9px; font-weight: 700; letter-spacing: .06em; }
.catalog-product__buy { padding-left: 22px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border-left: 1px solid var(--line); }
.catalog-product__buy > small { color: #6c6977; font: 700 8px ui-monospace, monospace; letter-spacing: .12em; }
.catalog-product__buy > strong { margin: 7px 0 0; font-size: 31px; letter-spacing: -.045em; }
.catalog-product__buy > strong i { display: inline-flex; align-items: center; min-height: 37px; color: #aaa7b2; font: 650 13px/1.2 ui-monospace, monospace; letter-spacing: 0; }
.catalog-product__buy > span { margin-bottom: 17px; color: #777481; font-size: 10px; }
.catalog-product__buy .button { width: 100%; padding-inline: 12px; }
.catalog-assurance { margin-bottom: 90px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 25px; overflow: hidden; }
.catalog-assurance > div { min-height: 180px; padding: 28px; border-right: 1px solid var(--line); background: rgba(255,255,255,.018); }
.catalog-assurance > div:last-child { border-right: 0; }
.catalog-assurance span { color: var(--mint); font: 700 10px ui-monospace, monospace; }
.catalog-assurance strong { margin: 34px 0 8px; display: block; font-size: 18px; }
.catalog-assurance p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }

/* Residential connection builder */
.resident-builder { margin-top: 28px; padding: 28px; display: grid; gap: 24px; border: 1px solid rgba(134,255,209,.22); border-radius: 24px; background: radial-gradient(circle at 8% 0, rgba(134,255,209,.09), transparent 38%), linear-gradient(145deg, rgba(18,21,31,.96), rgba(9,11,17,.92)); }
.resident-builder__intro { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.resident-builder__intro span { color: var(--mint); font: 750 9px ui-monospace, monospace; letter-spacing: .13em; }
.resident-builder__intro h3 { margin: 10px 0 0; font-size: 27px; letter-spacing: -.035em; }
.resident-builder__intro p { max-width: 440px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.resident-builder__controls { display: grid; grid-template-columns: 1.1fr 1.35fr .75fr .65fr 1fr; gap: 12px; }
.resident-builder__controls label { display: grid; gap: 8px; color: #8f8c99; font-size: 9px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.resident-builder__controls select, .resident-builder__controls input { min-width: 0; width: 100%; height: 50px; padding: 0 13px; border: 1px solid var(--line); border-radius: 13px; outline: none; color: var(--text); background: #0b0e15; font-size: 12px; letter-spacing: 0; text-transform: none; }
.resident-builder__controls select:focus, .resident-builder__controls input:focus { border-color: rgba(134,255,209,.42); box-shadow: 0 0 0 3px rgba(134,255,209,.05); }
.resident-builder__controls small { color: #696673; font-size: 9px; font-weight: 500; letter-spacing: 0; line-height: 1.4; text-transform: none; }
.resident-builder__result { padding: 20px; display: grid; grid-template-columns: minmax(210px,.6fr) minmax(0,1.5fr) auto; align-items: center; gap: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(5,7,11,.7); }
.resident-builder__result small { display: block; color: #686573; font: 700 8px ui-monospace, monospace; letter-spacing: .12em; }
.resident-builder__result strong { margin-top: 7px; display: block; font-size: 13px; }
.resident-builder__result code { padding: 12px 14px; overflow: auto; border-radius: 11px; color: var(--mint); background: #080a0f; font-size: 11px; white-space: nowrap; }
.resident-builder__hint { margin: 0; color: #777481; font-size: 11px; line-height: 1.6; }

@media (max-width: 980px) {
  .catalog-hero--rich { min-height: 520px; }
  .region-radar { flex-basis: 290px; height: 290px; }
  .catalog-workspace { grid-template-columns: 1fr; }
  .catalog-sidebar { position: static; }
  .catalog-type-tabs { grid-template-columns: repeat(3, 1fr); }
  .catalog-product { grid-template-columns: 160px minmax(0, 1fr) 145px; gap: 17px; }
  .resident-builder__controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resident-builder__result { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .landing-price-selector { min-height: 0; padding: 20px; grid-template-columns: 1fr; gap: 28px; }
  .landing-price-selector__control { padding: 17px; }
  .catalog-hero--rich { min-height: 0; padding: 82px 0 62px; display: grid; gap: 34px; }
  .catalog-hero__copy h1 { font-size: 50px; }
  .catalog-hero__copy > p { margin-top: 24px; font-size: 16px; }
  .region-radar { width: 290px; height: 290px; margin: auto; }
  .catalog-workspace { gap: 55px; padding-bottom: 75px; }
  .catalog-sidebar { padding: 20px; }
  .catalog-type-tabs { grid-template-columns: 1fr 1fr; }
  .catalog-tab { min-height: 68px; }
  .catalog-results__head { display: block; }
  .catalog-results__head .catalog-count { margin-top: 22px; justify-content: flex-start; }
  .catalog-product { padding: 17px; grid-template-columns: 1fr; gap: 17px; }
  .catalog-product__region { min-height: 125px; flex-direction: row; align-items: flex-start; }
  .catalog-product__region > div { align-self: flex-end; text-align: right; }
  .catalog-product__buy { padding: 18px 0 0; display: grid; grid-template-columns: 1fr 1fr; align-items: center; border-left: 0; border-top: 1px solid var(--line); }
  .catalog-product__buy > span { margin-bottom: 0; }
  .catalog-product__buy .button { grid-column: 2; grid-row: 1 / 4; }
  .catalog-assurance { grid-template-columns: 1fr; }
  .catalog-assurance > div { min-height: 155px; border-right: 0; border-bottom: 1px solid var(--line); }
  .catalog-assurance > div:last-child { border-bottom: 0; }
  .resident-builder { padding: 19px; }
  .resident-builder__intro { display: grid; gap: 14px; }
  .resident-builder__controls { grid-template-columns: 1fr; }
  .resident-builder__result .button { width: 100%; }
}
/* Contextual sales and support helpers */
.support-nudge { position: fixed; right: 22px; bottom: 22px; z-index: 80; width: min(360px, calc(100vw - 32px)); padding: 22px; border: 1px solid rgba(126,247,207,.24); border-radius: 24px; background: rgba(12,15,23,.94); box-shadow: 0 24px 70px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.05); backdrop-filter: blur(22px); transform: translateY(24px) scale(.97); opacity: 0; pointer-events: none; transition: opacity .35s ease, transform .35s ease; }
.support-nudge.is-visible { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
.support-nudge > span { display: block; margin-bottom: 9px; color: var(--mint); font: 700 10px/1.2 var(--mono); letter-spacing: .16em; }
.support-nudge > strong { display: block; padding-right: 28px; color: var(--white); font-size: 21px; }
.support-nudge p { margin: 9px 0 16px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.support-nudge code { color: var(--white); white-space: nowrap; }
.support-nudge .button { width: 100%; justify-content: center; }
.support-nudge__telegram { display: block; margin-top: 11px; color: #8f8c99; text-align: center; font-size: 12px; text-decoration: none; }
.support-nudge__telegram:hover { color: var(--mint); }
.support-nudge__close { position: absolute; top: 12px; right: 14px; width: 32px; height: 32px; border: 0; border-radius: 50%; color: var(--muted); background: transparent; font-size: 22px; cursor: pointer; }
.support-nudge__close:hover { color: var(--white); background: rgba(255,255,255,.06); }
.payment-help { margin: 2px 0 0; color: var(--muted); text-align: center; font-size: 13px; line-height: 1.45; }
.payment-help a { color: var(--mint); text-decoration: none; }
.admin-search { display: flex; gap: 12px; align-items: flex-end; margin-bottom: 18px; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.admin-search label { flex: 1; display: grid; gap: 7px; color: var(--muted); font-size: 12px; }
.admin-search input { width: 100%; }
.admin-user__actions { display: flex; align-items: center; gap: 8px; }
.admin-user__actions a { text-decoration: none; }
.promo-client-field { grid-column: 1 / -1; }
.promo-client-field small { color: var(--muted); font-size: 11px; }
@media (max-width: 720px) {
  .support-nudge { right: 16px; bottom: 16px; padding: 19px; border-radius: 20px; }
  .admin-search { align-items: stretch; flex-direction: column; }
  .admin-search .button { justify-content: center; }
  .admin-user__actions { width: 100%; justify-content: flex-end; }
}
.order-control { display: grid; grid-template-columns: minmax(180px,.7fr) 1.6fr; gap: 18px 28px; align-items: center; margin-top: 18px; padding: 22px; border: 1px solid rgba(126,247,207,.2); border-radius: 24px; background: linear-gradient(120deg, rgba(126,247,207,.07), rgba(139,111,255,.05)); }
.order-control__status { display: grid; gap: 5px; }
.order-control__status > span { color: var(--mint); font: 700 10px/1.2 var(--mono); letter-spacing: .16em; }
.order-control__status strong { color: var(--white); font-size: 22px; }
.order-control__status small { color: var(--muted); }
.order-control__actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 9px; }
.diagnostic-result { grid-column: 1 / -1; display: none; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }
.diagnostic-result:not(:empty) { display: grid; }
.diagnostic-result span { display: block; padding: 10px 12px; border-radius: 12px; color: var(--muted); background: rgba(255,255,255,.035); font: 600 12px/1.4 var(--mono); }
.diagnostic-result .is-ok { color: var(--mint); }
.diagnostic-result .is-error { color: #ff9caf; }
.renewal-panel { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 24px; padding: 22px; border: 1px solid rgba(126,247,207,.24); border-radius: 18px; background: rgba(5,12,14,.62); }
.renewal-panel[hidden] { display: none; }
.renewal-panel > div:first-child { display: grid; gap: 5px; }
.renewal-panel > div:first-child > span { color: var(--mint); font: 700 9px var(--mono); letter-spacing: .16em; }
.renewal-panel h3, .renewal-panel p { margin: 0; }
.renewal-panel h3 { font-size: 18px; }
.renewal-panel p { color: var(--muted); font-size: 12px; }
.renewal-panel__price { min-width: 110px; display: grid; text-align: right; }
.renewal-panel__price del { min-height: 16px; color: var(--muted); font-size: 11px; }
.renewal-panel__price strong { color: var(--white); font-size: 25px; }
.renewal-panel__price small { color: var(--mint); font: 700 9px var(--mono); }
.renewal-panel.has-error { border-color: rgba(255,156,175,.4); }
.order-control__note { grid-column: 1 / -1; color: var(--muted); line-height: 1.5; }
@media (max-width: 820px) {
  .order-control { grid-template-columns: 1fr; }
  .order-control__actions { justify-content: stretch; }
  .order-control__actions .button { flex: 1 1 calc(50% - 9px); justify-content: center; }
}
@media (max-width: 520px) {
  .order-control__actions .button { flex-basis: 100%; }
}

/* Built-in support center */
.support-hero { padding: 105px 0 55px; display: flex; align-items: flex-end; justify-content: space-between; gap: 34px; }
.support-hero h1 { max-width: 820px; margin: 17px 0 13px; font-size: clamp(46px, 6vw, 84px); line-height: .97; letter-spacing: -.055em; }
.support-hero p { max-width: 690px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.support-hero code { color: var(--mint); white-space: nowrap; }
.support-layout { padding-bottom: 105px; display: grid; grid-template-columns: minmax(290px, .72fr) minmax(0, 1.28fr); gap: 25px; align-items: start; }
.support-compose { position: sticky; top: 92px; padding: 28px; border: 1px solid rgba(126,247,207,.18); border-radius: 28px; background: radial-gradient(circle at 0 0, rgba(126,247,207,.08), transparent 38%), rgba(13,16,24,.86); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.support-compose__head > span, .support-history__heading span { color: var(--mint); font: 750 9px/1.2 var(--mono); letter-spacing: .16em; }
.support-compose__head h2, .support-history__heading h2 { margin: 10px 0 7px; font-size: 27px; letter-spacing: -.035em; }
.support-compose__head p { margin: 0 0 23px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.support-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.support-form-grid label, .support-reply label, .admin-support-reply label { display: grid; gap: 8px; color: var(--muted); font-size: 11px; }
.support-form-grid input, .support-form-grid select, .support-form-grid textarea, .support-reply textarea, .admin-support-reply textarea, .admin-support-reply select, .admin-support-status select { width: 100%; min-width: 0; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; outline: 0; color: var(--white); background: #0a0d14; font: inherit; }
.support-form-grid textarea, .support-reply textarea, .admin-support-reply textarea { min-height: 120px; resize: vertical; line-height: 1.5; }
.support-form-grid input:focus, .support-form-grid select:focus, .support-form-grid textarea:focus, .support-reply textarea:focus, .admin-support-reply textarea:focus, .admin-support-reply select:focus { border-color: rgba(126,247,207,.45); box-shadow: 0 0 0 3px rgba(126,247,207,.05); }
.support-field-wide { grid-column: 1 / -1; }
.support-upload { padding: 13px; border: 1px dashed rgba(126,247,207,.22); border-radius: 14px; background: rgba(126,247,207,.025); }
.support-upload input { padding: 0; border: 0; background: transparent; }
.support-upload small { color: #6f6c79; line-height: 1.45; }
.support-compose > .button { width: 100%; margin-top: 18px; justify-content: center; }
.support-history { display: grid; gap: 17px; }
.support-history__heading { min-height: 72px; display: flex; align-items: center; justify-content: space-between; }
.support-history__heading h2 { margin-bottom: 0; }
.support-history__heading b { min-width: 52px; color: var(--mint); font-size: 32px; text-align: right; }
.support-ticket, .admin-support-ticket { scroll-margin-top: 100px; border: 1px solid var(--line); border-radius: 26px; overflow: hidden; background: rgba(13,16,24,.78); }
.support-ticket__head, .admin-support-ticket > header { padding: 23px 25px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.support-ticket__head small, .admin-support-ticket > header small { color: var(--mint); font: 700 9px/1.2 var(--mono); letter-spacing: .13em; }
.support-ticket__head h3, .admin-support-ticket > header h3 { margin: 8px 0 5px; font-size: 21px; }
.support-ticket__head p, .admin-support-ticket > header p { margin: 0; color: var(--muted); font-size: 12px; }
.support-status { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font: 700 9px/1 var(--mono); white-space: nowrap; }
.support-status--new { border-color: rgba(255,156,175,.32); color: #ff9caf; background: rgba(255,156,175,.06); }
.support-status--in_progress { border-color: rgba(139,111,255,.35); color: #b5a3ff; background: rgba(139,111,255,.07); }
.support-status--waiting_user { border-color: rgba(126,247,207,.3); color: var(--mint); background: rgba(126,247,207,.06); }
.support-status--closed { color: #777481; }
.support-thread, .admin-support-thread { padding: 21px; display: grid; gap: 11px; }
.support-message { max-width: 88%; padding: 15px 17px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.support-message--admin { margin-left: auto; border-color: rgba(126,247,207,.19); background: rgba(126,247,207,.045); }
.support-message > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.support-message strong { color: var(--white); font-size: 11px; }
.support-message time { color: #686573; font: 600 9px var(--mono); }
.support-message p { margin: 8px 0 0; color: #aaa7b2; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.support-attachment { display: inline-flex; margin-top: 11px; color: var(--mint); font-size: 11px; text-decoration: none; }
.support-reply { padding: 20px 21px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 11px; align-items: end; border-top: 1px solid var(--line); }
.support-reply > label:first-child { grid-column: 1 / -1; }
.support-reply textarea { min-height: 78px; }
.support-reply__file { position: relative; display: inline-flex !important; cursor: pointer; }
.support-reply__file input, .admin-support-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.support-reply__file span, .admin-support-file span { display: inline-flex; min-height: 42px; padding: 0 13px; align-items: center; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); cursor: pointer; }
.support-empty { padding: 60px 28px; border: 1px dashed var(--line); border-radius: 25px; text-align: center; }
.support-empty b { color: var(--mint); font: 700 12px var(--mono); }
.support-empty h3 { margin: 14px 0 8px; font-size: 22px; }
.support-empty p { max-width: 420px; margin: auto; color: var(--muted); font-size: 13px; line-height: 1.6; }

.admin-support-list { display: grid; gap: 17px; }
.admin-support-ticket > header { padding: 22px 24px; }
.admin-support-thread { max-height: 430px; overflow-y: auto; }
.admin-support-reply { padding: 20px 23px; display: grid; grid-template-columns: minmax(0, 1fr) 190px auto; gap: 12px; align-items: end; border-top: 1px solid var(--line); }
.admin-support-reply > label:first-child { grid-column: 1 / -1; }
.admin-support-reply textarea { min-height: 84px; }
.admin-support-file { position: relative; }
.admin-support-status { padding: 0 23px 20px; display: flex; justify-content: flex-end; gap: 9px; }
.admin-support-status select { width: 190px; }

/* Focused admin support workspace */
.support-overview { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 22px; }
.support-overview__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.support-overview__stats a { min-height: 126px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid var(--line); border-radius: 20px; color: inherit; text-decoration: none; background: rgba(255,255,255,.018); transition: .2s ease; }
.support-overview__stats a:first-child { grid-column: 1 / -1; border-color: rgba(126,247,207,.23); background: radial-gradient(circle at 10% 10%, rgba(126,247,207,.09), transparent 52%), rgba(255,255,255,.018); }
.support-overview__stats a:hover { border-color: rgba(126,247,207,.35); transform: translateY(-2px); }
.support-overview__stats small { color: var(--mint); font: 700 9px var(--mono); letter-spacing: .13em; }
.support-overview__stats strong { margin: 8px 0; font-size: 38px; line-height: 1; }
.support-overview__stats span { color: var(--muted); font-size: 11px; }
.support-overview__queue { padding: 19px; border: 1px solid var(--line); border-radius: 24px; background: rgba(13,16,24,.72); }
.support-overview__head { padding: 2px 5px 15px; display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: 11px; }
.support-overview__head strong { color: var(--white); font-size: 13px; }
.support-overview__ticket { padding: 13px 5px; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; border-top: 1px solid var(--line); color: inherit; text-decoration: none; }
.support-overview__ticket > div { min-width: 0; }
.support-overview__ticket > div strong, .support-overview__ticket > div small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.support-overview__ticket > div strong { margin-bottom: 5px; font-size: 13px; }
.support-overview__ticket > div small { color: var(--muted); font-size: 10px; }
.support-overview__ticket > b { color: #ff9caf; font: 700 8px var(--mono); letter-spacing: .08em; }
.support-ticket-avatar { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 40px; border: 1px solid rgba(126,247,207,.22); border-radius: 13px; color: var(--mint); background: rgba(126,247,207,.06); font-size: 13px; }

.support-desk-hero { padding: 100px 0 32px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 42px; align-items: end; }
.support-desk-back { display: inline-flex; margin-bottom: 25px; color: var(--muted); font-size: 11px; text-decoration: none; }
.support-desk-back:hover { color: var(--mint); }
.support-desk-hero h1 { margin: 17px 0 10px; font-size: clamp(48px, 6.2vw, 88px); line-height: .92; letter-spacing: -.06em; }
.support-desk-hero p { margin: 0; color: var(--muted); font-size: 14px; }
.support-desk-summary { min-width: 430px; display: grid; grid-template-columns: 1.25fr 1fr 1fr; border: 1px solid var(--line); border-radius: 23px; overflow: hidden; background: rgba(13,16,24,.76); }
.support-desk-summary > div { min-height: 115px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; border-left: 1px solid var(--line); }
.support-desk-summary > div:first-child { border-left: 0; }
.support-desk-summary span { color: var(--muted); font: 700 8px var(--mono); letter-spacing: .1em; }
.support-desk-summary strong { margin-top: 9px; font-size: 32px; line-height: 1; }
.support-desk-summary small { margin-top: 6px; color: #777481; font-size: 9px; }
.support-desk-summary__primary { background: radial-gradient(circle at 20% 20%, rgba(126,247,207,.11), transparent 60%); }
.support-desk-summary__primary strong, .support-desk-summary__primary span { color: var(--mint); }

.support-operations { margin-bottom: 18px; padding: 16px 18px; display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 18px; align-items: center; border: 1px solid var(--line); border-radius: 22px; background: rgba(13,16,24,.72); }
.support-operations__state { min-width: 0; display: flex; gap: 12px; align-items: center; }
.support-operations__state > i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 20px rgba(126,247,207,.6); }
.support-operations__state.is-busy > i { background: #ffc876; box-shadow: 0 0 20px rgba(255,200,118,.55); }
.support-operations__state.is-maintenance > i { background: #ff9caf; box-shadow: 0 0 20px rgba(255,156,175,.55); }
.support-operations__state div { min-width: 0; display: grid; gap: 4px; }
.support-operations__state small { color: var(--muted); font: 700 8px var(--mono); letter-spacing: .12em; }
.support-operations__state strong { font-size: 13px; }
.support-operations__state span { overflow: hidden; color: var(--muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.support-operations__form { display: grid; grid-template-columns: auto 180px minmax(220px,1fr) auto; gap: 10px; align-items: end; }
.support-operations__form label:not(.support-maintenance-toggle) { display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
.support-operations__form input { width: 100%; min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; outline: 0; color: var(--white); background: #0a0d14; font: inherit; }
.support-maintenance-toggle { min-height: 42px; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.support-maintenance-toggle > input { position: absolute; opacity: 0; pointer-events: none; }
.support-maintenance-toggle > span { width: 38px; height: 22px; padding: 3px; display: flex; border: 1px solid var(--line); border-radius: 999px; background: #090b11; }
.support-maintenance-toggle > span i { width: 14px; height: 14px; border-radius: 50%; background: #6d6975; transition: .2s ease; }
.support-maintenance-toggle > input:checked + span { border-color: rgba(255,156,175,.35); background: rgba(255,156,175,.08); }
.support-maintenance-toggle > input:checked + span i { transform: translateX(16px); background: #ff9caf; }
.support-maintenance-toggle b { font-size: 10px; white-space: nowrap; }

.support-desk { padding-bottom: 100px; display: grid; grid-template-columns: 390px minmax(0,1fr); gap: 18px; align-items: start; }
.support-inbox, .support-conversation { border: 1px solid var(--line); border-radius: 26px; background: rgba(13,16,24,.82); box-shadow: 0 26px 80px rgba(0,0,0,.22); }
.support-inbox { position: sticky; top: 82px; overflow: hidden; }
.support-inbox-search { padding: 17px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; border-bottom: 1px solid var(--line); }
.support-inbox-search label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
.support-inbox-search input { width: 100%; min-width: 0; min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; outline: 0; color: var(--white); background: #090b11; font: inherit; }
.support-inbox-search button { align-self: end; min-height: 42px; padding: 0 13px; border: 1px solid rgba(126,247,207,.24); border-radius: 12px; color: var(--mint); background: rgba(126,247,207,.05); cursor: pointer; }
.support-filters { padding: 12px 15px; display: flex; gap: 7px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.support-filters::-webkit-scrollbar { display: none; }
.support-filters a { padding: 8px 10px; display: inline-flex; gap: 7px; align-items: center; border: 1px solid transparent; border-radius: 999px; color: var(--muted); font-size: 9px; text-decoration: none; white-space: nowrap; }
.support-filters a b { color: #6f6c78; font: 700 8px var(--mono); }
.support-filters a.is-active { border-color: rgba(126,247,207,.22); color: var(--mint); background: rgba(126,247,207,.055); }
.support-filters a.is-active b { color: var(--mint); }
.support-ticket-list { max-height: calc(100vh - 280px); overflow-y: auto; }
.support-ticket-row { padding: 16px; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; transition: .18s ease; }
.support-ticket-row:last-child { border-bottom: 0; }
.support-ticket-row:hover { background: rgba(255,255,255,.025); }
.support-ticket-row.is-active { background: linear-gradient(90deg, rgba(126,247,207,.08), rgba(139,111,255,.045)); box-shadow: inset 3px 0 var(--mint); }
.support-ticket-row.needs-reply .support-ticket-avatar { border-color: rgba(255,156,175,.3); color: #ff9caf; background: rgba(255,156,175,.06); }
.support-ticket-row__body { min-width: 0; }
.support-ticket-row__body > div, .support-ticket-row__body footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.support-ticket-row__body small, .support-ticket-row__body time { color: #74717d; font: 650 8px var(--mono); }
.support-ticket-row__body > strong { margin: 8px 0 5px; display: block; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-row__body p { margin: 0 0 8px; overflow: hidden; color: #8c8995; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-row__body footer span { overflow: hidden; color: #6f6c78; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.support-ticket-row__body footer b { min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 99px; color: var(--mint); background: rgba(126,247,207,.07); font-size: 8px; }
.support-inbox-empty { padding: 60px 25px; text-align: center; }
.support-inbox-empty p { color: var(--muted); font-size: 11px; }

.support-conversation { min-width: 0; overflow: hidden; }
.support-conversation__head { padding: 22px 24px; display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; border-bottom: 1px solid var(--line); }
.support-conversation__labels { display: flex; gap: 10px; align-items: center; }
.support-conversation__labels span, .support-conversation__labels b { color: var(--mint); font: 700 8px var(--mono); letter-spacing: .11em; }
.support-conversation__labels b { color: #ff9caf; }
.support-conversation__head h2 { margin: 9px 0 5px; font-size: 25px; letter-spacing: -.03em; }
.support-conversation__head p { margin: 0; color: var(--muted); font-size: 11px; }
.support-client-strip { padding: 15px 24px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 13px; align-items: center; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.012); }
.support-client-strip__avatar { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(139,111,255,.25); border-radius: 14px; color: #b5a3ff; background: rgba(139,111,255,.06); }
.support-client-strip > div:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.support-client-strip small { color: var(--muted); font: 700 8px var(--mono); }
.support-client-strip strong { font-size: 12px; }
.support-client-strip span { overflow: hidden; color: #777481; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.support-client-strip__actions { display: flex; gap: 8px; }
.support-client-strip__actions a { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 9px; text-decoration: none; }
.support-client-strip__actions a:hover { color: var(--mint); border-color: rgba(126,247,207,.25); }
.support-conversation__thread { min-height: 330px; max-height: 54vh; padding: 24px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; background: radial-gradient(circle at 80% 10%, rgba(139,111,255,.045), transparent 35%); }
.support-conversation__thread .support-message { max-width: 72%; }
.support-attachment--preview { display: grid; gap: 7px; }
.support-attachment--preview img { width: min(240px,100%); max-height: 180px; display: block; border: 1px solid var(--line); border-radius: 11px; object-fit: cover; }
.support-conversation__composer { border-top: 1px solid var(--line); background: rgba(8,10,16,.72); }
.support-answer-form { padding: 18px 20px 13px; display: grid; grid-template-columns: 170px auto auto; gap: 10px; align-items: end; }
.support-answer-form label { display: grid; gap: 7px; color: var(--muted); font-size: 9px; }
.support-answer-form__message { grid-column: 1 / -1; }
.support-answer-form textarea, .support-answer-form select, .support-quick-status select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; outline: 0; color: var(--white); background: #090b11; font: inherit; }
.support-answer-form textarea { min-height: 88px; resize: vertical; }
.support-answer-file { position: relative; }
.support-answer-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.support-answer-file > span { min-height: 42px; padding: 0 12px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--line); border-radius: 12px; cursor: pointer; }
.support-quick-status { padding: 12px 20px 18px; display: flex; gap: 9px; align-items: center; }
.support-quick-status > span { margin-right: auto; color: #6f6c78; font-size: 9px; }
.support-quick-status select { width: 170px; }
.support-quick-status button { min-height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; }
.support-conversation-empty { min-height: 620px; display: grid; place-content: center; text-align: center; }
.support-conversation-empty b { color: var(--mint); font: 700 9px var(--mono); letter-spacing: .14em; }
.support-conversation-empty h2 { margin: 13px 0 7px; }
.support-conversation-empty p { margin: 0; color: var(--muted); }

.support-public-state { margin-bottom: 20px; padding: 14px; display: flex; gap: 11px; align-items: flex-start; border: 1px solid rgba(126,247,207,.2); border-radius: 15px; background: rgba(126,247,207,.04); }
.support-public-state > i { width: 9px; height: 9px; margin-top: 3px; flex: 0 0 9px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 18px rgba(126,247,207,.6); }
.support-public-state div { display: grid; gap: 4px; }
.support-public-state strong { font-size: 11px; }
.support-public-state span { color: var(--muted); font-size: 10px; line-height: 1.45; }
.support-public-state.is-busy { border-color: rgba(255,200,118,.25); background: rgba(255,200,118,.045); }
.support-public-state.is-busy > i { background: #ffc876; box-shadow: 0 0 18px rgba(255,200,118,.55); }
.support-public-state.is-maintenance { border-color: rgba(255,156,175,.25); background: rgba(255,156,175,.045); }
.support-public-state.is-maintenance > i { background: #ff9caf; box-shadow: 0 0 18px rgba(255,156,175,.55); }
.maintenance-banner { position: relative; z-index: 12; min-height: 44px; padding: 9px max(20px, calc((100vw - 1180px) / 2)); display: flex; gap: 10px; align-items: center; border-bottom: 1px solid rgba(255,156,175,.22); color: #d8d5de; background: rgba(54,24,34,.78); backdrop-filter: blur(18px); font-size: 11px; }
.maintenance-banner > i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #ff9caf; box-shadow: 0 0 16px rgba(255,156,175,.65); }
.maintenance-banner strong { color: #ffb2c0; white-space: nowrap; }
.maintenance-banner span { overflow: hidden; color: #aaa7b2; text-overflow: ellipsis; white-space: nowrap; }
.maintenance-banner a { margin-left: auto; color: #ffb2c0; text-decoration: none; }

@media (max-width: 1080px) {
  .support-operations { grid-template-columns: 1fr; }
  .support-desk { grid-template-columns: 340px minmax(0,1fr); }
  .support-answer-form { grid-template-columns: 1fr 1fr; }
  .support-answer-form .button { grid-column: 1 / -1; justify-content: center; }
}
@media (max-width: 900px) {
  .support-overview { grid-template-columns: 1fr; }
  .support-desk-hero { grid-template-columns: 1fr; }
  .support-desk-summary { min-width: 0; }
  .support-operations__form { grid-template-columns: auto 160px minmax(0,1fr); }
  .support-operations__form .button { grid-column: 1 / -1; justify-content: center; }
  .support-desk { grid-template-columns: 1fr; }
  .support-inbox { position: static; }
  .support-ticket-list { max-height: 430px; }
}
@media (max-width: 620px) {
  .maintenance-banner { padding: 10px 15px; align-items: flex-start; flex-wrap: wrap; }
  .maintenance-banner span { width: calc(100% - 20px); margin-left: 18px; white-space: normal; line-height: 1.4; }
  .maintenance-banner a { position: absolute; top: 10px; right: 15px; }
  .support-desk-hero { padding-top: 82px; }
  .support-desk-hero h1 { font-size: 50px; }
  .support-desk-summary { grid-template-columns: 1.2fr 1fr 1fr; }
  .support-desk-summary > div { min-height: 96px; padding: 14px; }
  .support-desk-summary strong { font-size: 25px; }
  .support-operations { padding: 15px; }
  .support-operations__form { grid-template-columns: 1fr; }
  .support-operations__message { grid-column: auto; }
  .support-overview__stats { grid-template-columns: 1fr 1fr; }
  .support-overview__ticket { grid-template-columns: 38px minmax(0,1fr); }
  .support-overview__ticket > b, .support-overview__ticket > .support-status { grid-column: 2; width: max-content; }
  .support-conversation__head { display: grid; }
  .support-client-strip { grid-template-columns: 44px minmax(0,1fr); }
  .support-client-strip__actions { grid-column: 1 / -1; }
  .support-client-strip__actions a { flex: 1; text-align: center; }
  .support-conversation__thread { min-height: 280px; padding: 17px; }
  .support-conversation__thread .support-message { max-width: 92%; }
  .support-answer-form { grid-template-columns: 1fr; }
  .support-answer-form__message, .support-answer-form .button { grid-column: auto; }
  .support-quick-status { align-items: stretch; flex-direction: column; }
  .support-quick-status select { width: 100%; }
}

@media (max-width: 900px) {
  .renewal-panel { grid-template-columns: 1fr auto; }
  .renewal-panel .button { grid-column: 1 / -1; justify-content: center; }
  .support-layout { grid-template-columns: 1fr; }
  .support-compose { position: static; }
}
@media (max-width: 700px) {
  .support-hero { padding-top: 82px; display: grid; }
  .support-hero h1 { font-size: 48px; }
  .support-hero .button { width: 100%; justify-content: center; }
  .support-layout { gap: 38px; }
  .support-compose { padding: 20px; }
  .support-form-grid { grid-template-columns: 1fr; }
  .support-field-wide { grid-column: auto; }
  .support-ticket__head, .admin-support-ticket > header { display: grid; }
  .support-message { max-width: 96%; }
  .support-reply { grid-template-columns: 1fr; }
  .support-reply .button { justify-content: center; }
  .admin-support-reply { grid-template-columns: 1fr; }
  .admin-support-reply > label:first-child { grid-column: auto; }
  .admin-support-reply .button { justify-content: center; }
  .admin-support-status { align-items: stretch; flex-direction: column; }
  .admin-support-status select { width: 100%; }
}

/* Focused admin workspace */
.admin-workspace-nav { margin-bottom: 8px; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 8px; }
.admin-workspace-nav a { position: relative; min-height: 92px; padding: 15px 14px; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; color: inherit; background: rgba(255,255,255,.02); text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.admin-workspace-nav a:hover { transform: translateY(-2px); border-color: rgba(134,255,209,.22); background: rgba(134,255,209,.035); }
.admin-workspace-nav a.is-active { border-color: rgba(134,255,209,.32); background: linear-gradient(145deg, rgba(134,255,209,.1), rgba(141,99,255,.055)); box-shadow: inset 0 1px rgba(255,255,255,.04); }
.admin-workspace-nav span { position: absolute; top: 13px; left: 14px; color: #666472; font: 700 8px var(--mono); }
.admin-workspace-nav b { font-size: 12px; }
.admin-workspace-nav small { color: var(--muted); font-size: 9px; white-space: nowrap; }
.admin-workspace-nav em { position: absolute; top: 10px; right: 10px; min-width: 22px; height: 22px; padding: 0 6px; display: grid; place-items: center; border-radius: 20px; color: #090c11; background: var(--mint); font: 800 9px var(--mono); font-style: normal; }
.admin-workspace-nav + .admin-kpis, .admin-workspace-nav + .admin-section, .admin-workspace-nav + .admin-columns { margin-top: 34px; }
.admin-columns:has(> article:only-child) { grid-template-columns: 1fr; }
.catalog-health { margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--line); }
.catalog-health__row { min-height: 58px; display: grid; grid-template-columns: 9px 130px minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.06); }
.catalog-health__row i { width: 8px; height: 8px; border-radius: 50%; background: #666472; box-shadow: 0 0 12px currentColor; }
.catalog-health__row strong { font-size: 12px; }.catalog-health__row span { color: var(--muted); font-size: 10px; }.catalog-health__row b { color: #777481; font: 750 9px var(--mono); }
.catalog-health__row.is-ok i { color: var(--mint); background: var(--mint); }.catalog-health__row.is-ok b { color: var(--mint); }
.catalog-health__row.is-empty i { color: #ffc876; background: #ffc876; }.catalog-health__row.is-empty b { color: #ffc876; }
.catalog-health__hint { margin: 18px 0 0; color: #777481; font-size: 10px; line-height: 1.6; }
.admin-search--users { margin: 24px 0 8px; }

/* Account action hierarchy */
.account-actions { width: min(430px, 100%); display: grid; grid-template-columns: minmax(190px, 1.15fr) minmax(190px, .85fr); gap: 10px; }
.account-actions__secondary { display: grid; grid-template-columns: 1fr; gap: 10px; }
.account-action { min-height: 66px; padding: 13px 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 16px; color: var(--text); background: rgba(255,255,255,.025); font: inherit; text-decoration: none; cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.account-action:hover { transform: translateY(-2px); border-color: rgba(182,155,255,.3); background: rgba(182,155,255,.05); }
.account-action span { color: #777481; font: 750 8px var(--mono); letter-spacing: .12em; }.account-action strong { font-size: 13px; }
.account-action--primary { position: relative; min-height: 142px; padding: 22px; border-color: rgba(134,255,209,.3); color: #080b0f; background: linear-gradient(135deg, var(--mint), #a8ffe3); }
.account-action--primary span { color: rgba(8,11,15,.55); }.account-action--primary strong { font-size: 21px; }.account-action--primary b { position: absolute; right: 19px; bottom: 17px; font-size: 22px; }

/* Guest support entry */
.support-guest { min-height: calc(100vh - 190px); padding: 105px 0 90px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); align-items: center; gap: 80px; }
.support-guest__copy h1 { max-width: 760px; margin: 24px 0 22px; font-size: clamp(54px, 7vw, 92px); line-height: .93; letter-spacing: -.065em; }
.support-guest__copy > p { max-width: 650px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.support-guest .support-public-state { max-width: 650px; margin-top: 30px; }
.support-guest__actions { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; }
.support-guest__steps { padding: 28px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(145deg, rgba(18,21,31,.9), rgba(10,12,18,.78)); }
.support-guest__steps > span { color: var(--mint); font: 750 9px var(--mono); letter-spacing: .14em; }
.support-guest__steps ol { margin: 24px 0 0; padding: 0; list-style: none; }
.support-guest__steps li { min-height: 108px; padding: 21px 0; display: grid; grid-template-columns: 45px 1fr; gap: 16px; border-top: 1px solid var(--line); }
.support-guest__steps li > b { color: var(--violet-2); font: 750 10px var(--mono); }.support-guest__steps strong { font-size: 15px; }.support-guest__steps p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.notice--availability { border-color: rgba(255,200,118,.24); background: rgba(255,200,118,.045); }.notice--availability strong { color: #ffd08a; }

@media (max-width: 1050px) {
  .admin-workspace-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .support-guest { grid-template-columns: 1fr; gap: 35px; }
}
@media (max-width: 680px) {
  .admin-workspace-nav { width: calc(100% - 24px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .admin-workspace-nav a { min-height: 80px; }
  .admin-workspace-nav + .admin-kpis, .admin-workspace-nav + .admin-section, .admin-workspace-nav + .admin-columns { margin-top: 24px; }
  .account-actions { margin-top: 28px; grid-template-columns: 1fr; }.account-action--primary { min-height: 104px; }.account-actions__secondary { grid-template-columns: 1fr 1fr; }
  .support-guest { width: calc(100% - 24px); padding-top: 85px; }.support-guest__copy h1 { font-size: 52px; }.support-guest__actions { display: grid; }.support-guest__actions .button { width: 100%; }
  .catalog-health__row { padding: 13px 0; grid-template-columns: 9px 1fr auto; }.catalog-health__row span { grid-column: 2/-1; }
  .support-nudge { right: 12px; bottom: 12px; width: 245px; padding: 14px; border-radius: 17px; }
  .support-nudge > span, .support-nudge p, .support-nudge__telegram { display: none; }
  .support-nudge > strong { padding-right: 28px; font-size: 14px; }
  .support-nudge .button { min-height: 42px; margin-top: 11px; padding: 0 13px; font-size: 11px; }
  .support-nudge__close { top: 5px; right: 6px; }
}

/* Quality verification and guided setup */
.verification-badge { width: max-content; margin-top: 8px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #777481; font: 700 9px/1 var(--mono); font-style: normal; }
.verification-badge.is-ok { border-color: rgba(126,247,207,.3); color: var(--mint); background: rgba(126,247,207,.06); }
.verification-badge.is-warning { border-color: rgba(255,190,92,.28); color: #ffc876; background: rgba(255,190,92,.055); }
.order-problem { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.order-problem summary { padding-top: 17px; color: #aaa7b2; font-size: 12px; cursor: pointer; }
.order-problem[open] summary { color: var(--mint); }
.order-problem > div { padding-top: 15px; display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.order-problem label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; }
.order-problem select, .order-problem textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; outline: 0; color: var(--white); background: #0a0d14; font: inherit; resize: vertical; }
.order-problem textarea { height: 46px; }
.order-problem > div > small { grid-column: 1 / -1; color: #6e6b78; line-height: 1.5; }

.setup-hero, .status-hero { padding: 112px 0 58px; }
.setup-hero h1, .status-hero h1 { max-width: 980px; margin: 18px 0 18px; font-size: clamp(52px, 7.2vw, 102px); line-height: .92; letter-spacing: -.065em; }
.setup-hero p, .status-hero p { max-width: 720px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.65; }
.setup-workspace { padding-bottom: 80px; display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 25px; align-items: start; }
.setup-selector { position: sticky; top: 92px; padding: 25px; border: 1px solid var(--line); border-radius: 25px; background: rgba(13,16,24,.86); }
.setup-selector > span, .setup-guide > span, .setup-cta span { color: var(--mint); font: 750 9px/1.2 var(--mono); letter-spacing: .15em; }
.setup-selector h2 { margin: 10px 0 18px; font-size: 24px; }
.setup-tabs { display: grid; gap: 7px; }
.setup-tabs button { min-height: 48px; padding: 0 14px; border: 1px solid transparent; border-radius: 12px; color: #918e9a; background: rgba(255,255,255,.025); text-align: left; cursor: pointer; }
.setup-tabs button:hover, .setup-tabs button.is-active { border-color: rgba(126,247,207,.22); color: var(--white); background: rgba(126,247,207,.06); }
.setup-tip { margin-top: 18px; padding: 16px; border-radius: 14px; background: rgba(139,111,255,.07); }
.setup-tip b { font-size: 12px; }
.setup-tip p { margin: 7px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.setup-guides { min-height: 570px; }
.setup-guide { display: none; padding: 34px; border: 1px solid var(--line); border-radius: 27px; background: radial-gradient(circle at 100% 0, rgba(139,111,255,.08), transparent 35%), rgba(13,16,24,.78); }
.setup-guide.is-active { display: block; animation: revealUp .3s ease both; }
.setup-guide h2 { margin: 12px 0 25px; font-size: 33px; }
.setup-guide ol { margin: 0; padding: 0; list-style: none; counter-reset: setup-step; }
.setup-guide li { min-height: 62px; padding: 15px 0 15px 56px; position: relative; border-top: 1px solid var(--line); color: #aaa7b2; line-height: 1.55; counter-increment: setup-step; }
.setup-guide li::before { content: "0" counter(setup-step); position: absolute; left: 0; top: 15px; color: var(--mint); font: 700 11px var(--mono); }
.setup-guide > p { margin: 22px 0 0; padding: 16px 18px; border-left: 2px solid var(--violet); color: var(--muted); background: rgba(139,111,255,.045); font-size: 12px; line-height: 1.6; }
.setup-guide pre { padding: 16px; overflow: auto; border: 1px solid var(--line); border-radius: 13px; background: #070910; }
.setup-guide code { color: var(--mint); font-size: 11px; }
.setup-cta { margin-bottom: 100px; padding: 30px; display: flex; justify-content: space-between; align-items: center; gap: 30px; border: 1px solid rgba(126,247,207,.18); border-radius: 26px; background: linear-gradient(120deg, rgba(126,247,207,.06), rgba(139,111,255,.05)); }
.setup-cta h2 { max-width: 700px; margin: 10px 0 0; font-size: 27px; }

.service-status { padding-bottom: 35px; display: grid; gap: 12px; }
.service-status__item { min-height: 150px; padding: 25px 28px; display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 22px; border: 1px solid var(--line); border-radius: 23px; background: rgba(13,16,24,.78); }
.service-status__item > i { width: 10px; height: 10px; border-radius: 50%; background: #777481; box-shadow: 0 0 18px currentColor; }
.service-status__item span { color: #777481; font: 700 9px var(--mono); letter-spacing: .13em; }
.service-status__item h2 { margin: 8px 0 5px; font-size: 24px; }
.service-status__item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.service-status__item > b { color: #777481; font: 700 11px var(--mono); }
.service-status__item.is-ok > i { color: var(--mint); background: var(--mint); }
.service-status__item.is-ok > b { color: var(--mint); }
.service-status__item.is-attention > i { color: #ff9caf; background: #ff9caf; }
.service-status__item.is-attention > b { color: #ff9caf; }
.service-status__item.is-setup > i { color: #ffc876; background: #ffc876; }
.service-status__item.is-setup > b { color: #ffc876; }
.status-foot { padding: 0 0 105px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.status-foot p { color: var(--muted); font-size: 12px; }
.status-foot > div { display: flex; gap: 9px; }

@media (max-width: 900px) {
  .order-problem > div { grid-template-columns: 1fr; }
  .setup-workspace { grid-template-columns: 1fr; }
  .setup-selector { position: static; }
  .setup-tabs { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 620px) {
  .renewal-panel { grid-template-columns: 1fr; gap: 16px; }
  .renewal-panel__price { text-align: left; }
  .renewal-panel .button { grid-column: auto; }
  .setup-hero, .status-hero { padding-top: 85px; }
  .setup-hero h1, .status-hero h1 { font-size: 49px; }
  .setup-tabs { grid-template-columns: 1fr 1fr; }
  .setup-guide { padding: 24px 19px; }
  .setup-cta, .status-foot { align-items: stretch; flex-direction: column; }
  .setup-cta .button, .status-foot .button { justify-content: center; }
  .status-foot > div { width: 100%; flex-direction: column; }
  .service-status__item { padding: 22px 19px; grid-template-columns: 10px minmax(0, 1fr); }
  .service-status__item > b { grid-column: 2; }
}

/* Revenue and conversion drill-down */
.admin-growth { margin-top: 22px; margin-bottom: 72px; }
.conversion-funnel { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.conversion-funnel > div { min-height: 150px; padding: 20px; border-right: 1px solid var(--line); background: rgba(255,255,255,.018); }
.conversion-funnel > div:last-child { border-right: 0; }
.conversion-funnel span { color: var(--mint); font: 700 9px var(--mono); }
.conversion-funnel p { margin: 20px 0 5px; color: var(--muted); font-size: 11px; }
.conversion-funnel strong { display: block; font-size: 29px; }
.conversion-funnel small { display: block; margin-top: 6px; color: #75727f; font-size: 9px; }
.top-customers { display: grid; }
.top-customers > a { min-height: 68px; padding: 12px 0; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.top-customers > a:last-child { border-bottom: 0; }
.top-customers > a > span { color: var(--mint); font: 700 9px var(--mono); }
.top-customers > a > div { display: grid; gap: 4px; min-width: 0; }
.top-customers > a > div strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-customers small { color: var(--muted); font-size: 9px; }
.top-customers > a > b { display: grid; gap: 4px; text-align: right; font-size: 13px; }
.top-customers > a:hover strong { color: var(--mint); }
@media (max-width: 700px) {
  .conversion-funnel { grid-template-columns: 1fr; }
  .conversion-funnel > div { min-height: 110px; border-right: 0; border-bottom: 1px solid var(--line); }
  .conversion-funnel > div:last-child { border-bottom: 0; }
}

/* Payment methods and balance (v26) */
.pay-methods { margin: 6px 0 18px; padding: 0; border: 0; display: grid; gap: 8px; min-width: 0; }
.pay-methods legend { margin-bottom: 10px; color: #bbb8c5; font-size: 13px; }
.pay-methods[hidden] { display: none; }
.dialog-card .pay-method, .pay-method { margin: 0; padding: 12px 14px; display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); cursor: pointer; transition: border-color .15s ease, background .15s ease; }
.pay-method:has(input:checked) { border-color: rgba(134,255,209,.45); background: rgba(134,255,209,.05); }
.pay-method.is-disabled { opacity: .45; cursor: not-allowed; }
.dialog-card .pay-method input, .pay-method input { width: 16px; height: 16px; margin: 0; padding: 0; accent-color: var(--mint); }
.pay-method strong { display: block; color: var(--text); font-size: 13px; }
.pay-method small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.pay-method small b { color: var(--mint); font-weight: 700; }
.dialog-card .pay-use-balance, .pay-use-balance { margin: 2px 0 0; display: grid; grid-template-columns: 18px 1fr; gap: 10px; align-items: center; color: #8f8c99; font-size: 11px; }
.pay-use-balance[hidden] { display: none; }
.dialog-card .pay-use-balance input, .pay-use-balance input { width: 16px; height: 16px; margin: 0; padding: 0; accent-color: var(--mint); }
.pay-empty { color: #ffd37e; font-size: 12px; }
.metric--link { display: block; color: inherit; text-decoration: none; }
.metric--link:hover { border-color: rgba(134,255,209,.4); }
.balance-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 15px; }
.balance-card { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.balance-card h3 { margin: 0 0 18px; font-size: 18px; }
.balance-amount { display: grid; gap: 8px; color: #bbb8c5; font-size: 13px; }
.balance-amount input { width: 100%; height: 54px; padding: 0 15px; border: 1px solid var(--line); border-radius: 13px; outline: none; color: var(--text); background: #090b11; font-size: 18px; }
.balance-amount input:focus { border-color: var(--violet); }
.balance-chips { margin: 12px 0 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.balance-chip { min-height: 36px; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); background: transparent; cursor: pointer; }
.balance-chip.is-active, .balance-chip:hover { border-color: rgba(134,255,209,.5); color: var(--mint); }
.balance-note { display: block; margin-top: 12px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.balance-history { margin: 0; padding: 0; list-style: none; display: grid; gap: 2px; max-height: 420px; overflow: auto; }
.balance-history li { padding: 12px 2px; display: flex; justify-content: space-between; align-items: center; gap: 14px; border-bottom: 1px solid rgba(255,255,255,.05); }
.balance-history li:last-child { border-bottom: 0; }
.balance-history strong { display: block; font-size: 13px; }
.balance-history small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.balance-history b { white-space: nowrap; font: 700 13px ui-monospace, monospace; }
.balance-history b.is-plus { color: var(--mint); }
.balance-history b.is-minus { color: #d7d3e2; }
.balance-history__empty { color: var(--muted); font-size: 13px; }
.link-button { padding: 0; border: 0; color: var(--mint); background: none; font: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
button.order-row__details { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.admin-balance-form { display: grid; grid-template-columns: 140px 110px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
.admin-balance-form input { min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; }
.admin-money-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.admin-money-table th, .admin-money-table td { padding: 9px 8px; border-bottom: 1px solid rgba(255,255,255,.06); text-align: left; vertical-align: top; }
.admin-money-table th { color: #77748a; font: 700 9px ui-monospace, monospace; letter-spacing: .1em; }
.admin-money-table td.is-plus { color: var(--mint); }
.admin-table-scroll { overflow-x: auto; }

@media (max-width: 860px) {
  .balance-grid { grid-template-columns: 1fr; }
  .admin-balance-form { grid-template-columns: 1fr 1fr; }
  .admin-balance-form input[name="note"], .admin-balance-form button { grid-column: 1 / -1; }
}
#finance > .account-grid, #finance > .admin-panel { margin-top: 15px; }
#finance > .account-grid { width: 100%; }

/* v27: header balance, currency, notices */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.header-actions { align-items: center; }
.currency-switch select { height: 40px; padding: 0 28px 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239897a6' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 11px center; font: 700 12px ui-monospace, monospace; appearance: none; cursor: pointer; }
.currency-switch select:focus { outline: none; border-color: var(--violet); }
.currency-switch option { color: #111; }
.header-balance { min-height: 42px; padding: 0 6px 0 14px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(134,255,209,.32); border-radius: 14px; color: var(--text); background: rgba(134,255,209,.06); text-decoration: none; white-space: nowrap; }
.header-balance span { color: var(--muted); font-size: 11px; }
.header-balance strong { font-size: 14px; }
.header-balance .fx-approx { display: none; }
.header-balance b { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #08110d; background: var(--mint); font-size: 17px; line-height: 1; }
.header-balance:hover { border-color: var(--mint); }
.fx-approx { display: block; margin-top: 3px; color: #8f8c99; font-size: 11px; font-weight: 500; letter-spacing: 0; }
.fx-approx[hidden] { display: none; }
.fx-inline { display: block; min-height: 15px; color: var(--muted); font-size: 11px; }
.fx-note { margin-top: 14px; padding: 12px 16px; display: flex; align-items: center; gap: 12px; border: 1px solid rgba(255,211,126,.22); border-radius: 14px; color: #d8d3c2; background: rgba(255,211,126,.05); font-size: 12px; line-height: 1.5; }
.fx-note[hidden] { display: none; }
.fx-note i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #ffd37e; }
.fx-note span { flex: 1; }
.fx-note button { padding: 6px 10px; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: transparent; font-size: 11px; cursor: pointer; white-space: nowrap; }
.pay-topup-link { margin: -2px 0 2px; padding: 10px 14px; display: block; border: 1px dashed rgba(134,255,209,.35); border-radius: 12px; color: var(--mint); font-size: 12px; text-decoration: none; }
.pay-topup-link[hidden] { display: none; }
.pay-topup-link b { color: var(--text); }
.account-action--balance { border-color: rgba(134,255,209,.32) !important; }
.account-notice { margin-bottom: 16px; padding: 14px 18px; display: flex; gap: 12px; align-items: center; border: 1px solid rgba(134,255,209,.25); border-radius: 16px; background: rgba(134,255,209,.05); color: #cfe9de; font-size: 13px; }
.account-notice i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--mint); }
@media (max-width: 980px) { .header-balance span { display: none; } }
@media (max-width: 680px) {
  .currency-switch select { height: 38px; padding: 0 22px 0 9px; font-size: 11px; background-position: right 8px center; }
  .header-balance { min-height: 38px; padding: 0 4px 0 10px; gap: 6px; }
  .header-balance strong { font-size: 12px; }
  .header-balance b { width: 26px; height: 26px; }
  .header-actions:has(.header-balance) .button--primary { display: none; }
  .fx-note { flex-wrap: wrap; width: calc(100% - 24px); }
}
.admin-search input { height: 46px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; outline: none; color: var(--text); background: #090b11; font-size: 14px; }
.admin-search input:focus { border-color: var(--violet); }
.admin-kpi__top span { min-width: 0; line-height: 1.35; }

/* v27 analytics */
.insights { display: grid; gap: 15px; }
.insights-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.insight-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.insight-card > span { display: block; color: #777583; font: 700 9px/1.35 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.insight-card > strong { display: block; margin: 14px 0 4px; font-size: 30px; line-height: 1; letter-spacing: -.04em; }
.insight-card > small { display: block; color: var(--muted); font-size: 12px; line-height: 1.5; }
.insight-card--accent { border-color: rgba(134,255,209,.28); background: linear-gradient(135deg, rgba(134,255,209,.08), rgba(141,99,255,.08)); }
.insight-card--warn > strong { color: #ffd37e; }
.insight-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.insight-panel { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.insight-panel h3 { margin: 6px 0 16px; font-size: 18px; }
.insight-panel > span { color: var(--mint); font: 700 9px ui-monospace, monospace; letter-spacing: .12em; }
.bar-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 11px; }
.bar-list li { display: grid; gap: 6px; }
.bar-list li > div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.bar-list li > div b { white-space: nowrap; }
.bar-list li > div small { color: var(--muted); }
.bar-list i { display: block; height: 6px; border-radius: 99px; background: rgba(255,255,255,.06); overflow: hidden; }
.bar-list i em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--violet), var(--mint)); }
.kv-list { margin: 0; display: grid; gap: 0; }
.kv-list div { padding: 10px 0; display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 13px; }
.kv-list div:last-child { border-bottom: 0; }
.kv-list dt { color: var(--muted); }
.kv-list dd { margin: 0; font-weight: 700; text-align: right; }
.insight-empty { color: var(--muted); font-size: 12px; }
@media (max-width: 1100px) { .insight-panels { grid-template-columns: 1fr 1fr; } .insights-row { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .insight-panels, .insights-row { grid-template-columns: 1fr; } .insight-card > strong { font-size: 26px; } }

/* v27 users list */
.admin-user__identity a { color: var(--text); text-decoration: none; }
.admin-user__identity a:hover { color: var(--mint); }
.client-tags { display: inline-flex; flex-wrap: wrap; gap: 5px; margin-left: 6px; vertical-align: middle; }
.client-tag { padding: 2px 7px; border: 1px solid rgba(182,155,255,.35); border-radius: 99px; color: var(--violet-2); font: 700 9px ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.admin-user__money { display: flex; gap: 10px; color: var(--muted); font-size: 11px; }
.admin-user__money b { color: var(--text); }
.admin-client-link { color: var(--text); text-decoration: none; } .admin-client-link:hover { color: var(--mint); }

/* v27 client card */
.client-hero { padding: 70px 0 30px; }
.client-back { color: var(--muted); font-size: 13px; text-decoration: none; }
.client-back:hover { color: var(--mint); }
.client-hero__main { margin-top: 26px; display: flex; gap: 24px; align-items: center; }
.client-avatar { width: 84px; height: 84px; flex: 0 0 84px; display: grid; place-items: center; border-radius: 26px; background: linear-gradient(135deg, var(--violet), var(--mint)); color: #0a0c12; font-size: 36px; font-weight: 800; }
.client-hero h1 { margin: 12px 0 6px; font-size: clamp(34px, 5vw, 56px); letter-spacing: -.05em; }
.client-hero p { margin: 0; color: var(--muted); font-size: 13px; }
.client-hero p a { color: var(--mint); }
.client-flags { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 6px; }
.client-flag { padding: 4px 9px; border-radius: 99px; font-size: 11px; font-weight: 700; }
.client-flag.is-bad { color: #ff9aac; background: rgba(255,118,143,.1); }
.client-flag.is-warn { color: #ffd37e; background: rgba(255,211,126,.1); }
.client-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.client-layout { margin: 15px auto 90px; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 15px; align-items: start; }
.client-main, .client-side { min-width: 0; display: grid; gap: 15px; }
.client-subhead { margin: 22px 0 10px; font-size: 15px; }
.admin-money-table small { color: var(--muted); }
.client-tickets { display: grid; gap: 8px; }
.client-ticket { padding: 12px 14px; display: grid; gap: 4px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); text-decoration: none; }
.client-ticket:hover { border-color: rgba(134,255,209,.35); }
.client-ticket small { color: var(--muted); font-size: 11px; }
.client-message label, .client-notes label { display: grid; gap: 7px; margin-bottom: 12px; color: var(--muted); font-size: 12px; }
.client-message textarea, .client-notes textarea, .client-notes input { width: 100%; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; outline: none; color: var(--text); background: #090b11; font: inherit; font-size: 13px; }
.client-message textarea, .client-notes textarea { min-height: 96px; resize: vertical; }
.client-side .admin-ban-user { margin-top: 10px; }
.client-timeline { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; max-height: 620px; overflow: auto; }
.client-timeline__item { position: relative; padding: 0 0 16px 40px; }
.client-timeline__item::before { content: ""; position: absolute; left: 13px; top: 28px; bottom: 0; width: 1px; background: var(--line); }
.client-timeline__item:last-child::before { display: none; }
.client-timeline__item i { position: absolute; left: 0; top: 0; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); font-style: normal; font-size: 12px; background: #0d1018; }
.client-timeline__item strong { display: block; font-size: 13px; font-weight: 600; line-height: 1.4; }
.client-timeline__item strong b { color: var(--mint); }
.client-timeline__item time { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.client-timeline__item--paid i, .client-timeline__item--topup i, .client-timeline__item--delivered i { border-color: rgba(134,255,209,.4); color: var(--mint); }
.client-timeline__item--problem i, .client-timeline__item--cancel i { border-color: rgba(255,118,143,.4); color: #ff9aac; }
.client-timeline__item--support i { border-color: rgba(182,155,255,.4); color: var(--violet-2); }
@media (max-width: 1100px) { .client-layout { grid-template-columns: 1fr; } .client-kpis { grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) { .client-kpis { grid-template-columns: 1fr; } .client-hero__main { align-items: flex-start; } .client-avatar { width: 58px; height: 58px; flex-basis: 58px; font-size: 26px; border-radius: 18px; } }

/* v27 client support messenger */
.support-hero--compact { padding: 70px 0 26px; display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.support-hero--compact h1 { margin: 16px 0 8px; font-size: clamp(40px, 6vw, 64px); }
.support-hero--compact .support-public-state { min-width: 260px; margin: 0; }
.messenger { margin-bottom: 90px; display: grid; grid-template-columns: 330px minmax(0, 1fr); min-height: 620px; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); overflow: hidden; }
.messenger__list { padding: 16px; display: flex; flex-direction: column; gap: 8px; border-right: 1px solid var(--line); overflow: auto; max-height: 760px; }
.messenger__new { margin-bottom: 6px; }
.messenger__empty { padding: 10px 4px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.dialog-item { position: relative; padding: 13px 14px; display: grid; gap: 6px; border: 1px solid transparent; border-radius: 14px; color: var(--text); text-decoration: none; }
.dialog-item:hover { background: rgba(255,255,255,.03); }
.dialog-item.is-active { border-color: rgba(134,255,209,.32); background: rgba(134,255,209,.05); }
.dialog-item.has-reply::after { content: ""; position: absolute; top: 15px; right: 12px; width: 8px; height: 8px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.dialog-item__top { display: flex; justify-content: space-between; gap: 10px; padding-right: 14px; }
.dialog-item__top strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.dialog-item__top time { flex: 0 0 auto; color: var(--muted); font-size: 10px; }
.dialog-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.dialog-item .support-status { justify-self: start; }
.messenger__pane { min-width: 0; display: flex; flex-direction: column; }
.chat-head { padding: 18px 22px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid var(--line); }
.chat-head > div { flex: 1; min-width: 0; }
.chat-head small { color: var(--muted); font-size: 11px; }
.chat-head small a { color: var(--mint); }
.chat-head h2 { margin: 4px 0 0; font-size: 20px; overflow-wrap: anywhere; }
.chat-back { display: none; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line); border-radius: 10px; color: var(--text); text-decoration: none; }
.chat-thread { flex: 1; padding: 22px; display: flex; flex-direction: column; gap: 12px; overflow: auto; max-height: 560px; }
.bubble { max-width: min(560px, 82%); padding: 12px 15px; border-radius: 18px; font-size: 14px; line-height: 1.5; }
.bubble p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.bubble time { display: block; margin-top: 6px; font-size: 10px; opacity: .65; }
.bubble--me { align-self: flex-end; border-bottom-right-radius: 6px; color: #08110d; background: linear-gradient(135deg, #a6ffe0, var(--mint)); }
.bubble--them { align-self: flex-start; border-bottom-left-radius: 6px; border: 1px solid var(--line); background: #151925; }
.bubble__file { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 700; color: inherit; }
.chat-waiting { align-self: center; margin-top: 6px; padding: 8px 14px; display: flex; gap: 9px; align-items: center; border-radius: 99px; color: var(--muted); background: rgba(255,255,255,.03); font-size: 12px; }
.chat-waiting i { width: 7px; height: 7px; border-radius: 50%; background: #ffd37e; animation: chatPulse 1.4s ease-in-out infinite; }
@keyframes chatPulse { 50% { opacity: .3; } }
.chat-composer { padding: 14px 16px; border-top: 1px solid var(--line); background: rgba(0,0,0,.15); }
.chat-composer > small { display: block; margin-bottom: 8px; color: #ffd37e; font-size: 11px; }
.chat-composer__row { display: flex; gap: 10px; align-items: flex-end; }
.chat-composer textarea { flex: 1; min-height: 46px; max-height: 180px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; outline: none; color: var(--text); background: #090b11; font: inherit; font-size: 14px; resize: none; }
.chat-composer textarea:focus { border-color: var(--violet); }
.file-pick { position: relative; flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 14px; cursor: pointer; color: var(--muted); }
.file-pick:hover { border-color: rgba(134,255,209,.4); color: var(--mint); }
.file-pick input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.file-pick span { font-size: 20px; }
.file-pick.has-file { border-color: var(--mint); color: var(--mint); }
.file-pick__name { display: block; margin-top: 6px; min-height: 14px; color: var(--mint); font-size: 11px; }
.file-pick--wide { width: auto; height: auto; padding: 14px; display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; gap: 2px 12px; justify-items: start; border-style: dashed; }
.file-pick--wide span { grid-row: span 2; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.04); }
.file-pick--wide b { color: var(--text); font-size: 13px; }
.file-pick--wide small { color: var(--muted); font-size: 11px; }
.faq-quick { padding: 18px 22px 4px; display: grid; gap: 8px; }
.faq-quick > p { margin: 0 0 4px; color: var(--muted); font-size: 13px; }
.faq-quick details { border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.02); }
.faq-quick summary { padding: 12px 14px; cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.faq-quick summary::-webkit-details-marker { display: none; }
.faq-quick summary::after { content: "+"; float: right; color: var(--mint); }
.faq-quick details[open] summary::after { content: "−"; }
.faq-quick details p { margin: 0; padding: 0 14px 14px; color: #bdb9c8; font-size: 13px; line-height: 1.6; }
.faq-quick details a { color: var(--mint); }
.support-compose--inline { margin: 14px 22px 22px; padding: 0; border: 0; background: transparent; box-shadow: none; }
@media (max-width: 860px) {
  .support-hero--compact { display: block; }
  .support-hero--compact .support-public-state { margin-top: 18px; }
  .messenger { grid-template-columns: 1fr; min-height: 0; }
  .messenger__list { border-right: 0; max-height: none; }
  .messenger .messenger__pane { display: none; }
  .messenger.is-open .messenger__list { display: none; }
  .messenger.is-open .messenger__pane { display: flex; }
  .chat-back { display: grid; }
  .chat-thread { max-height: 60vh; padding: 16px; }
  .bubble { max-width: 90%; }
  .chat-composer__row .button { padding-inline: 14px; }
  .support-compose--inline { margin: 12px 16px 18px; }
  .faq-quick { padding: 14px 16px 0; }
}
.bar { display: block; width: 100%; height: 6px; }
.bar__bg { fill: rgba(255,255,255,.06); }
.bar__fg { fill: var(--mint); }
.client-main > *, .client-side > *, .insights > *, .insight-panels > *, .insights-row > *, .client-kpis > * { min-width: 0; }
.admin-panel { min-width: 0; }
.admin-table-scroll { max-width: 100%; }
.client-main .admin-balance-form { grid-template-columns: 130px minmax(0, 1fr) auto; margin-bottom: 14px; }
@media (max-width: 860px) { .client-main .admin-balance-form { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .fx-note__more { display: none; } .fx-note { flex-wrap: nowrap; padding: 10px 12px; font-size: 11px; } }

/* v28 support desk additions */
.support-client-orders { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; font-size: 12px; }
.support-client-orders summary { cursor: pointer; font-weight: 700; }
.support-client-orders ul { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; color: var(--muted); }
.support-client-orders li.is-linked { color: var(--text); }
.support-client-orders .status { font-size: 10px; }
.support-template-pick { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.support-template-pick select { height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; }
.support-templates { margin-bottom: 90px; }
.support-templates__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.support-template { min-width: 0; padding: 16px; display: grid; gap: 8px; align-content: start; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
.support-template p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.support-template form { justify-self: start; }
.support-template--new input, .support-template--new textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; font: inherit; font-size: 13px; }
.support-template--new textarea { min-height: 90px; resize: vertical; }
@media (max-width: 980px) { .support-templates__grid { grid-template-columns: 1fr; } }

/* v28 order tools */
.export-form { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.export-form select { height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; font-size: 12px; max-width: 100%; }
.auto-renew { margin-top: 14px; padding: 14px 16px; display: flex; gap: 14px; align-items: center; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
.auto-renew.is-on { border-color: rgba(134,255,209,.35); background: rgba(134,255,209,.05); }
.auto-renew strong { display: block; font-size: 14px; }
.auto-renew small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.auto-renew__switch { position: relative; flex: 0 0 auto; }
.auto-renew__switch input { position: absolute; opacity: 0; width: 46px; height: 26px; margin: 0; cursor: pointer; }
.auto-renew__switch span { width: 46px; height: 26px; display: block; border-radius: 99px; background: rgba(255,255,255,.12); transition: background .15s; }
.auto-renew__switch i { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .15s; }
.auto-renew__switch input:checked + span { background: var(--mint); }
.auto-renew__switch input:checked + span i { transform: translateX(20px); }
.auto-renew__switch input:focus-visible + span { outline: 2px solid var(--violet); outline-offset: 2px; }
.export-links { display: flex; flex-wrap: wrap; gap: 8px; }
.broadcast-form { display: grid; grid-template-columns: 260px 200px; gap: 12px; }
.broadcast-form label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.broadcast-form select, .broadcast-form input, .broadcast-form textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; font: inherit; font-size: 13px; }
.broadcast-form label[hidden] { display: none; }
.broadcast-form__text { grid-column: 1 / -1; }
.broadcast-form textarea { min-height: 110px; resize: vertical; }
.broadcast-form__actions { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--muted); font-size: 13px; }
.broadcast-panel { margin-top: 15px; }
.referral-card { padding: 28px; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; border: 1px solid rgba(182,155,255,.28); border-radius: 24px; background: linear-gradient(135deg, rgba(141,99,255,.12), rgba(134,255,209,.05)); }
.referral-card h2 { margin: 14px 0 10px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.03em; }
.referral-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.referral-card__link { display: grid; gap: 10px; align-content: center; }
.referral-card__link code { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: #090b11; color: var(--mint); font-size: 12px; overflow-wrap: anywhere; }
.referral-card__stats { grid-column: 1 / -1; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.referral-card__stats div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; }
.referral-card__stats dt { color: var(--muted); font-size: 11px; }
.referral-card__stats dd { margin: 4px 0 0; font-size: 20px; font-weight: 700; }
.client-discount { display: flex; gap: 10px; align-items: flex-end; margin-bottom: 8px; }
.client-discount label { flex: 1; display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.client-discount input { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; }
@media (max-width: 760px) { .referral-card { grid-template-columns: 1fr; } .broadcast-form { grid-template-columns: 1fr; } .referral-card__stats { grid-template-columns: 1fr 1fr 1fr; } }
.support-maintenance-toggle { position: relative; } .support-operations__form .support-maintenance-toggle > input { width: 1px; min-height: 0; height: 1px; padding: 0; border: 0; }
@media (max-width: 760px) { .admin-user__actions { grid-column: 1 / -1; width: 100%; flex-wrap: wrap; justify-content: flex-start; } .admin-user__money { flex-wrap: wrap; gap: 4px 10px; } }
.admin-user__identity small.admin-user__money { display: flex; flex-wrap: wrap; gap: 3px 12px; }

/* v29: language switch */
.lang-switch { display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: 700 12px ui-monospace, monospace; text-decoration: none; }
.lang-switch:hover, .lang-switch:focus-visible { border-color: var(--violet); outline: none; }
.legal__lang-note { max-width: 760px; margin-top: 14px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 14px; color: #c9c6d4; background: rgba(255,255,255,.03); line-height: 1.6; }

/* v29: SEO landing pages */
.seo-hero { padding: 120px 0 40px; }
.seo-hero h1 { max-width: 900px; margin: 22px 0 18px; font-size: clamp(38px, 6vw, 68px); line-height: 1.02; letter-spacing: -.05em; }
.seo-hero__lead { max-width: 720px; color: #aaa8b5; font-size: 18px; line-height: 1.6; }
.seo-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.seo-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; color: #6f6d7a; font-size: 12px; }
.seo-crumbs a { color: #9b99a8; }
.seo-crumbs a:hover { color: var(--mint); }
.seo-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
.seo-facts > div { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.seo-facts span { display: block; color: #6f6d7a; font: 700 10px ui-monospace, monospace; letter-spacing: .12em; }
.seo-facts b { display: block; margin: 8px 0 4px; font-size: 18px; }
.seo-facts small { color: #8d8b98; font-size: 12px; }
.seo-section { padding: 28px 0; }
.seo-section h2 { margin: 0 0 18px; font-size: 26px; letter-spacing: -.025em; }
.seo-uses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.seo-uses li { padding: 14px 16px 14px 38px; position: relative; border: 1px solid var(--line); border-radius: 14px; color: #c9c6d4; }
.seo-uses li::before { content: ""; position: absolute; left: 16px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--mint); }
.seo-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; counter-reset: step; }
.seo-steps li { counter-increment: step; padding: 18px; border: 1px solid var(--line); border-radius: 16px; }
.seo-steps li::before { content: "0" counter(step); display: block; margin-bottom: 10px; color: var(--violet); font: 700 12px ui-monospace, monospace; }
.seo-steps b { display: block; margin-bottom: 6px; }
.seo-steps span { color: #8d8b98; font-size: 14px; line-height: 1.5; }
.seo-links { display: flex; flex-wrap: wrap; gap: 8px; }
.seo-links a { padding: 9px 13px; border: 1px solid var(--line); border-radius: 11px; color: #c9c6d4; font-size: 14px; }
.seo-links a:hover { border-color: var(--violet); color: var(--text); }
.seo-links small { margin-left: 4px; color: #6f6d7a; font: 700 10px ui-monospace, monospace; }
.seo-links--compact a { padding: 6px 10px; font-size: 13px; }
.seo-types { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.seo-type { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.02); }
.seo-type h2 { margin: 0 0 8px; font-size: 22px; }
.seo-type h2 a:hover { color: var(--mint); }
.seo-type p { margin: 0 0 14px; color: #9b99a8; line-height: 1.55; }
.seo-faq details { margin-bottom: 8px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; }
.seo-faq summary { cursor: pointer; font-weight: 700; }
.seo-faq p { margin: 10px 0 0; color: #9b99a8; line-height: 1.6; }
@media (max-width: 860px) {
  .seo-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-steps, .seo-types, .seo-uses { grid-template-columns: 1fr; }
  .seo-hero { padding-top: 96px; }
}
@media (max-width: 420px) { .seo-facts { grid-template-columns: 1fr; } }

/* v30: traffic sources */
.source-table td { vertical-align: top; }
.source-table small { color: #7d7b88; }
.source-table tr.is-muted td { color: #7d7b88; }
.source-table .is-good { color: var(--mint); font-weight: 700; }
.source-table .is-bad { color: #ff8f8f; font-weight: 700; }
.source-form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: end; margin-top: 6px; }
.source-form label { display: grid; gap: 6px; min-width: 0; }
.source-form label span { color: #8d8b98; font-size: 12px; }
.source-form input { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.source-form input:focus { outline: none; border-color: var(--violet); }
.source-form__wide { grid-column: span 2; }
.form-error, .form-success { margin: 6px 0 12px; padding: 10px 14px; border-radius: 12px; font-size: 13px; }
.form-error { color: #ffb0b0; background: rgba(255,90,90,.08); border: 1px solid rgba(255,90,90,.25); }
.form-success { color: var(--mint); background: rgba(134,255,209,.06); border: 1px solid rgba(134,255,209,.22); }
.source-links { display: grid; gap: 10px; margin-top: 16px; }
.source-link { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
.source-link__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin-bottom: 8px; }
.source-link__head small { color: #7d7b88; }
.source-link__row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 10px; margin-top: 6px; }
.source-link__row span { color: #7d7b88; font-size: 12px; }
.source-link__row code { min-width: 0; padding: 9px 11px; overflow-x: auto; border-radius: 10px; color: #d2cfda; background: rgba(5,7,11,.55); font-size: 12px; white-space: nowrap; }
.source-link__row .text-copy { margin-top: 0; }
.source-link__delete { margin-top: 8px; padding: 0; border: 0; color: #8d8b98; background: transparent; font-size: 11px; cursor: pointer; }
.source-link__delete:hover { color: #ff8f8f; }
@media (max-width: 760px) {
  .source-form { grid-template-columns: 1fr; }
  .source-form__wide { grid-column: auto; }
  .source-link__row { grid-template-columns: 1fr auto; }
  .source-link__row span { grid-column: 1 / -1; }
}
.client-source { margin-top: 6px; color: #9b99a8; font-size: 13px; } .client-source b { color: var(--text); }

/* v31: trial, reviews */
.trial-card { padding: 26px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 22px; border: 1px solid rgba(134,255,209,.3); border-radius: 24px; background: linear-gradient(135deg, rgba(134,255,209,.10), rgba(141,99,255,.06)); }
.trial-card h2 { margin: 10px 0 8px; font-size: 26px; }
.trial-card p { margin: 0; color: #aaa8b5; line-height: 1.6; max-width: 680px; }
.review-card { padding: 26px 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 26px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.02); }
.review-card h2 { margin: 10px 0 8px; font-size: 26px; }
.review-card p { color: #aaa8b5; line-height: 1.6; }
.review-form { display: grid; gap: 14px; min-width: 0; }
.review-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.review-form legend, .review-form__text span { margin-bottom: 6px; color: #8d8b98; font-size: 12px; }
.review-stars { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; }
.review-stars legend { width: 100%; }
.review-stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.review-stars label { color: #3c3a48; font-size: 30px; line-height: 1; cursor: pointer; transition: color .15s ease; }
.review-stars input:checked ~ label, .review-stars label:hover, .review-stars label:hover ~ label { color: #ffd669; }
.review-stars input:focus-visible + label { outline: 2px solid var(--violet); border-radius: 4px; }
.review-form__text { display: grid; }
.review-form textarea { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; resize: vertical; }
.review-form textarea:focus { outline: none; border-color: var(--violet); }
.review-consent { display: grid; gap: 6px; }
.review-consent label { display: flex; align-items: center; gap: 8px; color: #c9c6d4; font-size: 14px; }
.review-form .button { justify-self: start; }
.review-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 22px; }
.review-item { min-width: 0; padding: 20px; display: flex; flex-direction: column; gap: 12px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.02); }
.review-item__stars { color: #ffd669; letter-spacing: 2px; }
.review-item__stars span { color: #3c3a48; }
.review-item__text { margin: 0; color: #d2cfda; line-height: 1.6; overflow-wrap: anywhere; }
.review-item__meta { margin-top: auto; display: flex; justify-content: space-between; gap: 10px; color: #7d7b88; font-size: 12px; }
.review-item__meta b { color: #c9c6d4; }
.review-item__reply { padding: 12px 14px; border-left: 2px solid var(--mint); border-radius: 0 12px 12px 0; background: rgba(134,255,209,.05); }
.review-item__reply small { color: var(--mint); font: 700 10px ui-monospace, monospace; letter-spacing: .1em; }
.review-item__reply p { margin: 6px 0 0; color: #b9b6c4; font-size: 14px; line-height: 1.55; }
@media (max-width: 900px) {
  .review-grid { grid-template-columns: 1fr; }
  .review-card, .trial-card { grid-template-columns: 1fr; }
}
.channel-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 18px; }
.channel-heading { margin-bottom: 14px; }
.channel-badge { display: inline-block; margin-top: 6px; padding: 2px 8px; border-radius: 999px; font: 700 10px ui-monospace, monospace; letter-spacing: .04em; color: #c9c6d4; background: rgba(255,255,255,.06); }
.channel-badge--site { color: #86ffd1; background: rgba(134,255,209,.08); }
.channel-badge--bot { color: #b69bff; background: rgba(141,99,255,.12); }
.channel-badge--auto { color: #ffd669; background: rgba(255,214,105,.08); }
.admin-reviews { display: grid; gap: 12px; }
.admin-review { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.02); }
.admin-review--pending { border-color: rgba(255,214,105,.35); }
.admin-review--hidden { opacity: .65; }
.admin-review__head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.admin-review__head small { display: block; margin-top: 4px; color: #7d7b88; font-size: 12px; }
.admin-review__stars { color: #ffd669; letter-spacing: 2px; }
.admin-review__stars span { color: #3c3a48; }
.admin-review__status { padding: 3px 9px; border-radius: 999px; color: #c9c6d4; background: rgba(255,255,255,.06); font-size: 11px; white-space: nowrap; }
.admin-review__text { margin: 12px 0 8px; color: #d2cfda; line-height: 1.6; overflow-wrap: anywhere; }
.admin-review__who { color: #8d8b98; }
.admin-review__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.admin-review__reply { display: flex; gap: 8px; flex: 1 1 320px; min-width: 0; }
.admin-review__reply input, .partner-payout input, .partner-form select { min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.admin-review__reply input { flex: 1; }
.partner-form select option { color: #111; }
.partner-payout { display: flex; gap: 6px; align-items: center; }
.partner-payout input { width: 90px; height: 34px; font-size: 12px; }
.partner-payout input[name="note"] { width: 120px; }
@media (max-width: 760px) { .admin-review__reply { flex-direction: column; } }

/* v31: blog */
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.blog-card { min-width: 0; padding: 22px; display: flex; flex-direction: column; gap: 10px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.02); transition: border-color .2s ease, transform .2s ease; }
.blog-card:hover { border-color: rgba(182,155,255,.45); transform: translateY(-2px); }
.blog-card small { color: #7d7b88; font-size: 12px; }
.blog-card h2, .blog-card h3 { margin: 0; font-size: 21px; line-height: 1.25; letter-spacing: -.02em; }
.blog-card p { margin: 0; color: #9b99a8; line-height: 1.55; }
.blog-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.blog-tags span { padding: 3px 9px; border-radius: 999px; color: #b69bff; background: rgba(141,99,255,.1); font-size: 11px; }
.blog-post { max-width: 1100px; padding: 110px 0 40px; }
.blog-post__header h1 { max-width: 860px; margin: 18px 0 12px; font-size: clamp(32px, 5vw, 54px); line-height: 1.06; letter-spacing: -.04em; }
.blog-post__meta { color: #7d7b88; font-size: 13px; }
.blog-post__layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 40px; margin-top: 30px; align-items: start; }
.blog-post__layout > .blog-body:only-child { grid-column: 1 / -1; max-width: 760px; }
.blog-toc { position: sticky; top: 110px; display: grid; gap: 8px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; font-size: 13px; }
.blog-toc b { color: #8d8b98; font: 700 10px ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.blog-toc a { color: #aaa8b5; line-height: 1.35; }
.blog-toc a:hover { color: var(--mint); }
.blog-body { min-width: 0; max-width: 760px; color: #c9c6d4; font-size: 17px; line-height: 1.75; }
.blog-body h2 { margin: 42px 0 14px; color: var(--text); font-size: 28px; line-height: 1.2; letter-spacing: -.025em; scroll-margin-top: 110px; }
.blog-body h3 { margin: 28px 0 10px; color: var(--text); font-size: 21px; }
.blog-body p { margin: 0 0 16px; }
.blog-body ul, .blog-body ol { margin: 0 0 18px; padding-left: 22px; }
.blog-body li { margin-bottom: 6px; }
.blog-body a { color: var(--mint); text-decoration: underline; text-underline-offset: 3px; }
.blog-body strong { color: var(--text); }
.blog-body code { padding: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.06); font-size: .88em; }
.blog-body pre { margin: 0 0 20px; padding: 16px 18px; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: rgba(5,7,11,.7); }
.blog-body pre code { padding: 0; background: none; font-size: 14px; line-height: 1.6; }
.blog-table { margin: 0 0 22px; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }
.blog-table table { width: 100%; border-collapse: collapse; font-size: 15px; }
.blog-table th, .blog-table td { padding: 10px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.blog-table th { color: var(--text); background: rgba(255,255,255,.03); }
.blog-table tr:last-child td { border-bottom: 0; }
.blog-cta { margin: 48px 0 0; padding: 26px 28px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; border: 1px solid rgba(134,255,209,.28); border-radius: 24px; background: linear-gradient(135deg, rgba(134,255,209,.08), rgba(141,99,255,.08)); }
.blog-cta h2 { margin: 8px 0 6px; font-size: 24px; }
.blog-cta p { margin: 0; color: #aaa8b5; }
.blog-cta__side { display: grid; gap: 10px; justify-items: end; }
.blog-cta__side b { font-size: 22px; }
.blog-related { margin-top: 48px; }
.blog-related h2 { margin: 0 0 16px; font-size: 26px; }
@media (max-width: 900px) {
  .blog-grid { grid-template-columns: 1fr; }
  .blog-post { padding-top: 92px; }
  .blog-post__layout { grid-template-columns: 1fr; gap: 20px; }
  .blog-toc { position: static; }
  .blog-body { font-size: 16px; }
  .blog-cta { grid-template-columns: 1fr; }
  .blog-cta__side { justify-items: start; }
}
.trial-card__options { display: grid; gap: 10px; justify-items: end; }
.trial-session { margin-top: 12px; padding: 18px 20px; border: 1px solid rgba(134,255,209,.25); border-radius: 18px; background: rgba(134,255,209,.04); }
.trial-session__head { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.trial-session__head span { color: #9b99a8; font-size: 13px; }
.trial-session__head span b { color: var(--mint); }
@media (max-width: 900px) { .trial-card__options { justify-items: stretch; } }
.trial-load { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto; }
.trial-load select, .trial-settings select { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.trial-load select option { color: #111; }
.trial-settings { display: grid; gap: 16px; }
.trial-ips { display: grid; gap: 8px; }
.trial-ips label { display: flex; gap: 10px; align-items: center; color: #c9c6d4; font-size: 14px; overflow-wrap: anywhere; }
.trial-toggles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.is-good { color: var(--mint); }
@media (max-width: 760px) { .trial-load, .trial-toggles { grid-template-columns: 1fr; } }
.admin-money-table .is-negative { color: #ff8fa4; }
.take-trial { height: auto; min-height: 46px; padding: 11px 18px; white-space: normal; line-height: 1.3; text-align: center; }
.trial-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 14px 0; }
.trial-step { min-width: 0; padding: 18px; display: grid; gap: 10px; align-content: start; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.02); }
.trial-step > small { color: #8d8b98; line-height: 1.5; }
.trial-step .source-form { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.trial-step .source-form .button { grid-column: 1 / -1; justify-self: start; }
.trial-step select { min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.trial-step select option { color: #111; }
.trial-buy-confirm { display: grid; gap: 10px; padding: 14px; border: 1px solid rgba(134,255,209,.25); border-radius: 14px; }
.trial-buy-confirm p { margin: 0; color: #c9c6d4; }
.trial-buy-confirm label:not(.loss-confirm) { display: grid; gap: 6px; }
.trial-buy-confirm label span { color: #8d8b98; font-size: 12px; }
.trial-buy-confirm input[name="label"] { height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.trial-buy-confirm .loss-confirm { margin-bottom: 0; }
.trial-own { display: grid; gap: 6px; }
.trial-manual { margin: 8px 0; color: #9b99a8; }
.trial-manual summary { cursor: pointer; margin-bottom: 10px; }
@media (max-width: 900px) { .trial-steps { grid-template-columns: 1fr; } }
.trial-session__note { margin: 0; color: #9b99a8; font-size: 14px; line-height: 1.5; } .trial-session--pending { border-color: rgba(255,214,105,.3); background: rgba(255,214,105,.04); }
.pool-term { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; color: #c9c6d4; font-size: 14px; }
.pool-term.is-warn { border-color: rgba(255,214,105,.4); background: rgba(255,214,105,.05); }
.pool-term.is-bad { border-color: rgba(255,120,140,.45); background: rgba(255,120,140,.06); }
.pool-term .loss-confirm { margin-bottom: 0; }
.pool-term__period { display: grid; gap: 6px; max-width: 240px; }
.pool-term__period span { color: #8d8b98; font-size: 12px; }
.pool-term select { height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.pool-term select option { color: #111; }
.client-trial { margin: 0 0 8px; color: #c9c6d4; font-size: 13px; }
.promo-tabs { display: flex; flex-wrap: wrap; gap: 6px; }
.promo-tabs a { padding: 8px 12px; border: 1px solid var(--line); border-radius: 11px; color: #aaa8b5; font-size: 13px; }
.promo-tabs a b { margin-left: 4px; color: #7d7b88; font: 700 11px ui-monospace, monospace; }
.promo-tabs a.is-active { border-color: var(--violet); color: var(--text); background: rgba(141,99,255,.1); }
.promo-search { display: flex; gap: 8px; }
.promo-search input { flex: 1; min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.promo-pages { display: flex; flex-wrap: wrap; gap: 6px; }
.promo-pages a { min-width: 34px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; color: #aaa8b5; text-align: center; font-size: 13px; }
.promo-pages a.is-active { border-color: var(--mint); color: var(--mint); }
@media (max-width: 600px) { .promo-search { flex-wrap: wrap; } }

/* v35: admin navigation, attention feed, search, filters, settings */
.admin-groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; }
.admin-groups a { position: relative; padding: 14px 16px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 16px; color: inherit; background: rgba(255,255,255,.02); text-decoration: none; }
.admin-groups a:hover { border-color: rgba(134,255,209,.25); }
.admin-groups a.is-active { border-color: rgba(134,255,209,.45); background: rgba(134,255,209,.05); }
.admin-groups b { font-size: 16px; }
.admin-groups small { color: #7d7b88; font-size: 12px; }
.admin-groups em, .admin-tabs em { position: absolute; top: 10px; right: 12px; min-width: 22px; padding: 1px 7px; border-radius: 999px; color: #0b0d12; background: var(--mint); font: 700 11px ui-monospace, monospace; font-style: normal; text-align: center; }
.admin-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.admin-tabs a { position: relative; padding: 9px 16px; border: 1px solid var(--line); border-radius: 12px; color: #aaa8b5; text-decoration: none; font-size: 14px; }
.admin-tabs a.is-active { border-color: var(--violet); color: var(--text); background: rgba(141,99,255,.1); }
.admin-tabs em { position: static; margin-left: 6px; }
.admin-global-search { display: flex; gap: 8px; width: 100%; }
.admin-global-search input { flex: 1; min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.attention { margin-bottom: 18px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.02); }
.attention__head h2 { margin: 6px 0 12px; font-size: 22px; }
.attention__list { display: grid; gap: 8px; }
.attention__item { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--text); text-decoration: none; }
.attention__item i { width: 10px; height: 10px; border-radius: 50%; background: #8d8b98; }
.attention__item.is-bad i { background: #ff7a8f; box-shadow: 0 0 10px rgba(255,122,143,.5); }
.attention__item.is-warn i { background: #ffd669; }
.attention__item.is-info i { background: var(--violet); }
.attention__item:hover { border-color: rgba(134,255,209,.3); }
.attention__item b { color: #7d7b88; }
.attention__ok { margin: 0; color: #9b99a8; }
.admin-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.admin-filters label { display: grid; gap: 5px; min-width: 0; }
.admin-filters label span { color: #8d8b98; font-size: 12px; }
.admin-filters input, .admin-filters select, .settings-grid input, .settings-grid select { min-width: 0; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: rgba(255,255,255,.03); font: inherit; }
.admin-filters select option, .settings-grid select option { color: #111; }
.admin-filters__actions { display: flex; gap: 8px; align-items: end; flex-wrap: wrap; }
.admin-list-meta { display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; align-items: center; margin: 4px 0 12px; color: #9b99a8; font-size: 14px; }
.admin-pages { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.admin-pages a, .admin-pages span { min-width: 34px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; color: #aaa8b5; text-align: center; font-size: 13px; text-decoration: none; }
.admin-pages a.is-active { border-color: var(--mint); color: var(--mint); }
.settings-group { margin-bottom: 16px; }
.settings-group h3 { margin: 0 0 12px; font-size: 18px; }
.settings-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.settings-field { display: grid; gap: 6px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; }
.settings-field.is-overridden { border-color: rgba(141,99,255,.4); }
.settings-field > span { color: #c9c6d4; font-size: 13px; }
.settings-field small { color: #7d7b88; font-size: 12px; line-height: 1.4; }
.settings-field small b { color: var(--mint); }
.settings-field--wide { grid-column: span 2; }
@media (max-width: 900px) {
  .admin-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-filters, .settings-grid { grid-template-columns: 1fr 1fr; }
  .settings-field--wide { grid-column: auto; }
}
@media (max-width: 560px) { .admin-filters, .settings-grid { grid-template-columns: 1fr; } .admin-groups small { display: none; } }
.admin-search-row { margin: -6px auto 14px; } .admin-search-row .admin-global-search { max-width: 640px; }

/* v36: order row actions — primary button + quiet secondary links on their own row */
.order-row__action { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.order-row__action > .button { width: 100%; justify-content: center; }
.order-row__action > .order-row__details { align-self: flex-end; margin-top: 0; }
.order-row__links { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 12px; }
.order-row__links a { color: #aaa7b5; text-decoration: underline; text-underline-offset: 4px; }
.order-row__links a:hover { color: var(--text, #fff); }
.order-row__cancel { padding: 0; border: 0; background: none; font: inherit; color: #ff9aac; opacity: .8; cursor: pointer; }
.order-row__cancel:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.order-row__cancel:disabled { opacity: .4; cursor: default; }
@media (max-width: 980px) { .order-row__action > .order-row__details { align-self: flex-start; } }
.order-cancel { margin: 14px 0 0; padding: 0 24px; display: flex; align-items: baseline; justify-content: flex-end; gap: 14px; flex-wrap: wrap; font-size: 13px; text-align: right; }
.order-cancel small { flex: 0 1 auto !important; }
.order-cancel small { color: var(--muted); font-size: 12px; line-height: 1.45; flex: 1 1 260px; }
/* v36: header never wraps link text on laptop widths */
.nav a, .header-actions .button { white-space: nowrap; }
.nav { flex: 0 1 auto; min-width: 0; }
@media (max-width: 1400px) { .nav { gap: 20px; font-size: 13px; } .nav a:nth-child(4) { display: none; } }
@media (max-width: 1220px) { .nav a:nth-child(1) { display: none; } }
.order-row__links--end { justify-content: flex-end; }
.order-row__repeat { padding: 0; border: 0; background: none; font: inherit; color: var(--mint); cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.order-row__repeat:disabled { opacity: .5; cursor: default; }
@media (max-width: 980px) { .order-row__links--end { justify-content: flex-start; } }
/* v39: one type picker (chips) → country → optional task */
.filter-field--types { display: grid; gap: 10px; }
.filter-label { display: flex; align-items: center; gap: 8px; }
.filter-step { width: 20px; height: 20px; display: inline-grid; place-items: center; border-radius: 50%; color: #080a10; background: var(--mint); font-size: 11px; font-weight: 800; }
.filter-field--types .catalog-type-tabs { margin-top: 0; grid-template-columns: 1fr 1fr; gap: 6px; }
.filter-field--types .catalog-tab { min-height: 52px; padding: 9px 11px; border-color: var(--line); }
.filter-field--types .catalog-tab:hover { transform: none; border-color: rgba(134,255,209,.3); }
.filter-field--types .catalog-tab span { font-size: 13px; line-height: 1.2; }
.filter-field--task { margin-top: 6px; opacity: .92; }
@media (max-width: 980px) { .filter-field--types .catalog-type-tabs { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 680px) { .filter-field--types .catalog-type-tabs { grid-template-columns: 1fr 1fr; } }
/* v39: guest header fits 360–400px phones */
@media (max-width: 420px) { .site-header { gap: 8px; padding-inline: 10px 8px; } .header-actions { gap: 6px; } .brand { gap: 8px; font-size: 15px; } .header-actions .button { padding: 0 11px; } }
@media (max-width: 370px) { .brand > span:last-child { display: none; } }
.partner-prices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 10px 0 8px; }
.partner-prices label { display: grid; gap: 5px; font-size: 12px; color: var(--muted); }
.partner-prices input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; }
.client-subhead small { margin-left: 6px; color: var(--muted); font-size: 11px; font-weight: 500; }
.partner-prices .button { grid-column: 1 / -1; }
@media (max-width: 680px) { .partner-prices { grid-template-columns: 1fr; } }
.funnel { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.funnel li { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); display: grid; gap: 3px; position: relative; }
.funnel li span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.funnel li strong { font-size: 24px; letter-spacing: -.03em; }
.funnel li small { color: var(--mint); font-size: 11px; }
@media (max-width: 980px) { .funnel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.runway__horizon { display: flex; gap: 6px; }
.runway__horizon a { padding: 6px 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); font-size: 12px; }
.runway__horizon a.is-active { color: var(--text); border-color: rgba(134,255,209,.35); }
.runway__verdict { margin: 4px 0 14px; padding: 14px 16px; border-radius: 14px; display: grid; gap: 4px; border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.runway__verdict b { font-size: 18px; }
.runway__verdict span { color: var(--muted); font-size: 13px; }
.runway--ok .runway__verdict { border-color: rgba(134,255,209,.3); }
.runway--ok .runway__verdict b { color: var(--mint); }
.runway--tight .runway__verdict { border-color: rgba(227,203,130,.35); }
.runway--tight .runway__verdict b { color: #e3cb82; }
.runway--short .runway__verdict { border-color: rgba(255,118,143,.4); }
.runway--short .runway__verdict b { color: #ff9aac; }
.runway__sum td { border-top: 1px solid var(--line); }
.wallets-form { margin-top: 14px; }
.wallets-form summary { cursor: pointer; color: var(--mint); font-size: 13px; }
.wallets-form__grid { display: grid; gap: 10px; margin-top: 12px; }
.wallets-form__row { display: grid; grid-template-columns: 220px minmax(0, 1fr) 200px; gap: 8px; }
.wallets-form select, .wallets-form input { height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; min-width: 0; }
.wallets-form__costs { display: grid; gap: 6px; max-width: 420px; color: var(--muted); font-size: 12px; }
.wallets-form .button { justify-self: start; }
@media (max-width: 760px) { .wallets-form__row { grid-template-columns: 1fr; } }
/* v40: partner cabinet */
.partner-links { margin-top: 18px; display: grid; gap: 10px; }
.partner-links > div { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.partner-links small { color: var(--muted); font-size: 12px; }
.partner-links code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: #090b11; font-size: 12px; }
.partner-money { display: grid; gap: 14px; align-content: start; }
.partner-money__main { display: grid; gap: 4px; }
.partner-money__main small { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.partner-money__main strong { font-size: 40px; letter-spacing: -.04em; }
.partner-money__main span { color: var(--muted); font-size: 13px; }
.partner-payout { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.partner-payout label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.partner-payout input, .partner-payout select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: #090b11; min-width: 0; }
.partner-payout__wide { grid-column: 1 / -1; }
.partner-stats { margin-top: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.partner-stats article { padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.02); }
.partner-stats h3 { margin: 0 0 12px; font-size: 15px; }
.partner-stats dl { margin: 0; display: grid; gap: 8px; }
.partner-stats dl div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.partner-stats dt { color: var(--muted); }
.partner-stats dd { margin: 0; font-weight: 700; }
.partner-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: 260px; overflow: auto; }
.partner-feed li { display: grid; gap: 2px; font-size: 13px; }
.partner-feed small { color: var(--muted); font-size: 11px; }
.partner-toggle { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 12px; line-height: 1.5; margin: 6px 0 10px; }
.partner-toggle input { margin-top: 3px; }
.payout-form { display: grid; gap: 6px; min-width: 220px; }
.payout-form input { height: 34px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: #090b11; }
.payout-address { font-size: 11px; word-break: break-all; }
@media (max-width: 980px) { .partner-stats { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .partner-links > div { grid-template-columns: 1fr; } .partner-payout { grid-template-columns: 1fr; } }
.catalog-live-price.is-partner { color: var(--mint); }
.partner-old-price { display: block; color: var(--muted); font-size: 11px; }
.partner-old-price s { opacity: .8; }
.rotation-field[hidden] { display: none !important; }
.rotation-field select { width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: #090b11; }
.rotation-field small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.rotation-panel { margin: 0 0 16px; padding: 18px 20px; display: grid; gap: 12px; border: 1px solid rgba(134,255,209,.25); border-radius: 18px; background: rgba(134,255,209,.04); }
.rotation-panel > div { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; }
.rotation-panel > div span { color: var(--muted); font-size: 13px; }
.rotation-panel .rotate-ip { justify-self: start; }
.rotation-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rotation-panel li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; font-size: 12px; }
.rotation-panel__link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.rotation-panel small { color: var(--muted); font-size: 12px; }
@media (max-width: 680px) { .rotation-panel li { grid-template-columns: 1fr; } .rotation-panel .rotate-ip { width: 100%; } }