/* [next]/internal/font/google/inter_31011fd.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_31011fd-module__jtyeTG__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_31011fd-module__jtyeTG__variable {
  --font-sans: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/cinzel_e13775b4.module.css [app-client] (css) */
@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../media/f13700f23fbdc6fd-s.28qi1ga78_w_1.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../media/cc014fcb166cf364-s.p.2cu9iw-l3ih8o.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel Fallback;
  src: local(Times New Roman);
  ascent-override: 71.31%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 136.86%;
}

.cinzel_e13775b4-module__u-QS-q__className {
  font-family: Cinzel, Cinzel Fallback;
  font-style: normal;
}

.cinzel_e13775b4-module__u-QS-q__variable {
  --font-display: "Cinzel", "Cinzel Fallback";
}

/* [project]/apps/web/src/app/globals.css [app-client] (css) */
:root {
  --font-sans-fallback: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display-fallback: Georgia, "Times New Roman", serif;
  --bg-primary: #09090f;
  --bg-secondary: #0e0e1a;
  --bg-card: #12121f;
  --bg-card2: #181828;
  --bg-sidebar: #0b0b16;
  --border: #ffffff12;
  --border-glow: #ffd70040;
  --text-primary: #f0f0fa;
  --text-secondary: #8a8aaa;
  --text-muted: #557;
  --gold: gold;
  --gold-light: #ffe466;
  --gold-dark: #c8a600;
  --purple: #8b5cf6;
  --purple-light: #a78bfa;
  --teal: #14b8a6;
  --red: #ef4444;
  --green: #22c55e;
  --green-dark: #16a34a;
  --bronze: #cd7f32;
  --bronze-glow: #cd7f324d;
  --silver: silver;
  --silver-glow: #c0c0c04d;
  --gold-glow: #ffd7004d;
  --platinum: #14b8a6;
  --platinum-glow: #14b8a64d;
  --diamond: #818cf8;
  --diamond-glow: #818cf84d;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 8px 32px #00000080;
  --shadow-card: 0 4px 24px #0006;
  --sidebar-w: 240px;
  --transition: .3s cubic-bezier(.4,0,.2,1);
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans), var(--font-sans-fallback);
  background: var(--bg-primary);
  color: var(--text-primary);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
  overflow-x: hidden;
}

[class*="icon"] {
  font-family: Segoe UI Emoji, Apple Color Emoji, Noto Color Emoji, Segoe UI Symbol, sans-serif;
}

.app-icon {
  vertical-align: -.15em;
  stroke: currentColor;
  stroke-width: 1.9px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  display: inline-block;
}

button, input, textarea, select {
  color: inherit;
  font-family: inherit;
}

a {
  cursor: pointer;
  text-decoration: none;
}

ul {
  list-style: none;
}

.hidden {
  display: none !important;
}

.green {
  color: var(--green);
}

.auth-overlay {
  z-index: 1000;
  background: radial-gradient(at 60% 20%, #1a093a 0%, #090920 50%, #000008 100%);
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.auth-overlay:not(.active) {
  display: none !important;
}

.auth-bg-particles {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.auth-container {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #0e0e1cd9;
  border: 1px solid #ffd70026;
  border-radius: 24px;
  width: 100%;
  max-width: 560px;
  padding: 2.5rem 2rem;
  position: relative;
  box-shadow: 0 0 80px #8b5cf61f, 0 32px 64px #0009;
}

.auth-logo {
  text-align: center;
  margin-bottom: 2rem;
}

.logo-icon {
  color: var(--gold);
  filter: drop-shadow(0 0 20px #ffd70080);
  margin-bottom: .5rem;
  font-size: 3.5rem;
}

.logo-text {
  font-family: var(--font-display), var(--font-display-fallback);
  background: linear-gradient(135deg, var(--gold), var(--purple-light));
  -webkit-text-fill-color: transparent;
  letter-spacing: 2px;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 2rem;
  font-weight: 700;
}

.logo-sub {
  color: var(--text-secondary);
  margin-top: .25rem;
  font-size: .85rem;
}

.auth-tabs {
  background: #ffffff0a;
  border-radius: 12px;
  gap: 0;
  margin-bottom: 1.5rem;
  padding: 4px;
  display: flex;
}

.auth-tab {
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
  background: none;
  border: none;
  border-radius: 9px;
  flex: 1;
  padding: .6rem;
  font-size: .95rem;
  font-weight: 500;
}

.auth-tab.active {
  color: var(--gold);
  background: linear-gradient(135deg, #ffd70026, #8b5cf626);
  box-shadow: 0 2px 12px #ffd7001a;
}

.auth-form {
  flex-direction: column;
  gap: 1.1rem;
  display: flex;
}

.form-group {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.form-group label {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .82rem;
  font-weight: 600;
}

.input-wrap {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  transition: var(--transition);
  background: #ffffff0a;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.input-wrap:focus-within {
  border-color: #ffd70066;
  box-shadow: 0 0 0 3px #ffd70012;
}

.input-icon {
  color: var(--text-muted);
  align-items: center;
  padding: 0 .8rem;
  font-size: 1rem;
  display: inline-flex;
}

.input-wrap input, .input-wrap textarea, .withdraw-select {
  color: var(--text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: .75rem .8rem .75rem 0;
  font-size: .95rem;
}

.withdraw-select option {
  background: var(--bg-card);
  color: var(--text-primary);
}

.input-wrap input::placeholder {
  color: var(--text-muted);
}

.auth-error {
  color: var(--red);
  background: #ef444412;
  border-radius: 6px;
  min-height: 1.2rem;
  padding: 0 .5rem;
  font-size: .85rem;
}

.auth-error:not(:empty) {
  padding: .4rem .7rem;
}

.auth-demo-hint {
  color: var(--text-muted);
  text-align: center;
  margin-top: .25rem;
  font-size: .78rem;
}

.auth-demo-hint strong {
  color: var(--text-secondary);
}

.level-select-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: .5rem;
  display: grid;
}

.level-card-select {
  border: 2px solid var(--border);
  cursor: pointer;
  transition: var(--transition);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  padding: .7rem .3rem;
  display: flex;
  position: relative;
}

.level-card-select input[type="radio"] {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.lc-icon {
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  display: inline-flex;
}

.lc-name {
  margin-top: .2rem;
  font-size: .7rem;
  font-weight: 700;
}

.lc-fee {
  color: var(--gold);
  font-size: .8rem;
  font-weight: 700;
}

.lc-tasks {
  color: var(--text-muted);
  text-align: center;
  margin-top: .1rem;
  font-size: .6rem;
}

.bronze-card.selected {
  border-color: var(--bronze);
  background: var(--bronze-glow);
}

.bronze-card:has(input:checked) {
  border-color: var(--bronze);
  background: var(--bronze-glow);
}

.silver-card.selected {
  border-color: var(--silver);
  background: var(--silver-glow);
}

.silver-card:has(input:checked) {
  border-color: var(--silver);
  background: var(--silver-glow);
}

.gold-card.selected {
  border-color: var(--gold);
  background: var(--gold-glow);
}

.gold-card:has(input:checked) {
  border-color: var(--gold);
  background: var(--gold-glow);
}

.platinum-card.selected {
  border-color: var(--platinum);
  background: var(--platinum-glow);
}

.platinum-card:has(input:checked) {
  border-color: var(--platinum);
  background: var(--platinum-glow);
}

.diamond-card.selected {
  border-color: var(--diamond);
  background: var(--diamond-glow);
}

.diamond-card:has(input:checked) {
  border-color: var(--diamond);
  background: var(--diamond-glow);
}

.level-card-select:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px #ffd7001a;
}

.level-bronze {
  color: var(--bronze);
}

.level-silver {
  color: var(--silver);
}

.level-gold {
  color: var(--gold);
}

.level-platinum {
  color: var(--platinum);
}

.level-diamond {
  color: var(--diamond);
}

.inline-level-icon {
  margin-left: .15rem;
  font-size: .9em;
}

.btn-auth {
  color: #000;
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 100%;
  transition: var(--transition);
  letter-spacing: .3px;
  background: linear-gradient(135deg, #ffd700e6, #b87333e6);
  border: none;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .85rem;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.btn-auth:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #ffd7004d;
}

.gold-btn {
  background: linear-gradient(135deg, gold, #ff9d00);
}

.btn-arrow {
  font-size: 1.2rem;
}

.app {
  width: 100%;
  min-height: 100vh;
  display: flex;
  overflow-x: clip;
}

.sidebar {
  width: var(--sidebar-w);
  background: var(--bg-sidebar);
  border-right: 1px solid var(--border);
  z-index: 100;
  transition: transform var(--transition);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.sidebar-top {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sidebar-logo {
  font-family: var(--font-display), var(--font-display-fallback);
  background: linear-gradient(135deg, var(--gold), var(--purple-light));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  align-items: center;
  gap: .6rem;
  padding: 1.5rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
}

.sidebar-close {
  width: 40px;
  height: 40px;
  color: var(--text-primary);
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-right: .85rem;
  display: none;
}

.logo-icon-sm {
  color: var(--gold);
  filter: drop-shadow(0 0 8px #ffd70066);
  -webkit-text-fill-color: initial;
  font-size: 1.5rem;
}

.sidebar-mobile-summary, .sidebar-nav-label {
  display: none;
}

.sidebar-nav {
  flex-direction: column;
  flex: 1;
  gap: .25rem;
  padding: 1rem .75rem;
  display: flex;
  overflow-y: auto;
}

.nav-item {
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
  text-align: left;
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: .75rem;
  width: 100%;
  padding: .75rem 1rem;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.nav-item:hover {
  color: var(--text-primary);
  background: #ffffff0a;
}

.nav-item.active {
  color: var(--gold);
  background: linear-gradient(135deg, #ffd7001f, #8b5cf614);
  border: 1px solid #ffd70026;
}

.nav-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  font-size: 1.1rem;
  display: inline-flex;
}

.nav-badge {
  background: var(--red);
  color: #fff;
  text-align: center;
  border-radius: 99px;
  min-width: 1.3rem;
  margin-left: auto;
  padding: .15rem .45rem;
  font-size: .7rem;
  font-weight: 700;
}

.nav-badge[data-val="0"], .nav-badge:empty {
  display: none;
}

.sidebar-bottom {
  border-top: 1px solid var(--border);
  padding: 1rem .75rem;
}

.sidebar-user {
  border-radius: var(--radius-sm);
  background: #ffffff08;
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  padding: .75rem;
  display: flex;
}

.user-avatar {
  background: linear-gradient(135deg, var(--gold), var(--purple));
  color: #000;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
}

.user-name {
  font-size: .88rem;
  font-weight: 600;
}

.user-level {
  color: var(--text-muted);
  font-size: .75rem;
}

.btn-logout {
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--red);
  cursor: pointer;
  transition: var(--transition);
  background: #ef44441a;
  border: 1px solid #ef444433;
  padding: .5rem;
  font-size: .85rem;
  font-weight: 500;
}

.btn-logout:hover {
  background: #ef444433;
}

.mobile-header {
  z-index: 99;
  background: linear-gradient(180deg, #0e0e16fa, #0e0e16e6),
    var(--bg-sidebar);
  border-bottom: 1px solid var(--border);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: space-between;
  align-items: center;
  gap: .85rem;
  min-height: 68px;
  padding: .9rem 1.25rem;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.mobile-sidebar-backdrop {
  display: none;
}

.mobile-header-main {
  flex: 1;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.hamburger {
  cursor: pointer;
  width: 42px;
  height: 42px;
  color: var(--text-primary);
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  display: inline-flex;
}

.mobile-header-copy {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.mobile-logo {
  font-family: var(--font-display), var(--font-display-fallback);
  background: linear-gradient(135deg, var(--gold), var(--purple-light));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  align-items: center;
  gap: .45rem;
  font-size: 1rem;
  font-weight: 700;
  display: inline-flex;
}

.mobile-section-label {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.mobile-logo .app-icon {
  color: var(--gold);
  -webkit-text-fill-color: initial;
}

.mobile-header-meta {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: .12rem;
  display: flex;
}

.mobile-balance-label {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 600;
}

.mobile-balance {
  color: var(--gold);
  font-size: .9rem;
  font-weight: 700;
}

.main-content {
  margin-left: var(--sidebar-w);
  background: var(--bg-primary);
  flex: 1;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 100vh;
  padding: 2rem;
  overflow-x: hidden;
}

.section {
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.section.hidden {
  display: none !important;
}

.section-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.section-title {
  background: linear-gradient(135deg, var(--text-primary), var(--text-secondary));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.75rem;
  font-weight: 800;
}

.section-sub {
  color: var(--text-secondary);
  margin-top: .25rem;
  font-size: .9rem;
}

.header-date {
  color: var(--text-muted);
  padding-top: .4rem;
  font-size: .85rem;
}

.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  min-width: 0;
  max-width: 100%;
  padding: 1.5rem;
}

.card-title {
  color: var(--text-primary);
  align-items: center;
  gap: .5rem;
  margin-bottom: 1.2rem;
  font-size: 1.05rem;
  font-weight: 700;
  display: flex;
}

.card-head-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.2rem;
  display: flex;
}

.card-head-row .card-title {
  margin-bottom: 0;
}

.primary-card {
  background: linear-gradient(135deg, #1a0d2e 0%, #0f1a3a 50%, #0d1f2d 100%);
  border-color: #ffd70026;
  position: relative;
  overflow: hidden;
}

.primary-card:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(at 30% 30%, #ffd7000d 0%, #0000 70%);
  position: absolute;
  inset: 0;
}

.stats-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  display: grid;
}

.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  transition: var(--transition);
  align-items: flex-start;
  gap: 1rem;
  padding: 1.25rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.stat-card:hover {
  border-color: #ffd70033;
  transform: translateY(-3px);
}

.stat-icon {
  color: var(--gold);
  flex-shrink: 0;
  font-size: 1.8rem;
  display: inline-flex;
}

.stat-info {
  flex: 1;
}

.stat-label {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .78rem;
  font-weight: 600;
}

.stat-value {
  color: var(--text-primary);
  letter-spacing: -.5px;
  margin: .2rem 0;
  font-size: 1.6rem;
  font-weight: 800;
}

.stat-sub {
  color: var(--text-muted);
  font-size: .78rem;
}

.stat-glow {
  pointer-events: none;
  background: radial-gradient(circle, #ffd7001f, #0000 70%);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: -20px;
  right: -20px;
}

.progress-header {
  color: var(--text-secondary);
  justify-content: space-between;
  margin-bottom: .75rem;
  font-size: .9rem;
  font-weight: 600;
  display: flex;
}

.progress-bar-wrap {
  background: #ffffff0f;
  border-radius: 99px;
  height: 12px;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.progress-bar {
  background: linear-gradient(90deg, var(--gold), var(--purple));
  border-radius: 99px;
  height: 100%;
  transition: width .6s;
  position: relative;
}

.progress-bar:after {
  content: "";
  background: radial-gradient(circle, #ffffff80, #0000);
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.task-cta {
  justify-content: center;
  display: flex;
}

.level-hero-mobile {
  display: none;
}

.stat-card-desktop-only {
  display: flex;
}

.level-display {
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.level-badge-big {
  filter: drop-shadow(0 0 16px);
  font-size: 3rem;
}

.level-details h3 {
  margin-bottom: .25rem;
  font-size: 1.3rem;
  font-weight: 800;
}

.level-details p {
  color: var(--text-secondary);
  font-size: .9rem;
}

.level-pills {
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .75rem;
  display: flex;
}

.level-pill {
  border: 1px solid;
  border-radius: 99px;
  padding: .3rem .75rem;
  font-size: .8rem;
  font-weight: 600;
}

.referral-code-box {
  color: var(--gold);
  background: #ffd70014;
  border: 1px solid #ffd70047;
  border-radius: 99px;
  padding: .3rem .75rem;
  font-size: .8rem;
  font-weight: 700;
}

.level-hero-mobile-top {
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.level-hero-mobile-icon {
  background: linear-gradient(#ffffff0f, #ffffff05);
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 1.8rem;
  display: flex;
}

.level-hero-mobile-copy {
  min-width: 0;
}

.level-hero-mobile-kicker, .level-mobile-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .72rem;
  font-weight: 700;
  display: block;
}

.level-hero-mobile-copy h3 {
  margin-top: .2rem;
  font-size: 1.35rem;
  line-height: 1.15;
}

.level-hero-mobile-copy p, .level-mobile-panel p, .level-next-mobile p {
  color: var(--text-secondary);
  margin-top: .2rem;
  font-size: .84rem;
  line-height: 1.55;
}

.level-mobile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: .75rem;
  display: grid;
}

.level-mobile-panel, .level-next-mobile {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  padding: .9rem;
}

.level-mobile-panel strong, .level-next-mobile strong, .referral-code-value {
  color: var(--text-primary);
  word-break: break-word;
  margin-top: .32rem;
  font-size: 1rem;
  line-height: 1.2;
  display: block;
}

.level-next-mobile {
  background: linear-gradient(#ffd70014, #ffffff08);
  border-color: #ffd70029;
  margin-bottom: .75rem;
}

.referral-code-row {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.referral-copy-btn {
  min-height: 2.4rem;
  color: var(--gold);
  background: #ffd70014;
  border: 1px solid #ffd70047;
  border-radius: 10px;
  flex-shrink: 0;
  padding: .55rem .9rem;
  font-size: .82rem;
  font-weight: 700;
}

.commission-mobile-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .7rem;
  display: grid;
}

.commission-mobile-item {
  background: #ffffff06;
  border: 1px solid #ffffff0f;
  border-radius: 10px;
  padding: .75rem .8rem;
}

.commission-mobile-item span {
  color: var(--text-muted);
  margin-bottom: .22rem;
  font-size: .72rem;
  display: block;
}

.commission-mobile-item strong {
  color: var(--text-primary);
  font-size: .96rem;
}

.activity-list {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

.activity-item {
  border-radius: var(--radius-sm);
  background: #ffffff06;
  align-items: center;
  gap: .75rem;
  padding: .75rem;
  display: flex;
}

.act-icon {
  font-size: 1.1rem;
}

.act-info {
  flex: 1;
}

.act-title {
  font-size: .88rem;
  font-weight: 600;
}

.act-sub {
  color: var(--text-muted);
  font-size: .75rem;
}

.act-amount {
  color: var(--green);
  font-size: .9rem;
  font-weight: 700;
}

.empty-state {
  text-align: center;
  color: var(--text-muted);
  border-radius: var(--radius-sm);
  background: #ffffff05;
  border: 1px dashed #ffffff14;
  padding: 2rem;
  font-size: .9rem;
  line-height: 1.6;
}

.tasks-progress-mini {
  flex-direction: column;
  align-items: flex-end;
  gap: .25rem;
  min-width: 120px;
  display: flex;
}

.tasks-progress-copy {
  flex-direction: column;
  align-items: flex-end;
  gap: .1rem;
  display: flex;
}

.tasks-progress-copy strong {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: .72rem;
}

.tasks-progress-mini span {
  color: var(--text-secondary);
  font-size: .85rem;
  font-weight: 600;
}

.mini-progress-wrap {
  background: #ffffff0f;
  border-radius: 99px;
  width: 100%;
  height: 6px;
  overflow: hidden;
}

.mini-progress-fill {
  background: linear-gradient(90deg, var(--gold), var(--purple));
  border-radius: 99px;
  height: 100%;
  transition: width .4s;
}

.all-done-card {
  text-align: center;
  background: linear-gradient(135deg, #22c55e0d, #14b8a60d);
  border-color: #22c55e4d;
  padding: 3rem 2rem;
}

.all-done-status {
  color: #86efac;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #22c55e1f;
  border: 1px solid #22c55e38;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: .35rem .8rem;
  font-size: .74rem;
  font-weight: 800;
  display: inline-flex;
}

.all-done-icon {
  color: var(--gold);
  margin-bottom: 1rem;
  font-size: 4rem;
  display: inline-flex;
}

.all-done-card h3 {
  margin-bottom: .75rem;
  font-size: 1.6rem;
  font-weight: 800;
}

.all-done-card p {
  color: var(--text-secondary);
  max-width: 500px;
  margin: 0 auto 1.25rem;
  line-height: 1.6;
}

.all-done-earned {
  color: var(--gold);
  background: #ffd70014;
  border-radius: 99px;
  margin-bottom: 1.5rem;
  padding: .6rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-block;
}

.task-counter {
  text-align: center;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: .75rem;
  font-size: .85rem;
  font-weight: 600;
}

.task-mobile-overview {
  background: radial-gradient(circle at 100% 0, #ffd70017, #0000 36%), linear-gradient(#ffffff08, #ffffff04);
  border-color: #ffd70024;
  margin-bottom: 1rem;
  padding: 1rem 1.1rem;
}

.task-overview-top {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .9rem;
  display: flex;
}

.task-overview-kicker {
  color: var(--text-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.task-overview-position {
  color: var(--gold-light);
  font-size: .82rem;
  font-weight: 700;
}

.task-overview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.task-overview-item {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: .85rem .9rem;
}

.task-overview-item span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.task-overview-item strong {
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 800;
}

.movie-card-inner {
  grid-template-columns: 180px 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  display: grid;
}

.movie-poster {
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 260px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #00000080;
}

.poster-genre {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #000000b3;
  border-radius: 99px;
  padding: .2rem .6rem;
  font-size: .7rem;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 10px;
}

.poster-year {
  color: #fff;
  background: #000000b3;
  border-radius: 6px;
  padding: .2rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.poster-icon {
  z-index: 1;
  color: #ffffffd1;
  font-size: 4rem;
  position: relative;
}

.movie-info-header {
  flex-direction: column;
  gap: .35rem;
  margin-bottom: .8rem;
  display: flex;
}

.movie-genre-tag {
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid;
  border-radius: 99px;
  margin-bottom: .6rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-block;
}

.movie-title {
  margin-bottom: .75rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.3;
}

.movie-director, .movie-cast {
  color: var(--text-secondary);
  margin-bottom: .35rem;
  font-size: .85rem;
}

.movie-director span:first-child, .movie-cast span:first-child {
  color: var(--text-muted);
}

.movie-description {
  color: var(--text-secondary);
  margin: .75rem 0;
  font-size: .88rem;
  line-height: 1.6;
}

.movie-meta {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.meta-pill {
  border: 1px solid var(--border);
  min-height: 32px;
  color: var(--text-secondary);
  background: #ffffff0f;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: .35rem .8rem;
  font-size: .75rem;
  font-weight: 700;
  display: inline-flex;
}

.rating-section {
  border-top: 1px solid var(--border);
  padding-top: 1.5rem;
}

.rating-title {
  text-align: center;
  margin-bottom: .5rem;
  font-size: 1.05rem;
  font-weight: 800;
}

.rating-prompt {
  color: var(--text-secondary);
  text-align: center;
  margin-bottom: 1rem;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.6;
}

.star-rating {
  flex-wrap: wrap;
  justify-content: center;
  gap: .35rem;
  margin-bottom: .5rem;
  display: flex;
}

.star {
  color: #ffffff26;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .1rem;
  font-size: 2rem;
  line-height: 1;
  transition: all .15s;
  display: inline-flex;
}

.star:hover, .star.hovered {
  color: var(--gold-light);
  transform: scale(1.2);
}

.star.active {
  color: var(--gold);
  text-shadow: 0 0 12px #ffd70080;
}

.rating-labels {
  color: var(--text-muted);
  justify-content: space-between;
  margin-bottom: .75rem;
  padding: 0 .5rem;
  font-size: .72rem;
  display: flex;
}

.selected-rating {
  text-align: center;
  color: var(--gold);
  min-height: 1.5rem;
  margin-bottom: 1.25rem;
  font-size: .9rem;
  font-weight: 600;
}

.review-section {
  margin-bottom: 1.5rem;
}

.review-label {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .5rem;
  font-size: .82rem;
  font-weight: 600;
  display: block;
}

.review-textarea {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-primary);
  resize: vertical;
  min-height: 110px;
  transition: var(--transition);
  background: #ffffff0a;
  padding: .75rem 1rem;
  font-size: .9rem;
}

.review-textarea:focus {
  border-color: #ffd70066;
  outline: none;
  box-shadow: 0 0 0 3px #ffd70012;
}

.review-textarea::placeholder {
  color: var(--text-muted);
}

.task-actions {
  justify-content: center;
  gap: 1rem;
  display: flex;
}

.btn-skip {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
  background: #ffffff0d;
  padding: .8rem 1.5rem;
  font-size: .95rem;
  font-weight: 600;
}

.btn-skip:hover {
  color: var(--text-primary);
  background: #ffffff14;
}

.btn-submit-task {
  background: linear-gradient(135deg, var(--gold), #ff9d00);
  color: #000;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition);
  border: none;
  padding: .8rem 2.5rem;
  font-size: .95rem;
  font-weight: 700;
}

.btn-submit-task:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #ffd7004d;
}

.btn-submit-task:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.wallet-hero-inner {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.wallet-hero-copy {
  min-width: 0;
}

.wallet-hero-kicker {
  color: var(--text-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: .45rem;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.wallet-label {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .4rem;
  font-size: .85rem;
  font-weight: 600;
}

.wallet-balance {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3rem;
  font-weight: 900;
}

.wallet-growth {
  color: var(--green);
  margin-top: .25rem;
  font-size: .88rem;
}

.wallet-icon-wrap {
  opacity: .3;
  font-size: 4rem;
}

.wallet-card-panel, .withdraw-request-card, .withdraw-rules-card, .withdraw-history-card {
  overflow: hidden;
}

.wallet-card-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .6rem;
  display: flex;
}

.wallet-card-kicker {
  color: var(--gold-light);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.wallet-panel-sub {
  margin-bottom: 1rem;
}

.btn-withdraw-cta {
  background: linear-gradient(135deg, var(--gold), #ff9d00);
  color: #000;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition);
  border: none;
  padding: .75rem 2rem;
  font-size: .95rem;
  font-weight: 700;
}

.btn-withdraw-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #ffd7004d;
}

.wallet-stats-row {
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  display: grid;
}

.wallet-stats-row > * {
  min-width: 0;
}

.w-stat {
  text-align: center;
  padding: 1.25rem;
}

.w-stat-label {
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: .5rem;
  font-size: .78rem;
  font-weight: 600;
}

.w-stat-val {
  font-size: 1.4rem;
  font-weight: 800;
}

.tx-list {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.tx-item {
  border-radius: var(--radius-sm);
  transition: var(--transition);
  background: #ffffff06;
  align-items: center;
  gap: .85rem;
  padding: .85rem 1rem;
  display: flex;
}

.tx-item:hover {
  background: #ffffff0a;
}

.tx-icon {
  color: var(--gold);
  font-size: 1.1rem;
  display: inline-flex;
}

.tx-info {
  flex: 1;
  min-width: 0;
}

.tx-title {
  overflow-wrap: anywhere;
  font-size: .88rem;
  font-weight: 600;
}

.tx-date {
  color: var(--text-muted);
  overflow-wrap: anywhere;
  font-size: .75rem;
}

.tx-amount {
  font-size: .95rem;
  font-weight: 700;
}

.tx-amount.credit {
  color: var(--green);
}

.tx-amount.debit {
  color: var(--red);
}

.withdraw-layout {
  grid-template-columns: 1fr 380px;
  align-items: start;
  gap: 1.5rem;
  display: grid;
}

.withdraw-mobile-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1rem;
  display: grid;
}

.withdraw-summary-item {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: .85rem .95rem;
}

.withdraw-summary-item span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.withdraw-summary-item strong {
  color: var(--text-primary);
  overflow-wrap: anywhere;
  font-size: .95rem;
  font-weight: 800;
}

.available-balance-display {
  text-align: center;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, #ffd7000d, #8b5cf60d);
  border: 1px solid #ffd7001a;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.avail-label {
  color: var(--text-secondary);
  margin-bottom: .25rem;
  font-size: .8rem;
  font-weight: 600;
}

.avail-amount {
  color: var(--gold);
  font-size: 2.5rem;
  font-weight: 900;
}

.quick-amounts {
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: .5rem;
  display: flex;
}

.quick-btn {
  border: 1px solid var(--border);
  cursor: pointer;
  transition: var(--transition);
  color: var(--text-secondary);
  background: #ffffff0d;
  border-radius: 99px;
  padding: .35rem .9rem;
  font-size: .82rem;
  font-weight: 600;
}

.quick-btn:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: #ffd70014;
}

.payment-methods {
  flex-wrap: wrap;
  gap: .75rem;
  display: flex;
}

.pm-option {
  cursor: pointer;
  border: 2px solid var(--border);
  border-radius: var(--radius-sm);
  min-width: 90px;
  transition: var(--transition);
  flex: 1;
  overflow: hidden;
}

.pm-option.pm-selected {
  border-color: var(--gold);
  background: #ffd70012;
}

.pm-option:has(input:checked) {
  border-color: var(--gold);
  background: #ffd70012;
}

.pm-option input {
  display: none;
}

.pm-content {
  color: var(--text-secondary);
  flex-direction: column;
  align-items: center;
  gap: .3rem;
  padding: .85rem .5rem;
  font-size: .8rem;
  font-weight: 600;
  display: flex;
}

.pm-option:has(input:checked) .pm-content {
  color: var(--gold);
}

.pm-icon {
  font-size: 1.4rem;
}

.withdraw-error {
  color: var(--red);
  min-height: 1rem;
  font-size: .85rem;
}

.withdraw-error:not(:empty) {
  background: #ef444412;
  border-radius: 6px;
  padding: .5rem .75rem;
}

.saved-payout-box {
  flex-direction: column;
  gap: .55rem;
  margin-top: .45rem;
  display: flex;
}

.network-pill {
  min-height: 32px;
  color: var(--gold);
  letter-spacing: .03em;
  background: #ffd70014;
  border: 1px solid #ffd70047;
  border-radius: 999px;
  align-self: flex-start;
  align-items: center;
  padding: .35rem .7rem;
  font-size: .78rem;
  font-weight: 800;
  display: inline-flex;
}

.address-break {
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.55;
}

.rules-list {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.rules-list li {
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border);
  padding: .5rem 0;
  font-size: .88rem;
}

.rules-list li:last-child {
  border-bottom: none;
}

.rules-list li strong {
  color: var(--text-primary);
}

.withdraw-history-meta {
  color: var(--gold-light);
  font-weight: 700;
}

.pending-list {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.pending-item {
  border-radius: var(--radius-sm);
  border-left: 3px solid var(--gold);
  background: #ffffff06;
  padding: .85rem;
}

.pending-item-amount {
  color: var(--gold);
  font-size: 1.1rem;
  font-weight: 700;
}

.pending-item-info {
  color: var(--text-muted);
  margin-top: .2rem;
  font-size: .78rem;
}

.pending-item-status {
  color: #ffc107;
  text-transform: uppercase;
  background: #ffc1071a;
  border: 1px solid #ffc1074d;
  border-radius: 99px;
  margin-top: .4rem;
  padding: .15rem .6rem;
  font-size: .72rem;
  font-weight: 700;
  display: inline-block;
}

.history-filters {
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.section-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin-left: auto;
  display: flex;
}

.history-pagination {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: inline-flex;
}

.history-page-info {
  color: var(--text-secondary);
  text-align: center;
  min-width: 7rem;
  font-size: .85rem;
}

.filter-btn {
  border: 1px solid var(--border);
  color: var(--text-secondary);
  cursor: pointer;
  transition: var(--transition);
  background: #ffffff0a;
  border-radius: 99px;
  padding: .4rem 1rem;
  font-size: .85rem;
  font-weight: 600;
}

.filter-btn.active, .filter-btn:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: #ffd70012;
}

.history-list {
  flex-direction: column;
  gap: .6rem;
  display: flex;
}

.history-item {
  border-radius: var(--radius-sm);
  transition: var(--transition);
  background: #ffffff06;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  padding: 1rem;
  display: flex;
}

.history-item:hover {
  background: #ffffff0a;
}

.history-poster {
  color: var(--gold);
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  font-size: 1.8rem;
  display: inline-flex;
}

.history-info {
  flex: 1;
  min-width: 0;
}

.history-title {
  margin-bottom: .2rem;
  font-size: .92rem;
  font-weight: 700;
  line-height: 1.45;
}

.history-meta {
  color: var(--text-muted);
  font-size: .78rem;
  line-height: 1.5;
}

.history-meta-accent {
  color: var(--gold-light);
  font-weight: 700;
}

.history-rating {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: .35rem;
  display: flex;
}

.history-stars {
  color: var(--gold);
  font-size: .85rem;
}

.history-earned {
  color: var(--green);
  font-size: .85rem;
  font-weight: 700;
}

.support-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
  display: grid;
}

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

.support-compose-card .auth-form {
  gap: .85rem;
}

.support-textarea {
  resize: vertical;
  min-height: 8rem;
}

.compact-header {
  margin-bottom: .85rem;
}

.support-message {
  align-items: flex-start;
}

.support-message.broadcast {
  background: #ffd7000b;
  border: 1px solid #ffd70029;
}

.support-scope-badge, .notification-type-badge {
  min-height: 28px;
  color: var(--gold-light);
  text-transform: capitalize;
  background: #ffd70014;
  border: 1px solid #ffd70029;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-bottom: .35rem;
  padding: .25rem .6rem;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.notification-item.unread {
  background: radial-gradient(circle at 100% 0, #ffd70014, #0000 34%), #ffffff08;
  border: 1px solid #ffd70024;
}

.support-body {
  color: var(--text-primary);
  overflow-wrap: anywhere;
  margin: .45rem 0;
  font-size: .9rem;
  line-height: 1.55;
}

.activation-support {
  text-align: left;
  margin-top: 1rem;
}

.activation-support-list {
  flex-direction: column;
  gap: .55rem;
  margin-top: .9rem;
  display: flex;
}

.support-mini-item {
  border-radius: var(--radius-sm);
  background: #ffffff06;
  border: 1px solid #ffffff12;
  padding: .75rem;
}

.admin-correction-item {
  align-items: flex-start;
}

.admin-finance-grid {
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: .55rem;
  margin-top: .7rem;
  display: grid;
}

.admin-finance-card {
  background: #ffffff08;
  border: 1px solid #ffd7001f;
  border-radius: 10px;
  min-width: 0;
  padding: .7rem .8rem;
}

.admin-finance-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .25rem;
  font-size: .7rem;
  line-height: 1.35;
  display: block;
}

.admin-finance-value {
  color: var(--text-primary);
  word-break: break-word;
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.25;
  display: block;
}

.admin-note-input {
  border: 1px solid var(--border);
  width: 100%;
  color: var(--text-primary);
  background: #00000038;
  border-radius: 7px;
  outline: none;
  margin-top: .55rem;
  padding: .55rem .7rem;
}

.admin-note-input:focus {
  border-color: #ffd70073;
  box-shadow: 0 0 0 2px #ffd70014;
}

.admin-input-stack {
  gap: .65rem;
  margin-top: .7rem;
  display: grid;
}

.admin-input-group {
  gap: .35rem;
  display: grid;
}

.admin-input-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .68rem;
  font-weight: 800;
}

.correction-actions {
  max-width: 19rem;
}

.plan-rules-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: .85rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: grid;
}

.plan-rule-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: #ffffff06;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 1rem;
  overflow: hidden;
}

.plan-rule-head {
  align-items: center;
  gap: .75rem;
  margin-bottom: .85rem;
  display: flex;
}

.plan-rule-head-copy {
  min-width: 0;
}

.plan-rule-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-bottom: .85rem;
  display: grid;
}

.plan-rule-pill {
  background: #ffffff08;
  border: 1px solid #ffd7001f;
  border-radius: 12px;
  min-width: 0;
  padding: .7rem .75rem;
}

.plan-rule-pill span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .25rem;
  font-size: .66rem;
  font-weight: 800;
  display: block;
}

.plan-rule-pill strong {
  color: var(--text-primary);
  overflow-wrap: anywhere;
  font-size: .92rem;
  font-weight: 800;
  display: block;
}

.plan-rule-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: grid;
}

.plan-rule-form label {
  min-width: 0;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .03em;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  flex-direction: column;
  gap: .3rem;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.45;
  display: flex;
}

.plan-rule-form input {
  border: 1px solid var(--border);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: var(--text-primary);
  background: #00000038;
  border-radius: 7px;
  outline: none;
  padding: .55rem .65rem;
}

.plan-rule-form input:focus {
  border-color: #ffd70073;
  box-shadow: 0 0 0 2px #ffd70014;
}

.plan-save-btn {
  width: 100%;
  margin-top: .75rem;
}

.plan-rule-note {
  margin-top: .85rem;
}

.plan-rule-form .auth-input {
  border: 1px solid var(--border);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: var(--text-primary);
  background: #00000038;
  border-radius: 8px;
  padding: .55rem .65rem;
}

.plan-rule-form .auth-input option {
  background: var(--bg-card);
  color: var(--text-primary);
}

.plan-rule-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem;
  width: 100%;
  display: grid;
}

.plan-rule-check {
  min-width: 0;
  color: var(--text-secondary);
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  align-items: center;
  gap: .55rem;
  padding: .7rem .8rem;
  transition: border-color .18s, background .18s, color .18s;
  display: flex;
}

.plan-rule-check input {
  width: 1rem;
  height: 1rem;
  box-shadow: none;
  accent-color: var(--gold);
  background: none;
  border: none;
  border-radius: 0;
  flex: none;
  margin: 0;
  padding: 0;
}

.plan-rule-check span {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.3;
}

.plan-rule-check.active {
  color: var(--text-primary);
  background: #ffd70014;
  border-color: #ffd70061;
}

.admin-subnav {
  flex-wrap: wrap;
  gap: .5rem;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.admin-subnav .filter-btn {
  min-height: 2.35rem;
}

.team-layer-stack {
  gap: 1rem;
  display: grid;
}

.team-layer-group {
  gap: .6rem;
  display: grid;
}

.admin-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
  display: flex;
}

.admin-actions button {
  color: var(--gold);
  cursor: pointer;
  background: #ffd70014;
  border: 1px solid #ffd70047;
  border-radius: 7px;
  padding: .45rem .65rem;
  font-size: .78rem;
  font-weight: 800;
}

.admin-actions button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.admin-queue-item {
  border: 1px solid #ffffff12;
}

.admin-queue-badge {
  min-height: 28px;
  color: var(--gold-light);
  text-transform: uppercase;
  background: #ffd70014;
  border: 1px solid #ffd70029;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin: .2rem 0 .35rem;
  padding: .25rem .6rem;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

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

.btn-primary {
  color: #000;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: var(--transition);
  background: linear-gradient(135deg, #ffd700e6, #b87333e6);
  border: none;
  align-items: center;
  gap: .5rem;
  padding: .75rem 2rem;
  font-size: .95rem;
  font-weight: 700;
  display: inline-flex;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #ffd7004d;
}

.toast {
  background: var(--bg-card2);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  box-shadow: var(--shadow);
  z-index: 9999;
  opacity: 0;
  max-width: 320px;
  padding: .85rem 1.5rem;
  font-size: .9rem;
  font-weight: 500;
  transition: all .3s;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  transform: translateY(100px);
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast.success {
  border-color: var(--green);
}

.toast.error {
  border-color: var(--red);
}

.modal-overlay {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 2000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-overlay.hidden {
  display: none !important;
}

.modal-box {
  background: var(--bg-card);
  border: 1px solid var(--border);
  text-align: center;
  width: 90%;
  max-width: 400px;
  box-shadow: var(--shadow);
  border-radius: 20px;
  padding: 2.5rem;
  animation: .3s modalIn;
}

@keyframes modalIn {
  from {
    opacity: 0;
    transform: scale(.85)translateY(20px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

.modal-icon {
  margin-bottom: 1rem;
  font-size: 3rem;
}

.modal-box h3 {
  margin-bottom: .75rem;
  font-size: 1.4rem;
  font-weight: 800;
}

.modal-box p {
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  font-size: .92rem;
  line-height: 1.6;
}

#earningsChart {
  width: 100% !important;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: #ffffff1a;
  border-radius: 99px;
}

::-webkit-scrollbar-thumb:hover {
  background: #fff3;
}

.genre-action {
  color: var(--red);
  border-color: var(--red);
  background: #ef444414;
}

.genre-drama {
  color: #a78bfa;
  background: #a78bfa14;
  border-color: #a78bfa;
}

.genre-comedy {
  color: var(--gold);
  border-color: var(--gold);
  background: #ffd70014;
}

.genre-thriller {
  color: #f97316;
  background: #f9731614;
  border-color: #f97316;
}

.genre-sci-fi {
  color: var(--teal);
  border-color: var(--teal);
  background: #14b8a614;
}

.genre-romance {
  color: #ec4899;
  background: #ec489914;
  border-color: #ec4899;
}

.genre-horror {
  color: #7c3aed;
  background: #7c3aed14;
  border-color: #7c3aed;
}

.genre-animation {
  color: #22c55e;
  background: #22c55e14;
  border-color: #22c55e;
}

.poster-action {
  background: linear-gradient(135deg, #3b0000, #7f1d1d);
}

.poster-drama {
  background: linear-gradient(135deg, #1e1b4b, #3730a3);
}

.poster-comedy {
  background: linear-gradient(135deg, #422006, #78350f);
}

.poster-thriller {
  background: linear-gradient(135deg, #1c1917, #431407);
}

.poster-sci-fi {
  background: linear-gradient(135deg, #022c22, #065f46);
}

.poster-romance {
  background: linear-gradient(135deg, #4a044e, #831843);
}

.poster-horror {
  background: linear-gradient(135deg, #0f172a, #1e1b4b);
}

.poster-animation {
  background: linear-gradient(135deg, #052e16, #14532d);
}

@media (max-width: 1100px) {
  .stats-grid, .wallet-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 900px) {
  :root {
    --sidebar-w: 0px;
  }

  .sidebar {
    background: radial-gradient(circle at top left, #ffd70014, transparent 28%),
      linear-gradient(180deg, #ffffff08, #ffffff03),
      var(--bg-sidebar);
    border-right: 1px solid #ffffff14;
    width: min(290px, 100vw - 32px);
    max-width: calc(100vw - 56px);
    transform: translateX(calc(-100% - 20px));
  }

  .sidebar.mobile-open {
    transform: translateX(0);
    box-shadow: 8px 0 40px #0009;
  }

  .mobile-sidebar-backdrop {
    z-index: 98;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #00000073;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .mobile-header {
    display: flex;
  }

  .section-header {
    gap: .9rem;
  }

  .section-sub {
    max-width: 36ch;
  }

  .sidebar-close {
    display: inline-flex;
  }

  .sidebar-mobile-summary {
    flex-direction: column;
    gap: .85rem;
    padding: 1rem 1rem .35rem;
    display: flex;
  }

  .sidebar-mobile-user {
    align-items: center;
    gap: .75rem;
    display: flex;
  }

  .sidebar-mobile-user-copy {
    flex-direction: column;
    gap: .16rem;
    min-width: 0;
    display: flex;
  }

  .sidebar-mobile-user-copy strong {
    color: var(--text-primary);
    font-size: .98rem;
    line-height: 1.1;
  }

  .sidebar-mobile-user-copy span {
    color: var(--text-muted);
    font-size: .82rem;
  }

  .sidebar-mobile-balance-card {
    background: linear-gradient(135deg, #ffd70014, #8b5cf614);
    border: 1px solid #ffd70029;
    border-radius: 18px;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .85rem .95rem;
    display: flex;
  }

  .sidebar-mobile-balance-card span {
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .76rem;
    font-weight: 600;
  }

  .sidebar-mobile-balance-card strong {
    color: var(--gold);
    font-size: .98rem;
  }

  .sidebar-nav-label {
    color: var(--text-muted);
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .7rem 1rem .1rem;
    font-size: .72rem;
    font-weight: 700;
    display: block;
  }

  .sidebar-nav {
    gap: .4rem;
    padding: .45rem .75rem 1rem;
  }

  .nav-item {
    border-radius: 16px;
    min-height: 52px;
    padding: .9rem 1rem;
  }

  .nav-item.active {
    box-shadow: inset 0 0 0 1px #ffd70024, 0 10px 24px #0000002e;
  }

  .nav-label {
    flex: 1;
  }

  .sidebar-bottom {
    background: linear-gradient(#fff0, #ffffff05);
    padding: .85rem .75rem 1rem;
  }

  .sidebar-user {
    border-radius: 16px;
    margin-bottom: .65rem;
    padding: .85rem;
  }

  .btn-logout {
    border-radius: 16px;
    min-height: 48px;
  }

  .main-content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    padding: 80px 1rem 1rem;
    overflow-x: hidden;
  }

  .history-list {
    gap: .75rem;
  }

  .history-item {
    background: linear-gradient(#ffffff08, #ffffff05);
    border: 1px solid #ffffff0f;
  }

  .movie-card-inner {
    grid-template-columns: 1fr;
  }

  .movie-poster-wrap {
    justify-content: center;
    display: flex;
  }

  .level-select-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .section {
    gap: 1rem;
  }

  .card {
    padding: 1.15rem;
  }

  .card-head-row {
    align-items: stretch;
  }

  .card-head-row > * {
    width: 100%;
  }

  .card-head-row .card-title {
    margin-bottom: .15rem;
  }

  .section-header > * {
    max-width: 100%;
  }

  .section-actions {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
  }

  .history-filters, .history-pagination {
    flex-wrap: wrap;
    width: 100%;
  }

  .history-pagination {
    justify-content: flex-start;
  }

  .history-item, .history-rating {
    align-items: flex-start;
  }

  .support-grid {
    gap: .85rem;
  }

  .support-section-header, .notifications-section-header {
    gap: .9rem;
  }

  .admin-subnav {
    margin-bottom: 1.1rem;
  }

  .admin-subnav .filter-btn.active {
    box-shadow: inset 0 0 0 1px #ffd70024, 0 10px 24px #00000029;
  }

  .admin-finance-card, .plan-rule-pill, .funding-summary-item, .withdraw-summary-item, .profile-mobile-summary-item, .team-mobile-summary-item {
    border-radius: 16px;
  }

  .admin-note-input, .plan-rule-form input, .plan-rule-form .auth-input {
    background: #ffffff0b;
  }

  .admin-actions {
    gap: .5rem;
  }

  .wallet-hero-inner {
    align-items: flex-start;
  }

  .wallet-actions, .wallet-actions .btn-withdraw-cta {
    width: 100%;
  }

  .wallet-card-head {
    align-items: flex-start;
  }

  .wallet-panel-sub {
    margin-bottom: .9rem;
  }

  .withdraw-mobile-summary, .profile-mobile-summary, .team-mobile-summary, .funding-summary-grid {
    grid-template-columns: 1fr;
  }

  .profile-row {
    align-items: flex-start;
  }

  .profile-row strong {
    max-width: 58%;
  }

  .admin-subnav {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    justify-content: flex-start;
    margin-inline: -.1rem;
    padding: 0 0 .35rem;
    display: grid;
    overflow: auto hidden;
  }

  .admin-subnav .filter-btn {
    white-space: nowrap;
    flex: none;
    min-width: max-content;
  }

  .tasks-progress-mini {
    align-items: flex-start;
    width: 100%;
    min-width: 0;
  }

  .tasks-progress-copy {
    align-items: flex-start;
  }

  .tasks-progress-mini span {
    color: var(--text-primary);
    font-size: .92rem;
  }

  .tasks-section-header {
    gap: .9rem;
  }

  .progress-header {
    flex-wrap: wrap;
    gap: .6rem;
  }

  .progress-header span:last-child {
    color: var(--gold-light);
    font-weight: 700;
  }

  .task-counter {
    letter-spacing: .6px;
    color: var(--gold-light);
    font-size: .95rem;
  }

  .task-mobile-overview {
    padding: 1rem;
  }

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

  .movie-card-inner {
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .movie-info {
    min-width: 0;
  }

  .movie-title {
    margin-bottom: .55rem;
    font-size: 1.28rem;
    line-height: 1.25;
  }

  .movie-description {
    font-size: .95rem;
    line-height: 1.7;
  }

  .rating-section {
    padding-top: 1.15rem;
  }

  .rating-prompt {
    font-size: 1rem;
    line-height: 1.5;
  }

  .selected-rating {
    min-height: 1.8rem;
    font-size: .98rem;
  }

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

  .task-actions > * {
    flex: 220px;
  }
}

@media (max-width: 600px) {
  .stats-grid, .wallet-stats-row {
    grid-template-columns: 1fr;
  }

  .section-header {
    flex-direction: column;
  }

  .auth-container {
    border-color: #ffd7002e;
    border-radius: 22px;
    padding: 1.5rem 1rem;
    box-shadow: 0 22px 48px #00000080, 0 0 40px #8b5cf61a;
  }

  .auth-logo {
    margin-bottom: 1.5rem;
  }

  .logo-icon {
    margin-bottom: .35rem;
    font-size: 2.8rem;
  }

  .logo-text {
    letter-spacing: 1.2px;
    font-size: 1.55rem;
  }

  .logo-sub {
    max-width: 28ch;
    margin: .25rem auto 0;
    font-size: .8rem;
    line-height: 1.5;
  }

  .auth-tabs {
    border-radius: 14px;
    margin-bottom: 1.1rem;
    padding: 5px;
  }

  .auth-tab {
    border-radius: 10px;
    min-height: 44px;
    font-size: .9rem;
  }

  .auth-form {
    gap: .95rem;
  }

  .form-group {
    gap: .38rem;
  }

  .form-group label {
    letter-spacing: .08em;
    font-size: .76rem;
  }

  .input-wrap {
    background: #ffffff0b;
    border-radius: 14px;
    min-height: 50px;
  }

  .input-icon {
    padding: 0 .78rem;
  }

  .input-wrap input, .input-wrap textarea, .withdraw-select {
    font-size: .94rem;
  }

  .btn-auth, .gold-btn {
    border-radius: 14px;
    min-height: 48px;
    font-size: .95rem;
    font-weight: 800;
  }

  .auth-error, .auth-success, .auth-demo-hint, .referral-hint {
    font-size: .78rem;
    line-height: 1.5;
  }

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

  .wallet-balance {
    font-size: 2.2rem;
  }

  .mobile-header {
    min-height: 64px;
    padding: .8rem .9rem;
  }

  .mobile-logo {
    font-size: .9rem;
  }

  .mobile-section-label, .mobile-balance-label {
    font-size: .66rem;
  }

  .mobile-balance {
    font-size: .82rem;
  }

  .sidebar {
    width: min(286px, 100vw - 20px);
    max-width: calc(100vw - 20px);
  }

  .sidebar-logo {
    padding: 1.2rem 1rem;
    font-size: 1rem;
  }

  .sidebar-close {
    width: 38px;
    height: 38px;
    margin-right: .7rem;
  }

  .sidebar-mobile-summary {
    padding: .9rem .9rem .3rem;
  }

  .sidebar-nav-label {
    padding: .65rem .95rem .05rem;
  }

  .sidebar-nav {
    padding: .4rem .65rem .9rem;
  }

  .nav-item {
    min-height: 50px;
    padding: .82rem .9rem;
  }

  .main-content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 78px .85rem .85rem;
    overflow-x: hidden;
  }

  .section-title {
    font-size: 1.4rem;
  }

  .section-sub {
    font-size: .84rem;
  }

  .header-date {
    padding-top: 0;
    font-size: .78rem;
  }

  .card {
    border-radius: 18px;
    padding: 1rem;
  }

  .card-title {
    margin-bottom: .9rem;
    font-size: .98rem;
  }

  .admin-subnav {
    padding-bottom: .35rem;
  }

  .admin-subnav .filter-btn {
    border-radius: 16px;
    min-height: 46px;
    padding-inline: 1rem;
  }

  .admin-finance-card {
    padding: .8rem .85rem;
  }

  .admin-finance-label {
    font-size: .7rem;
  }

  .admin-finance-value {
    font-size: .95rem;
  }

  .admin-note-input, .plan-rule-form input, .plan-rule-form .auth-input {
    font-size: .92rem;
  }

  .admin-input-label, .plan-rule-form label {
    letter-spacing: .04em;
  }

  .admin-actions button {
    border-radius: 14px;
  }

  .admin-queue-item .history-title, .admin-correction-item .history-title {
    font-size: .92rem;
    line-height: 1.45;
  }

  .admin-queue-item .history-meta, .admin-correction-item .history-meta {
    font-size: .78rem;
  }

  .level-hero-mobile {
    background: radial-gradient(circle at 100% 0, #ffd7001f, #0000 34%), linear-gradient(#ffffff08, #ffffff03);
    border-color: #ffd70024;
    padding: 1rem;
    display: block;
  }

  .stat-card-desktop-only, .level-info-card:not(.team-hero-card) {
    display: none;
  }

  .team-hero-card {
    display: block;
  }

  .stat-card {
    gap: .8rem;
    padding: 1rem;
  }

  .stat-icon {
    font-size: 1.45rem;
  }

  .stat-label, .w-stat-label {
    letter-spacing: .35px;
    font-size: .72rem;
  }

  .stat-value {
    word-break: break-word;
    font-size: 1.28rem;
    line-height: 1.2;
  }

  .stat-sub {
    font-size: .76rem;
    line-height: 1.45;
  }

  .progress-section {
    padding: 1rem;
  }

  .progress-header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: .65rem;
    font-size: .92rem;
  }

  .progress-bar-wrap {
    height: 10px;
    margin-bottom: 1rem;
  }

  .level-display {
    gap: 1rem;
  }

  .level-badge-big {
    font-size: 2.35rem;
  }

  .level-details h3 {
    font-size: 1.08rem;
  }

  .level-details p {
    font-size: .86rem;
    line-height: 1.5;
  }

  .level-pills {
    gap: .45rem;
  }

  .level-pill, .referral-code-box {
    max-width: 100%;
    font-size: .74rem;
  }

  .level-hero-mobile-top {
    align-items: flex-start;
  }

  .level-hero-mobile-icon {
    width: 3.3rem;
    height: 3.3rem;
    font-size: 1.55rem;
  }

  .level-hero-mobile-copy h3 {
    font-size: 1.18rem;
  }

  .level-mobile-grid, .commission-mobile-grid {
    grid-template-columns: 1fr 1fr;
  }

  .referral-code-row {
    align-items: flex-start;
  }

  .referral-copy-btn {
    min-width: 4.8rem;
  }

  .tasks-progress-mini {
    gap: .35rem;
  }

  .tasks-progress-copy strong {
    font-size: .68rem;
  }

  .tasks-progress-mini span {
    font-size: .95rem;
    font-weight: 700;
  }

  .task-counter {
    margin-bottom: .6rem;
    font-size: .98rem;
  }

  .task-mobile-overview {
    border-radius: 18px;
    padding: .95rem;
  }

  .task-overview-top {
    margin-bottom: .8rem;
  }

  .task-overview-grid {
    grid-template-columns: 1fr;
    gap: .55rem;
  }

  .task-overview-item {
    padding: .8rem .85rem;
  }

  .movie-card {
    padding: 1rem;
  }

  .movie-card-inner {
    gap: .85rem;
  }

  .movie-poster {
    width: min(100%, 220px);
    height: 300px;
    margin: 0 auto;
  }

  .movie-genre-tag {
    margin-bottom: .5rem;
    font-size: .72rem;
  }

  .movie-title {
    margin-bottom: .55rem;
    font-size: 1.18rem;
    line-height: 1.3;
  }

  .movie-director, .movie-cast {
    font-size: .82rem;
    line-height: 1.45;
  }

  .movie-description {
    margin: .65rem 0;
    font-size: .9rem;
    line-height: 1.65;
  }

  .meta-pill {
    min-height: 30px;
    padding: .32rem .72rem;
    font-size: .72rem;
  }

  .rating-section {
    padding-top: 1rem;
  }

  .rating-title {
    font-size: 1rem;
  }

  .rating-prompt {
    margin-bottom: .85rem;
    font-size: .96rem;
  }

  .star-rating {
    gap: .2rem;
    margin-bottom: .45rem;
  }

  .star {
    min-width: 34px;
    min-height: 34px;
    font-size: 1.7rem;
  }

  .rating-labels {
    display: none;
  }

  .selected-rating {
    margin-bottom: 1rem;
    font-size: .95rem;
  }

  .review-label {
    font-size: .78rem;
  }

  .review-textarea {
    padding: .8rem .9rem;
    font-size: .95rem;
    line-height: 1.5;
  }

  .task-actions {
    gap: .75rem;
  }

  .btn-submit-task, .btn-skip {
    border-radius: 16px;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: .9rem 1rem;
  }

  .all-done-card {
    padding: 2rem 1rem;
  }

  .all-done-card h3 {
    font-size: 1.28rem;
  }

  .all-done-card p {
    font-size: .9rem;
    line-height: 1.6;
  }

  .all-done-earned {
    padding: .55rem 1rem;
    font-size: 1rem;
  }

  .compact-header {
    gap: .65rem;
  }

  .history-item {
    flex-direction: column;
    gap: .7rem;
    padding: .85rem;
  }

  .history-poster {
    background: #ffd70014;
    border: 1px solid #ffd70024;
    border-radius: 14px;
    width: 2.8rem;
    min-width: 0;
    height: 2.8rem;
    font-size: 1.2rem;
  }

  .history-info, .history-rating {
    width: 100%;
  }

  .history-title {
    font-size: .88rem;
    line-height: 1.45;
  }

  .history-meta {
    font-size: .76rem;
    line-height: 1.55;
  }

  .history-rating {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: .55rem;
  }

  .quick-btn, .filter-btn, .btn-primary, .btn-withdraw-cta, .btn-logout, .admin-actions button, .auth-tab {
    min-height: 44px;
  }

  .quick-btn, .filter-btn {
    padding: .55rem .95rem;
    font-size: .82rem;
  }

  .section-actions > *, .history-filters > *, .history-pagination > * {
    flex: calc(50% - .25rem);
  }

  .section-actions, .history-filters, .history-pagination {
    gap: .45rem;
  }

  .history-filters {
    margin-bottom: 0;
  }

  .history-pagination .quick-btn, .history-pagination .filter-btn {
    text-align: center;
    flex: calc(50% - .25rem);
    justify-content: center;
  }

  .history-page-info {
    text-align: left;
    order: -1;
    width: 100%;
    min-width: 0;
    font-size: .78rem;
  }

  .btn-primary, .btn-withdraw-cta {
    justify-content: center;
    width: 100%;
    padding: .85rem 1rem;
  }

  .admin-actions {
    justify-content: stretch;
  }

  .admin-actions button {
    flex: calc(50% - .4rem);
    min-width: 0;
    padding: .65rem .6rem;
    font-size: .76rem;
  }

  .admin-queue-item {
    background: radial-gradient(circle at 100% 0, #ffd70012, #0000 34%), linear-gradient(#ffffff08, #ffffff05);
    border-radius: 18px;
    padding: 1rem;
  }

  .admin-queue-badge {
    font-size: .68rem;
  }

  .admin-correction-item {
    background: radial-gradient(circle at 100% 0, #ffd70012, #0000 34%), linear-gradient(#ffffff08, #ffffff05);
    border: 1px solid #ffffff12;
    border-radius: 18px;
    padding: 1rem;
  }

  .admin-input-stack {
    gap: .55rem;
  }

  .admin-note-input {
    border-radius: 12px;
    min-height: 44px;
    margin-top: 0;
  }

  .correction-actions {
    width: 100%;
    max-width: none;
    margin-top: .25rem;
  }

  .support-grid, .admin-support-grid, .wallet-stats-row {
    grid-template-columns: 1fr;
  }

  .wallet-hero {
    background: radial-gradient(circle at 100% 0, #ffd70024, #0000 32%), linear-gradient(#ffffff08, #ffffff03);
    border-radius: 18px;
    padding: 1rem;
  }

  .wallet-hero-inner {
    gap: .8rem;
    margin-bottom: 0;
  }

  .wallet-hero-kicker, .wallet-card-kicker {
    font-size: .68rem;
  }

  .wallet-icon-wrap {
    opacity: .22;
    font-size: 2.9rem;
  }

  .deposit-card {
    border-radius: 16px;
    padding: .95rem;
  }

  .deposit-card h4 {
    margin-bottom: .7rem;
    font-size: .95rem;
  }

  .deposit-address {
    font-size: .78rem;
    line-height: 1.5;
  }

  .withdraw-request-card, .withdraw-rules-card, .withdraw-history-card, .wallet-card-panel, .profile-payout-card, .profile-account-card, .profile-password-card, .history-card, .team-hero-card, .team-list-card, .support-inbox-card, .notifications-card, .funding-settings-card {
    border-radius: 18px;
  }

  .withdraw-mobile-summary {
    gap: .55rem;
  }

  .withdraw-summary-item {
    padding: .8rem .85rem;
  }

  .profile-mobile-summary {
    gap: .55rem;
  }

  .profile-mobile-summary-item {
    padding: .8rem .85rem;
  }

  .team-mobile-summary {
    gap: .55rem;
  }

  .team-mobile-summary-item {
    padding: .8rem .85rem;
  }

  .funding-summary-grid {
    gap: .55rem;
  }

  .funding-summary-item {
    padding: .8rem .85rem;
  }

  .team-layer-head {
    margin-bottom: .55rem;
  }

  .support-compose-card {
    border-radius: 18px;
  }

  .support-scope-badge, .notification-type-badge {
    min-height: 26px;
    font-size: .68rem;
  }

  .available-balance-display {
    border-radius: 18px;
    margin-bottom: 1rem;
    padding: 1.1rem 1rem;
  }

  .avail-label {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .74rem;
  }

  .avail-amount {
    font-size: 2rem;
    line-height: 1.1;
  }

  .payment-methods {
    gap: .6rem;
  }

  .rules-list li {
    font-size: .84rem;
    line-height: 1.55;
  }

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

  .plan-rules-grid {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: grid;
    overflow-x: hidden;
  }

  .plan-rule-card {
    background: radial-gradient(circle at 100% 0, #ffd70017, #0000 32%), linear-gradient(#ffffff08, #ffffff05);
    border-radius: 18px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 1rem;
    overflow: hidden;
  }

  .plan-rule-summary {
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .plan-rule-pill {
    padding: .75rem .8rem;
  }

  .plan-rule-form {
    grid-template-columns: minmax(0, 1fr);
    gap: .6rem;
    width: 100%;
    max-width: 100%;
  }

  .plan-rule-form label {
    letter-spacing: .02em;
    font-size: .7rem;
  }

  .plan-rule-form input, .plan-rule-form .auth-input {
    border-radius: 12px;
    min-height: 46px;
  }

  .plan-rule-form .auth-input[multiple] {
    min-height: 112px;
    padding-top: .65rem;
    padding-bottom: .65rem;
  }

  .plan-rule-checklist {
    grid-template-columns: 1fr;
  }

  .plan-rule-check {
    padding: .72rem .78rem;
  }

  .support-textarea, .review-textarea {
    min-height: 7.2rem;
  }

  .support-body {
    font-size: .88rem;
    line-height: 1.65;
  }

  .compact-header {
    margin-bottom: .7rem;
  }

  .empty-state {
    padding: 1.1rem .9rem;
    font-size: .84rem;
  }

  .tx-item {
    flex-wrap: wrap;
    gap: .65rem;
    padding: .8rem .85rem;
  }

  .tx-amount {
    text-align: left;
    width: 100%;
    font-size: .92rem;
  }

  .profile-row {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    padding: .75rem 0;
  }

  .profile-row strong {
    text-align: left;
    max-width: 100%;
    font-size: .9rem;
    line-height: 1.5;
  }

  .card-head-row .history-page-info {
    text-align: center;
    width: 100%;
    min-width: 0;
  }

  .card-head-row .filter-btn {
    flex: calc(50% - .4rem);
    min-width: 0;
  }

  .admin-subnav .filter-btn {
    flex: none;
    min-width: max-content;
  }

  .deposit-copy-btn {
    width: 100%;
  }

  .saved-payout-box {
    gap: .5rem;
  }

  .network-pill {
    min-height: 34px;
    font-size: .74rem;
  }

  .address-break {
    font-size: .82rem;
  }

  .level-card-select {
    background: #ffffff08;
    border-radius: 16px;
    padding: .85rem .45rem;
  }

  .lc-icon {
    font-size: 1.3rem;
  }

  .lc-name {
    margin-top: .3rem;
    font-size: .72rem;
  }

  .lc-fee {
    font-size: .82rem;
  }

  .lc-tasks {
    font-size: .64rem;
    line-height: 1.4;
  }
}

@media (max-width: 420px) {
  .auth-overlay {
    padding: 1rem .75rem;
  }

  .auth-container {
    border-radius: 20px;
    padding: 1.2rem .85rem;
  }

  .auth-logo {
    margin-bottom: 1.2rem;
  }

  .logo-icon {
    font-size: 2.45rem;
  }

  .logo-text {
    letter-spacing: .8px;
    font-size: 1.34rem;
  }

  .logo-sub {
    font-size: .76rem;
  }

  .auth-tabs {
    margin-bottom: 1rem;
  }

  .auth-tab {
    min-height: 42px;
    font-size: .86rem;
  }

  .form-group label {
    font-size: .72rem;
  }

  .input-wrap {
    min-height: 48px;
  }

  .btn-auth, .gold-btn {
    min-height: 46px;
    font-size: .92rem;
  }

  .level-select-grid {
    gap: .45rem;
  }

  .level-card-select {
    padding: .75rem .38rem;
  }

  .lc-name {
    font-size: .68rem;
  }

  .lc-fee {
    font-size: .78rem;
  }

  .main-content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 74px .75rem .75rem;
    overflow-x: hidden;
  }

  .section-title {
    font-size: 1.24rem;
  }

  .section-sub, .history-meta, .wallet-label {
    font-size: .8rem;
  }

  .card {
    padding: .9rem;
  }

  .admin-subnav .filter-btn {
    min-height: 44px;
    padding-inline: .9rem;
    font-size: .8rem;
  }

  .admin-finance-grid {
    grid-template-columns: 1fr;
    gap: .45rem;
  }

  .admin-input-label {
    font-size: .64rem;
  }

  .admin-queue-badge {
    font-size: .66rem;
  }

  .admin-actions button {
    flex-basis: 100%;
  }

  .plan-rules-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: .75rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: grid;
    overflow-x: hidden;
  }

  .plan-rule-card {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: .9rem;
    overflow: hidden;
  }

  .plan-rule-head {
    gap: .6rem;
    margin-bottom: .75rem;
  }

  .plan-rule-pill strong {
    font-size: .88rem;
  }

  .plan-rule-form input, .plan-rule-form .auth-input {
    min-height: 44px;
  }

  .admin-finance-card {
    padding: .65rem .7rem;
  }

  .admin-finance-label {
    font-size: .68rem;
  }

  .admin-finance-value {
    font-size: .9rem;
  }

  .admin-note-input, .plan-rule-form input, .plan-rule-form .auth-input {
    font-size: .88rem;
  }

  .stat-value, .wallet-balance {
    letter-spacing: -.02em;
    font-size: 1.18rem;
  }

  .mobile-logo {
    font-size: .84rem;
  }

  .mobile-section-label, .mobile-balance-label {
    font-size: .62rem;
  }

  .mobile-balance {
    font-size: .76rem;
  }

  .section-actions > *, .history-filters > *, .history-pagination > * {
    flex-basis: 100%;
  }

  .wallet-balance, .avail-amount {
    font-size: 1.85rem;
  }

  .wallet-growth {
    font-size: .82rem;
    line-height: 1.5;
  }

  .wallet-card-head {
    gap: .45rem;
  }

  .profile-mobile-summary-item strong {
    font-size: .9rem;
  }

  .team-mobile-summary-item strong {
    font-size: .95rem;
  }

  .funding-summary-item strong, .withdraw-summary-item strong {
    font-size: .9rem;
  }

  .support-scope-badge, .notification-type-badge {
    font-size: .66rem;
  }

  .task-mobile-overview {
    padding: .85rem;
  }

  .task-overview-item strong {
    font-size: .95rem;
  }

  .history-pagination .quick-btn, .history-pagination .filter-btn, .section-actions .quick-btn {
    flex-basis: 100%;
    width: 100%;
  }
}

.particle {
  pointer-events: none;
  opacity: 0;
  border-radius: 50%;
  animation: linear infinite floatParticle;
  position: absolute;
}

@keyframes floatParticle {
  0% {
    opacity: 0;
    transform: translateY(100vh)scale(0);
  }

  10% {
    opacity: .6;
  }

  90% {
    opacity: .3;
  }

  100% {
    opacity: 0;
    transform: translateY(-100px)scale(1);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200%;
  }

  100% {
    background-position: 200%;
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }
}

.nav-badge {
  animation: 2s infinite pulse;
}

.status-pill {
  color: var(--text-secondary);
  text-transform: uppercase;
  white-space: nowrap;
  background: #ffffff0a;
  border: 1px solid #ffffff24;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: .3rem .7rem;
  font-size: .74rem;
  font-weight: 800;
  display: inline-flex;
}

.status-pill.pending {
  color: var(--gold);
  background: #ffd70014;
  border-color: #ffd70059;
}

.status-pill.approved {
  color: #93c5fd;
  background: #3b82f614;
  border-color: #3b82f659;
}

.status-pill.paid {
  color: var(--green);
  background: #22c55e14;
  border-color: #22c55e59;
}

.status-pill.rejected {
  color: var(--red);
  background: #ef444414;
  border-color: #ef444459;
}

.profile-mini {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
}

.profile-mini-value {
  color: var(--gold);
  margin-bottom: .35rem;
  font-size: 1rem;
  font-weight: 800;
}

.profile-mobile-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1rem;
  display: grid;
}

.profile-mobile-summary-item {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: .85rem .95rem;
}

.profile-mobile-summary-item span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.profile-mobile-summary-item strong {
  color: var(--text-primary);
  overflow-wrap: anywhere;
  font-size: .95rem;
  font-weight: 800;
}

.profile-stack {
  flex-direction: column;
  gap: .65rem;
  display: flex;
}

.profile-row {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .8rem 0;
  display: flex;
}

.profile-row:last-child {
  border-bottom: none;
}

.profile-row span {
  color: var(--text-secondary);
  font-size: .84rem;
  font-weight: 600;
}

.profile-row strong {
  color: var(--text-primary);
  text-align: right;
  overflow-wrap: anywhere;
  font-size: .92rem;
}

.team-mobile-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
  display: grid;
}

.team-mobile-summary-item {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: .85rem .9rem;
}

.team-mobile-summary-item span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.team-mobile-summary-item strong {
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 800;
}

.team-layer-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .7rem;
  display: flex;
}

.team-layer-count {
  min-height: 30px;
  color: var(--gold-light);
  background: #ffd70014;
  border: 1px solid #ffd7002e;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: .3rem .7rem;
  font-size: .74rem;
  font-weight: 800;
  display: inline-flex;
}

.team-member-item {
  border: 1px solid #ffffff0f;
}

.funding-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0 1.1rem;
  display: grid;
}

.funding-summary-item {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  padding: .85rem .9rem;
}

.funding-summary-item span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.funding-summary-item strong {
  color: var(--text-primary);
  overflow-wrap: anywhere;
  font-size: .95rem;
  font-weight: 800;
}

.funding-field-group {
  gap: .45rem;
}

.funding-network-badge {
  min-height: 28px;
  color: var(--gold-light);
  letter-spacing: .06em;
  background: #ffd70014;
  border: 1px solid #ffd70029;
  border-radius: 999px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: .25rem .65rem;
  font-size: .72rem;
  font-weight: 800;
  display: inline-flex;
}

.auth-overlay.active {
  display: flex;
}

.auth-form button:disabled, .btn-auth:disabled, .btn-primary:disabled {
  opacity: .65;
  cursor: wait;
}

.auth-success {
  color: var(--green);
  background: #22c55e12;
  border-radius: 6px;
  min-height: 1.2rem;
  padding: .4rem .7rem;
  font-size: .85rem;
}

.referral-hint {
  color: var(--text-muted);
  margin-top: .25rem;
  font-size: .78rem;
}

.referral-hint.valid {
  color: var(--green);
}

.referral-hint.invalid {
  color: var(--red);
}

.dashboard-only {
  width: 100%;
  max-width: none;
}

.referral-code-box {
  color: var(--gold);
  background: #ffd70012;
  border: 1px solid #ffd70040;
  border-radius: 8px;
  align-items: center;
  gap: .5rem;
  padding: .45rem .7rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-weight: 800;
  display: inline-flex;
}

.activation-container {
  align-self: flex-start;
  width: 100%;
  max-width: 760px;
}

.activation-summary {
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.deposit-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.25rem;
  display: grid;
}

.deposit-grid-single {
  grid-template-columns: minmax(0, 1fr);
}

.deposit-card {
  border-radius: var(--radius-sm);
  text-align: center;
  background: #ffffff09;
  border: 1px solid #ffd7002e;
  min-width: 0;
  padding: 1rem;
}

.deposit-card h3, .deposit-card h4 {
  color: var(--gold);
  margin-bottom: .75rem;
  font-size: 1rem;
}

.deposit-card-highlight {
  background: radial-gradient(circle at 100% 0, #ffd70024, #0000 34%), linear-gradient(#ffffff09, #ffffff05);
  border-color: #ffd7003d;
}

.deposit-qr {
  aspect-ratio: 1;
  background: #fff;
  border-radius: 10px;
  width: min(180px, 100%);
  height: auto;
  margin: 0 auto .75rem;
  padding: .4rem;
  display: block;
}

.deposit-address {
  overflow-wrap: anywhere;
  color: var(--text-secondary);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: .8rem;
  line-height: 1.35;
}

.deposit-copy-btn {
  min-height: 42px;
  margin-top: .8rem;
}

.activation-note {
  color: var(--text-secondary);
  text-align: center;
  background: #ffd7000f;
  border: 1px solid #ffd70029;
  border-radius: 8px;
  margin-bottom: 1rem;
  padding: .75rem;
  font-size: .86rem;
}

button {
  font-family: inherit;
}

@media (max-width: 700px) {
  .activation-container {
    padding: 1.5rem 1rem;
  }

  .activation-summary {
    gap: .5rem;
    margin-bottom: 1rem;
  }

  .deposit-grid {
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  .deposit-card {
    width: 100%;
    padding: .9rem;
  }

  .deposit-card h3, .deposit-card h4 {
    margin-bottom: .6rem;
  }

  .deposit-qr {
    width: min(220px, 100%);
    margin-bottom: .6rem;
  }

  .deposit-address {
    font-size: .76rem;
  }

  .activation-note {
    padding: .7rem;
    font-size: .82rem;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1l8arhg._.css.map*/