:root{
  color-scheme:dark;
  --brand:#2dd4bf;
  --brand-strong:#99f6e4;
  --accent:#60a5fa;
  --accent-strong:#93c5fd;
  --warning:#fbbf24;
  --danger:#f87171;
  --success:#4ade80;
  --ink:#e6edf0;
  --muted:#9fb0b5;
  --line:#294247;
  --bg:#07191c;
  --panel:#0f2428;
  --panel-soft:#132d32;
  --field:#10262b;
  --field-border:#36545b;
  --sidebar:#061316;
  --sidebar-soft:#10262b;
  --sidebar-text:#d6f7f2;
  --sidebar-muted:#86b7b2;
  --scrim:rgba(0,0,0,.58);
  --topbar:rgba(11,31,35,.96);
  --bottom-nav:rgba(11,31,35,.98);
  --brand-tint:#123b3a;
  --accent-tint:#102b4d;
  --status-text:#d6e3e7;
  --status-bg:#132d32;
  --success-bg:#0f3321;
  --success-line:#1f7a45;
  --success-text:#86efac;
  --warning-bg:#3a2a0a;
  --warning-line:#8a5d10;
  --warning-text:#fcd34d;
  --danger-bg:#3b1216;
  --danger-line:#8f2a35;
  --danger-text:#fca5a5;
  --info-bg:#0c3046;
  --info-line:#176582;
  --info-text:#bae6fd;
  --shadow:0 14px 32px rgba(0,0,0,.34);
  --focus-ring:rgba(96,165,250,.24);
}

:root[data-ui-preset="dense"]{
  --brand:#60a5fa;
  --brand-strong:#bfdbfe;
  --accent:#34d399;
  --accent-strong:#6ee7b7;
  --ink:#e8f0f8;
  --muted:#9db1c8;
  --line:#2b405c;
  --bg:#0b1423;
  --panel:#111d2f;
  --panel-soft:#17263b;
  --field:#0d192a;
  --field-border:#36506d;
  --sidebar:#070f1b;
  --sidebar-soft:#142238;
  --sidebar-text:#e5f1ff;
  --sidebar-muted:#91a7c2;
  --topbar:rgba(13,25,42,.96);
  --bottom-nav:rgba(13,25,42,.98);
  --brand-tint:#10294d;
  --accent-tint:#0d3028;
}

:root[data-ui-preset="emerald"]{
  --brand:#34d399;
  --brand-strong:#a7f3d0;
  --accent:#22d3ee;
  --accent-strong:#67e8f9;
  --ink:#e4f6ef;
  --muted:#9bc1b4;
  --line:#244940;
  --bg:#061815;
  --panel:#0d2924;
  --panel-soft:#12342e;
  --field:#0b231f;
  --field-border:#315e54;
  --sidebar:#03110f;
  --sidebar-soft:#0d2924;
  --sidebar-text:#dcfce7;
  --sidebar-muted:#8ec9b7;
  --topbar:rgba(8,31,27,.96);
  --bottom-nav:rgba(8,31,27,.98);
  --brand-tint:#0e3a2d;
  --accent-tint:#0a3441;
}

:root[data-ui-preset="midnight"]{
  --brand:#38bdf8;
  --brand-strong:#bae6fd;
  --accent:#a78bfa;
  --accent-strong:#c4b5fd;
  --warning:#fbbf24;
  --danger:#fb7185;
  --success:#34d399;
  --ink:#e6eef8;
  --muted:#9eb0c7;
  --line:#23314a;
  --bg:#07111f;
  --panel:#0f1b2d;
  --panel-soft:#13213a;
  --field:#0a1628;
  --field-border:#30435f;
  --sidebar:#020617;
  --sidebar-soft:#0c1729;
  --sidebar-text:#e0f2fe;
  --sidebar-muted:#8aa5c4;
  --topbar:rgba(8,17,31,.96);
  --bottom-nav:rgba(8,17,31,.98);
  --brand-tint:#0c2d43;
  --accent-tint:#201a45;
  --status-text:#d7e4f4;
  --status-bg:#13213a;
  --shadow:0 18px 42px rgba(0,0,0,.42);
}

:root[data-ui-preset="neon"]{
  --brand:#06b6d4;
  --brand-strong:#67e8f9;
  --accent:#e11d48;
  --accent-strong:#fb7185;
  --warning:#facc15;
  --danger:#fb7185;
  --success:#22c55e;
  --ink:#f2f7ff;
  --muted:#9aa9c4;
  --line:#263152;
  --bg:#080b18;
  --panel:#0d1224;
  --panel-soft:#121a31;
  --field:#0a1020;
  --field-border:#33415f;
  --sidebar:#050712;
  --sidebar-soft:#111827;
  --sidebar-text:#ecfeff;
  --sidebar-muted:#93a4c0;
  --topbar:rgba(10,16,32,.96);
  --bottom-nav:rgba(10,16,32,.98);
  --brand-tint:#073849;
  --accent-tint:#3a0c1b;
  --status-text:#dbeafe;
  --status-bg:#111827;
  --shadow:0 18px 46px rgba(0,0,0,.46);
}

:root[data-ui-preset="contrast"]{
  --brand:#ffffff;
  --brand-strong:#ffffff;
  --accent:#fbbf24;
  --accent-strong:#fde68a;
  --ink:#ffffff;
  --muted:#d4d4d4;
  --line:#ffffff;
  --bg:#000000;
  --panel:#050505;
  --panel-soft:#111111;
  --field:#000000;
  --field-border:#ffffff;
  --sidebar:#000000;
  --sidebar-soft:#050505;
  --sidebar-text:#ffffff;
  --sidebar-muted:#d4d4d4;
  --topbar:rgba(0,0,0,.98);
  --bottom-nav:rgba(0,0,0,.98);
  --brand-tint:#111111;
  --accent-tint:#3a2a0a;
}

:root[data-ui-preset="clean_sheet"]{
  --brand:#60a5fa;
  --brand-strong:#bfdbfe;
  --accent:#94a3b8;
  --accent-strong:#e5e7eb;
  --warning:#fbbf24;
  --danger:#f87171;
  --success:#4ade80;
  --ink:#e5e7eb;
  --muted:#a0a8b4;
  --line:#3a424d;
  --bg:#1f242b;
  --panel:#2a3038;
  --panel-soft:#303740;
  --field:#20262e;
  --field-border:#48515d;
  --sidebar:#1b2027;
  --sidebar-soft:#2a3038;
  --sidebar-text:#d1d5db;
  --sidebar-muted:#a0a8b4;
  --topbar:rgba(27,32,39,.96);
  --bottom-nav:rgba(27,32,39,.98);
  --brand-tint:#253b56;
  --accent-tint:#343b45;
  --status-text:#e5e7eb;
  --status-bg:#303740;
}

:root[data-ui-preset="sepia_reading"]{
  --brand:#c79a52;
  --brand-strong:#f6d58a;
  --accent:#e0b76a;
  --accent-strong:#f7ead7;
  --warning:#e0b76a;
  --danger:#f87171;
  --success:#84cc16;
  --ink:#eee2d1;
  --muted:#b9a895;
  --line:#5d4730;
  --bg:#211a15;
  --panel:#2b2119;
  --panel-soft:#33271d;
  --field:#241b14;
  --field-border:#6a5138;
  --sidebar:#241b14;
  --sidebar-soft:#2f241b;
  --sidebar-text:#dfcbb5;
  --sidebar-muted:#b9a895;
  --topbar:rgba(36,27,20,.96);
  --bottom-nav:rgba(36,27,20,.98);
  --brand-tint:#3a2b1d;
  --accent-tint:#46321d;
  --status-text:#f7ead7;
  --status-bg:#33271d;
}

:root[data-ui-preset="cool_focus"]{
  --brand:#22d3ee;
  --brand-strong:#67e8f9;
  --accent:#38bdf8;
  --accent-strong:#bae6fd;
  --warning:#fbbf24;
  --danger:#fb7185;
  --success:#34d399;
  --ink:#dbeafe;
  --muted:#9fb0c7;
  --line:#2b3a52;
  --bg:#111827;
  --panel:#172033;
  --panel-soft:#1c273d;
  --field:#0f172a;
  --field-border:#33435f;
  --sidebar:#0f172a;
  --sidebar-soft:#172033;
  --sidebar-text:#cbd5e1;
  --sidebar-muted:#9fb0c7;
  --topbar:rgba(15,23,42,.96);
  --bottom-nav:rgba(15,23,42,.98);
  --brand-tint:#0a3441;
  --accent-tint:#102b4d;
  --status-text:#eff6ff;
  --status-bg:#1c273d;
}

*{letter-spacing:0}
body{background:var(--bg);color:var(--ink);font-size:16px}
a{color:var(--accent)}
.navbar{background:var(--panel)!important;border-color:var(--line)!important}
.navbar-brand,.brand-title{color:var(--brand);text-decoration:none}
.bg-white{background-color:var(--panel)!important}
.border-bottom{border-color:var(--line)!important}
.text-muted{color:var(--muted)!important}

.app-shell{min-height:100vh}
.app-sidebar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:1040;
  width:264px;
  max-height:100dvh;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:16px 14px calc(16px + env(safe-area-inset-bottom)) 16px;
  background:var(--sidebar);
  color:var(--sidebar-text);
  transform:translateX(-100%);
  transition:transform .18s ease;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-color:var(--brand) var(--sidebar-soft);
}
.app-sidebar::-webkit-scrollbar{width:10px}
.app-sidebar::-webkit-scrollbar-track{background:var(--sidebar-soft)}
.app-sidebar::-webkit-scrollbar-thumb{
  background:var(--brand);
  border:2px solid var(--sidebar-soft);
  border-radius:999px;
}
.app-sidebar.open{transform:translateX(0)}
.mobile-scrim{
  position:fixed;
  inset:0;
  z-index:1030;
  display:none;
  background:var(--scrim);
}
.mobile-scrim.open{display:block}
.brand-block{display:flex;align-items:center;gap:12px;min-height:48px}
.brand-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-weight:800;
  text-decoration:none;
}
.brand-mark--image{
  padding:4px;
  background:var(--panel-soft);
  border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));
}
.brand-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:6px;
}
.brand-title{display:block;color:#fff;font-weight:750;line-height:1.1}
.brand-subtitle{font-size:.78rem;color:var(--sidebar-muted);margin-top:3px}
.side-section{
  color:var(--sidebar-muted);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  margin:8px 8px -8px;
}
.side-nav{display:grid;gap:6px}
.side-link{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:9px 10px;
  border-radius:8px;
  color:var(--sidebar-text);
  text-decoration:none;
}
.side-link:hover{background:var(--sidebar-soft);color:#fff}
.side-link.active{background:var(--brand-tint);color:var(--brand-strong);font-weight:700}
.side-icon{
  width:24px;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  font-size:1rem;
}
.side-footer{margin-top:auto;display:grid;gap:12px}
.user-chip{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.05);
}
.avatar{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:800;
  overflow:hidden;
}
.avatar img,
.mobile-account-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}

.app-main{min-height:100vh}
.topbar{
  position:sticky;
  top:0;
  z-index:1020;
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 16px;
  border-bottom:1px solid var(--line);
  background:var(--topbar);
  backdrop-filter:saturate(180%) blur(12px);
}
.topbar-kicker{
  color:var(--muted);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
}
.topbar-title{font-weight:750;font-size:1.05rem;line-height:1.2}
.topbar-actions{display:flex;gap:8px;align-items:center}
.topbar-direct-zone{
  flex:0 0 var(--direct-zone-width, 468px);
  width:min(var(--direct-zone-width, 468px), 100%);
  max-width:100%;
  height:var(--direct-zone-frame-height, 72px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:6px;
}
.topbar-direct-zone iframe{
  width:var(--direct-zone-width, 468px);
  max-width:none;
  height:var(--direct-zone-frame-height, 72px);
  max-height:100%;
  display:block;
  border:0;
  background:transparent!important;
  color-scheme:normal;
}
.topbar-direct-zone-empty{
  width:100%;
  min-height:44px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(239,68,68,.85);
  border-radius:6px;
  color:var(--danger);
  font-size:.78rem;
  font-weight:800;
  text-decoration:none;
}
.topbar-direct-zone-empty:hover{
  color:var(--danger);
  background:var(--danger-bg);
}
.admin-notifications{
  position:relative;
}
.user-topbar{
  display:flex;
  align-items:center;
  gap:8px;
}
.topbar-pill{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--field);
  color:var(--ink);
  text-decoration:none;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
.topbar-pill:hover{border-color:var(--accent);color:var(--ink)}
.topbar-pill[type="button"]{
  appearance:none;
  cursor:pointer;
  font-family:inherit;
}
.topbar-pill span{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-size:.74rem;
}
.topbar-pill--main{border-color:rgba(16,185,129,.45)}
.topbar-pill--ad{border-color:rgba(96,165,250,.45)}
.topbar-pill--rating{
  position:relative;
  border-color:rgba(234,179,8,.55);
}
.user-rating-plus{
  position:absolute;
  top:-7px;
  right:-5px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:2px solid var(--topbar);
  border-radius:50%;
  background:#facc15;
  color:#422006;
  font-size:.78rem;
  font-weight:950;
  line-height:1;
  box-shadow:0 0 0 rgba(250,204,21,.42);
  animation:user-rating-plus-pulse 1.35s ease-in-out infinite;
}
.user-rating-plus[hidden]{display:none}
.mobile-account-action{position:relative}
.user-rating-plus--mobile{
  top:6px;
  right:6px;
  border-color:var(--panel);
}
@keyframes user-rating-plus-pulse{
  0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(250,204,21,.44)}
  55%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(250,204,21,0)}
  100%{transform:scale(.92);box-shadow:0 0 0 0 rgba(250,204,21,0)}
}
.user-rating-menu{
  position:relative;
}
.user-rating-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:44;
  width:min(300px,calc(100vw - 24px));
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(234,179,8,.34);
  border-radius:8px;
  background:var(--panel);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
.user-rating-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.user-rating-panel-head strong{
  font-size:.86rem;
}
.user-rating-panel-head span{
  padding:3px 8px;
  border-radius:999px;
  background:rgba(234,179,8,.16);
  color:#facc15;
  font-size:.7rem;
  font-weight:850;
  white-space:nowrap;
}
.user-rating-bonus{
  display:grid;
  gap:6px;
}
.user-rating-bonus div{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.user-rating-bonus strong{
  color:#fbbf24;
  font-size:1.55rem;
  line-height:1;
}
.user-rating-bonus small,
.user-rating-bonus p,
.user-rating-next{
  color:var(--muted);
  font-size:.76rem;
}
.user-rating-bonus p{
  margin:0;
}
.user-rating-error{
  color:#fca5a5;
  font-size:.76rem;
}
.user-notifications{
  position:relative;
}
.user-notifications-toggle{
  position:relative;
}
.user-notifications-toggle strong{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#e11d48;
  color:#fff;
  font-size:.68rem;
  line-height:1;
  box-shadow:0 0 0 2px var(--topbar);
}
.user-notifications-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:42;
  width:min(420px,calc(100vw - 24px));
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
.user-notifications-head,
.user-rating-claim{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
}
.user-notifications-head span{color:var(--muted);font-size:.72rem}
.user-notifications-head span.is-online{color:#22c55e}
.user-notifications-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--panel-soft);
}
.mobile-account-toggle,
.mobile-account-scrim,
.mobile-account-panel{
  display:none;
}
.mobile-account-toggle{
  position:relative;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(96,165,250,.45);
  border-radius:50%;
  background:var(--field);
  color:var(--ink);
  place-items:center;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.mobile-account-badge{
  position:absolute;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#e11d48;
  color:#fff;
  font-size:.68rem;
  line-height:1;
  box-shadow:0 0 0 2px var(--topbar);
}
.mobile-account-badge--admin{
  top:-4px;
  right:-4px;
}
.mobile-account-badge--user{
  right:-4px;
  bottom:-4px;
  background:#2563eb;
}
.mobile-account-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-weight:900;
}
.mobile-account-avatar--large{
  width:48px;
  height:48px;
  font-size:1.1rem;
}
.mobile-account-scrim{
  position:fixed;
  inset:0;
  z-index:1080;
  background:rgba(0,0,0,.46);
  backdrop-filter:blur(2px);
}
.mobile-account-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:1090;
  width:min(330px,calc(100vw - 34px));
  overflow:hidden;
  border-left:1px solid var(--line);
  background:var(--panel);
  box-shadow:-24px 0 56px rgba(0,0,0,.32);
}
.mobile-account-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-bottom:1px solid var(--line);
}
.mobile-account-user{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.mobile-account-user div{
  min-width:0;
  display:grid;
  gap:2px;
}
.mobile-account-user strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.92rem;
}
.mobile-account-user span:not(.mobile-account-avatar){
  color:var(--muted);
  font-size:.76rem;
}
.mobile-account-body{
  height:calc(100% - 81px);
  min-height:0;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:14px;
  padding:14px;
  scrollbar-color:var(--accent) transparent;
}
.mobile-account-balances{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mobile-account-balances .topbar-pill{
  max-width:none;
  justify-content:flex-start;
}
.mobile-account-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.mobile-account-action{
  min-width:0;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:2px 8px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
  color:var(--ink);
  text-align:left;
  text-decoration:none;
  font:inherit;
}
.mobile-account-action span{
  grid-row:1 / span 2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.mobile-account-action strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.82rem;
}
.mobile-account-action small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.68rem;
}
.mobile-account-notifications{
  min-height:0;
  max-height:min(42vh,340px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.mobile-account-notifications .user-notifications-list,
.mobile-account-notifications .admin-notifications-list{
  min-height:0;
  overflow:auto;
  grid-template-columns:1fr;
  scrollbar-color:var(--accent) transparent;
}
.desktop-account-menu{
  position:relative;
}
.desktop-account-toggle{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(96,165,250,.45);
  border-radius:50%;
  background:var(--field);
  color:var(--ink);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.desktop-account-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:44;
  width:min(300px,calc(100vw - 24px));
  display:grid;
  gap:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
.desktop-account-panel[hidden]{
  display:none;
}
.desktop-account-user{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.desktop-account-user div{
  min-width:0;
  display:grid;
  gap:2px;
}
.desktop-account-user strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.9rem;
}
.desktop-account-user span:not(.mobile-account-avatar){
  color:var(--muted);
  font-size:.74rem;
}
.settings-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.settings-kpi{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.settings-kpi span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.settings-kpi small{
  display:block;
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
}
.settings-kpi strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-kpis.is-colored .settings-kpi--profile{border-color:rgba(16,185,129,.45)}
.settings-kpis.is-colored .settings-kpi--email{border-color:rgba(96,165,250,.45)}
.settings-kpis.is-colored .settings-kpi--push{border-color:rgba(20,184,166,.48)}
.settings-kpis.is-colored .settings-kpi--payouts{border-color:rgba(245,158,11,.52)}
.settings-kpis.is-colored .settings-kpi--security{border-color:rgba(139,92,246,.48)}
.profile-settings-layout{
  display:grid;
  grid-template-columns:minmax(210px,.28fr) minmax(0,1fr) minmax(260px,.38fr);
  gap:16px;
  align-items:start;
}
.settings-nav-panel,
.settings-editor,
.settings-profile-card{
  min-width:0;
}
.settings-nav-panel{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.settings-nav-title{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-bottom:1px solid var(--line);
}
.settings-nav-title span,
.settings-nav-btn small,
.settings-editor-head p,
.settings-avatar-drop p,
.settings-help,
.settings-profile-card p,
.settings-profile-meta dt{
  color:var(--muted);
}
.settings-nav-btn{
  width:100%;
  display:grid;
  grid-template-columns:34px 1fr;
  gap:2px 10px;
  align-items:center;
  padding:12px 16px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  text-align:left;
  font:inherit;
}
.settings-nav-btn span{
  grid-row:1 / span 2;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
}
.settings-nav-btn strong,
.settings-nav-btn small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-nav-btn.active{
  background:var(--brand-tint);
  box-shadow:inset 3px 0 0 var(--brand);
}
.settings-editor{
  padding:0;
  overflow:hidden;
}
.settings-editor-head{
  padding:16px;
  border-bottom:1px solid var(--line);
}
.settings-editor form{
  padding:16px;
}
.settings-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.settings-form-grid label,
.settings-form-stack label,
.settings-avatar-label{
  display:grid;
  gap:6px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
}
.settings-form-stack{
  display:grid;
  gap:10px;
}
.settings-pin-box{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(248,113,113,.35);
  border-radius:8px;
  background:rgba(245,158,11,.08);
  box-shadow:0 14px 34px rgba(248,113,113,.08);
}
.settings-pin-box h3{
  margin:0 0 6px;
  font-size:1rem;
}
.settings-pin-box p{
  margin:0;
  color:var(--text);
  font-size:.82rem;
}
.settings-avatar-label{
  margin-top:14px;
}
.settings-avatar-drop{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:14px;
  align-items:center;
  padding:12px;
  border:1px dashed var(--line-strong);
  border-radius:8px;
  background:var(--panel-soft);
}
.settings-avatar-preview,
.settings-profile-avatar{
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  color:#fff;
  font-size:2rem;
  font-weight:900;
}
.settings-avatar-preview img,
.settings-profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.settings-avatar-preview{
  cursor:pointer;
}
.is-hidden{
  display:none !important;
}
.settings-switch-list{
  display:grid;
  gap:10px;
}
.settings-switch{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
}
.settings-switch--primary{
  border-color:rgba(20,184,166,.5);
}
.settings-switch span{
  display:grid;
  gap:2px;
}
.settings-mini-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.settings-mini-kpis div{
  min-width:0;
  display:grid;
  grid-template-columns:30px 1fr;
  gap:2px 8px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
}
.settings-mini-kpis span{
  grid-row:1 / span 2;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.settings-mini-kpis strong,
.settings-mini-kpis small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-mini-kpis small{
  color:var(--muted);
  font-size:.68rem;
}
.settings-switch small,
.settings-help{
  font-size:.78rem;
}
.settings-help{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.settings-actions{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.settings-profile-card{
  display:grid;
  justify-items:center;
  gap:10px;
}
.settings-profile-card-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.settings-profile-avatar{
  margin-top:8px;
  border-radius:50%;
}
.settings-profile-card h2{
  margin:4px 0 0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1.05rem;
}
.settings-profile-card p{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0;
  font-size:.86rem;
}
.settings-profile-meta{
  width:100%;
  display:grid;
  gap:9px;
  margin:10px 0 0;
}
.settings-profile-meta dt{
  font-size:.72rem;
}
.settings-profile-meta dd{
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}
.admin-notifications-toggle{
  position:relative;
}
.admin-notifications-toggle span{
  font-weight:850;
}
.admin-notifications-toggle strong{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#e11d48;
  color:#fff;
  font-size:.68rem;
  line-height:1;
  box-shadow:0 0 0 2px var(--topbar);
}
.admin-notifications-panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:40;
  width:min(380px,calc(100vw - 24px));
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
.admin-notifications-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--line);
}
.admin-notifications-head strong{
  color:var(--ink);
  font-size:.9rem;
}
.admin-notifications-head span{
  color:var(--muted);
  font-size:.72rem;
}
.admin-notifications-head span.is-online{color:#22c55e}
.admin-notifications-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--panel-soft);
}
.admin-notifications-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
}
.admin-notifications-item:nth-child(odd){
  border-right:1px solid var(--line);
}
.admin-notifications-item:hover{
  background:var(--brand-tint);
  color:var(--ink);
}
.admin-notifications-item span{
  display:grid;
  gap:2px;
  min-width:0;
}
.admin-notifications-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.82rem;
}
.admin-notifications-item small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:.72rem;
}
.admin-notifications-item b{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(148,163,184,.18);
  color:var(--muted);
  font-size:.74rem;
}
.admin-notifications-item.has-count b{
  background:#e11d48;
  color:#fff;
}
.admin-notifications-empty{
  grid-column:1 / -1;
  padding:18px;
  color:var(--muted);
  font-size:.84rem;
}
.icon-button{
  width:40px;
  height:40px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
  color:var(--ink);
  font-size:1.1rem;
}
.icon-button:hover{border-color:var(--accent);color:var(--accent)}
.content-wrap{padding:16px 14px 86px}

.page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.page-kicker{
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:3px;
}
.ui-page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.ui-page-header h1{
  margin:0;
  font-size:clamp(1.55rem,2vw,2.15rem);
  line-height:1.08;
}
.ui-page-header p{
  margin:5px 0 0;
  color:var(--muted);
}
.page-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ui-preset-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.ui-preset-kpis .admin-kpi{
  min-width:0;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.ui-preset-kpis .admin-kpi-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.ui-preset-kpis .admin-kpi--accent .admin-kpi-icon{
  background:var(--accent-tint);
  color:var(--accent-strong);
}
.ui-preset-kpis .admin-kpi--warning .admin-kpi-icon{
  background:var(--warning-bg);
  color:var(--warning-text);
}
.ui-preset-kpis small,
.ui-preset-kpis em{
  display:block;
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ui-preset-kpis strong{
  display:block;
  min-width:0;
  overflow:hidden;
  font-size:1.15rem;
  line-height:1.12;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ui-preset-form{
  display:grid;
  gap:14px;
}
.ui-preset-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.ui-preset-toolbar span{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:.84rem;
}
.ui-preset-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ui-preset-card{
  min-width:0;
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
  cursor:pointer;
  transition:border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ui-preset-card:hover,
.ui-preset-card.active{
  border-color:var(--accent);
  box-shadow:0 16px 34px rgba(16,24,40,.12);
}
.ui-preset-card.active{
  transform:translateY(-1px);
}
.ui-preset-card input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
.ui-preset-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.ui-preset-card-head span{
  min-width:0;
}
.ui-preset-card-head strong,
.ui-preset-card-head small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ui-preset-card-head small{
  margin-top:4px;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.35;
}
.ui-preset-card-head b{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  background:var(--accent-tint);
  color:var(--accent-strong);
  font-size:.72rem;
}
.ui-preset-swatches{
  display:flex;
  gap:6px;
}
.ui-preset-swatches i{
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:8px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.ui-preset-swatch--lumerto-0{background:#07191c}
.ui-preset-swatch--lumerto-1{background:#0f2428}
.ui-preset-swatch--lumerto-2{background:#2dd4bf}
.ui-preset-swatch--lumerto-3{background:#60a5fa}
.ui-preset-swatch--dense-0{background:#0b1423}
.ui-preset-swatch--dense-1{background:#111d2f}
.ui-preset-swatch--dense-2{background:#60a5fa}
.ui-preset-swatch--dense-3{background:#34d399}
.ui-preset-swatch--emerald-0{background:#061815}
.ui-preset-swatch--emerald-1{background:#0d2924}
.ui-preset-swatch--emerald-2{background:#34d399}
.ui-preset-swatch--emerald-3{background:#22d3ee}
.ui-preset-swatch--midnight-0{background:#38bdf8}
.ui-preset-swatch--midnight-1{background:#a78bfa}
.ui-preset-swatch--midnight-2{background:#07111f}
.ui-preset-swatch--midnight-3{background:#020617}
.ui-preset-swatch--neon-0{background:#06b6d4}
.ui-preset-swatch--neon-1{background:#e11d48}
.ui-preset-swatch--neon-2{background:#080b18}
.ui-preset-swatch--neon-3{background:#111827}
.ui-preset-swatch--contrast-0{background:#111827}
.ui-preset-swatch--contrast-1{background:#f59e0b}
.ui-preset-swatch--contrast-2{background:#ffffff}
.ui-preset-swatch--contrast-3{background:#000000}
.ui-preset-swatch--clean_sheet-0{background:#1f242b}
.ui-preset-swatch--clean_sheet-1{background:#2a3038}
.ui-preset-swatch--clean_sheet-2{background:#60a5fa}
.ui-preset-swatch--clean_sheet-3{background:#94a3b8}
.ui-preset-swatch--sepia_reading-0{background:#211a15}
.ui-preset-swatch--sepia_reading-1{background:#2b2119}
.ui-preset-swatch--sepia_reading-2{background:#c79a52}
.ui-preset-swatch--sepia_reading-3{background:#e0b76a}
.ui-preset-swatch--cool_focus-0{background:#111827}
.ui-preset-swatch--cool_focus-1{background:#172033}
.ui-preset-swatch--cool_focus-2{background:#22d3ee}
.ui-preset-swatch--cool_focus-3{background:#38bdf8}
.ui-preview-shell{
  height:128px;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:8px;
  padding:8px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#07191c;
}
.ui-preview-sidebar{
  border-radius:6px;
  background:#061316;
}
.ui-preview-main{
  display:grid;
  grid-template-rows:18px 1fr 18px 18px;
  gap:8px;
}
.ui-preview-top,
.ui-preview-row{
  border-radius:6px;
  background:#0f2428;
}
.ui-preview-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.ui-preview-kpis i{
  border-radius:6px;
  background:#123b3a;
}
.ui-preview-row--short{
  width:68%;
}
.ui-preview-shell--dense{background:#0b1423}
.ui-preview-shell--dense .ui-preview-sidebar{background:#070f1b}
.ui-preview-shell--dense .ui-preview-top,
.ui-preview-shell--dense .ui-preview-row{background:#111d2f}
.ui-preview-shell--dense .ui-preview-kpis i{background:#10294d}
.ui-preview-shell--emerald{background:#061815}
.ui-preview-shell--emerald .ui-preview-sidebar{background:#03110f}
.ui-preview-shell--emerald .ui-preview-top,
.ui-preview-shell--emerald .ui-preview-row{background:#0d2924}
.ui-preview-shell--emerald .ui-preview-kpis i{background:#0e3a2d}
.ui-preview-shell--midnight{background:#07111f}
.ui-preview-shell--midnight .ui-preview-sidebar{background:#020617}
.ui-preview-shell--midnight .ui-preview-top,
.ui-preview-shell--midnight .ui-preview-row{background:#13213a}
.ui-preview-shell--midnight .ui-preview-kpis i{background:#0c2d43}
.ui-preview-shell--neon{background:#080b18}
.ui-preview-shell--neon .ui-preview-sidebar{background:#050712}
.ui-preview-shell--neon .ui-preview-top,
.ui-preview-shell--neon .ui-preview-row{background:#121a31}
.ui-preview-shell--neon .ui-preview-kpis i{background:#073849}
.ui-preview-shell--contrast{background:#000}
.ui-preview-shell--contrast .ui-preview-sidebar{background:#000}
.ui-preview-shell--contrast .ui-preview-top,
.ui-preview-shell--contrast .ui-preview-row{background:#050505;border:1px solid #fff}
.ui-preview-shell--contrast .ui-preview-kpis i{background:#3a2a0a;border:1px solid #fff}
.ui-preview-shell--clean_sheet{background:#1f242b}
.ui-preview-shell--clean_sheet .ui-preview-sidebar{background:#1b2027}
.ui-preview-shell--clean_sheet .ui-preview-top,
.ui-preview-shell--clean_sheet .ui-preview-row{background:#2a3038}
.ui-preview-shell--clean_sheet .ui-preview-kpis i{background:#253b56}
.ui-preview-shell--sepia_reading{background:#211a15}
.ui-preview-shell--sepia_reading .ui-preview-sidebar{background:#241b14}
.ui-preview-shell--sepia_reading .ui-preview-top,
.ui-preview-shell--sepia_reading .ui-preview-row{background:#2b2119}
.ui-preview-shell--sepia_reading .ui-preview-kpis i{background:#3a2b1d}
.ui-preview-shell--cool_focus{background:#111827}
.ui-preview-shell--cool_focus .ui-preview-sidebar{background:#0f172a}
.ui-preview-shell--cool_focus .ui-preview-top,
.ui-preview-shell--cool_focus .ui-preview-row{background:#172033}
.ui-preview-shell--cool_focus .ui-preview-kpis i{background:#0a3441}
.ui-preset-bullets{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ui-preset-bullets small{
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel-soft);
  color:var(--muted);
  font-size:.72rem;
}
.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.count-badge{
  min-width:32px;
  height:28px;
  display:inline-grid;
  place-items:center;
  padding:0 9px;
  border-radius:999px;
  background:var(--accent-tint);
  color:var(--accent-strong);
  font-weight:800;
  font-size:.85rem;
}

.panel,.ad-frame{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px;
  box-shadow:var(--shadow);
}
.ad-frame{overflow:hidden}
.metric{min-height:98px}
.metric .h3,.metric .h4{font-variant-numeric:tabular-nums}
.ad-grid{display:grid;grid-template-columns:1fr;gap:14px}
.ad-feed-empty-notice{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid var(--info-line);
  border-radius:8px;
  background:var(--info-bg);
  color:var(--info-text);
  font-weight:700;
}
.ad-task-list{display:grid;gap:14px}
.ad-task-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,190px) minmax(150px,auto);
  gap:16px;
  align-items:center;
  min-height:132px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--brand) 34%,var(--line));
  border-radius:8px;
  background:color-mix(in srgb,var(--panel) 88%,var(--field));
  box-shadow:var(--shadow);
}
.ad-task-card--site{
  grid-template-columns:minmax(0,1fr) minmax(150px,auto);
}
.ad-task-main{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.ad-task-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--field-border);
  border-radius:50%;
  background:var(--panel-soft);
  color:var(--brand-strong);
  font-weight:900;
}
.ad-task-copy{min-width:0}
.ad-task-copy h2{
  margin:0 0 5px;
  color:var(--ink);
  font-size:1.32rem;
  line-height:1.18;
  font-weight:850;
  overflow-wrap:anywhere;
}
.ad-task-copy p{
  margin:0 0 10px;
  color:var(--muted);
  line-height:1.35;
  overflow-wrap:anywhere;
}
.ad-task-meta{
  display:flex;
  align-items:center;
  gap:8px 14px;
  flex-wrap:wrap;
  color:var(--status-text);
  font-size:.82rem;
  font-weight:700;
}
.ad-task-meta span{
  display:inline-flex;
  align-items:center;
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.ad-task-meta span:nth-child(3){
  padding:2px 9px;
  border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));
  border-radius:999px;
  background:var(--accent-tint);
  color:var(--accent-strong);
}
.ad-task-thumb{
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.ad-task-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.ad-task-side{
  display:grid;
  justify-items:end;
  gap:14px;
}
.ad-task-side strong{
  color:var(--ink);
  font-size:1.65rem;
  line-height:1;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.ad-task-side .btn{
  min-width:132px;
  min-height:38px;
}
.ad-task-card.is-viewed,
.ad-task-card.is-unavailable{
  border-color:color-mix(in srgb,var(--success) 38%,var(--line));
  background:color-mix(in srgb,var(--panel) 78%,var(--success-bg));
  opacity:.72;
}
.ad-task-card.is-unavailable{
  border-color:color-mix(in srgb,var(--muted) 34%,var(--line));
  background:color-mix(in srgb,var(--panel) 84%,var(--field));
}
.ad-task-card.is-viewed .ad-task-icon{
  background:var(--success-bg);
  color:var(--success-text);
}
.ad-task-card.is-viewed .ad-task-icon::before{
  content:"✓";
}
.ad-task-card.is-viewed .ad-task-icon{
  font-size:0;
}
.ad-task-card.is-viewed .ad-task-icon::before{
  font-size:1rem;
}
.ad-task-card.is-viewed [data-ad-status-label]{
  border-color:color-mix(in srgb,var(--success) 68%,var(--line));
  background:var(--success-bg);
  color:var(--success-text);
}
.ad-task-card.is-unavailable [data-ad-status-label]{
  border-color:var(--field-border);
  background:var(--field);
  color:var(--muted);
}
.ad-task-card [data-ad-launch]:disabled{
  border-color:var(--field-border);
  background:var(--field-border);
  color:var(--muted);
  cursor:not-allowed;
}
.ad-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:190px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.ad-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ad-duration{font-size:.84rem;color:var(--muted);font-variant-numeric:tabular-nums}
.ad-title{font-size:1.08rem;font-weight:800;line-height:1.25;margin:0}
.ad-copy{
  color:var(--status-text);
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.ad-card-actions{margin-top:auto}
.ad-card-media{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.ad-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.watch-screen{
  min-height:calc(100vh - 150px);
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.watch-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.watch-title{font-size:1.2rem;font-weight:800;line-height:1.25;margin:8px 0 0}
.watch-target{margin-top:4px;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}
.watch-timer{
  min-width:64px;
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-size:2.2rem;
  font-weight:850;
  line-height:1;
}
.watch-body{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:var(--status-text);
}
.watch-banner{
  margin:0 0 14px;
  width:100%;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.watch-banner img{
  display:block;
  width:100%;
  max-height:min(58vh,620px);
  object-fit:contain;
  background:#050c16;
}
.watch-site-shell{
  width:100%;
  min-height:min(64vh,680px);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#020617;
}
.watch-site-frame{
  width:100%;
  height:min(64vh,680px);
  min-height:420px;
  display:block;
  border:0;
  background:#fff;
}
.watch-captcha{
  display:grid;
  gap:12px;
  max-width:560px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));
  border-radius:8px;
  background:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%);
}
.watch-standalone-shell{
  min-height:100vh;
  margin:0;
  overflow:hidden;
  background:#020817;
  color:var(--ink);
}
.watch-standalone{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto auto;
  background:#020817;
}
.watch-standalone::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:20;
  pointer-events:none;
  opacity:0;
  background:rgba(2,8,23,.78);
  transition:opacity .16s ease;
}
.watch-standalone.is-captcha-open::after{opacity:1}
.watch-standalone-top{
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:86px;
  padding:14px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 46%,transparent);
  background:#07111f;
}
.watch-standalone-heading h1{
  margin:0;
  color:#d9f7ff;
  font-size:2rem;
  line-height:1.05;
  font-weight:950;
}
.watch-standalone-heading p{
  margin:4px 0 0;
  color:#90a4bf;
  font-size:.92rem;
}
.watch-standalone-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.watch-standalone-link,
.watch-standalone-timer{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 16px;
  border:1px solid color-mix(in srgb,var(--accent) 58%,var(--line));
  border-radius:8px;
  background:#07182b;
  color:#e6f8ff;
  text-decoration:none;
  font-weight:800;
  white-space:nowrap;
}
.watch-standalone-link:hover{color:#fff;border-color:var(--accent)}
.watch-standalone-link.disabled{
  pointer-events:none;
  opacity:.55;
}
.watch-standalone-timer{
  min-width:96px;
  color:#22d3ee;
  font-variant-numeric:tabular-nums;
}
.watch-standalone-stage{
  min-height:0;
  display:grid;
  place-items:center;
  padding:34px 16px;
  overflow:auto;
}
.watch-standalone-stage--frame{
  place-items:stretch;
  padding:0;
  overflow:hidden;
}
.watch-standalone-banner{
  margin:0;
  display:grid;
  place-items:center;
}
.watch-standalone-banner img{
  display:block;
  width:auto;
  max-width:min(92vw,980px);
  max-height:68vh;
  object-fit:contain;
}
.watch-standalone-frame{
  width:100%;
  height:calc(100vh - 86px);
  display:block;
  border:0;
  background:#fff;
}
.watch-standalone-empty{
  padding:18px 20px;
  border:1px dashed var(--line);
  border-radius:8px;
  color:var(--muted);
}
.watch-standalone-meta{
  display:none;
}
.watch-standalone-status{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:5;
  margin:0;
}
.watch-standalone-toast{
  position:fixed;
  top:50%;
  left:50%;
  z-index:35;
  width:min(420px,calc(100vw - 32px));
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  border-radius:8px;
  transform:translate(-50%,-50%);
  box-shadow:0 24px 70px rgba(0,0,0,.44);
  text-align:center;
  font-weight:850;
  line-height:1.35;
}
.watch-standalone-toast--success{
  border:1px solid color-mix(in srgb,var(--success) 70%,var(--line));
  background:color-mix(in srgb,var(--success-bg) 88%,#052e1b);
  color:var(--success-text);
}
.watch-standalone-controls{
  position:fixed;
  left:16px;
  bottom:16px;
  z-index:6;
}
.watch-standalone-captcha{
  position:fixed;
  top:50%;
  left:50%;
  z-index:30;
  width:min(640px,calc(100vw - 32px));
  max-width:none;
  transform:translate(-50%,-50%);
  box-shadow:0 26px 70px rgba(0,0,0,.46);
}
.watch-captcha-value{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:var(--muted);
  font-size:.84rem;
  font-weight:800;
}
.watch-captcha-value strong{color:var(--ink);font-variant-numeric:tabular-nums}
.watch-captcha-copy{color:var(--status-text);font-size:.9rem;font-weight:700}
.watch-captcha-copy strong{color:var(--accent)}
.watch-captcha-slider{
  --captcha-slider-progress:0%;
  accent-color:var(--accent);
}
.watch-captcha-slider::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,var(--accent) 0 var(--captcha-slider-progress),rgba(148,163,184,.32) var(--captcha-slider-progress) 100%);
}
.watch-video{width:100%;max-height:52vh;border-radius:8px;background:#0b1114}
.watch-actions{display:flex;gap:10px;flex-wrap:wrap}
.timer{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:750}
.status-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.2rem .55rem;
  font-size:.82rem;
  background:var(--panel);
  color:var(--status-text);
}

.btn{border-radius:8px;font-weight:650}
.btn-primary{background:var(--accent);border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.btn-outline-secondary,.btn-outline-dark{
  border-color:var(--field-border);
  color:var(--status-text);
}
.btn-outline-secondary:hover,.btn-outline-dark:hover{
  background:var(--panel-soft);
  border-color:var(--accent);
  color:var(--accent);
}
.btn-outline-light{border-color:rgba(255,255,255,.35);color:#fff}
.form-control,.form-select{
  border-radius:8px;
  border-color:var(--field-border);
  min-height:42px;
  background:var(--field);
  color:var(--ink);
}
.form-control:focus,.form-select:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 .2rem var(--focus-ring);
  background:var(--field);
  color:var(--ink);
}
.form-control::placeholder{color:var(--muted)}
.table{
  --bs-table-color:var(--ink);
  --bs-table-bg:transparent;
  --bs-table-border-color:var(--line);
  --bs-table-hover-color:var(--ink);
  --bs-table-hover-bg:var(--panel-soft);
  margin-bottom:0;
  color:var(--ink);
}
.table>:not(caption)>*>*{
  color:var(--ink);
  background-color:var(--bs-table-bg);
  border-bottom-color:var(--line);
}
.table thead th,.table th{
  color:var(--muted);
  font-size:.82rem;
  white-space:nowrap;
  background:var(--panel-soft);
}
.table td{vertical-align:middle}
.table-responsive{background:var(--panel)}
.alert{border-radius:8px}
.alert-info{background:var(--info-bg);border-color:var(--info-line);color:var(--info-text)}
.alert-danger{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-text)}
.empty-state{
  min-height:220px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:28px 18px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  background:var(--panel);
}
.empty-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-size:1.5rem;
  font-weight:800;
}
.balance-card{
  min-height:132px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,var(--panel),var(--panel-soft));
  box-shadow:var(--shadow);
}
.balance-label{
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
}
.balance-value{
  margin-top:8px;
  font-size:1.9rem;
  font-weight:850;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.balance-meta{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--muted);font-size:.88rem}
.finance-page-header{margin-bottom:16px}
.finance-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.finance-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.finance-kpi{
  --finance-accent:var(--accent);
  min-width:0;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:2px 10px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.finance-kpi span{
  grid-row:1 / span 3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--finance-accent) 20%,transparent);
  color:var(--finance-accent);
  font-weight:900;
}
.finance-kpi small{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.finance-kpi strong{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:1.02rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-kpi em{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:.76rem;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-kpi--main{--finance-accent:#10b981}
.finance-kpi--ad{--finance-accent:#3b82f6}
.finance-kpi--held{--finance-accent:#f59e0b}
.finance-kpi--available{--finance-accent:#06b6d4}
.finance-kpis.is-colored .finance-kpi{
  border-color:color-mix(in srgb,var(--finance-accent) 48%,var(--line));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--finance-accent) 28%,var(--panel)),var(--panel) 62%),
    var(--panel);
}
.finance-kpis.is-colored .finance-kpi span{
  background:color-mix(in srgb,var(--finance-accent) 82%,#fff);
  color:#fff;
}
.finance-action-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.finance-action{
  min-width:0;
  min-height:74px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--ink);
  text-align:left;
  text-decoration:none;
  box-shadow:var(--shadow);
}
.finance-action:hover{
  border-color:var(--accent);
  background:var(--panel-soft);
  color:var(--ink);
}
button.finance-action{font:inherit}
.finance-action span{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.finance-action strong,
.finance-action small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-action small{
  color:var(--muted);
  font-size:.78rem;
}
.finance-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(150px,.7fr));
  gap:10px;
  align-items:end;
  margin-bottom:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.finance-toolbar-field{
  min-width:0;
  display:grid;
  gap:6px;
}
.finance-toolbar-field span{
  color:var(--muted);
  font-size:.72rem;
  font-weight:850;
  text-transform:uppercase;
}
.finance-ledger{overflow:hidden}
.finance-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px);
  gap:16px;
  align-items:start;
}
.finance-ledger-list{
  display:grid;
  gap:8px;
  max-height:64vh;
  overflow:auto;
  padding-right:2px;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.finance-ledger-list::-webkit-scrollbar,
.finance-drawer::-webkit-scrollbar{width:10px}
.finance-ledger-list::-webkit-scrollbar-track,
.finance-drawer::-webkit-scrollbar-track{background:var(--panel-soft)}
.finance-ledger-list::-webkit-scrollbar-thumb,
.finance-drawer::-webkit-scrollbar-thumb{
  background:var(--brand);
  border-radius:999px;
  border:2px solid var(--panel-soft);
}
.finance-ledger-row{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
}
.finance-ledger-row.is-expanded{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
.finance-ledger-main{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:0;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.finance-ledger-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--status-bg);
  color:var(--status-text);
  font-weight:900;
}
.finance-ledger-icon--in{background:var(--success-bg);color:var(--success-text)}
.finance-ledger-icon--out{background:var(--danger-bg);color:var(--danger-text)}
.finance-ledger-icon--hold{background:var(--warning-bg);color:var(--warning-text)}
.finance-ledger-icon--move{background:var(--accent-tint);color:var(--accent-strong)}
.finance-ledger-title{
  min-width:0;
  display:grid;
  gap:3px;
}
.finance-ledger-title strong,
.finance-ledger-title small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-ledger-title small{
  color:var(--muted);
  font-size:.78rem;
}
.finance-ledger-amount{
  color:var(--ink);
  font-weight:850;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.finance-ledger-amount--in{color:var(--success-text)}
.finance-ledger-amount--out,
.finance-ledger-amount--hold{color:var(--danger-text)}
.finance-ledger-amount--move{color:var(--accent-strong)}
.finance-ledger-details{
  padding:0 12px 12px 60px;
}
.finance-ledger-details dl{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.finance-ledger-details div{
  min-width:0;
  padding:8px;
  border-radius:8px;
  background:var(--panel);
}
.finance-ledger-details dt{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.finance-ledger-details dd{
  min-width:0;
  margin:2px 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-ledger-details code{
  color:var(--ink);
  white-space:nowrap;
}
.finance-empty-filter{
  margin-top:10px;
  padding:14px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  color:var(--muted);
  text-align:center;
}
.finance-period-summary{
  position:sticky;
  top:84px;
  display:grid;
  gap:14px;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
}
.finance-summary-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.finance-summary-stack{
  display:grid;
  gap:10px;
}
.finance-summary-stat{
  --summary-accent:var(--accent);
  min-width:0;
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--summary-accent) 76%,transparent);
}
.finance-summary-stat span{
  color:var(--muted);
  font-size:.7rem;
  font-weight:850;
  text-transform:uppercase;
}
.finance-summary-stat strong{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:1rem;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-summary-stat--in{--summary-accent:var(--success)}
.finance-summary-stat--out{--summary-accent:var(--danger)}
.finance-summary-stat--hold{--summary-accent:var(--warning)}
.finance-summary-stat--move{--summary-accent:var(--accent)}
.finance-summary-stat--net{--summary-accent:var(--brand)}
.finance-summary-breakdown{
  display:grid;
  gap:10px;
  padding-top:2px;
}
.finance-summary-breakdown h3{
  margin:0;
  font-size:.86rem;
  font-weight:850;
}
.finance-summary-types{
  display:grid;
  gap:8px;
  max-height:280px;
  overflow:auto;
  padding-right:2px;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.finance-summary-types::-webkit-scrollbar{width:8px}
.finance-summary-types::-webkit-scrollbar-track{background:var(--panel-soft)}
.finance-summary-types::-webkit-scrollbar-thumb{
  background:var(--brand);
  border-radius:999px;
  border:2px solid var(--panel-soft);
}
.finance-summary-type{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.finance-summary-type span{
  min-width:0;
  display:grid;
  gap:2px;
  overflow:hidden;
  color:var(--ink);
  font-size:.84rem;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-summary-type small{
  overflow:hidden;
  color:var(--muted);
  font-size:.72rem;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-summary-type strong{
  color:var(--ink);
  font-size:.86rem;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.finance-summary-empty{
  padding:12px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  color:var(--muted);
  text-align:center;
}
.finance-drawer-scrim{
  position:fixed;
  inset:0;
  z-index:1060;
  background:rgba(2,6,23,.48);
}
.finance-drawer-open .finance-drawer-scrim{display:block}
.finance-drawer{
  position:fixed;
  inset:0 0 0 auto;
  z-index:1070;
  width:min(100%,430px);
  display:flex;
  flex-direction:column;
  overflow:auto;
  border-left:1px solid var(--line);
  background:var(--panel);
  box-shadow:-18px 0 42px rgba(15,23,42,.18);
  scrollbar-color:var(--brand) var(--panel-soft);
}
.finance-drawer[hidden],
.finance-drawer-scrim[hidden]{display:none}
.finance-drawer-head{
  position:sticky;
  top:0;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  backdrop-filter:blur(10px);
}
.finance-transfer-form{
  display:grid;
  gap:14px;
  padding:16px;
}
.finance-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.finance-quick-grid .btn{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.finance-transfer-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.finance-transfer-summary div{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.finance-transfer-summary span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
  font-weight:850;
  text-transform:uppercase;
}
.finance-transfer-summary strong{
  display:block;
  min-width:0;
  margin-top:3px;
  overflow:hidden;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-drawer-actions{
  position:sticky;
  bottom:0;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:12px 0 0;
  background:var(--panel);
}
.state-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid var(--field-border);
  background:var(--status-bg);
  color:var(--status-text);
  font-size:.78rem;
  font-weight:750;
  white-space:nowrap;
}
.state-badge--ok{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}
.state-badge--warning{border-color:var(--warning-line);background:var(--warning-bg);color:var(--warning-text)}
.state-active,.state-approved,.state-paid,.state-posted{border-color:var(--success-line);background:var(--success-bg);color:var(--success-text)}
.state-moderation,.state-pending{border-color:var(--warning-line);background:var(--warning-bg);color:var(--warning-text)}
.state-draft,.state-paused{border-color:#93c5fd;background:var(--accent-tint);color:var(--accent-strong)}
.state-rejected,.state-cancelled,.state-failed{border-color:var(--danger-line);background:var(--danger-bg);color:var(--danger-text)}
.app-table tbody tr:hover{background:var(--panel-soft)}
.admin-metric{
  min-height:112px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.admin-metric-label{
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
}
.admin-metric-value{margin-top:8px;font-size:2rem;font-weight:850;line-height:1}
.admin-page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.dashboard-subtitle{
  max-width:680px;
  color:var(--muted);
  font-size:.92rem;
}
.dashboard-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.dashboard-promo-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  margin-bottom:16px;
}
.dashboard-promo{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--ink);
  text-decoration:none;
  box-shadow:var(--shadow);
}
.dashboard-promo:hover{
  color:var(--ink);
  transform:translateY(-1px);
  border-color:var(--accent);
}
.dashboard-promo span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-weight:850;
}
.dashboard-promo--earn{border-color:color-mix(in srgb,var(--success) 42%,var(--line));color:var(--success)}
.dashboard-promo--earn span{background:var(--success-bg);color:var(--success-text)}
.dashboard-promo--campaign{border-color:color-mix(in srgb,var(--danger) 36%,var(--line));color:var(--danger)}
.dashboard-promo--campaign span{background:var(--danger-bg);color:var(--danger-text)}
.dashboard-promo--finance{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:var(--accent)}
.dashboard-promo--finance span{background:var(--accent-tint);color:var(--accent-strong)}
.dashboard-promo--partner{border-color:color-mix(in srgb,var(--brand) 42%,var(--line));color:var(--brand-strong)}
.dashboard-promo--partner span{background:var(--brand-tint);color:var(--brand-strong)}
.dash-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-bottom:18px;
}
.dash-info{
  --dash-accent:var(--accent);
  position:relative;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:10px 12px 10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.dash-info:hover{border-color:color-mix(in srgb,var(--dash-accent) 54%,var(--line))}
.dash-info-strip{
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--dash-accent);
}
.dash-info-icon{
  width:34px;
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--dash-accent) 20%,transparent);
  color:var(--dash-accent);
  font-size:.94rem;
  font-weight:850;
}
.dash-info-body{min-width:0;display:grid;gap:1px}
.dash-info-label{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.dash-info-value{
  color:var(--ink);
  font-size:1.12rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.dash-info-hint{
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash-info--main{--dash-accent:#10b981}
.dash-info--ad{--dash-accent:#3b82f6}
.dash-info--views{--dash-accent:#8b5cf6}
.dash-info--ads{--dash-accent:#f59e0b}
.dash-info--campaigns{--dash-accent:#ef4444}
.dash-info--partners{--dash-accent:#06b6d4}
.dash-kpis.is-colored .dash-info{
  border-color:color-mix(in srgb,var(--dash-accent) 46%,var(--line));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--dash-accent) 34%,var(--panel)),var(--panel) 62%),
    var(--panel);
}
.dash-kpis.is-colored .dash-info-strip{display:none}
.dash-kpis.is-colored .dash-info-icon{
  background:color-mix(in srgb,var(--dash-accent) 82%,#fff);
  color:#fff;
}
.dash-kpis.is-colored .dash-info-value{color:var(--ink)}
.admin-finance-header{align-items:flex-start}
.admin-finance-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.admin-finance-alert{margin-bottom:14px}
.admin-finance-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-bottom:16px;
}
.admin-finance-info{
  --admin-finance-accent:var(--accent);
  position:relative;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:10px 12px 10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.admin-finance-info:hover{border-color:color-mix(in srgb,var(--admin-finance-accent) 54%,var(--line))}
.admin-finance-info-strip{
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--admin-finance-accent);
}
.admin-finance-info-icon{
  width:34px;
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--admin-finance-accent) 20%,transparent);
  color:var(--admin-finance-accent);
  font-size:.94rem;
  font-weight:850;
}
.admin-finance-info-body{min-width:0;display:grid;gap:1px}
.admin-finance-info-label{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.admin-finance-info-value{
  min-width:0;
  overflow:hidden;
  color:var(--ink);
  font-size:1.12rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-finance-info-hint{
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-finance-info--pending{--admin-finance-accent:#f59e0b}
.admin-finance-info--paid{--admin-finance-accent:#10b981}
.admin-finance-info--withdraw{--admin-finance-accent:#ef4444}
.admin-finance-info--held{--admin-finance-accent:#8b5cf6}
.admin-finance-info--tx{--admin-finance-accent:#3b82f6}
.admin-finance-info--risk{--admin-finance-accent:#06b6d4}
.admin-finance-kpis.is-colored .admin-finance-info{
  border-color:color-mix(in srgb,var(--admin-finance-accent) 46%,var(--line));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--admin-finance-accent) 34%,var(--panel)),var(--panel) 62%),
    var(--panel);
}
.admin-finance-kpis.is-colored .admin-finance-info-strip{display:none}
.admin-finance-kpis.is-colored .admin-finance-info-icon{
  background:color-mix(in srgb,var(--admin-finance-accent) 82%,#fff);
  color:#fff;
}
.admin-finance-toolbar{margin-bottom:16px}
.admin-finance-filter-form{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(170px,.9fr) minmax(130px,.7fr) auto;
  gap:10px;
  align-items:end;
}
.admin-finance-filter-actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
}
.admin-finance-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:16px;
  align-items:start;
}
.admin-finance-column{min-width:0}
.admin-finance-list,
.admin-finance-ledger-list,
.admin-finance-account-list{
  display:grid;
  gap:10px;
  max-height:62vh;
  overflow:auto;
  padding-right:2px;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.admin-finance-ledger-list{max-height:70vh}
.admin-finance-list::-webkit-scrollbar,
.admin-finance-ledger-list::-webkit-scrollbar,
.admin-finance-account-list::-webkit-scrollbar{width:10px}
.admin-finance-list::-webkit-scrollbar-track,
.admin-finance-ledger-list::-webkit-scrollbar-track,
.admin-finance-account-list::-webkit-scrollbar-track{background:var(--panel-soft)}
.admin-finance-list::-webkit-scrollbar-thumb,
.admin-finance-ledger-list::-webkit-scrollbar-thumb,
.admin-finance-account-list::-webkit-scrollbar-thumb{
  background:var(--brand);
  border:2px solid var(--panel-soft);
  border-radius:999px;
}
.admin-finance-row{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.admin-finance-row-main{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.admin-finance-row-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-weight:850;
}
.admin-finance-row-icon--deposit{background:var(--accent-tint);color:var(--accent-strong)}
.admin-finance-row-title{min-width:0;display:grid;gap:2px}
.admin-finance-row-title strong,
.admin-finance-row-title small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-finance-row-title small,
.admin-finance-row-foot small,
.admin-finance-muted-action{color:var(--muted)}
.admin-finance-row-meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding-left:48px;
}
.admin-finance-row-meta span:not(.state-badge){
  max-width:100%;
  overflow:hidden;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:.78rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-finance-row-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-left:48px;
}
.admin-finance-side{display:grid;gap:16px;min-width:0}
.admin-finance-side-card{overflow:hidden}
.admin-finance-account-list{max-height:310px}
.admin-finance-account{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.admin-finance-account div{min-width:0;display:grid;gap:2px}
.admin-finance-account strong,
.admin-finance-account span,
.admin-finance-account small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-finance-account span{font-weight:850;font-variant-numeric:tabular-nums;text-align:right}
.admin-finance-account small{color:var(--muted);font-size:.78rem}
.admin-finance-shortcuts{display:grid;gap:8px}
.admin-finance-empty{
  padding:14px;
  border:1px dashed var(--line);
  border-radius:8px;
  color:var(--muted);
  background:var(--panel-soft);
}
.admin-finance-ledger{overflow:hidden}
.admin-finance-tx-row{background:var(--panel-soft)}
.dashboard-action-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr));
  gap:12px;
  margin-bottom:18px;
}
.dashboard-action{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--ink);
  text-decoration:none;
  box-shadow:var(--shadow);
}
.dashboard-action:hover{border-color:var(--accent);background:var(--panel-soft);color:var(--ink)}
.dashboard-action-icon{
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-size:1.1rem;
  font-weight:850;
}
.dashboard-action--primary .dashboard-action-icon{background:var(--accent);color:#fff}
.dashboard-action strong{display:block;line-height:1.2}
.dashboard-action small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  line-height:1.35;
}
.dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:18px;
}
.dashboard-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.dashboard-chart-card{grid-column:1 / -1}
.admin-summary-chart {
  margin-top:10px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px;
  background:var(--panel-soft);
}
.admin-summary-chart-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.admin-chart-switcher {
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.admin-chart-switcher .admin-chart-switcher-btn {
  min-width:70px;
  min-height:34px;
  padding:4px 10px;
  font-size:.82rem;
}
.admin-chart-switcher .admin-chart-switcher-btn.active {
  background:#2f49c8;
  border-color:#2f49c8;
  color:#fff;
}
.dashboard-chart{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
  border-radius:8px;
  background:#090e18;
}
.dashboard-chart--reference{
  box-shadow:
    inset 18px 0 28px rgba(56,189,248,.08),
    inset -18px 0 28px rgba(236,72,153,.07);
}
.dashboard-chart-subtitle{
  color:var(--ink);
  font-size:1rem;
  font-weight:750;
  line-height:1.3;
}
.dashboard-chart-note {
  color:#dbe7f4;
  font-size:.84rem;
  line-height:1.35;
}
.dashboard-chart-panel {
  min-height:290px;
}
.dashboard-chart-svg{
  position:relative;
  z-index:1;
  width:100%;
  height:286px;
  display:block;
}
.dashboard-chart-canvas{
  position:relative;
  z-index:1;
  width:100%;
  min-height:286px;
}
.dashboard-chart-grid-line{
  stroke:rgba(148,163,184,.15);
  stroke-width:1;
}
.dashboard-chart-axis{
  stroke:rgba(148,163,184,.34);
  stroke-width:1.2;
}
.dashboard-chart-y-label,
.dashboard-chart-x-label{
  fill:#8fa1b5;
  font-size:11px;
  font-weight:650;
}
.dashboard-chart-x-label{text-anchor:middle}
.dashboard-chart-tooltip{
  position:absolute;
  z-index:3;
  display:grid;
  gap:4px;
  min-width:154px;
  pointer-events:none;
  padding:10px 12px;
  border:1px solid rgba(96,165,250,.42);
  border-radius:8px;
  background:#0d1628;
  box-shadow:0 12px 28px rgba(0,0,0,.38);
  color:#f8fbff;
  font-size:.78rem;
}
.dashboard-chart-tooltip span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#dbe7f4;
}
.dashboard-chart-hover-line{
  stroke:rgba(96,165,250,.4);
  stroke-width:1;
  stroke-dasharray:4 5;
}
.dashboard-chart-line{
  fill:none;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dashboard-chart-line--operations{stroke:#2f6df6;stroke-dasharray:8 7}
.dashboard-chart-line--income{stroke:#10b981;stroke-width:3.5}
.dashboard-chart-point{
  stroke:#0d1628;
  stroke-width:2.4;
}
.dashboard-chart-point.active{stroke:#dbeafe;stroke-width:2.8}
.dashboard-chart-point--operations{fill:#2f6df6}
.dashboard-chart-point--income{fill:#10b981}
.dashboard-chart-legend{
  position:relative;
  z-index:1;
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:-8px 0 0 30px;
  color:#dbe7f4;
  font-size:.86rem;
}
.dashboard-chart-legend button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0;
  border:0;
  background:transparent;
  color:#dbe7f4;
  font:inherit;
  cursor:pointer;
}
.dashboard-chart-legend button.muted,
.dashboard-chart-legend .legend-item--muted{opacity:.38}
.dashboard-chart-legend .legend-item--interactive:focus-visible {
  outline:1px solid rgba(226,232,240,.6);
  outline-offset:3px;
  border-radius:8px;
}
.dashboard-chart-legend i{
  width:10px;
  height:10px;
  border-radius:999px;
}
.legend-operations{background:#2f6df6}
.legend-income{background:#10b981}
.dashboard-chart-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-list{display:grid;gap:10px}
.dashboard-row{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:58px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
  color:var(--ink);
  text-decoration:none;
}
.dashboard-row:hover{border-color:var(--accent);color:var(--ink)}
.dashboard-row-icon{
  width:34px;
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.dashboard-row-main{min-width:0;display:grid;gap:2px;flex:1}
.dashboard-row-main strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-row-main small{
  overflow:hidden;
  color:var(--muted);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dashboard-row-amount{
  white-space:nowrap;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.dashboard-empty{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:7px;
  padding:20px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  text-align:center;
}
.dashboard-empty span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.dashboard-empty small{max-width:360px;color:var(--muted);line-height:1.45}
.dashboard-finance-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:18px;
}
.dashboard-finance-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.campaigns-subtitle{
  max-width:720px;
  color:var(--muted);
  font-size:.92rem;
}
.campaigns-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.campaigns-header-form{margin:0}
.campaigns-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  margin-bottom:16px;
}
.campaigns-info{
  --campaign-accent:var(--accent);
  position:relative;
  min-height:74px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:10px 12px 10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.campaigns-info-strip{
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--campaign-accent);
}
.campaigns-info-icon{
  width:36px;
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--campaign-accent) 18%,transparent);
  color:var(--campaign-accent);
  font-weight:850;
}
.campaigns-info-body{min-width:0;display:grid;gap:2px}
.campaigns-info-label{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.campaigns-info-value{
  color:var(--ink);
  font-size:1.14rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.campaigns-info-hint{
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaigns-info--total{--campaign-accent:#334155}
.campaigns-info--active{--campaign-accent:#10b981}
.campaigns-info--draft{--campaign-accent:#f59e0b}
.campaigns-info--budget{--campaign-accent:#3b82f6}
.campaigns-kpis.is-colored .campaigns-info{
  border-color:color-mix(in srgb,var(--campaign-accent) 45%,var(--line));
}
.campaigns-kpis.is-colored .campaigns-info-strip{display:none}
.campaigns-kpis.is-colored .campaigns-info-icon{
  background:rgba(255,255,255,.2);
  color:#fff;
}
.campaigns-kpis.is-colored .campaigns-info-label,
.campaigns-kpis.is-colored .campaigns-info-value,
.campaigns-kpis.is-colored .campaigns-info-hint{color:#fff}
.campaigns-kpis.is-colored .campaigns-info--total{background:linear-gradient(135deg,#334155,#0f172a)}
.campaigns-kpis.is-colored .campaigns-info--active{background:linear-gradient(135deg,#059669,#065f46)}
.campaigns-kpis.is-colored .campaigns-info--draft{background:linear-gradient(135deg,#d97706,#92400e)}
.campaigns-kpis.is-colored .campaigns-info--budget{background:linear-gradient(135deg,#2563eb,#1e3a8a)}
.campaigns-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,auto) minmax(180px,1fr) auto;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.campaigns-toolbar-label{
  color:var(--muted);
  font-size:.72rem;
  font-weight:850;
  text-transform:uppercase;
}
.campaigns-budget-track{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:var(--panel-soft);
  border:1px solid var(--line);
}
.campaigns-budget-track span{
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:linear-gradient(90deg,#10b981,#2563eb);
}
.campaigns-layout{
  display:grid;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
  gap:18px;
  align-items:start;
}
.campaigns-create-card,
.campaigns-list-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.campaigns-create-card{
  position:sticky;
  top:82px;
}
.campaigns-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.campaigns-field{
  display:grid;
  gap:6px;
  min-width:0;
}
.campaigns-field span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:850;
}
.campaigns-field--wide,
.campaigns-form-actions{grid-column:1 / -1}
.campaigns-form-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.campaigns-price-box{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-soft);
}
.campaigns-price-box span,
.campaigns-price-box small{
  color:var(--muted);
  font-size:.82rem;
}
.campaigns-price-box strong{
  color:var(--ink);
  font-size:1.15rem;
}
.campaigns-list{display:grid;gap:10px}
.campaigns-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,.34fr);
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.campaigns-row:hover{border-color:var(--accent)}
.campaigns-row-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.campaigns-row-icon,
.campaigns-row-thumb{
  width:36px;
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.campaigns-row-thumb{
  overflow:hidden;
  padding:0;
}
.campaigns-row-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.campaigns-row-copy{min-width:0;display:grid;gap:5px}
.campaigns-row-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
.campaigns-row-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaigns-row-meta{
  display:flex;
  align-items:center;
  gap:6px 10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.78rem;
}
.campaigns-row-meta span{
  min-width:0;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.campaigns-row-text{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.campaigns-row-budget{display:grid;gap:6px;min-width:0}
.campaigns-row-budget-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--muted);
  font-size:.78rem;
  font-variant-numeric:tabular-nums;
}
.campaigns-row-budget-head strong{color:var(--ink)}
.campaigns-budget-track--row{height:8px}
.campaigns-row-actions{
  grid-column:1 / -1;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  padding-top:10px;
  border-top:1px solid var(--line);
}
.campaigns-row-actions form{margin:0}
.campaigns-row-actions .btn{
  min-height:32px;
  padding:5px 10px;
  font-size:.78rem;
}
.campaigns-row-editor,
.creatives-row-editor{
  grid-column:1 / -1;
  padding-top:10px;
}
.campaigns-row-budget-panel{
  margin-bottom:-2px;
}
.campaigns-row-edit-panel{
  margin-top:-2px;
}
.campaigns-row-editor summary,
.creatives-row-editor summary{
  cursor:pointer;
  color:var(--accent);
  font-weight:700;
  margin-bottom:10px;
}
.campaigns-inline-form,
.creatives-delete-form{
  display:flex;
  gap:10px;
  align-items:end;
  flex-wrap:wrap;
  margin:0 0 10px;
}
.campaigns-inline-form label{
  display:grid;
  gap:5px;
  min-width:min(220px,100%);
}
.campaigns-inline-form label span,
.creatives-delete-form span{
  color:var(--muted);
  font-size:.82rem;
}
.campaigns-form--inline,
.creatives-form--inline{
  margin-top:10px;
}
.creatives-delete-form{
  align-items:center;
  margin-top:10px;
}
.campaigns-row-action-muted,
.creatives-row-action-muted{
  color:var(--muted);
  font-size:.78rem;
  overflow-wrap:anywhere;
}
.campaigns-edit-note{
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
  color:var(--muted);
  font-size:.78rem;
  line-height:1.35;
}
.rating-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.rating-summary-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.rating-summary-icon{
  width:42px;
  min-width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(234,179,8,.16);
  color:#eab308;
  font-weight:900;
}
.rating-summary-card div{display:grid;gap:2px;min-width:0}
.rating-summary-card span:not(.rating-summary-icon),
.rating-summary-card small{color:var(--muted);font-size:.78rem}
.rating-summary-card strong{
  color:var(--ink);
  font-size:1.25rem;
}
.rating-levels{
  display:grid;
  gap:10px;
}
.rating-level{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.rating-level.active{
  border-color:#eab308;
  box-shadow:inset 3px 0 0 #eab308;
}
.rating-level div{display:grid;gap:2px}
.rating-level span,
.rating-level small{color:var(--muted);font-size:.78rem}
.campaigns-empty{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:22px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  text-align:center;
}
.campaigns-empty--compact{min-height:260px}
.campaigns-empty span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.campaigns-empty small{
  max-width:360px;
  color:var(--muted);
  line-height:1.45;
}
.creatives-subtitle{
  max-width:760px;
  color:var(--muted);
  font-size:.92rem;
}
.creatives-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.creatives-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
  margin-bottom:16px;
}
.creatives-info{
  --creative-accent:var(--accent);
  position:relative;
  min-height:74px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  padding:10px 12px 10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.creatives-info-strip{
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--creative-accent);
}
.creatives-info-icon{
  width:36px;
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--creative-accent) 18%,transparent);
  color:var(--creative-accent);
  font-weight:850;
}
.creatives-info-body{min-width:0;display:grid;gap:2px}
.creatives-info-label{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.creatives-info-value{
  color:var(--ink);
  font-size:1.14rem;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.creatives-info-hint{
  overflow:hidden;
  color:var(--muted);
  font-size:.74rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creatives-info--total{--creative-accent:#334155}
.creatives-info--approved{--creative-accent:#10b981}
.creatives-info--pending{--creative-accent:#f59e0b}
.creatives-info--draft{--creative-accent:#3b82f6}
.creatives-kpis.is-colored .creatives-info{
  border-color:color-mix(in srgb,var(--creative-accent) 45%,var(--line));
}
.creatives-kpis.is-colored .creatives-info-strip{display:none}
.creatives-kpis.is-colored .creatives-info-icon{
  background:rgba(255,255,255,.2);
  color:#fff;
}
.creatives-kpis.is-colored .creatives-info-label,
.creatives-kpis.is-colored .creatives-info-value,
.creatives-kpis.is-colored .creatives-info-hint{color:#fff}
.creatives-kpis.is-colored .creatives-info--total{background:linear-gradient(135deg,#334155,#0f172a)}
.creatives-kpis.is-colored .creatives-info--approved{background:linear-gradient(135deg,#059669,#065f46)}
.creatives-kpis.is-colored .creatives-info--pending{background:linear-gradient(135deg,#d97706,#92400e)}
.creatives-kpis.is-colored .creatives-info--draft{background:linear-gradient(135deg,#2563eb,#1e3a8a)}
.creatives-toolbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.creatives-toolbar-item{
  min-height:62px;
  display:grid;
  align-content:center;
  gap:3px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.creatives-toolbar-item span{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.creatives-toolbar-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creatives-layout{
  display:grid;
  grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);
  gap:18px;
  align-items:start;
}
.creatives-create-card,
.creatives-list-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.creatives-create-card{
  position:sticky;
  top:82px;
}
.creatives-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.creatives-field{
  display:grid;
  gap:6px;
  min-width:0;
}
.creatives-field span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:850;
}
.creatives-field--wide,
.creatives-form-actions{grid-column:1 / -1}
.creatives-form textarea{resize:vertical}
.creatives-form-actions{
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.creatives-list{display:grid;gap:10px}
.creatives-row{
  --creative-row-accent:#3b82f6;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(132px,.22fr);
  align-items:stretch;
  gap:12px;
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.creatives-row:hover{border-color:var(--creative-row-accent)}
.creatives-row--banner{--creative-row-accent:#0f766e}
.creatives-row--card{--creative-row-accent:#3b82f6}
.creatives-row--video{--creative-row-accent:#7c3aed}
.creatives-row-main{
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-width:0;
}
.creatives-row-icon{
  width:36px;
  min-width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--creative-row-accent) 18%,transparent);
  color:var(--creative-row-accent);
  font-weight:850;
}
.creatives-row-copy{min-width:0;display:grid;gap:6px}
.creatives-row-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
.creatives-row-title strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creatives-row-meta{
  display:flex;
  align-items:center;
  gap:6px 10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.78rem;
}
.creatives-row-meta span{
  min-width:0;
  max-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creatives-row-text{
  max-width:780px;
  margin:0;
  color:var(--status-text);
  font-size:.88rem;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.creatives-row-preview{
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  min-height:92px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--creative-row-accent) 30%,var(--line));
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--creative-row-accent) 16%,transparent),transparent 58%),
    var(--panel);
  text-align:center;
}
.creatives-preview-label{
  display:inline-grid;
  place-items:center;
  min-width:30px;
  min-height:22px;
  padding:2px 6px;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
}
.creatives-row-preview strong{color:var(--ink)}
.creatives-row-preview small{color:var(--muted)}
.creatives-row-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:6px;
  display:block;
}
.creatives-empty{
  min-height:300px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:22px;
  border:1px dashed var(--field-border);
  border-radius:8px;
  text-align:center;
}
.creatives-empty span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.creatives-empty small{
  max-width:360px;
  color:var(--muted);
  line-height:1.45;
}
.settings-assets-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,auto) auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 44%),
    var(--panel);
  box-shadow:var(--shadow);
}
.settings-assets-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.settings-assets-icon{
  width:46px;
  min-width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--accent);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
}
.settings-assets-meta{
  display:grid;
  gap:5px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.settings-assets-meta small{
  display:block;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
}
.settings-assets-meta strong{
  display:block;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.settings-assets-meta code{
  max-width:360px;
  display:block;
  overflow:hidden;
  color:var(--muted);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-assets-actions{display:flex;justify-content:flex-end}
.settings-branding-card{
  margin-top:14px;
  grid-template-columns:minmax(0,1fr) minmax(220px,auto) minmax(320px,auto);
}
.settings-branding-logo-preview,
.settings-branding-icon-preview{
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));
  border-radius:8px;
  background:var(--panel-soft);
  color:var(--brand);
  font-weight:900;
  overflow:hidden;
}
.settings-branding-logo-preview{
  width:54px;
  min-width:54px;
  height:54px;
}
.settings-branding-icon-preview{
  width:42px;
  height:42px;
}
.settings-branding-logo-preview img,
.settings-branding-icon-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  padding:4px;
}
.settings-branding-preview{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:10px;
  align-items:center;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.settings-branding-preview small{
  display:block;
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
}
.settings-branding-preview strong{
  display:block;
  max-width:280px;
  overflow:hidden;
  color:var(--ink);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-branding-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,1fr));
  gap:10px;
  align-items:end;
}
.settings-branding-form .btn{grid-column:1 / -1}
.settings-check{
  display:flex;
  gap:8px;
  align-items:center;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.2;
}
.settings-check input{accent-color:var(--brand)}
.settings-check--strong{
  color:var(--ink);
  font-size:.95rem;
  font-weight:850;
}
.pwa-page-header{margin-bottom:16px}
.pwa-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.pwa-kpi{
  min-width:0;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:2px 10px;
  align-items:center;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.pwa-kpi span{
  grid-row:1 / span 3;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.pwa-kpi small{
  color:var(--muted);
  font-size:.68rem;
  font-weight:850;
  text-transform:uppercase;
}
.pwa-kpi strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
}
.pwa-kpi em{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-size:.76rem;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pwa-kpis.is-colored .pwa-kpi--install{border-color:rgba(20,184,166,.48)}
.pwa-kpis.is-colored .pwa-kpi--secure{border-color:rgba(34,197,94,.5)}
.pwa-kpis.is-colored .pwa-kpi--push{border-color:rgba(96,165,250,.5)}
.pwa-kpis.is-colored .pwa-kpi--offline{border-color:rgba(139,92,246,.5)}
.pwa-kpis.is-colored .pwa-kpi--warn{border-color:var(--warning-line);background:var(--warning-bg)}
.pwa-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);
  gap:16px;
  align-items:start;
}
.pwa-status-card,
.pwa-push-card{min-width:0}
.pwa-status-card{grid-column:1}
.pwa-install-card,
.pwa-devices-card{grid-column:2}
.pwa-push-card{grid-column:1}
.pwa-check-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pwa-check{
  min-width:0;
  display:grid;
  grid-template-columns:36px 1fr;
  gap:2px 10px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
}
.pwa-check span{
  grid-row:1 / span 2;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--status-bg);
  color:var(--status-text);
  font-size:.76rem;
  font-weight:900;
}
.pwa-check strong,
.pwa-check small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pwa-check small{
  color:var(--muted);
  font-size:.76rem;
}
.pwa-check.is-ok{border-color:var(--success-line);background:var(--success-bg)}
.pwa-check.is-bad{border-color:var(--danger-line);background:var(--danger-bg)}
.pwa-install-steps,
.pwa-preferences,
.pwa-device-list{
  display:grid;
  gap:10px;
}
.pwa-install-steps div{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.pwa-install-steps span{
  color:var(--muted);
  font-size:.84rem;
  line-height:1.42;
}
.pwa-push-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pwa-preferences{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.pwa-device-row{
  min-width:0;
  display:grid;
  grid-template-columns:40px 1fr;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--field);
}
.pwa-device-row > span{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-size:.78rem;
  font-weight:900;
}
.pwa-device-row div{
  min-width:0;
  display:grid;
  gap:2px;
}
.pwa-device-row strong,
.pwa-device-row small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pwa-device-row small{
  color:var(--muted);
  font-size:.76rem;
}
.settings-admin-form{
  display:grid;
  gap:16px;
  margin-top:16px;
}
.admin-settings-shell{
  display:grid;
  grid-template-columns:minmax(250px,320px) minmax(0,1fr);
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.admin-settings-nav,
.admin-settings-editor{
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.admin-settings-nav{
  position:sticky;
  top:80px;
  display:grid;
  gap:12px;
  padding:12px;
}
.admin-settings-nav-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  padding:4px 2px;
}
.admin-settings-search{height:36px}
.admin-settings-nav-list{
  max-height:calc(100vh - 250px);
  display:grid;
  gap:8px;
  overflow:auto;
  padding-right:4px;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.admin-settings-nav-btn{
  min-width:0;
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  padding:11px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--ink);
  text-align:left;
}
.admin-settings-nav-btn span{
  grid-row:1 / span 2;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--panel-soft);
  color:var(--brand);
  font-size:.78rem;
  font-weight:900;
}
.admin-settings-nav-btn strong,
.admin-settings-nav-btn small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-settings-nav-btn strong{font-weight:850}
.admin-settings-nav-btn small{color:var(--muted);font-size:.76rem}
.admin-settings-nav-btn:hover,
.admin-settings-nav-btn.is-active{
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
  background:color-mix(in srgb,var(--brand) 12%,transparent);
}
.admin-settings-editor{
  overflow:hidden;
}
.admin-settings-panel{
  display:none;
  min-height:min(660px,calc(100vh - 185px));
}
.admin-settings-panel.is-active{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.admin-settings-panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  padding:16px;
  border-bottom:1px solid var(--line);
  background:var(--panel-soft);
}
.admin-settings-panel-body{
  min-height:0;
  display:grid;
  gap:14px;
  align-content:start;
  padding:16px;
  overflow:auto;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.admin-settings-panel-actions{
  position:sticky;
  bottom:-16px;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin:2px -16px -16px;
  padding:12px 16px;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  backdrop-filter:blur(10px);
}
.settings-payment-workspace{
  gap:18px;
}
.settings-payment-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.settings-payment-kpi{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:2px 10px;
  align-items:center;
  min-height:76px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
  color:var(--ink);
  text-align:left;
}
.settings-payment-kpi span{
  grid-row:1 / span 2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--brand) 18%,transparent);
  color:var(--brand);
  font-size:.82rem;
  font-weight:900;
}
.settings-payment-kpi strong,
.settings-payment-kpi small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-payment-kpi strong{font-weight:900}
.settings-payment-kpi small{color:var(--muted);font-size:.76rem}
.settings-payment-kpi:hover,
.settings-payment-kpi.is-active{
  border-color:color-mix(in srgb,var(--brand) 60%,var(--line));
  background:color-mix(in srgb,var(--brand) 14%,var(--panel-soft));
}
.settings-payment-form{
  display:none;
  gap:14px;
}
.settings-payment-form.is-active{
  display:grid;
}
.settings-payment-intro{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:12px;
}
.settings-payment-intro > div{
  min-width:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel-soft);
}
.settings-payment-intro h3{
  margin:0 0 6px;
  font-size:.95rem;
  font-weight:900;
}
.settings-payment-intro p{
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.4;
}
.settings-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.settings-section{
  min-width:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.settings-section--wide{grid-column:1 / -1}
.settings-section summary{
  cursor:pointer;
  color:var(--ink);
  font-size:1.08rem;
  font-weight:800;
}
.settings-grid,
.settings-env-form{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
}
.settings-grid--compact{grid-template-columns:repeat(auto-fit,minmax(180px,260px));margin-top:12px}
.settings-field{
  display:grid;
  gap:6px;
  min-width:0;
}
.settings-field span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:850;
}
.settings-tariff-wrap{
  overflow-x:auto;
  scrollbar-color:var(--brand) var(--panel-soft);
}
.settings-tariff-table{
  width:100%;
  min-width:760px;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
}
.settings-tariff-table th,
.settings-tariff-table td{
  padding:8px;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
  background:var(--panel);
  vertical-align:middle;
}
.settings-tariff-table th{
  color:var(--muted);
  font-size:.76rem;
  font-weight:850;
  text-align:left;
  white-space:nowrap;
}
.settings-tariff-table thead th{background:var(--panel-soft)}
.settings-tariff-table tr:last-child th,
.settings-tariff-table tr:last-child td{border-bottom:0}
.settings-tariff-table th:last-child,
.settings-tariff-table td:last-child{border-right:0}
.settings-tariff-table input{
  min-width:86px;
  font-variant-numeric:tabular-nums;
}
.settings-tariff-table .is-disabled{
  text-align:center;
  background:var(--panel-soft);
  color:var(--muted);
}
.settings-note{
  margin-top:10px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}
.settings-submit{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  padding-top:4px;
}
.settings-submit--sticky{
  position:sticky;
  bottom:12px;
  z-index:3;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow);
}
.direct-zones-kpis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px;
  margin-bottom:16px;
}
.direct-zones-kpis .admin-kpi{
  min-height:86px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.direct-zones-kpis .admin-kpi-icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.direct-zones-kpis .admin-kpi--accent .admin-kpi-icon{
  background:var(--success-bg);
  color:var(--success-text);
}
.direct-zones-kpis .admin-kpi--warning .admin-kpi-icon{
  background:var(--warning-bg);
  color:var(--warning-text);
}
.direct-zones-kpis .admin-kpi small{
  display:block;
  color:var(--muted);
  font-size:.74rem;
  font-weight:850;
  text-transform:uppercase;
}
.direct-zones-kpis .admin-kpi strong{
  display:block;
  margin-top:4px;
  font-size:1.35rem;
  line-height:1;
}
.direct-zones-list{display:grid;gap:14px}
.direct-zone-row{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.direct-zone-main{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.direct-zone-title{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.direct-zone-icon{
  width:38px;
  height:38px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:900;
}
.direct-zone-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.78rem;
  font-weight:750;
}
.direct-zone-meta span{
  max-width:100%;
  overflow-wrap:anywhere;
}
.direct-zone-preview{
  min-height:var(--direct-zone-frame-height, 72px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
}
.direct-zone-preview iframe{
  width:var(--direct-zone-width, 468px);
  max-width:100%;
  height:var(--direct-zone-frame-height, 72px);
  max-height:160px;
  display:block;
  border:0;
  background:transparent!important;
}
.direct-zone-preview-empty{
  padding:14px;
  color:var(--muted);
  text-align:center;
  font-size:.86rem;
}
.direct-zone-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.direct-zone-form-wide,
.direct-zone-code,
.direct-zone-note,
.direct-zone-actions{grid-column:1 / -1}
.direct-zone-code textarea{
  min-height:220px;
  resize:vertical;
}
.direct-zone-note{
  color:var(--muted);
  font-size:.86rem;
}
.direct-zone-actions{
  display:flex;
  justify-content:flex-end;
}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.action-tile{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  text-decoration:none;
  background:var(--panel);
}
.action-tile:hover{border-color:var(--accent);background:var(--panel-soft);color:var(--brand-strong)}
.action-tile span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-weight:850;
}
.moderation-list{display:grid;gap:12px}
.moderation-item{
  display:grid;
  gap:14px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
}
.creative-preview{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
  padding:10px;
  border-radius:8px;
  background:var(--panel-soft);
}
.creative-preview span{color:var(--muted);font-size:.86rem}
.creative-preview img{
  width:96px;
  height:54px;
  object-fit:cover;
  border-radius:6px;
  border:1px solid var(--line);
  background:var(--panel);
}
.moderation-actions{display:grid;gap:8px}

.guest-shell:has(.auth-page){
  min-height:100vh;
  background:
    radial-gradient(circle at 22% 22%, rgba(45,212,191,.16), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(96,165,250,.18), transparent 30%),
    linear-gradient(135deg,#071419,#111827 52%,#071419);
}
.auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:22px 14px;
  color:#edf7fb;
}
.auth-card{
  width:min(1120px,100%);
  border:1px solid rgba(148,163,184,.28);
  border-radius:24px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(17,31,45,.92),rgba(13,23,45,.94) 54%,rgba(10,46,59,.88));
  box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.auth-top{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:16px;
  padding:28px 32px 18px;
  border-bottom:1px solid rgba(148,163,184,.18);
}
.auth-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#f8fbff;
  text-decoration:none;
  font-size:1.18rem;
}
.auth-logo{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:linear-gradient(135deg,#38bdf8,#7c3aed);
  color:#fff;
  font-weight:850;
}
.auth-banner{
  position:relative;
  width:min(468px,42vw);
  min-height:60px;
  display:grid;
  place-items:center;
  border:1px solid rgba(96,165,250,.32);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(2,6,23,.5),rgba(59,130,246,.22),rgba(2,6,23,.5)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 8px,transparent 8px 18px);
  color:#c7d2fe;
  text-align:center;
}
.auth-banner span{
  position:absolute;
  top:4px;
  right:6px;
  padding:1px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#0f172a;
  font-size:.62rem;
  font-weight:800;
}
.auth-banner strong{font-size:.88rem;letter-spacing:0;color:#dbeafe}
.auth-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:36px;
  padding:28px 32px 32px;
}
.auth-form-col h1{
  margin:6px 0 10px;
  color:#f8fbff;
  font-size:clamp(2rem,4vw,2.6rem);
  line-height:1.05;
}
.auth-copy{
  max-width:520px;
  margin:0 0 18px;
  color:#b8c4d6;
  line-height:1.65;
}
.auth-form{display:grid;gap:12px}
.auth-field{display:grid;gap:6px}
.auth-field span{color:#dbeafe;font-size:.9rem;font-weight:650}
.auth-field .form-control{
  min-height:46px;
  border-color:rgba(148,163,184,.24);
  background:rgba(15,23,42,.68);
  color:#f8fbff;
}
.auth-field .form-control:focus{
  border-color:#60a5fa;
  background:rgba(15,23,42,.82);
  color:#fff;
}
.auth-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-height:24px;
  font-size:.86rem;
}
.auth-row a,.auth-switch a{color:#60a5fa;text-decoration:none}
.auth-row a:hover,.auth-switch a:hover{text-decoration:underline}
.auth-primary{
  min-height:48px;
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#7c3aed);
}
.auth-primary:hover{color:#fff;filter:brightness(1.05)}
.auth-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin:18px 0;
  color:#94a3b8;
  font-size:.82rem;
}
.auth-divider::before,.auth-divider::after{
  content:"";
  height:1px;
  background:rgba(148,163,184,.26);
}
.auth-socials{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.auth-social{
  min-height:42px;
  border-color:rgba(148,163,184,.3);
  background:rgba(255,255,255,.07);
  color:#e2e8f0;
}
.auth-social:disabled{
  border-color:rgba(148,163,184,.22);
  background:rgba(255,255,255,.06);
  color:#cbd5e1;
  opacity:.82;
}
.auth-social span{
  display:inline-grid;
  place-items:center;
  width:22px;
  height:22px;
  margin-right:6px;
  border-radius:50%;
  background:#3b82f6;
  color:#fff;
  font-size:.78rem;
  font-weight:850;
}
.auth-social:last-child span{background:#ef4444}
.auth-switch{
  margin:16px 0 0;
  color:#b8c4d6;
  font-size:.9rem;
}
.auth-info{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-top:28px;
}
.auth-info .status-pill{
  align-self:flex-end;
  border-color:rgba(148,163,184,.3);
  background:rgba(255,255,255,.08);
  color:#cbd5e1;
}
.auth-info h2{
  margin:86px 0 2px;
  color:#f8fbff;
  font-size:1.15rem;
}
.auth-number{
  position:absolute;
  top:90px;
  right:4px;
  color:rgba(226,232,240,.08);
  font-size:8.5rem;
  font-weight:900;
  line-height:1;
}
.auth-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:104px;
  padding:16px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  background:rgba(15,23,42,.42);
}
.auth-option.active{border-color:rgba(124,58,237,.78);box-shadow:inset 0 0 0 1px rgba(124,58,237,.22)}
.auth-option-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#38bdf8,#7c3aed);
  color:#fff;
  font-size:1.45rem;
  font-weight:850;
}
.auth-option strong{display:block;color:#f8fbff}
.auth-option small{display:block;margin-top:4px;color:#aebbd0;line-height:1.45}

.landing-main{
  overflow:hidden;
  background:#071419;
}
.landing-nav{
  background:rgba(7,20,25,.9)!important;
  backdrop-filter:saturate(180%) blur(14px);
}
.landing-hero{
  position:relative;
  min-height:calc(100vh - 57px);
  display:flex;
  align-items:center;
  padding:70px 0 42px;
  color:#f8fbff;
  background:
    linear-gradient(120deg,rgba(7,20,25,.98) 0%,rgba(15,45,49,.92) 48%,rgba(18,60,66,.84) 100%),
    url('/assets/icons/icon-512.png');
  background-size:auto, min(46vw,520px);
  background-position:center, right 7vw center;
  background-repeat:no-repeat;
}
.landing-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:96px;
  background:linear-gradient(180deg,transparent,#07191c);
}
.landing-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,470px);
  gap:42px;
  align-items:center;
}
.landing-hero-copy h1{
  margin:10px 0 18px;
  font-size:clamp(3.1rem,8vw,6.4rem);
  line-height:.92;
  color:#fff;
  font-weight:900;
}
.landing-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border:1px solid rgba(45,212,191,.38);
  border-radius:999px;
  background:rgba(45,212,191,.1);
  color:#99f6e4;
  font-size:.76rem;
  font-weight:850;
  text-transform:uppercase;
}
.landing-lead{
  max-width:710px;
  margin:0;
  color:#d6e7ed;
  font-size:clamp(1.08rem,2.1vw,1.32rem);
  line-height:1.62;
}
.landing-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.landing-actions .btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  font-weight:800;
}
.landing-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.landing-trust span{
  padding:8px 10px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:8px;
  background:rgba(255,255,255,.07);
  color:#dbeafe;
  font-size:.84rem;
  font-weight:750;
}
.landing-device{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
}
.landing-phone{
  width:min(100%,350px);
  padding:14px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(248,251,255,.96),rgba(226,242,244,.94));
  box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.landing-phone-bar{
  display:flex;
  justify-content:center;
  gap:5px;
  padding:8px 0 15px;
}
.landing-phone-bar span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8fb3b2;
}
.landing-ad-card,
.landing-balance-card{
  border:1px solid rgba(16,24,40,.1);
  border-radius:18px;
  background:#fff;
  color:#101828;
  box-shadow:0 18px 36px rgba(16,24,40,.12);
}
.landing-ad-card{
  display:grid;
  gap:12px;
  padding:16px;
}
.landing-ad-card small,
.landing-balance-card span,
.landing-reward-row span{
  color:#667085;
  font-size:.78rem;
  font-weight:800;
}
.landing-ad-card strong{
  font-size:1.04rem;
}
.landing-ad-visual{
  min-height:150px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(37,99,235,.96),rgba(15,118,110,.92)),
    url('/assets/icons/icon-192.png');
  background-size:auto, 140px;
  background-position:center;
  background-repeat:no-repeat;
}
.landing-ad-visual span{
  position:relative;
  z-index:1;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#123c42;
  font-weight:900;
}
.landing-ad-visual i{
  position:absolute;
  inset:auto 16px 16px 16px;
  height:28px;
  border-radius:8px;
  background:rgba(255,255,255,.23);
}
.landing-timer{
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:#e6eef0;
}
.landing-timer span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#14b8a6,#2563eb);
}
.landing-timer-progress{width:72%}
.landing-reward-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}
.landing-reward-row strong{
  color:#0f766e;
}
.landing-balance-card{
  margin-top:14px;
  padding:16px;
}
.landing-balance-card strong{
  display:block;
  margin-top:4px;
  font-size:1.55rem;
}
.landing-orbit{
  position:absolute;
  display:grid;
  place-items:center;
  width:82px;
  height:82px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-weight:900;
  backdrop-filter:blur(10px);
}
.landing-orbit--top{top:48px;right:18px}
.landing-orbit--bottom{left:6px;bottom:78px}
.landing-band{
  padding:76px 0;
  background:var(--bg);
}
.landing-band--contrast{
  background:var(--panel);
}
.landing-section-head{
  max-width:760px;
  margin-bottom:28px;
}
.landing-section-head h2,
.landing-two-col h2{
  margin:14px 0 0;
  color:var(--ink);
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.05;
}
.landing-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.landing-steps article,
.landing-metrics article{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  box-shadow:var(--shadow);
}
.landing-steps article span,
.landing-metrics article span{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:32px;
  padding:0 10px;
  border-radius:999px;
  background:var(--brand-tint);
  color:var(--brand-strong);
  font-size:.78rem;
  font-weight:900;
}
.landing-steps h3{
  margin:20px 0 8px;
  font-size:1.05rem;
}
.landing-steps p,
.landing-two-col p{
  margin:0;
  color:var(--muted);
  line-height:1.58;
}
.landing-two-col{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,470px);
  gap:34px;
  align-items:center;
}
.landing-two-col p{
  max-width:720px;
  margin:16px 0 22px;
  font-size:1.06rem;
}
.landing-metrics{
  display:grid;
  gap:12px;
}
.landing-metrics article{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:14px;
  align-items:center;
}
.landing-metrics strong{
  min-width:0;
  color:var(--ink);
  font-size:1.05rem;
}

.bottom-nav{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1020;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  min-height:64px;
  padding:6px 6px calc(6px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);
  background:var(--bottom-nav);
  box-shadow:0 -10px 24px rgba(16,24,40,.08);
}
.bottom-link{
  display:grid;
  place-items:center;
  gap:2px;
  min-width:0;
  padding:4px 2px;
  color:var(--muted);
  text-decoration:none;
  border-radius:8px;
}
.bottom-link span{font-size:1.12rem;line-height:1}
.bottom-link small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.68rem;
}
.bottom-link.active{background:var(--brand-tint);color:var(--brand-strong);font-weight:800}

@media (max-width:575.98px){
  body{font-size:15px}
  h1.h3{font-size:1.35rem}
  h2.h5{font-size:1.05rem}
  .panel{padding:14px}
  .topbar-actions .btn{padding:.35rem .55rem}
  .topbar{
    align-items:center;
    min-height:58px;
  }
  .topbar-actions{
    flex-wrap:nowrap;
    justify-content:flex-end;
  }
  .topbar-actions > .btn,
  .topbar-actions > .desktop-account-menu,
  .topbar-actions > .admin-notifications,
  .topbar-actions > .user-topbar{
    display:none;
  }
  .mobile-account-toggle,
  .mobile-account-scrim,
  .mobile-account-panel{
    display:grid;
  }
  .mobile-account-scrim[hidden],
  .mobile-account-panel[hidden]{
    display:none;
  }
  .user-topbar{
    order:-1;
    width:100%;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
  .topbar-pill{
    max-width:138px;
    padding:5px 8px;
  }
  .topbar-pill strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .user-rating-panel,
  .user-notifications-panel,
  .admin-notifications-panel{
    right:-8px;
  }
  .user-notifications-list,
  .admin-notifications-list{
    grid-template-columns:1fr;
  }
  .rating-summary{grid-template-columns:1fr}
  .table-responsive{border:1px solid var(--line);border-radius:8px}
  .table{min-width:620px}
  .watch-screen{min-height:calc(100vh - 150px)}
  .watch-actions .btn{flex:1 1 0}
  .balance-meta{display:grid}
  .settings-kpis,
  .profile-settings-layout,
  .settings-form-grid,
  .settings-avatar-drop,
  .settings-mini-kpis{
    grid-template-columns:1fr;
  }
  .settings-nav-panel{
    display:grid;
  }
  .settings-nav-btn{
    padding:11px 12px;
  }
  .settings-profile-card{
    margin-bottom:72px;
  }
  .auth-page{padding:12px}
  .auth-card{border-radius:18px}
  .auth-top{
    grid-template-columns:1fr auto;
    padding:18px;
  }
  .auth-brand{font-size:1rem}
  .auth-banner{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    min-height:54px;
  }
  .auth-grid{
    grid-template-columns:1fr;
    gap:18px;
    padding:20px 18px 22px;
  }
  .auth-form-col h1{font-size:2rem}
  .auth-socials{grid-template-columns:1fr}
  .auth-info{padding-top:0}
  .auth-info h2{margin:4px 0 2px}
  .auth-number{display:none}
  .landing-nav .container-xl{
    gap:10px;
  }
  .landing-nav .navbar-brand{
    max-width:42vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .landing-nav .btn{
    padding:.35rem .5rem;
    font-size:.78rem;
  }
  .landing-hero{
    min-height:auto;
    padding:48px 0 34px;
    background-size:auto, 260px;
    background-position:center, right -76px top 74px;
  }
  .landing-hero-grid,
  .landing-two-col,
  .landing-steps{
    grid-template-columns:1fr;
  }
  .landing-hero-copy h1{
    font-size:3.2rem;
  }
  .landing-lead{
    font-size:1.02rem;
  }
  .landing-actions .btn{
    width:100%;
    justify-content:center;
  }
  .landing-trust{
    display:grid;
    grid-template-columns:1fr;
  }
  .landing-device{
    min-height:470px;
  }
  .landing-phone{
    width:min(100%,318px);
  }
  .landing-orbit--top{top:18px;right:2px}
  .landing-orbit--bottom{left:0;bottom:42px}
  .landing-band{
    padding:54px 0;
  }
  .landing-section-head h2,
  .landing-two-col h2{
    font-size:2rem;
  }
  .landing-metrics article{
    grid-template-columns:1fr;
  }
  .dashboard-header-actions,
  .dashboard-finance-actions{width:100%;justify-content:stretch}
  .dashboard-header-actions .btn,
  .dashboard-finance-actions .btn{flex:1 1 auto}
  .ui-page-header,
  .ui-preset-toolbar{
    align-items:stretch;
  }
  .page-actions,
  .page-actions form,
  .ui-preset-toolbar .btn{
    width:100%;
  }
  .ui-preset-kpis,
  .ui-preset-grid{
    grid-template-columns:1fr;
  }
  .ui-preset-toolbar{
    display:grid;
    grid-template-columns:1fr;
  }
  .ui-preset-kpis strong,
  .ui-preset-kpis small,
  .ui-preset-kpis em,
  .ui-preset-card-head strong,
  .ui-preset-card-head small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .dash-kpis{grid-template-columns:1fr}
  .admin-finance-actions,
  .admin-finance-actions .btn{width:100%}
  .admin-finance-kpis,
  .admin-finance-filter-form,
  .admin-finance-workspace{grid-template-columns:1fr}
  .admin-finance-filter-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .admin-finance-filter-actions .btn{width:100%}
  .admin-finance-list,
  .admin-finance-ledger-list,
  .admin-finance-account-list{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  .admin-finance-row-main{
    grid-template-columns:38px minmax(0,1fr);
    align-items:start;
  }
  .admin-finance-row-main .state-badge,
  .admin-finance-row-meta,
  .admin-finance-row-foot{
    margin-left:48px;
    padding-left:0;
  }
  .admin-finance-row-meta span:not(.state-badge),
  .admin-finance-row-title strong,
  .admin-finance-row-title small,
  .admin-finance-info-value,
  .admin-finance-info-hint,
  .admin-finance-account strong,
  .admin-finance-account span,
  .admin-finance-account small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .admin-finance-row-foot{
    display:grid;
    grid-template-columns:1fr;
  }
  .admin-finance-row-foot form,
  .admin-finance-row-foot .btn{width:100%}
  .dashboard-promo-row,
  .dashboard-action-grid,
  .dashboard-grid{grid-template-columns:1fr}
  .dashboard-chart{min-height:260px;padding:12px}
  .dashboard-chart-panel{min-height:220px}
  .dashboard-chart-canvas{min-height:210px}
  .dashboard-chart-svg{height:190px}
  .dashboard-chart-tooltip{
    position:static;
    margin-bottom:10px;
  }
  .dashboard-chart-legend{margin-left:0}
  .admin-chart-switcher .admin-chart-switcher-btn{
    min-width:58px;
    padding:4px 8px;
    font-size:.78rem;
  }
  .dashboard-row{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .dashboard-row-main{
    flex:1 1 calc(100% - 46px);
  }
  .dashboard-row-main strong,
  .dashboard-row-main small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .dashboard-row .state-badge,
  .dashboard-row-amount{
    margin-left:45px;
  }
  .dashboard-finance-strip{align-items:stretch}
  .finance-header-actions{width:100%;justify-content:stretch}
  .finance-header-actions .btn{flex:1 1 auto}
  .finance-kpis,
  .finance-action-strip,
  .finance-toolbar,
  .finance-workspace,
  .finance-transfer-summary{grid-template-columns:1fr}
  .finance-action strong,
  .finance-action small,
  .finance-kpi strong,
  .finance-kpi em{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .finance-ledger-list{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  .finance-ledger-main{
    grid-template-columns:38px minmax(0,1fr);
    align-items:start;
  }
  .finance-ledger-amount,
  .finance-ledger-main .state-badge{
    margin-left:48px;
  }
  .finance-ledger-title strong,
  .finance-ledger-title small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .finance-ledger-details{
    padding:0 12px 12px;
  }
  .finance-ledger-details dl{
    grid-template-columns:1fr;
  }
  .finance-ledger-details dd,
  .finance-ledger-details code{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .finance-drawer{
    width:100%;
    border-left:0;
  }
  .finance-quick-grid{grid-template-columns:1fr}
  .finance-drawer-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .finance-period-summary{
    position:static;
  }
  .finance-summary-stat strong,
  .finance-summary-type span,
  .finance-summary-type small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .campaigns-header-actions{width:100%;justify-content:stretch}
  .campaigns-header-actions .btn{flex:1 1 auto}
  .campaigns-kpis,
  .campaigns-layout,
  .campaigns-form{grid-template-columns:1fr}
  .campaigns-toolbar{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .campaigns-create-card{position:static}
  .campaigns-form-actions .btn{width:100%}
  .campaigns-row{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .campaigns-row-main{align-items:flex-start}
  .campaigns-row-title strong{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .campaigns-row-meta{
    display:grid;
    grid-template-columns:1fr;
  }
  .campaigns-row-meta span{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .campaigns-row-actions,
  .campaigns-row-actions form,
  .campaigns-row-actions .btn{width:100%}
  .creatives-header-actions{width:100%;justify-content:stretch}
  .creatives-header-actions .btn{flex:1 1 auto}
  .creatives-kpis,
  .creatives-layout,
  .creatives-form{grid-template-columns:1fr}
  .creatives-toolbar{grid-template-columns:1fr 1fr}
  .creatives-toolbar-item strong{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .creatives-create-card{position:static}
  .creatives-form-actions .btn{width:100%}
  .creatives-row{grid-template-columns:1fr}
  .creatives-row-title strong{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .creatives-row-meta{
    display:grid;
    grid-template-columns:1fr;
  }
  .creatives-row-meta span{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .creatives-row-preview{
    min-height:76px;
    align-content:center;
  }
  .settings-assets-card{grid-template-columns:1fr}
  .admin-settings-shell{grid-template-columns:1fr}
  .admin-settings-nav{position:static}
  .admin-settings-nav-list{
    max-height:none;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    padding-right:0;
  }
  .admin-settings-panel{min-height:auto}
  .admin-settings-panel-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .admin-settings-panel-body{overflow:visible}
  .admin-settings-panel-actions{
    position:static;
    display:grid;
    grid-template-columns:1fr;
    margin:0;
    padding:12px 0 0;
    border-top:1px solid var(--line);
    background:transparent;
    backdrop-filter:none;
  }
  .settings-payment-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .settings-payment-intro{
    grid-template-columns:1fr;
  }
  .pwa-kpis,
  .pwa-layout,
  .pwa-check-list{grid-template-columns:1fr}
  .pwa-status-card,
  .pwa-install-card,
  .pwa-push-card,
  .pwa-devices-card{grid-column:auto}
  .pwa-push-actions .btn,
  .pwa-preferences .btn{width:100%}
  .pwa-device-row strong,
  .pwa-device-row small,
  .pwa-check strong,
  .pwa-check small{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .settings-layout,
  .settings-grid,
  .settings-env-form,
  .settings-branding-form,
  .direct-zone-form{grid-template-columns:1fr}
  .settings-section{padding:14px}
  .settings-assets-actions,
  .admin-settings-panel-actions,
  .settings-submit,
  .direct-zone-actions{justify-content:stretch}
  .settings-assets-actions .btn,
  .admin-settings-panel-actions .btn,
  .settings-branding-form .btn,
  .settings-submit .btn,
  .direct-zone-actions .btn{width:100%}
  .settings-branding-preview{grid-template-columns:1fr 42px}
  .settings-assets-meta code{
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

@media (min-width:576px) and (max-width:1199.98px){
  .settings-payment-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .settings-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .profile-settings-layout{
    grid-template-columns:minmax(210px,.36fr) minmax(0,1fr);
  }
  .settings-profile-card{
    grid-column:1 / -1;
  }
}

@media (min-width:1200px){
  .profile-settings-layout{
    grid-template-columns:minmax(210px,.28fr) minmax(0,1fr) minmax(260px,.38fr);
  }
}

@media (min-width:576px){
  .w-sm-auto{width:auto!important}
}

@media (min-width:992px){
  .app-sidebar{transform:none}
  .app-main{padding-left:264px}
  .content-wrap{padding:24px}
  .bottom-nav{display:none}
  .mobile-scrim{display:none!important}
  .moderation-item{grid-template-columns:minmax(0,1fr) 420px;align-items:start}
  .action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width:991.98px){
  .topbar-direct-zone{display:none}
  .dashboard-grid{grid-template-columns:1fr}
  .dashboard-finance-strip{flex-direction:column;align-items:flex-start}
  .admin-finance-workspace,
  .admin-finance-filter-form{grid-template-columns:1fr}
  .admin-finance-list,
  .admin-finance-ledger-list{max-height:none;overflow:visible}
  .finance-workspace{grid-template-columns:1fr}
  .finance-period-summary{position:static}
  .campaigns-layout{grid-template-columns:1fr}
  .campaigns-create-card{position:static}
  .campaigns-row{grid-template-columns:minmax(0,1fr)}
  .campaigns-row-actions{justify-content:flex-start}
  .creatives-layout{grid-template-columns:1fr}
  .creatives-create-card{position:static}
}

.withdrawals-page-header{margin-bottom:14px}
.withdrawals-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.withdrawals-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}
.withdrawals-info{--withdrawals-accent:var(--accent);min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 10px;align-items:center;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}
.withdrawals-info-icon{grid-row:1 / span 3;width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--withdrawals-accent) 20%,transparent);color:var(--withdrawals-accent);font-weight:900}
.withdrawals-info-body{min-width:0;display:grid;gap:1px}
.withdrawals-info-label{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}
.withdrawals-info-value{min-width:0;overflow:hidden;color:var(--ink);font-size:1.02rem;line-height:1.1;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}
.withdrawals-info-hint{min-width:0;overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.withdrawals-info--balance{--withdrawals-accent:#10b981}
.withdrawals-info--pending{--withdrawals-accent:#f59e0b}
.withdrawals-info--paid{--withdrawals-accent:#14b8a6}
.withdrawals-info--min{--withdrawals-accent:#3b82f6}
.withdrawals-info--systems{--withdrawals-accent:#8b5cf6}
.withdrawals-info--last{--withdrawals-accent:#ec4899}
.withdrawals-kpis.is-colored .withdrawals-info{border-color:color-mix(in srgb,var(--withdrawals-accent) 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--withdrawals-accent) 32%,var(--panel)),var(--panel) 62%),var(--panel)}
.withdrawals-kpis.is-colored .withdrawals-info-icon{background:color-mix(in srgb,var(--withdrawals-accent) 82%,#fff);color:#fff}
.withdrawals-workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:16px;align-items:start}
.withdrawals-form-card{position:sticky;top:84px}
.withdrawals-form{display:grid;gap:14px}
.withdrawals-system-grid{display:grid;gap:10px}
.withdrawals-system{--withdrawals-accent:var(--accent);width:100%;min-width:0;min-height:78px;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--field);color:var(--ink);text-align:left}
.withdrawals-system:hover,.withdrawals-system.is-active{border-color:color-mix(in srgb,var(--withdrawals-accent) 54%,var(--line));background:var(--panel-soft)}
.withdrawals-system.is-not-configured{--withdrawals-accent:var(--danger);border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:color-mix(in srgb,var(--danger) 12%,var(--field))}
.withdrawals-system-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--withdrawals-accent) 18%,transparent);color:var(--withdrawals-accent);font-weight:900}
.withdrawals-system-title{display:block;color:var(--ink);font-size:.84rem;font-weight:850}
.withdrawals-system-hint{display:block;min-width:0;margin-top:3px;color:var(--muted);font-size:.74rem;line-height:1.35;overflow-wrap:anywhere}
.withdrawals-system.is-not-configured .withdrawals-system-title,.withdrawals-system.is-not-configured .withdrawals-system-hint{color:var(--danger-text)}
.withdrawals-system--sbp{--withdrawals-accent:#10b981}
.withdrawals-system--azvox{--withdrawals-accent:#3b82f6}
.withdrawals-system--fkwallet{--withdrawals-accent:#8b5cf6}
.withdrawals-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.withdrawals-presets .btn{min-width:0;overflow:hidden;text-overflow:ellipsis}
.withdrawals-form .form-text{color:var(--muted)}
.withdrawals-history-panel{overflow:hidden}
.withdrawals-history{display:grid;gap:10px;max-height:64vh;overflow:auto;padding-right:2px;scrollbar-color:var(--brand) var(--panel-soft)}
.withdrawals-history::-webkit-scrollbar{width:10px}
.withdrawals-history::-webkit-scrollbar-track{background:var(--panel-soft)}
.withdrawals-history::-webkit-scrollbar-thumb{background:var(--brand);border-radius:999px;border:2px solid var(--panel-soft)}
.withdrawals-row{--withdrawals-accent:#64748b;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--field)}
.withdrawals-row--sbp{--withdrawals-accent:#10b981}
.withdrawals-row--azvox{--withdrawals-accent:#3b82f6}
.withdrawals-row--fkwallet{--withdrawals-accent:#8b5cf6}
.withdrawals-row-main{min-width:0;display:flex;align-items:flex-start;gap:10px}
.withdrawals-row-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--withdrawals-accent) 18%,transparent);color:var(--withdrawals-accent);font-weight:900}
.withdrawals-row-title{min-width:0;color:var(--withdrawals-accent);font-weight:850;overflow-wrap:anywhere}
.withdrawals-row-note{min-width:0;margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.withdrawals-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.withdrawals-row-amount{color:var(--withdrawals-accent);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.withdrawals-empty{padding:18px;border:1px dashed var(--field-border);border-radius:8px;color:var(--muted);text-align:center}

.deposit-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.deposit-kpi--min{--finance-accent:#ec4899}
.deposit-workspace{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:16px;align-items:start}
.deposit-topup-card,.deposit-history-card{overflow:hidden;border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}
.deposit-card-head{margin:-18px -18px 16px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--panel) 92%,var(--field))}
.deposit-form-grid{display:grid;gap:14px}
.deposit-field,.deposit-label{min-width:0;display:grid;gap:7px}
.deposit-field span,.deposit-label{color:var(--ink);font-weight:750}
.deposit-field small{color:var(--muted);font-size:.84rem}
.deposit-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.deposit-presets .btn{min-width:0;overflow:hidden;padding-inline:6px;text-overflow:ellipsis}
.deposit-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.deposit-provider{min-width:0;min-height:82px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden;border:1px solid var(--field-border);border-radius:8px;padding:12px;background:var(--field);color:var(--ink);text-align:left;cursor:pointer}
.deposit-provider input[type=radio]{position:absolute;opacity:0;pointer-events:none}
button.deposit-provider{font:inherit}
.deposit-provider.is-active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}
.deposit-provider:disabled{opacity:.62}
.deposit-provider-icon,.deposit-row-icon{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:700;flex:0 0 auto}
.deposit-provider > span:last-child{min-width:0}
.deposit-provider strong,.deposit-provider small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deposit-provider small,.deposit-row small{color:var(--muted);font-size:.82rem}
.deposit-submit{width:100%}
.deposit-paybox{display:grid;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.deposit-paybox .btn{width:100%}
.deposit-pay-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #34d399!important;background:#34d399!important;color:#04130f!important;font-weight:850;box-shadow:0 8px 24px rgba(52,211,153,.2)}
.deposit-pay-button:hover,.deposit-pay-button:focus{border-color:#6ee7b7!important;background:#6ee7b7!important;color:#04130f!important}
.deposit-pay-button span{font-size:1rem;font-weight:900}
.deposit-history{display:grid;gap:10px;max-height:64vh;overflow:auto;padding-right:2px;scrollbar-color:var(--brand) var(--panel-soft)}
.deposit-history::-webkit-scrollbar{width:10px}
.deposit-history::-webkit-scrollbar-track{background:var(--panel-soft)}
.deposit-history::-webkit-scrollbar-thumb{background:var(--brand);border-radius:999px;border:2px solid var(--panel-soft)}
.deposit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:8px;padding:12px;background:var(--field)}
.deposit-row-main{display:flex;align-items:center;gap:12px;min-width:0}
.deposit-row-main strong{display:block;min-width:0;overflow:hidden;color:var(--accent);text-overflow:ellipsis;white-space:nowrap}
.deposit-row-side{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.deposit-row-side > strong{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.deposit-empty{min-height:220px;display:grid;place-items:center;border:1px dashed var(--field-border);border-radius:8px;background:transparent}
.deposit-wait{display:grid;gap:8px;color:var(--muted)}
.deposit-wait-bar{height:10px;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface-soft)}
.deposit-wait-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#10b981,#34d399);transition:width .25s ease}

@media (max-width:1199.98px){
  .withdrawals-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .withdrawals-workspace{grid-template-columns:1fr}
  .withdrawals-form-card{position:static}
  .withdrawals-history{max-height:none}
  .deposit-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deposit-workspace{grid-template-columns:1fr}
  .deposit-history{max-height:none}
}

@media (max-width:767.98px){
  .withdrawals-header-actions{width:100%;justify-content:stretch}
  .withdrawals-header-actions .btn{flex:1 1 auto}
  .withdrawals-kpis{grid-template-columns:1fr}
  .withdrawals-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .withdrawals-row{grid-template-columns:1fr;align-items:stretch}
  .withdrawals-row-meta{align-items:flex-start;text-align:left}
  .withdrawals-info-value,.withdrawals-info-hint{white-space:normal;overflow-wrap:anywhere}
  .deposit-kpis{grid-template-columns:1fr}
  .deposit-provider-grid,.deposit-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deposit-paybox,.deposit-row{align-items:stretch;flex-direction:column}
  .deposit-row{display:flex}
  .deposit-row-side{justify-content:flex-start}
}

@media (max-width:991.98px){
  .ad-task-card{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .ad-task-thumb{
    display:none;
  }
}

@media (max-width:575.98px){
  .ad-task-card{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .ad-task-main{
    grid-template-columns:36px minmax(0,1fr);
  }
  .ad-task-icon{
    width:36px;
    height:36px;
  }
  .ad-task-copy h2{
    font-size:1.08rem;
  }
  .ad-task-side{
    justify-items:stretch;
  }
  .ad-task-side strong{
    font-size:1.25rem;
  }
  .ad-task-side .btn{
    width:100%;
  }
  .watch-site-frame{
    min-height:360px;
  }
}