:root {
  --bg: #050914;
  --bg-2: #0a1325;
  --panel: rgba(8, 15, 31, 0.82);
  --panel-2: rgba(11, 21, 41, 0.94);
  --panel-soft: rgba(13, 23, 46, 0.72);
  --line: rgba(163, 191, 255, 0.12);
  --line-strong: rgba(163, 191, 255, 0.2);
  --text: #eef4ff;
  --muted: #90a2c6;
  --muted-2: #6c7da0;
  --accent: #ff8c2a;
  --accent-2: #5bb8ff;
  --green: #58f0a7;
  --shadow: 0 24px 90px rgba(0, 0, 0, 0.45);
  --radius-xl: 32px;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --container: min(1220px, calc(100vw - 32px));
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  color: var(--text);
  background:
    radial-gradient(circle at top left, rgba(32, 76, 168, 0.24), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(255, 123, 0, 0.14), transparent 18%),
    linear-gradient(180deg, #040814 0%, #07101f 46%, #030711 100%);
  min-height: 100vh;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.65));
  opacity: 0.18;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

.site-bg,
.site-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

.site-bg {
  background:
    radial-gradient(circle at 20% 10%, rgba(46, 96, 255, 0.14), transparent 30%),
    radial-gradient(circle at 75% 26%, rgba(255, 130, 53, 0.12), transparent 20%),
    radial-gradient(circle at 50% 100%, rgba(71, 15, 153, 0.1), transparent 25%);
  filter: blur(8px);
}

.site-noise {
  opacity: 0.06;
  background-image:
    linear-gradient(rgba(255,255,255,0.5) 0.5px, transparent 0.5px),
    linear-gradient(90deg, rgba(255,255,255,0.5) 0.5px, transparent 0.5px);
  background-size: 4px 4px;
  mix-blend-mode: soft-light;
}

.container {
  width: var(--container);
  margin: 0 auto;
}

.section {
  position: relative;
  padding: 96px 0;
}

.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  margin-bottom: 28px;
}

.section-heading--stack {
  display: block;
}

.section-heading--stack p {
  max-width: 760px;
  margin-top: 14px;
}

.section-label,
.hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 12px;
  font-weight: 700;
  color: #9fb5db;
}

.section-label::before,
.hero__eyebrow span {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ff8c2a, #ffc05d);
  display: inline-block;
}

.section h2,
.hero h1,
.cabinet-hero h1 {
  margin: 14px 0 0;
  line-height: 0.97;
  letter-spacing: -0.04em;
}

.hero h1 {
  font-size: clamp(44px, 6vw, 76px);
  max-width: 720px;
}

.hero h1 span {
  color: #c9d7ff;
}

.section h2,
.cabinet-hero h1 {
  font-size: clamp(34px, 4vw, 52px);
}

p {
  color: var(--muted);
  line-height: 1.72;
  margin: 0;
}

.header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(18px);
  background: rgba(5, 10, 22, 0.56);
  border-bottom: 1px solid rgba(151, 180, 255, 0.08);
}

.header__inner,
.footer__inner {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
}

.brand img {
  width: 132px;
  height: auto;
}

.header__nav,
.header__actions,
.footer__inner div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header__nav a,
.footer__inner a {
  color: #b4c4e8;
  font-weight: 600;
  font-size: 14px;
}

.header__nav a:hover,
.footer__inner a:hover {
  color: #ffffff;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  border: 1px solid transparent;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn--primary {
  background: linear-gradient(135deg, #ff932d, #ff6d2f);
  color: #131313;
  box-shadow: 0 16px 34px rgba(255, 120, 41, 0.28);
}

.btn--ghost {
  background: rgba(255,255,255,0.04);
  border-color: rgba(169, 188, 255, 0.14);
  color: #edf4ff;
}

.btn--big {
  min-height: 56px;
  padding: 0 28px;
  font-size: 15px;
}

.btn--full {
  width: 100%;
}

.hero {
  padding: 52px 0 76px;
}

.hero__grid {
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 32px;
  align-items: center;
}

.hero__lead {
  max-width: 640px;
  margin-top: 22px;
  font-size: 17px;
}

.hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.hero__chips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.metric-chip,
.service-card,
.dashboard-card,
.calculator-panel,
.summary-card,
.process-card,
.faq-item,
.cabinet-card,
.cabinet-sidebar,
.cabinet-topbar,
.stat-card {
  background: linear-gradient(180deg, rgba(11, 19, 38, 0.88), rgba(8, 15, 31, 0.9));
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.metric-chip {
  border-radius: var(--radius-md);
  padding: 18px;
}

.metric-chip strong {
  display: block;
  font-size: 16px;
  margin-bottom: 6px;
}

.metric-chip span {
  color: var(--muted);
  font-size: 13px;
}

.hero__visual {
  position: relative;
  min-height: 620px;
}

.dashboard-card {
  border-radius: var(--radius-xl);
  backdrop-filter: blur(20px);
}

.dashboard-card--main {
  position: relative;
  padding: 28px;
  min-height: 580px;
  overflow: hidden;
}

.dashboard-card--main::before,
.dashboard-card--main::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.dashboard-card--main::before {
  width: 360px;
  height: 360px;
  right: -100px;
  top: -120px;
  background: radial-gradient(circle, rgba(255, 123, 55, 0.22), transparent 68%);
}

.dashboard-card--main::after {
  width: 420px;
  height: 420px;
  left: -130px;
  bottom: -180px;
  background: radial-gradient(circle, rgba(74, 109, 255, 0.2), transparent 70%);
}

.dashboard-card__head,
.summary-card__head,
.extras-block__head,
.card-head,
.cabinet-topbar__row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: start;
}

.dashboard-card__head small,
.summary-card__head small,
.extras-block__head small,
.cabinet-topbar small,
.field-card span,
.form-field span,
.rank-preview-card small,
.hero-summary-card span,
.service-card__tag,
.process-card span,
.level-showcase small,
.premier-showcase small,
.breakdown-card__head span,
.summary-card__meta span,
.summary-card__options span,
.card-head small {
  display: block;
  color: #8fa0c1;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-card__head h2,
.summary-card__head h3,
.extras-block__head h3,
.card-head h2,
.service-card h3,
.process-card h3,
.faq-item summary,
.cabinet-topbar h1 {
  margin: 8px 0 0;
}

.status-dot {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(88, 240, 167, 0.12);
  color: #78f2b8;
  border: 1px solid rgba(88, 240, 167, 0.18);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.dashboard-topline {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 28px;
}

.level-showcase,
.premier-showcase,
.hero-summary-card,
.rank-preview-card,
.info-card,
.breakdown-card,
.order-item,
.progress-item,
.schedule-item,
.chat-message,
.profile-box {
  border-radius: 22px;
  border: 1px solid rgba(156, 184, 255, 0.12);
  background: rgba(8, 15, 31, 0.76);
}

.level-showcase,
.premier-showcase {
  padding: 18px;
}

.level-showcase__body {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
}

.level-showcase__body img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.level-showcase__body strong,
.hero-summary-card strong,
.rank-preview-card strong,
.summary-card__head strong,
.service-card h3,
.process-card h3,
.order-item strong,
.progress-item strong,
.mini-stat strong,
.stat-card strong,
.cabinet-topbar h1 {
  font-size: 30px;
  font-weight: 800;
}

.level-showcase__body strong,
.rank-preview-card strong,
.service-card h3,
.process-card h3,
.order-item strong,
.progress-item strong,
.mini-stat strong,
.stat-card strong,
.cabinet-topbar h1 {
  font-size: 24px;
}

.level-showcase__body span,
.rank-preview-card span,
.premier-showcase span {
  color: var(--muted);
  font-size: 14px;
}

.hero-graph {
  position: relative;
  height: 220px;
  margin: 24px 0;
  overflow: hidden;
  border-radius: 26px;
  border: 1px solid rgba(154, 184, 255, 0.08);
  background: linear-gradient(180deg, rgba(7,13,28,0.78), rgba(8,15,31,0.42));
}

.hero-graph__grid,
.hero-graph__line,
.hero-graph__glow {
  position: absolute;
  inset: 0;
}

.hero-graph__grid {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 54px 54px;
}

.hero-graph__line::before,
.hero-graph__line::after {
  content: "";
  position: absolute;
  inset: auto;
  width: 84%;
  height: 150px;
  left: 8%;
  bottom: 12%;
  border-radius: 999px;
  border: 3px solid transparent;
  transform: skewX(-12deg);
}

.hero-graph__line--faceit::before {
  border-color: rgba(255, 121, 38, 0.3);
  clip-path: polygon(0 82%, 18% 68%, 35% 71%, 48% 44%, 64% 39%, 82% 15%, 100% 12%, 100% 100%, 0 100%);
}

.hero-graph__line--premier::after {
  border-color: rgba(91, 184, 255, 0.3);
  clip-path: polygon(0 90%, 18% 75%, 34% 58%, 48% 56%, 62% 34%, 82% 22%, 100% 9%, 100% 100%, 0 100%);
}

.hero-graph__glow {
  background:
    radial-gradient(circle at 28% 72%, rgba(91, 184, 255, 0.32), transparent 12%),
    radial-gradient(circle at 80% 18%, rgba(255, 138, 46, 0.28), transparent 11%),
    linear-gradient(180deg, transparent, rgba(255, 116, 29, 0.08), transparent);
}

.hero-summary-card {
  padding: 20px;
}

.hero-summary-card__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.hero-summary-card__row + .hero-summary-card__row {
  margin-top: 12px;
}

.hero-summary-card__row strong {
  font-size: 22px;
}

.hero-summary-card__row--contact a {
  color: #ffb24f;
  font-weight: 700;
}

.hero-summary-card__divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin: 14px 0;
}

.dashboard-card--mini {
  position: absolute;
  max-width: 270px;
  padding: 18px 18px 20px;
  backdrop-filter: blur(18px);
}

.dashboard-card--mini small {
  color: #96a9ca;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-card--mini strong {
  display: block;
  margin: 8px 0 10px;
  font-size: 20px;
}

.dashboard-card--mini p {
  font-size: 13px;
}

.dashboard-card--mini-left {
  left: -10px;
  bottom: 42px;
}

.dashboard-card--mini-right {
  right: -10px;
  top: 58px;
}

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.service-card {
  border-radius: 28px;
  padding: 28px;
}

.service-card__tag {
  margin-bottom: 16px;
}

.service-card p {
  margin-top: 12px;
}

.service-card ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.service-card li {
  color: #c4d2f1;
  padding-left: 18px;
  position: relative;
  line-height: 1.5;
}

.service-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff8c2a, #ffca59);
}

.level-strip,
.premier-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.level-strip img {
  width: 48px;
  height: 48px;
}

.cabinet-mockup {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 12px;
  margin-top: 22px;
  padding: 12px;
  border-radius: 22px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(160,185,255,0.09);
}

.cabinet-mockup__sidebar,
.cabinet-mockup__main span {
  background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03));
  border-radius: 16px;
}

.cabinet-mockup__sidebar {
  min-height: 120px;
}

.cabinet-mockup__main {
  display: grid;
  gap: 10px;
}

.cabinet-mockup__main span:nth-child(1) { height: 32px; }
.cabinet-mockup__main span:nth-child(2) { height: 58px; }
.cabinet-mockup__main span:nth-child(3) { height: 46px; }

.inline-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #ffb14f;
  font-weight: 700;
}

.calculator-shell {
  display: block;
}

.calculator-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: start;
}

.calculator-panel,
.summary-card,
.cabinet-topbar,
.cabinet-sidebar,
.cabinet-card {
  border-radius: 30px;
}

.calculator-panel {
  padding: 26px;
}

.service-switcher,
.mode-switcher {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 10px;
  padding: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(157,184,255,0.12);
}

.mode-switcher {
  margin-top: 6px;
}

.service-switch,
.mode-tab {
  min-height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #aebedd;
  font-weight: 700;
}

.service-switch.is-active,
.mode-tab.is-active {
  background: linear-gradient(135deg, rgba(255,145,47,0.22), rgba(255,111,39,0.1));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255,146,59,0.28);
}

.calc-screen {
  display: none;
  margin-top: 22px;
}

.calc-screen.is-active,
.mode-pane.is-active {
  display: block;
}

.mode-pane {
  display: none;
  margin-top: 22px;
}

.fields-grid {
  display: grid;
  gap: 16px;
}

.fields-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field-card,
.info-card,
.form-field {
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(160, 186, 255, 0.12);
  background: rgba(255,255,255,0.03);
}

.field-card strong,
.info-card strong {
  display: block;
  margin-top: 18px;
  font-size: 30px;
  letter-spacing: -0.04em;
}

.field-card input[type="range"] {
  width: 100%;
  margin-top: 18px;
  accent-color: #ff8a34;
}

.field-card select,
.form-field input {
  width: 100%;
  min-height: 52px;
  margin-top: 12px;
  padding: 0 16px;
  border: 1px solid rgba(164, 189, 255, 0.12);
  border-radius: 16px;
  background: rgba(4, 9, 19, 0.86);
  color: var(--text);
  outline: none;
}

.field-card select:focus,
.form-field input:focus {
  border-color: rgba(255, 151, 61, 0.42);
  box-shadow: 0 0 0 4px rgba(255, 145, 61, 0.08);
}

.rank-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.rank-preview-card {
  padding: 18px;
}

.rank-preview-card__body {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
}

.rank-preview-card__body img {
  width: 74px;
  height: 74px;
  object-fit: contain;
}

.rank-preview-card__body--plate {
  align-items: center;
}

.level-card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.level-choice {
  padding: 14px 12px;
  border-radius: 20px;
  border: 1px solid rgba(156, 184, 255, 0.12);
  background: rgba(255,255,255,0.03);
  color: #dce7ff;
  display: grid;
  justify-items: center;
  gap: 10px;
}

.level-choice img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.level-choice.is-active {
  background: linear-gradient(180deg, rgba(255, 140, 42, 0.16), rgba(255, 111, 47, 0.06));
  box-shadow: inset 0 0 0 1px rgba(255, 144, 57, 0.28);
}

.extras-block {
  margin-top: 28px;
  padding: 20px;
  border-radius: 28px;
  border: 1px solid rgba(158, 183, 255, 0.12);
  background: rgba(255,255,255,0.03);
}

.extras-block__head {
  align-items: center;
  margin-bottom: 14px;
}

.extras-block__head h3 {
  margin-top: 8px;
  font-size: 22px;
}

.extras-block__head span {
  color: var(--muted);
  font-size: 13px;
}

.extras-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.option-pill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 16px;
  border-radius: 18px;
  background: rgba(10, 17, 34, 0.88);
  border: 1px solid rgba(157, 184, 255, 0.12);
  color: #ccd9f8;
  font-weight: 650;
  text-align: center;
  transition: border-color 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.option-pill:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 151, 61, 0.28);
}

.option-pill input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.option-pill.is-active {
  background: linear-gradient(180deg, rgba(255, 141, 47, 0.17), rgba(255, 114, 40, 0.06));
  border-color: rgba(255, 149, 63, 0.3);
  color: #ffffff;
}

.summary-panel {
  display: grid;
  gap: 18px;
  position: relative;
  isolation: isolate;
}

.summary-card {
  padding: 24px;
}

.summary-card--sticky {
  position: sticky;
  top: 108px;
  z-index: 1;
}

.summary-card__head strong {
  font-size: 36px;
}

.summary-card__meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.summary-card__meta > div,
.summary-card__options {
  padding: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(160, 186, 255, 0.1);
}

.summary-card__meta strong,
.summary-card__options strong {
  display: block;
  margin-top: 10px;
  font-size: 18px;
}

.summary-card__options {
  margin-top: 12px;
}

.breakdown-card {
  margin-top: 16px;
  padding: 16px;
}

.breakdown-list {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.breakdown-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.breakdown-row span {
  color: #b3c3e4;
}

.breakdown-row.total {
  padding-top: 12px;
  border-bottom: 0;
}

.breakdown-row.total strong {
  color: #ffb24f;
}

.form-field + .form-field {
  margin-top: 12px;
}

.order-form .btn {
  margin-top: 14px;
}

.process-grid {
  display: grid;
  gap: 26px;
}

.process-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.process-card {
  border-radius: 28px;
  padding: 28px;
}

.process-card span {
  color: #ffb24f;
}

.process-card p {
  margin-top: 12px;
}

.faq-shell {
  display: grid;
  gap: 24px;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.faq-item {
  border-radius: 24px;
  padding: 22px;
}

.faq-item summary {
  list-style: none;
  cursor: pointer;
  font-size: 18px;
  font-weight: 750;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item p {
  margin-top: 12px;
}

.cta-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 34px;
  border-radius: 34px;
  border: 1px solid rgba(160, 186, 255, 0.12);
  background:
    radial-gradient(circle at 20% 20%, rgba(91,184,255,0.1), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(255,140,42,0.1), transparent 24%),
    linear-gradient(180deg, rgba(11, 19, 38, 0.92), rgba(8, 15, 31, 0.98));
  box-shadow: var(--shadow);
}

.cta-box__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.footer {
  padding: 20px 0 32px;
}

.footer__inner {
  min-height: auto;
  border-top: 1px solid rgba(157, 184, 255, 0.1);
  padding-top: 24px;
  color: #8ea1c4;
}

.premier-plate {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 108px;
  padding: 10px 18px 10px 14px;
  font-weight: 800;
  letter-spacing: -0.02em;
  transform: skewX(-14deg);
  border-radius: 0;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0% 100%);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 24px rgba(0,0,0,0.22);
}

.premier-plate > * {
  transform: skewX(14deg);
}

.premier-plate__slashes {
  width: 16px;
  height: 28px;
  position: relative;
  flex: 0 0 auto;
}

.premier-plate__slashes::before,
.premier-plate__slashes::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.95;
}

.premier-plate__slashes::before { left: 2px; }
.premier-plate__slashes::after { right: 2px; }

.premier-plate__value {
  font-size: 16px;
}

.premier-plate--sm {
  min-width: 96px;
  padding: 8px 14px 8px 12px;
}

.premier-plate--sm .premier-plate__slashes {
  width: 14px;
  height: 24px;
}

.premier-plate--sm .premier-plate__value {
  font-size: 14px;
}

.premier-plate--lg,
.premier-plate-anchor .premier-plate {
  min-width: 148px;
  padding: 12px 24px 12px 16px;
}

.premier-plate--grey {
  color: #bbc7e7;
  background: linear-gradient(180deg, rgba(107,119,149,0.55), rgba(71,80,108,0.84));
}

.premier-plate--cyan {
  color: #87ccff;
  background: linear-gradient(180deg, rgba(92,127,188,0.56), rgba(45,67,128,0.86));
}

.premier-plate--blue {
  color: #6aa9ff;
  background: linear-gradient(180deg, rgba(71,91,200,0.56), rgba(37,47,129,0.9));
}

.premier-plate--purple {
  color: #9585ff;
  background: linear-gradient(180deg, rgba(88,70,184,0.56), rgba(54,38,126,0.88));
}

.premier-plate--pink {
  color: #ff88c5;
  background: linear-gradient(180deg, rgba(129,67,145,0.54), rgba(87,34,93,0.88));
}

.premier-plate--red {
  color: #ff8686;
  background: linear-gradient(180deg, rgba(113,75,115,0.54), rgba(94,45,79,0.88));
}

.premier-plate--gold {
  color: #ffd166;
  background: linear-gradient(180deg, rgba(149,120,68,0.56), rgba(104,78,28,0.9));
}

.cabinet-body {
  padding: 28px 0 38px;
}

.cabinet-shell {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 22px;
}

.cabinet-sidebar {
  padding: 24px;
  position: sticky;
  top: 28px;
  align-self: start;
}

.profile-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  margin-top: 26px;
}

.avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ff932d, #ff6d2f);
  color: #111;
  font-weight: 800;
}

.profile-box strong {
  font-size: 18px;
}

.profile-box small {
  color: var(--muted);
}

.cabinet-nav {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.cabinet-nav a {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 16px;
  color: #c7d6f6;
  background: rgba(255,255,255,0.03);
  border: 1px solid transparent;
}

.cabinet-nav a:hover,
.cabinet-nav a.active {
  border-color: rgba(255,149,63,0.2);
  background: linear-gradient(180deg, rgba(255,141,47,0.16), rgba(255,111,47,0.06));
}

.sidebar-cta {
  margin-top: 22px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(160,186,255,0.1);
}

.sidebar-cta small {
  color: var(--muted);
}

.sidebar-cta .btn {
  margin-top: 12px;
}

.cabinet-main {
  display: grid;
  gap: 20px;
}

.cabinet-topbar {
  padding: 28px;
}

.cabinet-topbar p {
  max-width: 780px;
  margin-top: 14px;
}

.cabinet-status {
  min-width: 180px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(160,186,255,0.1);
}

.cabinet-status strong {
  display: block;
  margin-top: 8px;
  font-size: 28px;
}

.cabinet-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.stat-card {
  padding: 22px;
  border-radius: 26px;
}

.stat-card strong {
  display: block;
  margin-top: 10px;
}

.cabinet-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
}

.cabinet-card {
  padding: 22px;
}

.cabinet-card--span {
  grid-column: 1 / -1;
}

.card-head {
  margin-bottom: 16px;
}

.orders-list,
.progress-list,
.schedule-box,
.chat-box {
  display: grid;
  gap: 12px;
}

.order-item,
.progress-item,
.schedule-item,
.chat-message {
  padding: 16px;
}

.order-item__top,
.progress-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}

.order-item__top strong,
.progress-item__top strong {
  font-size: 18px;
}

.tag {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgba(255, 144, 57, 0.14);
  color: #ffb14f;
  border: 1px solid rgba(255, 149, 63, 0.16);
}

.progress-bar {
  height: 10px;
  margin: 10px 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  overflow: hidden;
}

.progress-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5bb8ff, #ff8c2a);
}

.schedule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.chat-message small {
  color: #8ea2c8;
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.chat-message a {
  color: #ffb14f;
}

.small-btn {
  min-height: 38px;
  padding: 0 14px;
}

.hidden {
  display: none !important;
}

@media (max-width: 1180px) {
  .hero__grid,
  .calculator-layout,
  .cabinet-grid,
  .cabinet-shell,
  .service-grid,
  .process-cards,
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .hero__visual {
    min-height: 0;
  }

  .dashboard-card--mini {
    position: static;
    max-width: none;
    margin-top: 16px;
  }

  .cabinet-sidebar {
    position: static;
  }

  .summary-card--sticky {
    position: static;
  }
}

@media (max-width: 900px) {
  .header__inner,
  .footer__inner,
  .section-heading,
  .cta-box,
  .dashboard-topline,
  .hero__chips,
  .fields-grid--2,
  .rank-preview-grid,
  .cabinet-stats,
  .summary-card__meta,
  .extras-grid {
    grid-template-columns: 1fr;
    display: grid;
  }

  .header__inner {
    min-height: auto;
    padding: 16px 0;
  }

  .header__nav {
    display: none;
  }

  .header__inner,
  .footer__inner,
  .cta-box {
    gap: 14px;
  }

  .header__actions,
  .footer__inner div,
  .hero__actions,
  .cta-box__actions {
    flex-wrap: wrap;
  }

  .hero {
    padding-top: 24px;
  }

  .dashboard-card--main {
    min-height: auto;
    padding: 22px;
  }

  .hero-graph {
    height: 170px;
  }

  .level-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100vw - 20px, 1000px);
  }

  .hero h1 {
    font-size: 40px;
  }

  .service-card,
  .calculator-panel,
  .summary-card,
  .process-card,
  .faq-item,
  .cabinet-card,
  .cabinet-sidebar,
  .cabinet-topbar,
  .stat-card {
    border-radius: 24px;
  }

  .section {
    padding: 72px 0;
  }

  .service-switcher,
  .mode-switcher {
    width: 100%;
    grid-auto-flow: row;
  }

  .service-switch,
  .mode-tab {
    width: 100%;
  }

  .level-card-grid,
  .extras-grid {
    grid-template-columns: 1fr;
  }

  .hero-summary-card__row strong,
  .summary-card__head strong,
  .field-card strong,
  .info-card strong,
  .stat-card strong {
    font-size: 24px;
  }
}


/* v9 cleanup overrides */
.header__inner {
  flex-wrap: wrap;
}
.header__nav {
  flex-wrap: wrap;
}
.hero__visual {
  min-height: 0;
}
.dashboard-card--main {
  min-height: auto;
}
.dashboard-topline {
  align-items: stretch;
}
.premier-showcase,
.level-showcase,
.hero-summary-card,
.hero-graph {
  position: relative;
  z-index: 1;
}
.dashboard-card--mini {
  display: none !important;
}
.hero-graph {
  height: 180px;
}
.hero-graph__line::before,
.hero-graph__line::after {
  height: 120px;
}
.section-heading {
  align-items: flex-start;
}
@media (max-width: 1180px) {
  .header__nav {
    display: none;
  }
}
@media (max-width: 900px) {
  .header__actions {
    width: 100%;
  }
  .header__actions .btn {
    flex: 1 1 0;
  }
  .dashboard-topline {
    grid-template-columns: 1fr;
  }
}


/* v10 premium redesign */
:root {
  --bg: #050814;
  --bg-2: #09111f;
  --panel: rgba(8, 13, 28, 0.88);
  --panel-2: rgba(9, 15, 32, 0.96);
  --panel-soft: rgba(12, 19, 39, 0.82);
  --line: rgba(193, 208, 255, 0.12);
  --line-strong: rgba(222, 231, 255, 0.18);
  --text: #f3f6fe;
  --muted: #96a3c1;
  --muted-2: #7483a4;
  --accent: #f0c67f;
  --accent-2: #c4a160;
  --shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
}

body {
  background:
    radial-gradient(circle at 10% 0%, rgba(73, 120, 255, 0.11), transparent 24%),
    radial-gradient(circle at 100% 10%, rgba(226, 73, 129, 0.08), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(125, 83, 255, 0.08), transparent 30%),
    linear-gradient(180deg, #030611 0%, #060b16 40%, #030610 100%);
}

body::before {
  opacity: 0.12;
  background-size: 56px 56px;
}

.site-bg {
  background:
    radial-gradient(circle at 18% 14%, rgba(91, 138, 255, 0.11), transparent 28%),
    radial-gradient(circle at 84% 20%, rgba(178, 95, 255, 0.09), transparent 18%),
    radial-gradient(circle at 50% 100%, rgba(243, 164, 90, 0.07), transparent 20%);
  filter: blur(18px);
}

.site-noise {
  opacity: 0.028;
  background-size: 3px 3px;
}

.header {
  background: rgba(4, 8, 18, 0.72);
  border-bottom: 1px solid rgba(185, 201, 255, 0.08);
}

.brand img {
  width: 138px;
}

.header__nav a,
.footer__inner a {
  color: #c4d0ea;
}

.btn {
  border-radius: 16px;
  min-height: 50px;
  padding: 0 20px;
}

.btn--primary {
  background: linear-gradient(135deg, #f3d298, #c8a15a);
  color: #111317;
  box-shadow: 0 12px 28px rgba(200, 161, 90, 0.24);
}

.btn--ghost {
  background: rgba(255,255,255,0.03);
  border-color: rgba(212, 223, 255, 0.1);
}

.hero {
  padding: 56px 0 82px;
}

.hero h1 span {
  color: #cfd8ef;
}

.hero__lead {
  max-width: 600px;
  color: #a9b6d2;
}

.metric-chip,
.service-card,
.dashboard-card,
.calculator-panel,
.summary-card,
.process-card,
.faq-item,
.cabinet-card,
.cabinet-sidebar,
.cabinet-topbar,
.stat-card {
  background:
    linear-gradient(180deg, rgba(11, 17, 34, 0.96), rgba(6, 10, 24, 0.98));
  border: 1px solid rgba(206, 219, 255, 0.08);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.03);
}

.metric-chip {
  padding: 20px;
  border-radius: 22px;
}

.metric-chip strong {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.metric-chip span {
  color: #a4b0cb;
}

.dashboard-card--main {
  padding: 30px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 90% 0%, rgba(158, 88, 255, 0.08), transparent 24%),
    radial-gradient(circle at 0% 100%, rgba(93, 131, 255, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(10, 16, 33, 0.98), rgba(5, 9, 22, 0.98));
}

.dashboard-card--main::before {
  width: 420px;
  height: 420px;
  right: -160px;
  top: -180px;
  background: radial-gradient(circle, rgba(185, 91, 255, 0.12), transparent 70%);
}

.dashboard-card--main::after {
  width: 420px;
  height: 420px;
  left: -170px;
  bottom: -210px;
  background: radial-gradient(circle, rgba(86, 123, 255, 0.12), transparent 72%);
}

.status-dot {
  background: rgba(240, 198, 127, 0.09);
  color: #f0c67f;
  border-color: rgba(240, 198, 127, 0.14);
}

.level-showcase,
.premier-showcase,
.hero-summary-card,
.rank-preview-card,
.info-card,
.breakdown-card,
.order-item,
.progress-item,
.schedule-item,
.chat-message,
.profile-box {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(212, 223, 255, 0.08);
}

.hero-summary-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
}

.hero-summary-card__row--contact a,
.inline-link,
.process-card span,
.breakdown-row.total strong {
  color: #f0c67f;
}

.hero-graph {
  border-color: rgba(212, 223, 255, 0.06);
  background: linear-gradient(180deg, rgba(6, 11, 25, 0.9), rgba(8, 15, 31, 0.35));
}

.hero-graph__glow {
  background:
    radial-gradient(circle at 28% 72%, rgba(91, 184, 255, 0.24), transparent 12%),
    radial-gradient(circle at 80% 18%, rgba(244, 197, 112, 0.16), transparent 11%),
    linear-gradient(180deg, transparent, rgba(120, 101, 255, 0.08), transparent);
}

.service-card {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 30px;
}

.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.025), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(122, 82, 255, 0.09), transparent 22%);
  pointer-events: none;
}

.service-card--premier::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.03), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(184, 82, 255, 0.16), transparent 22%),
    radial-gradient(circle at 0% 100%, rgba(77, 140, 255, 0.1), transparent 24%);
}

.service-card--cabinet::before {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.025), transparent 26%),
    radial-gradient(circle at 0% 0%, rgba(240, 198, 127, 0.09), transparent 22%);
}

.service-card > * {
  position: relative;
  z-index: 1;
}

.service-card__tag {
  color: #c3cde6;
}

.service-card h3 {
  font-size: 36px;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.service-card p {
  color: #9eabc7;
  max-width: 32ch;
}

.service-card li::before {
  background: linear-gradient(135deg, #f3d298, #c8a15a);
}

.level-strip,
.premier-strip {
  margin-top: 26px;
}

.premier-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 12px;
  align-items: start;
}

.premier-strip > div {
  display: flex;
}

.premier-strip > div:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.premier-strip > div:last-child:nth-child(odd) .premier-plate {
  width: min(184px, 100%);
}

.cabinet-mockup {
  background: rgba(255,255,255,0.025);
  border-color: rgba(212, 223, 255, 0.08);
}

.service-switcher,
.mode-switcher {
  background: rgba(255,255,255,0.03);
  border-color: rgba(212, 223, 255, 0.08);
}

.service-switch.is-active,
.mode-tab.is-active {
  background: linear-gradient(135deg, rgba(240, 198, 127, 0.18), rgba(200, 161, 90, 0.08));
  box-shadow: inset 0 0 0 1px rgba(240, 198, 127, 0.22);
}

.field-card,
.info-card,
.form-field,
.summary-card__meta > div,
.summary-card__options,
.extras-block,
.option-pill {
  border-color: rgba(212, 223, 255, 0.08);
  background: rgba(255,255,255,0.025);
}

.field-card input[type="range"] {
  accent-color: #d6b06e;
}

.field-card select:focus,
.form-field input:focus {
  border-color: rgba(240, 198, 127, 0.32);
  box-shadow: 0 0 0 4px rgba(240, 198, 127, 0.06);
}

.option-pill:hover {
  border-color: rgba(240, 198, 127, 0.22);
}

.option-pill.is-active {
  background: linear-gradient(180deg, rgba(240, 198, 127, 0.12), rgba(200, 161, 90, 0.04));
  border-color: rgba(240, 198, 127, 0.24);
}

.summary-card__head strong,
.hero-summary-card__row strong {
  color: #f4f6fb;
}

.premier-plate,
.premier-plate--lg,
.premier-plate-anchor .premier-plate {
  position: relative;
  display: inline-block;
  width: 172px;
  min-width: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  clip-path: none;
  transform: none;
  background: transparent;
}

.premier-plate--sm {
  width: 146px;
}

.premier-plate > * {
  transform: none;
}

.premier-plate__img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.22));
}

.premier-plate__value {
  position: absolute;
  top: 50%;
  left: 45.5%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.18);
}

.premier-plate--sm .premier-plate__value {
  font-size: 17px;
}

.premier-plate--grey { --plate-text: #f3f5fa; }
.premier-plate--cyan { --plate-text: #edf8ff; }
.premier-plate--blue { --plate-text: #f2f6ff; }
.premier-plate--purple { --plate-text: #f7f1ff; }
.premier-plate--pink { --plate-text: #fff2ff; }
.premier-plate--red { --plate-text: #fff1ef; }
.premier-plate--gold { --plate-text: #fff3c0; }

.premier-plate--grey .premier-plate__value,
.premier-plate--cyan .premier-plate__value,
.premier-plate--blue .premier-plate__value,
.premier-plate--purple .premier-plate__value,
.premier-plate--pink .premier-plate__value,
.premier-plate--red .premier-plate__value,
.premier-plate--gold .premier-plate__value {
  color: var(--plate-text);
}

.premier-plate__slashes {
  display: none !important;
}

.premier-showcase .premier-plate,
#premierCurrentBadge .premier-plate,
#premierTargetBadge .premier-plate {
  width: 188px;
}

.rank-preview-card__body--plate {
  gap: 18px;
}

.rank-preview-card__body--plate > div:last-child {
  min-width: 0;
}

.rank-preview-card__body--plate span {
  color: #97a7c6;
}

.summary-card--sticky {
  top: 102px;
}

.footer__inner {
  border-top-color: rgba(212, 223, 255, 0.08);
}

@media (max-width: 1180px) {
  .service-card p {
    max-width: none;
  }
}

@media (max-width: 900px) {
  .hero__chips,
  .dashboard-topline,
  .summary-card__meta,
  .extras-grid {
    grid-template-columns: 1fr;
  }

  .premier-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rank-preview-card__body--plate {
    flex-direction: column;
    align-items: flex-start;
  }

  .premier-showcase .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: 172px;
  }
}

@media (max-width: 640px) {
  .hero {
    padding-top: 30px;
  }

  .service-card h3 {
    font-size: 30px;
  }

  .premier-strip {
    grid-template-columns: 1fr;
  }

  .premier-strip > div:last-child:nth-child(odd) {
    grid-column: auto;
  }

  .premier-strip > div:last-child:nth-child(odd) .premier-plate,
  .premier-strip .premier-plate {
    width: 100%;
    max-width: 172px;
  }

  .premier-showcase .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: min(100%, 176px);
  }
}

/* v12 premium refinement */
.hero__copy .hero__lead {
  max-width: 600px;
}

.dashboard-card--main {
  background:
    radial-gradient(circle at 100% 0%, rgba(126, 76, 255, 0.16), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(53, 103, 255, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(9, 16, 34, 0.96), rgba(6, 11, 24, 0.96));
  border-color: rgba(192, 209, 255, 0.1);
}

.dashboard-card__head {
  align-items: center;
}

.status-dot {
  min-width: 96px;
  justify-content: center;
  text-align: center;
  background: rgba(240, 198, 127, 0.1);
  color: #f2c57e;
  border-color: rgba(240, 198, 127, 0.18);
}

.level-showcase,
.premier-showcase {
  min-height: 146px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, rgba(13, 22, 45, 0.94), rgba(9, 16, 33, 0.92));
  border-color: rgba(192, 209, 255, 0.1);
}

.premier-showcase {
  align-items: flex-start;
}

.premier-showcase .premier-plate-anchor {
  margin-top: 16px;
}

#heroPremierPlate .premier-plate {
  width: min(100%, 224px);
}

.hero-command-surface {
  position: relative;
  margin: 24px 0;
  padding: 24px;
  min-height: 224px;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(192, 209, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(7, 13, 28, 0.88), rgba(7, 12, 25, 0.74));
}

.hero-command-surface__grid,
.hero-command-surface__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-command-surface__grid {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.85), rgba(0,0,0,0.25));
}

.hero-command-surface__glow {
  background:
    radial-gradient(circle at 18% 72%, rgba(91, 184, 255, 0.22), transparent 14%),
    radial-gradient(circle at 82% 20%, rgba(240, 198, 127, 0.18), transparent 12%),
    radial-gradient(circle at 58% 44%, rgba(113, 78, 255, 0.14), transparent 18%);
}

.hero-command-surface__cards {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  height: 100%;
}

.hero-command-item {
  padding: 20px 20px 18px;
  border-radius: 22px;
  border: 1px solid rgba(198, 212, 255, 0.1);
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02));
  backdrop-filter: blur(12px);
}

.hero-command-item--wide {
  grid-column: 1 / -1;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
    linear-gradient(135deg, rgba(240, 198, 127, 0.08), rgba(88, 52, 15, 0.04));
}

.hero-command-item small {
  display: block;
  color: #95a6c7;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-size: 11px;
  font-weight: 800;
}

.hero-command-item strong {
  display: block;
  margin-top: 12px;
  font-size: clamp(28px, 3vw, 36px);
  line-height: 1;
  letter-spacing: -0.04em;
}

.hero-command-item span {
  display: block;
  margin-top: 10px;
  color: #97a7c6;
  font-size: 14px;
}

.service-grid {
  align-items: stretch;
}

.service-card {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
}

.service-card p {
  max-width: none;
}

.service-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.service-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(212, 223, 255, 0.09);
  background: rgba(255,255,255,0.03);
  color: #dbe5fb;
  font-size: 13px;
  font-weight: 700;
}

.service-card .inline-link {
  margin-top: auto;
  padding-top: 28px;
}

.rank-preview-card--premier {
  text-align: center;
  padding: 24px 20px 18px;
}

.rank-preview-card__body--plate {
  justify-content: center;
  align-items: center;
  min-height: 110px;
  gap: 0;
}

.rank-preview-card--premier .premier-plate-anchor {
  display: flex;
  justify-content: center;
  width: 100%;
}

.rank-preview-card__foot {
  margin-top: 10px;
  color: #97a7c6;
  font-size: 14px;
  font-weight: 600;
}

#premierCurrentBadge .premier-plate,
#premierTargetBadge .premier-plate {
  width: min(100%, 260px);
}

#premierCurrentBadge .premier-plate__value,
#premierTargetBadge .premier-plate__value,
#heroPremierPlate .premier-plate__value {
  left: 45.5%;
  padding-left: 0;
  font-size: 22px;
}

#premierCurrentBadge .premier-plate--sm .premier-plate__value,
#premierTargetBadge .premier-plate--sm .premier-plate__value {
  font-size: 18px;
}

@media (max-width: 900px) {
  .hero-command-surface__cards {
    grid-template-columns: 1fr;
  }

  .hero-command-item--wide {
    grid-column: auto;
  }

  #heroPremierPlate .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: min(100%, 208px);
  }
}

@media (max-width: 640px) {
  .hero-command-surface {
    padding: 18px;
    min-height: auto;
  }

  .service-card {
    min-height: 0;
  }

  #heroPremierPlate .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: min(100%, 188px);
  }
}


/* v13 polish: larger overlayed premier plates + stable order form */
.rank-preview-card--premier {
  padding: 24px 22px 20px;
}

.rank-preview-card__body--plate {
  min-height: 132px;
}

.rank-preview-card--premier .premier-plate-anchor,
#heroPremierPlate,
.premier-showcase .premier-plate-anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.premier-plate,
.premier-plate--lg,
.premier-plate-anchor .premier-plate {
  width: 252px;
  max-width: 100%;
}

.premier-plate--sm {
  width: 182px;
}

#heroPremierPlate .premier-plate {
  width: min(100%, 232px);
}

#premierCurrentBadge .premier-plate,
#premierTargetBadge .premier-plate {
  width: min(100%, 252px);
}

.premier-plate__value {
  position: absolute;
  top: 50%;
  left: 45.5%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 72%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.2);
  white-space: nowrap;
}

#heroPremierPlate .premier-plate__value {
  font-size: 23px;
}

#premierCurrentBadge .premier-plate__value,
#premierTargetBadge .premier-plate__value {
  font-size: 26px;
}

.rank-preview-card__foot {
  margin-top: 12px;
}

.order-form {
  padding: 28px;
  display: grid;
  gap: 18px;
  align-content: start;
  position: relative;
  z-index: 3;
}

.order-form::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(7, 13, 28, 0.98), rgba(3, 8, 20, 0.96));
  z-index: -1;
}


.order-form .summary-card__head {
  display: block;
  margin-bottom: 0;
}

.order-form .summary-card__head h3 {
  line-height: 1.02;
}

.order-form .form-field {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}

.order-form .form-field + .form-field {
  margin-top: 0;
}

.order-form .form-field span {
  padding-left: 2px;
}

.order-form .form-field input {
  min-height: 64px;
  margin-top: 0;
  padding: 0 22px;
  border-radius: 20px;
  border: 1px solid rgba(212, 223, 255, 0.1);
  background: linear-gradient(180deg, rgba(5, 11, 24, 0.96), rgba(4, 9, 19, 0.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.order-form .btn {
  margin-top: 0;
}

@media (max-width: 900px) {
  .premier-plate,
  .premier-plate--lg,
  .premier-plate-anchor .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: min(100%, 244px);
  }

  #heroPremierPlate .premier-plate {
    width: min(100%, 220px);
  }

  .premier-plate__value,
  #premierCurrentBadge .premier-plate__value,
  #premierTargetBadge .premier-plate__value {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .rank-preview-card--premier {
    padding: 22px 18px 18px;
  }

  .rank-preview-card__body--plate {
    min-height: 112px;
  }

  .premier-plate,
  .premier-plate--lg,
  .premier-plate-anchor .premier-plate,
  #premierCurrentBadge .premier-plate,
  #premierTargetBadge .premier-plate {
    width: min(100%, 218px);
  }

  #heroPremierPlate .premier-plate {
    width: min(100%, 194px);
  }

  .premier-plate__value,
  #premierCurrentBadge .premier-plate__value,
  #premierTargetBadge .premier-plate__value,
  #heroPremierPlate .premier-plate__value {
    left: 45.5%;
    font-size: 20px;
    padding-left: 0;
  }

  .order-form {
    padding: 24px 18px;
    gap: 16px;
  }

  .order-form .form-field input {
    min-height: 60px;
    border-radius: 18px;
    padding: 0 18px;
  }
}

/* v15 fix: premier calculator numbers on the plate itself */
.rank-preview-card__body--plate {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.rank-preview-card__body--plate .premier-plate {
  position: relative;
}

.rank-preview-card__body--plate .premier-plate__img,
.rank-preview-card__body img.premier-plate__img,
#premierCurrentBadge .premier-plate__img,
#premierTargetBadge .premier-plate__img {
  width: 100% !important;
  height: auto !important;
  max-width: none;
  object-fit: contain;
}

.rank-preview-card__body--plate .premier-plate__value,
#premierCurrentBadge .premier-plate__value,
#premierTargetBadge .premier-plate__value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding-left: 14px;
  transform: none;
  text-align: center;
}

#heroPremierPlate .premier-plate__value {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  padding-left: 14px;
  transform: none;
  text-align: center;
}

/* v17 — full cabinet dashboard */
.cabinet-shell--v2 {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 24px;
  padding: 26px 0 42px;
  align-items: start;
}

.cabinet-sidebar--v2,
.cabinet-topbar--v2,
.stat-card--v2,
.dashboard-hero-card,
.activity-card,
.order-card,
.order-details-panel,
.pipeline-column,
.pipeline-card,
.thread-item,
.chat-panel,
.thread-list-shell,
.notification-item,
.schedule-slot,
.summary-pill,
.sidebar-system-card,
.sidebar-card-mini,
.focus-snapshot,
.availability-item,
.inline-field input,
.inline-field select,
.inline-field textarea,
.preference-toggle,
.details-summary-box,
.details-block,
.session-card {
  backdrop-filter: blur(18px);
}

.cabinet-sidebar--v2 {
  position: sticky;
  top: 18px;
  padding: 24px;
  display: grid;
  gap: 18px;
  max-height: calc(100vh - 36px);
  overflow: auto;
}

.cabinet-sidebar__top,
.sidebar-stack {
  display: grid;
  gap: 16px;
}

.profile-box--v2 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  background: rgba(255,255,255,0.025);
}

.avatar--v2 {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 144, 46, 0.92), rgba(91, 184, 255, 0.82));
  color: #08111d;
  font-weight: 900;
  font-size: 22px;
  display: grid;
  place-items: center;
  box-shadow: 0 18px 40px rgba(255, 132, 49, 0.22);
}

.profile-box__meta {
  display: grid;
  gap: 5px;
}

.profile-chip {
  display: inline-flex;
  width: fit-content;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(180, 201, 255, 0.08);
  color: #d5e1ff;
  font-size: 12px;
  font-weight: 700;
}

.sidebar-system-card,
.sidebar-card-mini {
  border-radius: 22px;
  border: 1px solid rgba(172, 194, 255, 0.1);
  background: linear-gradient(180deg, rgba(12, 21, 40, 0.92), rgba(9, 15, 29, 0.94));
  padding: 16px;
}

.sidebar-system-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.sidebar-system-card small,
.sidebar-card-mini small,
.focus-snapshot span,
.summary-pill span,
.details-block__label,
.inline-field span,
.thread-list-head span,
.chat-thread-head span,
.order-card__head span,
.order-card__meta span,
.session-card__meta span,
.availability-item span,
.details-summary-grid span,
.activity-item span,
.schedule-slot__time span,
.summary-pill strong,
.preference-toggle span,
.muted-feedback {
  color: var(--muted);
}

.status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.status-pill--live {
  background: rgba(88, 240, 167, 0.12);
  color: #8dffca;
  border-color: rgba(88, 240, 167, 0.22);
}

.cabinet-nav--v2 {
  display: grid;
  gap: 8px;
}

.cabinet-nav__link {
  min-height: 46px;
  border-radius: 16px;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.02);
  color: #d7e4ff;
  text-align: left;
  padding: 0 14px;
  font-weight: 700;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.cabinet-nav__link:hover,
.cabinet-nav__link.active {
  transform: translateX(2px);
  background: rgba(255, 144, 46, 0.08);
  border-color: rgba(255, 149, 63, 0.22);
}

.sidebar-card-mini--accent {
  background:
    radial-gradient(circle at top right, rgba(255, 140, 42, 0.18), transparent 38%),
    linear-gradient(180deg, rgba(12, 21, 40, 0.95), rgba(9, 15, 29, 0.96));
}

.sidebar-card-mini strong,
.sidebar-system-card strong,
.focus-snapshot strong,
.summary-pill strong,
.details-summary-grid strong,
.session-card__slot,
.topbar-actions strong {
  color: #f4f7ff;
}

.sidebar-card-mini p,
.sidebar-system-card p {
  margin-top: 6px;
}

.sidebar-footer-links {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 6px;
  border-top: 1px solid rgba(168, 191, 255, 0.08);
}

.sidebar-footer-links a {
  color: #bdd0f5;
  font-size: 13px;
}

.cabinet-main--v2 {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.cabinet-topbar--v2,
.stat-card--v2,
.cabinet-card,
.order-card,
.thread-item,
.thread-list-shell,
.chat-panel,
.notification-item,
.schedule-slot,
.preference-toggle,
.inline-field input,
.inline-field select,
.inline-field textarea,
.summary-pill,
.details-summary-box,
.details-block,
.session-card {
  background: linear-gradient(180deg, rgba(12, 21, 40, 0.88), rgba(8, 15, 31, 0.92));
  border: 1px solid rgba(160, 186, 255, 0.1);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.cabinet-topbar__row--v2 {
  align-items: flex-start;
}

.topbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.cabinet-status--v2 {
  min-width: 190px;
}

.cabinet-stats--v2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.stat-card--v2 {
  padding: 20px;
  border-radius: 24px;
  display: grid;
  gap: 8px;
}

.stat-card--v2 strong {
  font-size: clamp(26px, 3vw, 34px);
}

.dashboard-grid,
.cabinet-section-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.95fr);
  gap: 24px;
  align-items: start;
}

.cabinet-card--span-lg {
  min-width: 0;
}

.cabinet-card--sticky {
  position: sticky;
  top: 18px;
}

.card-head--dense {
  margin-bottom: 18px;
}

.card-head--wrap {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.toolbar-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.toolbar-inline--compact {
  gap: 8px;
}

.inline-field {
  display: grid;
  gap: 7px;
  min-width: 150px;
}

.inline-field--search {
  min-width: 220px;
}

.inline-field--textarea {
  min-width: 100%;
}

.inline-field input,
.inline-field select,
.inline-field textarea {
  width: 100%;
  border-radius: 18px;
  min-height: 48px;
  padding: 0 16px;
  color: var(--text);
  outline: none;
}

.inline-field textarea {
  min-height: 124px;
  padding: 14px 16px;
  resize: vertical;
}

.inline-field input:focus,
.inline-field select:focus,
.inline-field textarea:focus {
  border-color: rgba(255, 149, 63, 0.28);
}

.focus-hero {
  display: grid;
  gap: 18px;
}

.focus-hero__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.focus-hero__header strong {
  font-size: 24px;
}

.focus-price {
  min-width: max-content;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
  color: #fff0de;
  font-size: 20px;
  font-weight: 800;
}

.progress-hero-bar {
  display: grid;
  gap: 10px;
}

.progress-hero-bar__track,
.mini-progress,
.progress-bar-compact {
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  overflow: hidden;
}

.progress-hero-bar__track span,
.mini-progress span,
.progress-bar-compact span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff932d, #5bb8ff);
}

.progress-hero-bar__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #d8e6ff;
  font-size: 14px;
}

.focus-tags,
.details-tags,
.summary-pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.micro-tag,
.chip-button,
.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.micro-tag,
.chip-button {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(170, 193, 255, 0.12);
  color: #e5edff;
}

.micro-tag--muted {
  color: #b8c8e8;
}

.chip-button {
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.chip-button:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 149, 63, 0.26);
}

.tag {
  border: 1px solid transparent;
}

.tag--new,
.tag--accent {
  background: rgba(255, 151, 61, 0.12);
  color: #ffcb8b;
  border-color: rgba(255, 151, 61, 0.24);
}

.tag--info {
  background: rgba(91, 184, 255, 0.12);
  color: #abd7ff;
  border-color: rgba(91, 184, 255, 0.22);
}

.tag--live {
  background: rgba(88, 240, 167, 0.12);
  color: #97ffd0;
  border-color: rgba(88, 240, 167, 0.18);
}

.tag--done {
  background: rgba(198, 218, 255, 0.08);
  color: #d9e5ff;
  border-color: rgba(198, 218, 255, 0.14);
}

.focus-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.focus-snapshot {
  border-radius: 18px;
  border: 1px solid rgba(164, 189, 255, 0.08);
  padding: 14px;
}

.activity-feed,
.orders-board,
.notifications-list,
.schedule-timeline,
.availability-grid,
.settings-grid,
.preference-grid {
  display: grid;
  gap: 12px;
}

.activity-item {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.activity-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.activity-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff932d, #5bb8ff);
  box-shadow: 0 0 0 6px rgba(91, 184, 255, 0.08);
  margin-top: 6px;
}

.order-card {
  border-radius: 22px;
  padding: 18px;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.order-card:hover,
.order-card.is-active {
  transform: translateY(-1px);
  border-color: rgba(255, 151, 61, 0.24);
  background: linear-gradient(180deg, rgba(15, 25, 47, 0.96), rgba(10, 17, 33, 0.95));
}

.order-card__head,
.order-card__footer,
.details-summary-box__head,
.thread-item__head,
.session-card__top,
.thread-list-head,
.chat-composer__actions,
.settings-actions,
.chat-thread-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.order-card__head strong,
.details-summary-box__head strong,
.pipeline-card strong,
.thread-item strong,
.schedule-slot__body strong,
.notification-item strong,
.summary-pill strong,
.activity-item strong,
.session-card strong {
  color: #f7f9ff;
}

.order-card__body {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.order-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.order-card__footer {
  margin-top: 14px;
}

.order-card__footer .mini-progress {
  flex: 1;
}

.order-details-panel {
  display: grid;
  gap: 14px;
}

.details-summary-box,
.details-block,
.session-card {
  border-radius: 22px;
  padding: 16px;
}

.details-summary-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.details-summary-grid div,
.summary-pill {
  display: grid;
  gap: 6px;
}

.steps-list {
  display: grid;
  gap: 12px;
}

.step-line {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.step-line__dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(168, 191, 255, 0.2);
  margin-top: 4px;
}

.step-line.is-complete .step-line__dot {
  background: linear-gradient(135deg, #ff932d, #5bb8ff);
  border-color: transparent;
}

.progress-pipeline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pipeline-column {
  border-radius: 22px;
  padding: 16px;
}

.pipeline-column__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

.pipeline-column__body {
  display: grid;
  gap: 12px;
}

.pipeline-card {
  border-radius: 18px;
  padding: 14px;
}

.messages-layout {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 16px;
}

.thread-list-shell,
.chat-panel {
  border-radius: 24px;
  padding: 16px;
}

.thread-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.thread-item {
  width: 100%;
  border-radius: 18px;
  padding: 14px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.thread-item:hover,
.thread-item.is-active {
  transform: translateY(-1px);
  border-color: rgba(255, 149, 63, 0.24);
}

.thread-item span,
.thread-item small,
.chat-thread-head span {
  display: block;
}

.thread-item small {
  margin-top: 6px;
  color: #a9bbdb;
  line-height: 1.55;
}

.thread-badge {
  min-width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 147, 45, 0.16);
  color: #ffce94;
  display: inline-grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
}

.chat-panel {
  display: grid;
  gap: 16px;
}

.chat-thread-head {
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.btn--tiny {
  min-height: 40px;
  padding: 0 16px;
  font-size: 13px;
}

.chat-messages {
  min-height: 340px;
  max-height: 500px;
  overflow: auto;
  display: grid;
  gap: 12px;
  padding-right: 4px;
}

.chat-bubble {
  max-width: 85%;
  border-radius: 20px;
  padding: 14px;
  display: grid;
  gap: 8px;
  border: 1px solid rgba(160, 186, 255, 0.1);
}

.chat-bubble--manager {
  background: rgba(255,255,255,0.035);
}

.chat-bubble--client {
  margin-left: auto;
  background: linear-gradient(135deg, rgba(255, 145, 56, 0.18), rgba(91, 184, 255, 0.12));
}

.chat-bubble.is-important {
  border-color: rgba(255, 149, 63, 0.3);
  box-shadow: 0 14px 34px rgba(255, 146, 51, 0.1);
}

.chat-bubble__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #b7c7e6;
  font-size: 12px;
}

.chat-composer {
  display: grid;
  gap: 14px;
}

.chat-note-switch,
.preference-toggle {
  display: flex;
  gap: 10px;
  align-items: center;
}

.preference-toggle {
  border-radius: 18px;
  padding: 14px 16px;
}

.preference-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.notification-item,
.schedule-slot,
.summary-pill,
.availability-item {
  border-radius: 20px;
  padding: 14px 16px;
}

.notification-item--accent {
  border-color: rgba(255, 149, 63, 0.2);
}

.schedule-slot {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.schedule-slot__time,
.schedule-slot__status {
  display: grid;
  gap: 5px;
}

.availability-grid,
.settings-grid,
.summary-pill-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-form {
  display: grid;
  gap: 18px;
}

.settings-actions {
  flex-wrap: wrap;
}

.empty-state-panel,
.empty-inline {
  border-radius: 22px;
  padding: 18px;
  background: rgba(255,255,255,0.03);
  border: 1px dashed rgba(168, 191, 255, 0.12);
}

.empty-state-panel--soft {
  background: rgba(255,255,255,0.02);
}

.empty-state-panel strong,
.empty-inline strong {
  display: block;
  margin-bottom: 6px;
  color: #f5f8ff;
}

.cabinet-body--compact .cabinet-main--v2 {
  gap: 18px;
}

.cabinet-body--compact .stat-card--v2,
.cabinet-body--compact .cabinet-card,
.cabinet-body--compact .thread-list-shell,
.cabinet-body--compact .chat-panel {
  padding: 18px;
}

@media (max-width: 1200px) {
  .cabinet-shell--v2,
  .dashboard-grid,
  .cabinet-section-grid,
  .messages-layout {
    grid-template-columns: 1fr;
  }

  .cabinet-sidebar--v2,
  .cabinet-card--sticky {
    position: static;
    max-height: none;
  }

  .cabinet-stats--v2,
  .focus-snapshot-grid,
  .progress-pipeline,
  .preference-grid,
  .settings-grid,
  .availability-grid,
  .summary-pill-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .cabinet-shell--v2 {
    padding-top: 18px;
  }

  .cabinet-stats--v2,
  .focus-snapshot-grid,
  .progress-pipeline,
  .preference-grid,
  .settings-grid,
  .availability-grid,
  .summary-pill-grid,
  .details-summary-grid {
    grid-template-columns: 1fr;
  }

  .schedule-slot,
  .order-card__head,
  .order-card__footer,
  .chat-thread-head,
  .thread-item__head,
  .card-head--wrap,
  .focus-hero__header,
  .topbar-actions,
  .chat-composer__actions,
  .settings-actions {
    grid-template-columns: 1fr;
    display: grid;
    align-items: start;
  }

  .schedule-slot {
    gap: 10px;
  }

  .toolbar-inline,
  .toolbar-inline--compact {
    width: 100%;
  }

  .inline-field,
  .inline-field--search {
    min-width: 100%;
  }
}


/* ===== New auth / cabinet / admin / chat layers ===== */
.glass-card {
  background: linear-gradient(180deg, rgba(10, 18, 36, 0.94), rgba(8, 15, 31, 0.88));
  border: 1px solid rgba(163, 191, 255, 0.12);
  box-shadow: var(--shadow);
  border-radius: 28px;
}

.auth-page,
.cabinet-page-main,
.chat-page-main,
.admin-main {
  padding: 48px 0 96px;
}

.auth-shell {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: stretch;
}

.auth-intro,
.auth-panel,
.page-head-block,
.dash-hero,
.chat-layout-shell {
  padding: 34px;
}

.auth-intro h1,
.page-head-block h1,
.dash-hero h1 {
  margin: 14px 0 14px;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 0.98;
}

.auth-quick-grid,
.hero-actions-grid,
.chat-preview-grid,
.focus-order-metrics,
.auth-points,
.admin-user-card__meta {
  display: grid;
  gap: 14px;
}

.auth-quick-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.auth-quick-card,
.chat-preview-card,
.notice-card,
.detail-box,
.market-badge-card,
.admin-user-card,
.admin-hint-box {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(163, 191, 255, 0.1);
}

.auth-quick-card small,
.chat-preview-card span,
.detail-box span,
.notice-card p,
.market-badge-card span,
.admin-order-row span,
.admin-user-card small {
  color: var(--muted);
}

.auth-points {
  margin-top: 24px;
}

.auth-points div {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 12px;
  align-items: center;
  padding: 14px 0;
  border-top: 1px solid rgba(163, 191, 255, 0.08);
}

.auth-points strong {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,0.05);
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.auth-tab,
.filter-select,
.filter-input,
.admin-order-row select,
.admin-order-row input {
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(163, 191, 255, 0.12);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  padding: 0 16px;
}

.auth-tab.is-active {
  background: linear-gradient(135deg, #ff932d, #ff6d2f);
  color: #0d1018;
  border-color: transparent;
}

.auth-form {
  display: grid;
  gap: 14px;
}

.auth-form--hidden {
  display: none;
}

.auth-hint {
  font-size: 13px;
}

.auth-message {
  margin-top: 14px;
  min-height: 22px;
  color: var(--muted);
}

.auth-message--success {
  color: var(--green);
}

.auth-message--error {
  color: #ff8d92;
}

.stats-grid--dashboard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 20px 0 22px;
}

.stat-tile {
  padding: 22px;
}

.stat-tile strong {
  display: block;
  font-size: 34px;
  margin: 12px 0 6px;
}

.dashboard-layout {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 18px;
  margin-top: 18px;
}

.panel-span-2 {
  min-width: 0;
}

.panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.panel-head small,
.thread-card span,
.message-bubble__meta span,
.detail-note span {
  color: var(--muted);
}

.panel-head h2 {
  margin: 4px 0 0;
  font-size: 28px;
}

.panel-head--wrap {
  flex-wrap: wrap;
}

.toolbar-inline--dashboard {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.focus-order-card__grid,
.market-badge-card,
.chat-room-head,
.admin-order-row,
.admin-order-row__controls,
.admin-order-row__metrics,
.hero-user-card {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}

.hero-user-card__avatar {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(255,147,45,0.95), rgba(91,184,255,0.95));
  color: #101421;
  font-weight: 800;
  font-size: 22px;
}

.hero-user-card span {
  color: var(--muted);
}

.hero-actions-grid {
  margin-top: 16px;
}

.hero-actions-grid--admin {
  width: min(360px, 100%);
}

.progress-track {
  margin-top: 16px;
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
}

.progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff932d, #5bb8ff);
}

.progress-track--sm {
  height: 8px;
}

.modern-order-list,
.notice-list,
.order-details-stack,
.profile-stack,
.chat-thread-list,
.chat-room-messages,
.admin-orders-table,
.admin-user-list,
.market-summary-box {
  display: grid;
  gap: 14px;
}

.modern-order-card,
.thread-card {
  text-align: left;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(163, 191, 255, 0.12);
  background: rgba(255,255,255,0.03);
}

.modern-order-card.is-active,
.thread-card.is-active {
  border-color: rgba(255, 147, 45, 0.52);
  background: rgba(255,147,45,0.08);
}

.modern-order-card__top,
.modern-order-card__meta,
.toggle-line,
.message-bubble__meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.modern-order-card p,
.chat-preview-card p,
.detail-note p,
.message-bubble p,
.admin-order-row p {
  margin-top: 8px;
}

.detail-note,
.market-summary-box .detail-note {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(163, 191, 255, 0.1);
}

.toggle-group {
  display: grid;
  gap: 10px;
}

.page-head-block {
  margin-bottom: 18px;
}

.chat-layout-shell {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 18px;
}

.chat-thread-column,
.chat-room-column {
  min-width: 0;
}

.chat-room-head {
  margin-bottom: 16px;
}

.chat-room-head span {
  display: block;
  color: var(--muted);
  margin-top: 6px;
}

.chat-room-messages {
  min-height: 420px;
  padding: 10px 0 20px;
}

.message-bubble {
  max-width: 78%;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(163,191,255,0.1);
}

.message-bubble--manager {
  margin-right: auto;
}

.message-bubble--user {
  margin-left: auto;
  background: rgba(255,147,45,0.08);
  border-color: rgba(255,147,45,0.2);
}

.message-flag {
  color: #ffc981;
}

.chat-room-form {
  display: grid;
  gap: 12px;
}

.form-field--grow textarea,
.form-field textarea,
.form-field input {
  width: 100%;
  min-height: 54px;
  border-radius: 16px;
  padding: 14px 16px;
  border: 1px solid rgba(163, 191, 255, 0.12);
  background: rgba(255,255,255,0.04);
  color: var(--text);
}

.admin-order-row {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(163, 191, 255, 0.1);
  background: rgba(255,255,255,0.03);
  align-items: stretch;
}

.admin-order-row__controls {
  flex-wrap: wrap;
  width: min(420px, 100%);
}

.admin-order-row__controls select,
.admin-order-row__controls input {
  flex: 1 1 120px;
}

.admin-user-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-user-card,
.admin-hint-box {
  display: grid;
  gap: 8px;
}

.market-badge-card {
  margin: 14px 0 18px;
}

.market-badge-card strong {
  display: block;
  margin-top: 4px;
}

.tag--ghost {
  background: rgba(255,255,255,0.05);
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.08);
}

.empty-inline {
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  color: var(--muted);
}

@media (max-width: 1080px) {
  .auth-shell,
  .dashboard-layout,
  .chat-layout-shell,
  .stats-grid--dashboard {
    grid-template-columns: 1fr;
  }

  .admin-user-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .header__nav {
    display: none;
  }

  .auth-quick-grid,
  .stats-grid--dashboard,
  .hero-actions-grid {
    grid-template-columns: 1fr;
  }

  .auth-intro,
  .auth-panel,
  .page-head-block,
  .dash-hero,
  .chat-layout-shell {
    padding: 22px;
  }

  .focus-order-card__grid,
  .market-badge-card,
  .chat-room-head,
  .admin-order-row,
  .admin-order-row__controls,
  .admin-order-row__metrics,
  .hero-user-card,
  .panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .chat-room-messages {
    min-height: 320px;
  }

  .message-bubble {
    max-width: 100%;
  }
}

/* ===== v20 layout hardening + faceit price rebalance ===== */
html,
body {
  overflow-x: hidden;
}

.container,
.glass-card,
.dashboard-layout,
.dash-hero,
.focus-order-card,
.focus-order-card__grid,
.focus-order-metrics,
.modern-order-list,
.modern-order-card,
.modern-order-card__top,
.modern-order-card__meta,
.order-details-stack,
.detail-box,
.detail-note,
.notice-list,
.notice-card,
.chat-preview-grid,
.chat-preview-card,
.profile-stack,
.toolbar-inline,
.toolbar-inline--dashboard,
.panel-head,
.panel-head > *,
.hero-user-card,
.hero-user-card > *,
.focus-order-card__grid > *,
.stats-grid--dashboard > *,
.dashboard-layout > *,
.chat-layout-shell > *,
.admin-user-list > * {
  min-width: 0;
}

.dash-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: 22px;
  align-items: start;
}

.dash-hero__content,
.dash-hero__side {
  min-width: 0;
}

.dash-hero p,
.focus-order-card__grid p,
.modern-order-card p,
.notice-card p,
.detail-note p,
.chat-preview-card p,
.detail-box strong,
.notice-card strong,
.chat-preview-card strong,
.hero-user-card strong,
.hero-user-card span,
.panel-head h2,
.panel-head small,
.stat-tile strong,
.stat-tile span,
.modern-order-card__meta span,
.modern-order-card__top strong,
.message-bubble p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.hero-user-card {
  align-items: flex-start;
}

.hero-user-card span,
.hero-user-card strong {
  display: block;
}

.hero-actions-grid,
.chat-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.focus-order-card__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.92fr);
  gap: 18px;
  align-items: start;
}

.focus-order-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.focus-order-metrics > div,
.detail-box {
  display: grid;
  gap: 6px;
}

.toolbar-inline--dashboard {
  width: 100%;
  justify-content: flex-end;
}

.toolbar-inline--dashboard > * {
  flex: 1 1 220px;
  min-width: 0;
}

.filter-input,
.filter-select,
.form-field input,
.form-field textarea,
.admin-order-row input,
.admin-order-row select {
  width: 100%;
  min-width: 0;
}

.modern-order-card,
.thread-card,
.notice-card,
.chat-preview-card,
.detail-box,
.detail-note,
.empty-inline,
.admin-order-row,
.admin-user-card,
.admin-hint-box {
  overflow: hidden;
}

.modern-order-card__top,
.modern-order-card__meta,
.toggle-line,
.message-bubble__meta,
.panel-head {
  flex-wrap: wrap;
}

.modern-order-card__meta {
  align-items: flex-start;
}

.order-details-stack {
  align-content: start;
}

.detail-box strong {
  font-size: 16px;
  line-height: 1.35;
}

.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.chat-preview-card,
.notice-card,
.detail-box,
.detail-note,
.modern-order-card {
  width: 100%;
}

#focusOrder,
#ordersBoard,
#orderDetailsPanel,
#noticeList,
#chatPreviewList {
  min-width: 0;
}

@media (max-width: 1180px) {
  .dash-hero,
  .focus-order-card__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .panel-head {
    align-items: flex-start;
  }

  .chat-preview-grid,
  .hero-actions-grid,
  .focus-order-metrics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .cabinet-page-main,
  .chat-page-main,
  .admin-main,
  .auth-page {
    padding: 28px 0 72px;
  }

  .dash-hero,
  .auth-intro,
  .auth-panel,
  .page-head-block,
  .chat-layout-shell,
  .glass-card {
    border-radius: 22px;
  }

  .dash-hero,
  .auth-intro,
  .auth-panel,
  .page-head-block,
  .chat-layout-shell {
    padding: 20px;
  }

  .modern-order-card,
  .thread-card,
  .notice-card,
  .detail-box,
  .detail-note,
  .chat-preview-card,
  .admin-order-row,
  .admin-user-card,
  .admin-hint-box {
    padding: 16px;
    border-radius: 18px;
  }

  .stat-tile {
    padding: 18px;
  }

  .stat-tile strong {
    font-size: 28px;
  }
}

.header__inner,
.header__actions {
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .header__inner {
    min-height: auto;
    padding: 14px 0;
    align-items: flex-start;
  }

  .header__actions {
    width: 100%;
    justify-content: stretch;
  }

  .header__actions .btn,
  .header__actions a.btn {
    flex: 1 1 180px;
  }
}


/* ===== v21 admin layout + reviews ===== */
.dashboard-layout {
  align-items: start;
}

.dashboard-layout > .glass-card {
  height: auto;
  min-height: 0;
}

.admin-orders-table,
.admin-user-list,
.admin-review-list {
  align-content: start;
}

.admin-order-row {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(170px, 0.55fr) minmax(300px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.admin-order-row__main,
.admin-order-row__metrics,
.admin-order-row__controls,
.admin-review-card,
.review-card,
.review-form-card {
  min-width: 0;
}

.admin-order-row__main {
  display: grid;
  gap: 8px;
}

.admin-order-row__idline {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.admin-order-row__metrics {
  display: grid;
  gap: 10px;
  justify-content: start;
}

.admin-order-row__metrics > div {
  display: grid;
  gap: 4px;
}

.admin-order-row__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px auto;
  gap: 12px;
  width: 100%;
}

.admin-order-row__controls .btn {
  white-space: nowrap;
}

.admin-user-card__meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-review-list,
.reviews-grid {
  display: grid;
  gap: 14px;
}

.admin-review-card,
.review-card,
.review-form-card {
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(163, 191, 255, 0.1);
  background: rgba(255,255,255,0.03);
}

.admin-review-card__head,
.admin-review-card__foot,
.review-card__head,
.review-card__foot {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.admin-review-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-review-card p,
.review-card p {
  margin: 14px 0;
  overflow-wrap: anywhere;
}

.review-card__stars {
  color: #ffb24f;
  letter-spacing: 0.08em;
}

.review-card--placeholder {
  opacity: 0.9;
}

.reviews-shell {
  display: grid;
  gap: 26px;
}

.reviews-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 18px;
  align-items: start;
}

.reviews-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.review-form-card__head h3 {
  margin: 8px 0 10px;
}

.review-form-card .auth-message {
  margin-top: 10px;
}

@media (max-width: 1180px) {
  .admin-order-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .admin-order-row__controls {
    grid-column: 1 / -1;
  }

  .reviews-layout,
  .reviews-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-order-row {
    grid-template-columns: 1fr;
  }

  .admin-order-row__controls {
    grid-template-columns: 1fr;
  }

  .admin-review-card,
  .review-card,
  .review-form-card {
    padding: 16px;
    border-radius: 18px;
  }
}

/* ===== v21.1 layout hotfix: reviews + cabinet ===== */
.form-field {
  display: grid;
  gap: 10px;
  align-content: start;
  width: 100%;
  min-width: 0;
}

.form-field span {
  margin: 0;
}

.form-field input,
.form-field textarea,
.form-field select {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 0;
}

.form-field select {
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(163, 191, 255, 0.12);
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  color: var(--text);
  outline: none;
}

.form-field select:focus {
  border-color: rgba(255, 151, 61, 0.42);
  box-shadow: 0 0 0 4px rgba(255, 145, 61, 0.08);
}

.review-form,
.profile-stack {
  display: grid;
  gap: 14px;
}

.reviews-layout,
.reviews-layout > div,
.reviews-layout > aside,
.reviews-grid,
.reviews-grid > *,
.dashboard-layout,
.dashboard-layout > .glass-card,
.panel-head > div:first-child,
.hero-user-card > div,
.chat-preview-grid,
.chat-preview-grid > *,
.notice-list,
.notice-list > *,
.order-details-stack,
.order-details-stack > *,
#cabinetProfile,
#focusOrder,
#ordersBoard,
#orderDetailsPanel,
#noticeList,
#chatPreviewList {
  min-width: 0;
}

.reviews-layout {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
}

.reviews-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: start;
}

.review-card,
.review-form-card,
.notice-card,
.chat-preview-card,
.detail-box,
.detail-note,
.modern-order-card {
  display: grid;
  gap: 10px;
  align-content: start;
}

.review-card__head,
.review-card__foot,
.panel-head,
.hero-user-card,
.modern-order-card__top,
.modern-order-card__meta {
  align-items: flex-start;
}

.review-card__head > div,
.review-card__foot > span,
.hero-user-card strong,
.hero-user-card span,
.notice-card strong,
.notice-card p,
.chat-preview-card strong,
.chat-preview-card span,
.chat-preview-card p,
.detail-box strong,
.detail-note p,
.modern-order-card strong,
.modern-order-card span,
.modern-order-card p {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.chat-preview-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

@media (max-width: 1180px) {
  .reviews-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .form-field {
    padding: 16px;
    border-radius: 18px;
  }

  .reviews-grid,
  .chat-preview-grid {
    grid-template-columns: 1fr;
  }

  .review-card,
  .review-form-card,
  .modern-order-card,
  .notice-card,
  .chat-preview-card,
  .detail-box,
  .detail-note {
    gap: 8px;
  }
}


/* ===== v21.2 design recovery: cabinet + homepage reviews ===== */
.dashboard-layout {
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  align-items: start;
}

.dashboard-layout > .glass-card {
  display: grid;
  align-content: start;
  gap: 0;
  padding: 24px;
  overflow: hidden;
}

.dashboard-layout > .glass-card > * {
  min-width: 0;
}

.panel-head {
  align-items: flex-start;
}

.panel-head > div:first-child {
  display: grid;
  gap: 4px;
}

.panel-head h2,
.review-form-card__head h3 {
  letter-spacing: -0.03em;
}

.toolbar-inline--dashboard {
  width: 100%;
  justify-content: flex-end;
  align-items: stretch;
}

.toolbar-inline--dashboard > * {
  flex: 1 1 220px;
}

#focusOrder,
#ordersBoard,
#orderDetailsPanel,
#noticeList,
#chatPreviewList,
#adminOrdersTable,
#adminUsersList,
#adminReviewsList,
#adminReviewStats,
#marketSummary {
  width: 100%;
}

.dash-hero__side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.dash-hero__side .hero-user-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
}

.dash-hero__side .hero-user-card > div {
  display: grid;
  gap: 4px;
}

.hero-actions-grid {
  grid-template-columns: 1fr;
}

.focus-order-card__grid,
.focus-order-metrics,
.order-details-stack,
.notice-list,
.chat-preview-grid,
.profile-stack,
.admin-review-list,
.admin-user-list,
.admin-orders-table,
.market-summary-box {
  width: 100%;
  align-content: start;
}

.focus-order-card__grid {
  align-items: start;
}

.focus-order-metrics > div,
.detail-box,
.notice-card,
.chat-preview-card,
.detail-note,
.modern-order-card,
.admin-user-card,
.admin-hint-box {
  width: 100%;
}

.modern-order-card,
.notice-card,
.chat-preview-card,
.detail-box,
.detail-note,
.admin-review-card,
.review-card,
.review-form-card,
.admin-user-card,
.admin-hint-box {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.modern-order-card__top,
.modern-order-card__meta,
.review-card__head,
.review-card__foot,
.admin-review-card__head,
.admin-review-card__foot,
.toggle-line {
  align-items: flex-start;
}

.modern-order-card__meta,
.review-card__foot,
.admin-review-card__foot {
  gap: 10px 14px;
}

.toggle-line {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(163, 191, 255, 0.1);
}

.toggle-line input {
  margin-top: 3px;
}

/* reviews */
.reviews-shell {
  gap: 28px;
}

.reviews-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: 22px;
  align-items: start;
}

.reviews-layout > div,
.reviews-layout > aside {
  min-width: 0;
}

.reviews-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}

.review-card,
.review-form-card,
.admin-review-card {
  display: grid;
  gap: 14px;
  align-content: start;
}

.review-card__head > div,
.admin-review-card__head > div,
.review-form-card__head {
  display: grid;
  gap: 6px;
}

.review-card__head span,
.review-card__foot span,
.admin-review-card__head span,
.admin-review-card__foot span,
.review-form-card__head small {
  color: var(--muted);
}

.review-card__stars {
  white-space: nowrap;
  line-height: 1;
}

.review-card p,
.admin-review-card p,
.review-form-card__head p {
  margin: 0;
}

.review-card__foot,
.admin-review-card__foot {
  padding-top: 12px;
  border-top: 1px solid rgba(163, 191, 255, 0.08);
}

.admin-review-card__actions {
  justify-content: flex-end;
}

.review-form-card {
  position: sticky;
  top: 110px;
}

.review-form {
  gap: 16px;
}

.review-form .form-field,
.profile-stack .form-field {
  padding: 0;
  border-radius: 0;
  background: none;
  border: 0;
}

.review-form .form-field span,
.profile-stack .form-field span {
  font-size: 14px;
  color: var(--muted);
}

.review-form textarea,
.profile-stack textarea {
  min-height: 136px;
  resize: vertical;
}

.review-form .btn,
.profile-stack .btn {
  margin-top: 4px;
}

#reviewFormMessage {
  min-height: 20px;
}

@media (max-width: 1180px) {
  .dashboard-layout,
  .reviews-layout {
    grid-template-columns: 1fr;
  }

  .review-form-card {
    position: static;
  }
}

@media (max-width: 760px) {
  .dashboard-layout > .glass-card {
    padding: 18px;
    border-radius: 22px;
  }

  .panel-head,
  .modern-order-card__top,
  .modern-order-card__meta,
  .review-card__head,
  .review-card__foot,
  .admin-review-card__head,
  .admin-review-card__foot,
  .toggle-line {
    flex-direction: column;
  }

  .chat-preview-grid,
  .reviews-grid,
  .admin-user-list {
    grid-template-columns: 1fr;
  }

  .toolbar-inline--dashboard,
  .admin-review-card__actions {
    flex-direction: column;
  }

  .toolbar-inline--dashboard > *,
  .admin-review-card__actions > *,
  .toggle-line > span {
    width: 100%;
  }

  .toggle-line {
    padding: 12px 14px;
  }

  .review-form .form-field,
  .profile-stack .form-field,
  .form-field {
    padding: 0;
    border-radius: 0;
  }
}


/* ===== v21.3 admin orders clarity fix ===== */
.admin-orders-table {
  display: grid;
  gap: 16px;
}

.admin-order-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  grid-template-areas:
    "main controls"
    "metrics controls";
  gap: 16px 18px;
  align-items: start;
  padding: 20px;
}

.admin-order-row__main,
.admin-order-row__metrics,
.admin-order-row__controls,
.admin-order-row__client,
.admin-order-row__service,
.admin-metric-tile,
.admin-control-field {
  min-width: 0;
}

.admin-order-row__main {
  grid-area: main;
  display: grid;
  gap: 12px;
  align-content: start;
}

.admin-order-row__idline,
.admin-order-row__client,
.admin-order-row__service {
  display: grid;
  gap: 4px;
}

.admin-order-row__idline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.admin-order-row__client strong,
.admin-order-row__service p,
.admin-order-row__service span,
.admin-metric-tile strong,
.admin-metric-tile span,
.admin-control-field span {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.admin-order-row__client strong,
.admin-order-row__service p,
.admin-metric-tile strong {
  margin: 0;
}

.admin-order-row__service span,
.admin-order-row__client span,
.admin-control-field > span,
.admin-metric-tile span {
  color: var(--muted);
}

.admin-order-row__metrics {
  grid-area: metrics;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-metric-tile {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(163, 191, 255, 0.1);
  background: rgba(255,255,255,0.035);
}

.admin-metric-tile strong {
  font-size: 22px;
  line-height: 1.15;
}

.admin-order-row__controls {
  grid-area: controls;
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(163, 191, 255, 0.1);
  background: rgba(255,255,255,0.025);
}

.admin-control-field {
  display: grid;
  gap: 8px;
}

.admin-control-field > span {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.admin-order-row__controls select,
.admin-order-row__controls input {
  width: 100%;
  min-width: 0;
}

.admin-order-row__controls .btn {
  width: 100%;
  justify-content: center;
}

@media (max-width: 1280px) {
  .admin-order-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "metrics"
      "controls";
  }

  .admin-order-row__controls {
    padding: 0;
    border: 0;
    background: transparent;
  }
}

@media (max-width: 760px) {
  .admin-order-row {
    padding: 16px;
    border-radius: 20px;
  }

  .admin-order-row__metrics {
    grid-template-columns: 1fr;
  }
}


/* ===== v21.4 select readability + admin orders usability fix ===== */
select,
.filter-select,
.form-field select,
.inline-field select,
.admin-order-row select {
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.2;
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23D7E3FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 14px;
}

select option,
select optgroup {
  color: #0f1728;
  background: #f4f7ff;
}

select:focus {
  border-color: rgba(255, 151, 61, 0.42);
  box-shadow: 0 0 0 4px rgba(255, 145, 61, 0.08);
  outline: none;
}

.admin-order-row {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
  grid-template-areas:
    "main controls"
    "metrics metrics";
  gap: 18px;
}

.admin-order-row__main {
  grid-area: main;
  gap: 14px;
}

.admin-order-row__metrics {
  grid-area: metrics;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 14px;
}

.admin-metric-tile {
  min-width: 0;
}

.admin-metric-tile span,
.admin-metric-tile strong {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.admin-metric-tile span {
  white-space: nowrap;
}

.admin-order-row__controls {
  grid-area: controls;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-self: start;
  width: 100%;
}

.admin-control-field {
  min-width: 0;
}

.admin-control-field > span {
  margin-bottom: 2px;
}

.admin-order-row__controls .btn {
  grid-column: 1 / -1;
  min-height: 54px;
}

.admin-order-row__controls input,
.admin-order-row__controls select,
.filter-select,
.form-field select {
  min-height: 54px;
}

.admin-order-row__controls input {
  text-align: left;
}

@media (max-width: 1280px) {
  .admin-order-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "controls"
      "metrics";
  }

  .admin-order-row__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 14px;
    border: 1px solid rgba(163, 191, 255, 0.1);
    background: rgba(255,255,255,0.025);
  }
}

@media (max-width: 760px) {
  .admin-order-row__metrics,
  .admin-order-row__controls {
    grid-template-columns: 1fr;
  }

  .admin-order-row__controls .btn {
    grid-column: auto;
  }
}

/* v18 — redesigned homepage hero without prices */
.header__inner {
  flex-wrap: nowrap;
}

.header__actions {
  margin-left: auto;
  gap: 12px;
}

.btn--telegram {
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.025));
}

.btn--header-link {
  min-height: 50px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: #d8e3fb;
  box-shadow: none;
}

.btn--header-link:hover {
  color: #ffffff;
  transform: translateY(-1px);
}

.btn--header-cabinet {
  min-width: 176px;
}

.hero--redesigned {
  padding: 64px 0 84px;
}

.hero--redesigned .hero__grid {
  align-items: stretch;
  gap: 36px;
}

.hero--redesigned h1 {
  max-width: 760px;
  font-size: clamp(46px, 6.4vw, 86px);
}

.hero--redesigned .hero__lead {
  max-width: 620px;
  font-size: 18px;
  color: #adbad4;
}

.hero__chips--premium {
  margin-top: 38px;
}

.metric-chip--hero {
  padding: 20px 20px 18px;
  background:
    linear-gradient(180deg, rgba(13, 20, 40, 0.98), rgba(7, 12, 24, 0.98));
  border-color: rgba(216, 227, 255, 0.09);
}

.metric-chip--hero strong {
  margin-bottom: 8px;
}

.metric-chip--hero span {
  line-height: 1.6;
}

.dashboard-card--hero-premium {
  padding: 30px;
  min-height: 100%;
  background:
    linear-gradient(180deg, rgba(11, 18, 36, 0.96), rgba(7, 12, 26, 0.98));
  border-color: rgba(210, 221, 255, 0.08);
}

.dashboard-card__head--hero {
  align-items: center;
}

.dashboard-card__head--hero h2 {
  font-size: clamp(32px, 3vw, 44px);
}

.dashboard-topline--hero {
  margin-top: 24px;
  gap: 16px;
}

.level-showcase--hero,
.premier-showcase--hero {
  min-height: 182px;
  padding: 22px;
  background:
    linear-gradient(180deg, rgba(10, 18, 37, 0.92), rgba(8, 14, 28, 0.88));
  border-color: rgba(205, 218, 255, 0.09);
}

.level-showcase--hero .level-showcase__body {
  align-items: center;
  gap: 16px;
}

.level-showcase--hero .level-showcase__body strong {
  display: block;
  margin-bottom: 6px;
}

.level-showcase--hero .level-showcase__body span {
  max-width: 220px;
  line-height: 1.55;
}

.premier-showcase--hero {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hero-plate-caption {
  margin-top: 12px;
  color: #8f9fc0;
  font-size: 13px;
  line-height: 1.6;
}

.hero-command-surface--premium {
  margin: 18px 0;
  padding: 22px;
  min-height: auto;
}

.hero-command-surface__cards--premium {
  gap: 14px;
}

.hero-command-item--feature {
  min-height: 156px;
  padding: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.016)),
    linear-gradient(135deg, rgba(92, 124, 255, 0.06), rgba(240, 198, 127, 0.02));
}

.hero-command-item--feature strong {
  margin-top: 14px;
  font-size: clamp(24px, 2.4vw, 30px);
}

.hero-command-item--feature span {
  max-width: 320px;
  line-height: 1.62;
}

.hero-command-item--contact {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.016)),
    radial-gradient(circle at 85% 35%, rgba(240, 198, 127, 0.12), transparent 24%),
    linear-gradient(135deg, rgba(91, 184, 255, 0.08), rgba(73, 48, 24, 0.06));
}

.hero-flow-card {
  display: grid;
  gap: 12px;
  padding: 8px 0 0;
}

.hero-flow-item {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(212, 223, 255, 0.09);
  background: rgba(7, 13, 28, 0.7);
}

.hero-flow-item__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
  color: #f4d39d;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.hero-flow-item strong {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  color: #eff4fe;
}

.hero-flow-item p,
.hero-flow-item a {
  color: #94a4c4;
  font-size: 14px;
  line-height: 1.65;
}

.hero-flow-item--accent {
  border-color: rgba(240, 198, 127, 0.14);
  background:
    linear-gradient(90deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)),
    linear-gradient(135deg, rgba(240, 198, 127, 0.08), rgba(72, 34, 14, 0.04));
}

.hero-flow-item--accent a {
  color: #f4c97f;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .hero--redesigned .hero__grid {
    gap: 24px;
  }

  .header__inner {
    flex-wrap: wrap;
  }
}

@media (max-width: 900px) {
  .btn--header-link {
    flex: 0 1 auto;
    min-width: auto;
    padding: 0 10px;
  }

  .btn--header-cabinet,
  .btn--telegram {
    flex: 1 1 0;
  }

  .hero--redesigned {
    padding-top: 30px;
  }

  .dashboard-card--hero-premium {
    padding: 22px;
  }

  .level-showcase--hero,
  .premier-showcase--hero,
  .hero-command-item--feature,
  .hero-flow-item {
    padding: 18px;
  }
}

@media (max-width: 640px) {
  .header__actions {
    width: 100%;
  }

  .hero--redesigned h1 {
    font-size: 38px;
  }

  .hero__chips--premium {
    grid-template-columns: 1fr;
  }

  .hero-flow-item {
    grid-template-columns: 1fr;
  }

  .hero-flow-item__index {
    width: 46px;
    height: 46px;
    border-radius: 14px;
  }

  .btn--header-cabinet {
    min-width: 0;
  }
}



/* v14 hero redesign: sales-first, shorter copy, more visual */
.hero--sales {
  position: relative;
  padding: 72px 0 92px;
}

.hero--sales::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 100%;
  background:
    radial-gradient(circle at 18% 24%, rgba(90, 125, 255, 0.14), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(240, 198, 127, 0.12), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 48%);
  pointer-events: none;
}

.hero-sales {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(440px, 0.98fr);
  align-items: center;
  gap: 40px;
}

.hero-sales__copy {
  max-width: 620px;
}

.hero-sales__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: #94a7ce;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  font-weight: 800;
}

.hero-sales__eyebrow span {
  width: 46px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ffcf83, rgba(255, 207, 131, 0.15));
}

.hero-sales h1 {
  max-width: 560px;
  margin: 0;
  font-size: clamp(56px, 7vw, 104px);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

.hero-sales__lead {
  max-width: 470px;
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.65;
  color: #a9b8d6;
}

.hero-sales__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.hero-sales__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.hero-sales__tags span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(205, 219, 255, 0.11);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
  color: #e7eefc;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.hero-sales__visual {
  position: relative;
  min-height: 680px;
}

.hero-sales__halo {
  position: absolute;
  border-radius: 999px;
  filter: blur(26px);
  pointer-events: none;
}

.hero-sales__halo--one {
  width: 220px;
  height: 220px;
  top: 70px;
  right: 26px;
  background: rgba(98, 128, 255, 0.16);
}

.hero-sales__halo--two {
  width: 200px;
  height: 200px;
  left: 10px;
  bottom: 80px;
  background: rgba(240, 198, 127, 0.12);
}

.hero-sales__panel {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  padding: 26px;
  border-radius: 36px;
  border: 1px solid rgba(213, 223, 255, 0.09);
  background:
    linear-gradient(180deg, rgba(10, 16, 32, 0.96), rgba(7, 11, 22, 0.98));
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.04);
}

.hero-sales__panel::before,
.hero-sales__panel::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-sales__panel::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,0.028) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,0.65), rgba(0,0,0,0.15));
}

.hero-sales__panel::after {
  background:
    radial-gradient(circle at 50% 48%, rgba(90, 124, 255, 0.22), transparent 23%),
    radial-gradient(circle at 52% 52%, rgba(240, 198, 127, 0.11), transparent 19%);
}

.hero-sales__panel-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.hero-sales__panel-top small,
.hero-sales-card small,
.hero-sales__strip small,
.hero-sales__core-center small {
  display: block;
  color: #8ea0c5;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 10px;
  font-weight: 800;
}

.hero-sales__panel-top strong {
  display: block;
  margin-top: 8px;
  color: #f5f8ff;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.hero-sales__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(212, 222, 255, 0.09);
  background: rgba(255,255,255,0.04);
  color: #eef4ff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.hero-sales__status::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffcf83;
  box-shadow: 0 0 14px rgba(255, 207, 131, 0.8);
}

.hero-sales__stage {
  position: relative;
  min-height: 470px;
  margin-top: 18px;
}

.hero-sales__core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 310px;
  height: 310px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.hero-sales__core-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(214, 224, 255, 0.08);
}

.hero-sales__core-ring--one {
  inset: 0;
  box-shadow: inset 0 0 40px rgba(255,255,255,0.03);
}

.hero-sales__core-ring--two {
  inset: 22px;
}

.hero-sales__core-ring--three {
  inset: 52px;
}

.hero-sales__core-center {
  position: absolute;
  inset: 84px;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(219, 228, 255, 0.12);
  background:
    radial-gradient(circle at 50% 40%, rgba(255,255,255,0.08), rgba(255,255,255,0.015) 58%),
    linear-gradient(180deg, rgba(10, 15, 30, 0.94), rgba(7, 10, 20, 0.98));
  box-shadow:
    0 0 60px rgba(92, 123, 255, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.05);
}

.hero-sales__core-center strong {
  display: block;
  max-width: 140px;
  margin-top: 10px;
  color: #fbfcff;
  font-size: 28px;
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.hero-sales-card {
  position: absolute;
  z-index: 2;
  padding: 18px 20px;
  border-radius: 28px;
  border: 1px solid rgba(210, 221, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.hero-sales-card strong {
  display: block;
  margin-top: 10px;
  color: #f3f7ff;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.hero-sales-card span {
  display: block;
  margin-top: 8px;
  color: #8ea0c5;
  font-size: 13px;
  line-height: 1.5;
}

.hero-sales-card--faceit {
  top: 24px;
  left: 4px;
  width: 230px;
}

.hero-sales-card__row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}

.hero-sales-card__row img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.hero-sales-card__row strong {
  margin-top: 0;
  font-size: 26px;
}

.hero-sales-card__row span {
  margin-top: 6px;
}

.hero-sales-card--premier {
  top: 20px;
  right: 2px;
  width: 258px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-sales-card--premier small {
  align-self: flex-start;
  width: 100%;
}

.hero-sales-card--status {
  left: 20px;
  bottom: 30px;
  width: 220px;
}

.hero-sales-card--contact {
  right: 22px;
  bottom: 42px;
  width: 208px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.022)),
    linear-gradient(135deg, rgba(240, 198, 127, 0.1), rgba(88, 52, 15, 0.04));
}

#heroPremierPlate {
  min-height: 96px;
  margin-top: 14px;
}

#heroPremierPlate .premier-plate {
  width: min(100%, 224px);
}

.hero-sales__strip {
  position: absolute;
  right: 18px;
  bottom: 0;
  left: 18px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-radius: 26px;
  border: 1px solid rgba(211, 222, 255, 0.08);
  background: rgba(6, 11, 23, 0.72);
  backdrop-filter: blur(16px);
}

.hero-sales__strip div {
  min-height: 78px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.025);
}

.hero-sales__strip strong {
  display: block;
  margin-top: 10px;
  color: #f1f5ff;
  font-size: 16px;
  line-height: 1.3;
}

@media (max-width: 1180px) {
  .hero-sales {
    grid-template-columns: 1fr;
  }

  .hero-sales__copy {
    max-width: none;
  }

  .hero-sales__lead {
    max-width: 560px;
  }

  .hero-sales__visual {
    min-height: 640px;
  }
}

@media (max-width: 900px) {
  .hero--sales {
    padding-top: 34px;
  }

  .hero-sales h1 {
    font-size: clamp(42px, 14vw, 72px);
  }

  .hero-sales__visual {
    min-height: 690px;
  }

  .hero-sales__panel {
    min-height: 590px;
    padding: 20px;
  }

  .hero-sales__core {
    width: 250px;
    height: 250px;
  }

  .hero-sales__core-center {
    inset: 68px;
  }

  .hero-sales__core-center strong {
    font-size: 22px;
  }

  .hero-sales-card--faceit,
  .hero-sales-card--premier,
  .hero-sales-card--status,
  .hero-sales-card--contact {
    width: 204px;
  }

  .hero-sales-card--faceit {
    left: 0;
    top: 18px;
  }

  .hero-sales-card--premier {
    right: 0;
    top: 18px;
  }

  .hero-sales-card--status {
    left: 10px;
    bottom: 98px;
  }

  .hero-sales-card--contact {
    right: 10px;
    bottom: 110px;
  }

  .hero-sales__strip {
    grid-template-columns: 1fr;
    right: 10px;
    left: 10px;
  }

  .hero-sales__strip div {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .hero-sales__actions .btn {
    flex: 1 1 100%;
  }

  .hero-sales__lead {
    font-size: 16px;
  }

  .hero-sales__visual {
    min-height: 760px;
  }

  .hero-sales__panel-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-sales__status {
    align-self: flex-start;
  }

  .hero-sales__stage {
    min-height: 520px;
  }

  .hero-sales__core {
    width: 206px;
    height: 206px;
  }

  .hero-sales__core-center {
    inset: 56px;
  }

  .hero-sales__core-center strong {
    max-width: 108px;
    font-size: 18px;
  }

  .hero-sales-card {
    padding: 16px;
    border-radius: 22px;
  }

  .hero-sales-card--faceit,
  .hero-sales-card--premier,
  .hero-sales-card--status,
  .hero-sales-card--contact {
    width: calc(50% - 8px);
  }

  .hero-sales-card--faceit,
  .hero-sales-card--premier {
    top: 12px;
  }

  .hero-sales-card--status,
  .hero-sales-card--contact {
    bottom: 112px;
  }

  .hero-sales-card__row {
    gap: 10px;
  }

  .hero-sales-card__row img {
    width: 42px;
    height: 42px;
  }

  .hero-sales-card__row strong,
  .hero-sales-card strong {
    font-size: 18px;
  }

  #heroPremierPlate .premier-plate {
    width: min(100%, 164px);
  }

  #heroPremierPlate .premier-plate__value {
    font-size: 18px;
  }
}
.auth-quick-grid--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stats-grid--admin-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#boosterFormMessage {
  min-height: 22px;
}

@media (max-width: 1180px) {
  .stats-grid--admin-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .auth-quick-grid--triple,
  .stats-grid--admin-5 {
    grid-template-columns: 1fr;
  }
}

/* v15 hero redesign: luxury + minimal */
.hero--luxury {
  position: relative;
  padding: 82px 0 98px;
}

.hero--luxury::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(84, 122, 255, 0.12), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(239, 200, 134, 0.12), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,0.025), transparent 45%);
  pointer-events: none;
}

.hero-luxury {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: min(78vh, 820px);
}

.hero-luxury__copy {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hero-luxury__eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 18px;
  color: #97a8c9;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 11px;
  font-weight: 800;
}

.hero-luxury__eyebrow span {
  width: 48px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 211, 144, 0.95), rgba(255, 211, 144, 0.15));
}

.hero-luxury h1 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(56px, 7.4vw, 102px);
  line-height: 0.9;
  letter-spacing: -0.075em;
}

.hero-luxury__lead {
  max-width: 620px;
  margin-top: 24px;
  color: #9cafcf;
  font-size: 18px;
  line-height: 1.72;
}

.hero-luxury__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 32px;
}

.hero-luxury__points {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.hero-luxury__points span {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(223, 197, 152, 0.14);
  background: rgba(255, 255, 255, 0.025);
  color: #e8edf8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.hero-luxury__visual {
  position: relative;
  min-height: 680px;
}

.hero-luxury__glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(34px);
  pointer-events: none;
}

.hero-luxury__glow--gold {
  width: 210px;
  height: 210px;
  top: 40px;
  right: 36px;
  background: rgba(239, 200, 134, 0.15);
}

.hero-luxury__glow--blue {
  width: 220px;
  height: 220px;
  bottom: 44px;
  left: 14px;
  background: rgba(80, 121, 255, 0.12);
}

.hero-luxury-card {
  position: relative;
  min-height: 620px;
  padding: 34px;
  overflow: hidden;
  border-radius: 40px;
  border: 1px solid rgba(223, 197, 152, 0.14);
  background:
    linear-gradient(180deg, rgba(9, 14, 28, 0.96), rgba(6, 10, 20, 0.98));
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255,255,255,0.035);
}

.hero-luxury-card::before,
.hero-luxury-card::after {
  content: '';
  position: absolute;
  pointer-events: none;
}

.hero-luxury-card::before {
  inset: 14px;
  border-radius: 28px;
  border: 1px solid rgba(223, 197, 152, 0.1);
}

.hero-luxury-card::after {
  inset: 0;
  background:
    radial-gradient(circle at 72% 24%, rgba(239, 200, 134, 0.12), transparent 18%),
    linear-gradient(120deg, transparent 44%, rgba(255,255,255,0.04) 50%, transparent 56%);
  opacity: 0.72;
}

.hero-luxury-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  color: #8f9fbe;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 11px;
  font-weight: 800;
}

.hero-luxury-card__center {
  position: relative;
  z-index: 1;
  max-width: 360px;
  margin-top: 120px;
}

.hero-luxury-card__center small,
.hero-luxury-chip small {
  display: block;
  color: #90a0bf;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 10px;
  font-weight: 800;
}

.hero-luxury-card__center h2 {
  margin: 16px 0 0;
  color: #f7f8fc;
  font-size: clamp(58px, 7vw, 86px);
  line-height: 0.9;
  letter-spacing: -0.07em;
}

.hero-luxury-card__center p {
  margin-top: 18px;
  color: #c9d3e9;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero-luxury-card__meta {
  position: absolute;
  right: 34px;
  bottom: 34px;
  left: 34px;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding-top: 22px;
  border-top: 1px solid rgba(223, 197, 152, 0.12);
}

.hero-luxury-card__meta div {
  min-height: 84px;
  padding: 6px 4px 0 0;
}

.hero-luxury-card__meta span {
  display: block;
  color: #8799b9;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 10px;
  font-weight: 800;
}

.hero-luxury-card__meta strong {
  display: block;
  margin-top: 14px;
  color: #f0f4fd;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

.hero-luxury-chip {
  position: absolute;
  z-index: 2;
  padding: 18px 20px;
  border-radius: 24px;
  border: 1px solid rgba(223, 197, 152, 0.14);
  background: rgba(8, 13, 25, 0.8);
  backdrop-filter: blur(20px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255,255,255,0.04);
}

.hero-luxury-chip strong {
  display: block;
  margin-top: 12px;
  color: #f5f7fc;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -0.05em;
}

.hero-luxury-chip span {
  display: block;
  margin-top: 6px;
  color: #8fa0c1;
  font-size: 12px;
}

.hero-luxury-chip--level {
  top: 28px;
  right: -8px;
  width: 226px;
}

.hero-luxury-chip__level {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}

.hero-luxury-chip__level img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.hero-luxury-chip__level strong {
  margin-top: 0;
  font-size: 26px;
}

.hero-luxury-chip--premier {
  left: -8px;
  bottom: 108px;
  width: 252px;
}

.hero-luxury-chip--premier #heroPremierPlate {
  min-height: 96px;
  margin-top: 14px;
}

.hero-luxury-chip--premier #heroPremierPlate .premier-plate {
  width: min(100%, 212px);
}

.hero-luxury-chip--contact {
  right: 18px;
  bottom: 26px;
  width: 188px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
    linear-gradient(135deg, rgba(239, 200, 134, 0.11), rgba(40, 30, 16, 0.02));
}

@media (max-width: 1180px) {
  .hero-luxury {
    min-height: auto;
  }

  .hero-luxury__copy {
    max-width: 760px;
  }

  .hero-luxury__lead {
    max-width: 560px;
  }
}

@media (max-width: 900px) {
  .hero--luxury {
    padding-top: 36px;
  }

  .hero-luxury {
    min-height: auto;
  }

  .hero-luxury h1 {
    font-size: clamp(42px, 14vw, 76px);
  }

  .hero-luxury-card {
    min-height: 640px;
    padding: 22px;
    border-radius: 32px;
  }

  .hero-luxury-card::before {
    inset: 10px;
    border-radius: 24px;
  }

  .hero-luxury-card__center {
    margin-top: 108px;
  }

  .hero-luxury-card__center h2 {
    font-size: clamp(46px, 9vw, 68px);
  }

  .hero-luxury-card__meta {
    right: 22px;
    bottom: 22px;
    left: 22px;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hero-luxury-card__meta div {
    min-height: 0;
  }

  .hero-luxury-chip--level {
    top: 14px;
    right: 0;
  }

  .hero-luxury-chip--premier {
    left: 0;
    bottom: 116px;
  }

  .hero-luxury-chip--contact {
    right: 0;
    bottom: 28px;
  }
}

@media (max-width: 640px) {
  .hero-luxury__actions .btn {
    flex: 1 1 100%;
  }

  .hero-luxury__lead {
    font-size: 16px;
  }

  .hero-luxury-card {
    min-height: 680px;
  }

  .hero-luxury-card__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-luxury-chip {
    width: calc(50% - 8px);
    padding: 16px;
  }

  .hero-luxury-chip strong,
  .hero-luxury-chip__level strong {
    font-size: 18px;
  }

  .hero-luxury-chip__level {
    gap: 10px;
  }

  .hero-luxury-chip__level img {
    width: 42px;
    height: 42px;
  }

  .hero-luxury-chip--level,
  .hero-luxury-chip--premier {
    top: auto;
    bottom: 118px;
  }

  .hero-luxury-chip--level {
    right: 0;
  }

  .hero-luxury-chip--premier {
    left: 0;
  }

  .hero-luxury-chip--contact {
    right: 0;
    bottom: 24px;
    width: calc(50% - 8px);
  }

  .hero-luxury-chip--premier #heroPremierPlate .premier-plate {
    width: min(100%, 164px);
  }
}