:root{
  --bg:#eef4fb;
  --bg2:#f7faff;
  --panel:#ffffff;
  --panel-soft:#f4f8ff;
  --line:#d7e4f5;
  --line-strong:#c6d7ee;
  --text:#183153;
  --muted:#6d83a3;
  --blue:#2f7df6;
  --blue2:#56a6ff;
  --blue-soft:#e8f2ff;
  --shadow:0 10px 35px rgba(86,122,177,.12);
  --shadow-sm:0 6px 18px rgba(86,122,177,.08);
  --radius:18px;
  --radius-sm:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top left, rgba(86,166,255,.14), transparent 26%), linear-gradient(180deg,#f8fbff 0%, #edf4fb 100%);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:#2570ea;letter-spacing:.02em}
.brand img{width:34px;height:24px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(47,125,246,.25))}
.top-nav{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;min-width:0}
.top-nav a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;color:#45648d;font-weight:600;font-size:14px;white-space:nowrap}
.top-nav a:hover,.top-nav a.active{background:linear-gradient(180deg,#eff6ff,#e6f0ff);color:#1f67de;box-shadow:inset 0 0 0 1px #d8e6fb}
.top-actions{display:flex;align-items:center;gap:12px}
.btn-primary,.btn-secondary,.btn,.btn.btn-primary,.btn.btn-secondary,button,input[type=submit],input[type=button]{
  border:none;border-radius:14px;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer;
  transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px
}
.btn-primary,.btn,.bg-blue-600,.bg-blue-700,input[type=submit],input[type=button]{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;box-shadow:0 10px 24px rgba(47,125,246,.18)}
.btn-secondary{background:#fff;color:#2a67cf;box-shadow:inset 0 0 0 1px #d0def3, var(--shadow-sm)}
.btn-primary:hover,.btn-secondary:hover,.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover{transform:translateY(-1px)}
.user-chip{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
.avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#edf6ff,#dfeeff);color:#2570ea}
.mobile-top-toggle{display:none}
.content-wrap{flex:1;max-width:1360px;width:100%;margin:0 auto;padding:18px 22px 24px}
.page-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 270px;gap:16px;align-items:start}
.center-stack{display:grid;gap:16px;min-width:0}
.left-rail,.right-rail{display:grid;gap:16px;align-self:start}
.content-only{grid-template-columns:minmax(0,1fr) 270px}
.auth-layout{max-width:560px;margin:34px auto}
.panel,.sidebar-card,.balance-card,.action-tile,.hero,.table-card,.earn-card,.bg-gray-800,.bg-gray-700,.bg-gray-600,.bg-gray-900,.bg-red-100,.bg-green-100,.bg-yellow-200,.bg-white{
  background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow)!important;color:var(--text)
}
.panel,.sidebar-card,.balance-card,.table-card,.earn-card{padding:16px}
.hero{padding:18px;background:linear-gradient(135deg,#ffffff 10%,#eef6ff 55%,#e2efff 100%)!important}
.hero.compact-hero{padding:18px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:center}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#2770e8;font-size:12px;font-weight:800;margin-bottom:10px}
.hero h1,.text-2xl{font-size:22px!important;line-height:1.2;margin:0 0 8px}
.hero p,.text-base,.text-lg{color:var(--muted)!important}
.hero-visual,.hero-balance{display:flex;justify-content:flex-end}
.balance-box{padding:18px;border-radius:18px;background:linear-gradient(135deg,#57a7ff,#2f7df6);color:#fff;min-width:220px;box-shadow:0 16px 34px rgba(47,125,246,.24)}
.balance-box .small{font-size:13px;opacity:.92}.balance-box .big{font-size:30px;font-weight:800;margin-top:6px}
.menu-title,.section-title,.earn-title,.footer h4{font-size:13px;font-weight:800;letter-spacing:.03em;color:#6b83a8;margin-bottom:12px;text-transform:uppercase}
.side-menu,.top-nav,.simple-list,.hero-actions,.stats-row,.kpi-grid,.pay-grid,.footer-grid{min-width:0}
.side-menu{display:grid;gap:7px}
.side-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;font-weight:600;color:#3e5f8e;min-width:0}
.side-menu a i{width:18px;color:#2f7df6}
.side-menu a.active,.side-menu a:hover{background:linear-gradient(180deg,#f1f7ff,#e7f1ff);color:#1f68e0;box-shadow:inset 0 0 0 1px #d6e5fb}
.balance-card{display:grid;gap:10px;background:linear-gradient(180deg,#ffffff,#f3f8ff)!important}
.balance-card .label{font-size:13px;color:var(--muted)}
.balance-card .sum{font-size:30px;font-weight:800;color:#205fd4}
.simple-list{display:grid;gap:10px}
.simple-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf3fb;font-size:14px;color:#45648d}
.simple-list>div:last-child{border-bottom:none;padding-bottom:0}
.simple-list.two-col-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat-mini{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.stat-mini .icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#edf5ff;color:#2f7df6;font-size:18px}
.stat-mini .name{font-size:13px;color:var(--muted)}
.stat-mini .num{font-size:18px;font-weight:800;color:#1c4e9f;margin-top:2px}
.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.action-tile{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;background:linear-gradient(180deg,#fff,#f8fbff)!important}
.action-tile .left{display:flex;align-items:center;gap:12px;min-width:0}.action-tile .title{font-size:17px;font-weight:800;color:#213f6b}.action-tile .desc{font-size:13px;color:#6b83a8;margin-top:2px}
.action-tile .icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#eef6ff,#deecff);color:#2f7df6;font-size:18px;flex:0 0 44px}
.action-tile .chip{padding:10px 12px;border-radius:12px;background:#f0f6ff;color:#2b70e5;font-weight:800;border:1px solid #d9e8fb}
.compact{padding:12px}.pad{padding:16px}.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;background:transparent}
thead th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#7790b1;background:#f5f9ff}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #ebf2fb;font-size:14px;color:#2d456e}
tbody tr:hover{background:#f8fbff}
.pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-pill{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff;text-align:center;font-weight:800;color:#3d5f8b}
.footer{margin-top:26px;padding:26px;border-top:1px solid rgba(199,214,236,.8);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);border-radius:24px;box-shadow:var(--shadow)}
.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:18px}
.footer p,.footer li,.footer .copyright,.muted,.text-gray-400,.text-gray-300,.text-gray-200,.text-gray-500{color:var(--muted)!important}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.copyright{display:flex;justify-content:space-between;gap:12px;padding-top:16px;margin-top:16px;border-top:1px solid #e7effa;font-size:13px}
.right-banner,.ad-card{padding:16px;background:linear-gradient(135deg,#5fb0ff,#2f7df6)!important;color:#fff;border-radius:18px;border:none!important;box-shadow:0 16px 35px rgba(47,125,246,.24)!important}
.right-banner .section-title,.ad-card .section-title,.right-banner *, .ad-card *{color:#fff!important}

/* Compact generic page styles for existing pages */
.container,.max-w-6xl,.max-w-7xl,.mx-auto{max-width:100%!important;width:100%}
.flex-1,.w-full,.min-w-full{width:100%}
.px-6{padding-left:16px!important;padding-right:16px!important}.px-4{padding-left:14px!important;padding-right:14px!important}
.py-4{padding-top:14px!important;padding-bottom:14px!important}.py-3{padding-top:12px!important;padding-bottom:12px!important}.p-6{padding:16px!important}.p-5{padding:15px!important}.p-4{padding:14px!important}.p-3{padding:12px!important}.p-2{padding:10px!important}
.mb-6{margin-bottom:16px!important}.mb-4{margin-bottom:12px!important}.mb-3{margin-bottom:10px!important}.mt-8{margin-top:18px!important}.mt-6{margin-top:16px!important}.mt-4{margin-top:12px!important}.mt-3{margin-top:10px!important}.mt-2{margin-top:8px!important}
.rounded-xl{border-radius:18px!important}.rounded-lg{border-radius:16px!important}.rounded-md{border-radius:14px!important}.rounded{border-radius:12px!important}.rounded-full{border-radius:999px!important}
.shadow-md,.shadow-lg,.shadow-sm{box-shadow:var(--shadow)!important}
.border,.border-gray-700,.border-gray-600{border-color:var(--line)!important}
.bg-gray-800,.bg-gray-700,.bg-gray-600,.bg-gray-900,.from-gray-800,.to-gray-900{background:#fff!important}
.text-white,.text-white-800{color:var(--text)!important}.text-blue-400,.text-blue-300,.text-indigo-300,.text-yellow-300,.text-yellow-400,.text-red-400,.text-green-400,.text-green-600{color:#fff!important}
.bg-yellow-500{background:linear-gradient(135deg,#62b2ff,#2f7df6)!important}
.bg-red-100,.bg-green-100,.bg-yellow-200{padding:12px 14px!important}
.text-red-700,.text-red-800,.text-red-900{color:#9b3f4d!important}.text-green-900{color:#2f7a55!important}.text-yellow-900{color:#7d6610!important}
.font-bold{font-weight:800!important}.font-semibold{font-weight:700!important}.font-medium{font-weight:600!important}
.text-sm{font-size:13px!important}.text-xl{font-size:18px!important}.text-3xl{font-size:28px!important}.text-4xl{font-size:34px!important}
.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.08em}
.grid{display:grid}.gap-4{gap:12px}.gap-3{gap:10px}.gap-2{gap:8px}.space-x-2>*+*{margin-left:8px}.space-x-3>*+*{margin-left:10px}.space-y-4>*+*{margin-top:12px}.space-y-3>*+*{margin-top:10px}
.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}
.text-center{text-align:center}.text-right{text-align:right}
.overflow-x-auto{overflow:auto}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.underline{text-decoration:underline}
.opacity-40{opacity:.45}.grayscale{filter:grayscale(1)}.pointer-events-none{pointer-events:none}.transition,.transition-all{transition:all .18s ease}
.hover\:bg-gray-600:hover,.hover\:bg-gray-700:hover,.hover\:bg-blue-700:hover,.hover\:bg-gray-500:hover{filter:brightness(.98)}
.hover\:text-blue-300:hover,.hover\:text-blue-400:hover{color:#1f67de!important}
.odd\:bg-gray-600:nth-child(odd), .even\:bg-gray-700:nth-child(even){background:#fafcff!important}
.max-h-64{max-height:240px}.resize-none{resize:none}.block{display:block}.inline-flex{display:inline-flex}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:w-10\/12{width:83.333%}.md\:w-2\/12{width:16.666%}.md\:w-auto{width:auto}.md\:space-x-4>*+*{margin-left:12px}.md\:space-y-0>*+*{margin-top:0}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:text-left{text-align:left}
.sm\:w-1\/4{width:25%}
input,select,textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--text);outline:none;box-shadow:var(--shadow-sm)}
textarea{min-height:110px}hr{border:none;border-top:1px solid #e8eff9}
.form-group,.form-control{margin-bottom:12px}
.auto-page > div:first-child,.auto-page > form:first-child{margin-top:0}
.auto-page .mb-6.bg-gray-800{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
.auto-page .mb-6.bg-gray-800 h1{display:flex;align-items:center;gap:10px;padding:0 0 6px;color:#223f69!important;font-size:26px!important}
.login-card,.auth-card{padding:22px}
.mobile-only{display:none}
@media (max-width: 1180px){
  .page-grid{grid-template-columns:220px minmax(0,1fr)}
  .right-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 860px){
  .topbar{
  margin:12px 14px 0;
  max-width:none;
}

.mobile-top-toggle{display:inline-flex}.top-nav{display:none;order:4;width:100%;justify-content:flex-start;flex-wrap:wrap;padding-top:6px}.top-nav.open{display:flex}
  .content-wrap{padding:14px}
  .page-grid,.content-only{grid-template-columns:1fr}
  .left-rail,.right-rail,.center-stack{grid-column:auto}
  .right-rail{grid-template-columns:1fr}
  .hero-grid,.stats-row,.kpi-grid,.simple-list.two-col-list,.footer-grid{grid-template-columns:1fr}
  .copyright{flex-direction:column}
}


/* Dashboard / user section refinements */
.page-heading-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:14px}
.page-heading-card h1{margin:4px 0 6px;font-size:28px!important;color:#1f3f72!important}
.page-heading-card p{margin:0;color:#6b83a8!important;max-width:760px}
.heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.soft-panel{background:linear-gradient(180deg,#ffffff,#f7fbff)!important}
.stats-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.block-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.block-title{margin:2px 0 0;font-size:22px!important;color:#1f3f72!important}
.tiny-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:12px;background:#eef5ff;color:#2f7df6;font-weight:700;text-decoration:none;border:1px solid #dceafd}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.info-item{padding:14px 15px;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e4eefb;box-shadow:var(--shadow-sm)}
.info-item span{display:block;font-size:13px;color:#7d92b2;margin-bottom:6px}.info-item strong{display:block;font-size:15px;color:#22426f}
.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.clean-table-wrap{border:1px solid #e8f0fb;border-radius:18px;overflow:hidden}
.clean-table thead th{background:#f4f9ff;color:#7a91b2;font-size:12px}
.clean-table tbody td{background:#fff}.clean-table tbody tr:nth-child(even) td{background:#fbfdff}
.money-plus{color:#1f8b55;font-weight:800}.money-minus{color:#d05567;font-weight:800}
.status-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.status-chip.success{background:#eafaf1;color:#1f8b55}.status-chip.wait,.status-chip.status-wait{background:#fff7e8;color:#b27b0a}.status-chip.status-process{background:#edf5ff;color:#2f7df6}.status-chip.status-cancel{background:#ffecee;color:#c24b5d}.status-chip.status-success{background:#eafaf1;color:#1f8b55}
.empty-row{text-align:center;color:#8da0bc;padding:18px!important}
.auto-account-layout .center-stack{min-width:0}
.auto-account-layout .left-rail,.auto-account-layout .right-rail{align-self:start;position:sticky;top:94px}
.auto-account-layout .right-rail{display:grid;gap:14px}
.sidebar-card,.balance-card{margin-bottom:14px}
.right-rail .panel,.right-rail .ad-card,.left-rail .panel,.left-rail .balance-card{width:100%}
.right-rail .btn-secondary,.right-rail .btn-primary{width:100%;justify-content:center;text-align:center}
@media (max-width:1180px){
  .stats-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid-2{grid-template-columns:1fr}
  .auto-account-layout .left-rail,.auto-account-layout .right-rail{position:static}
}
@media (max-width:860px){
  .page-heading-card,.block-title-row{flex-direction:column;align-items:flex-start}
  .info-grid,.quick-actions-grid,.stats-row-4{grid-template-columns:1fr}
}


/* === Stable master layout rebuild === */
.content-wrap{padding-bottom:24px}
.page-grid{
  max-width:1480px;
  margin:20px auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 240px;
  gap:18px;
  align-items:start;
}
.left-rail,.right-rail{min-width:0}
.center-stack{min-width:0}
.left-rail .panel,.right-rail .panel,.left-rail .ad-card,.right-rail .ad-card,.left-rail .balance-card,.right-rail .balance-card{
  width:100%;
  margin-bottom:16px;
}
.public-layout .left-rail,
.public-layout .right-rail,
.account-layout .left-rail,
.account-layout .right-rail{
  position:sticky;
  top:20px;
}
.auto-page > *:first-child{margin-top:0}
.auto-page .flex-1{padding:0 !important}
.auto-page .bg-gray-800,.auto-page .bg-gray-600,.auto-page .bg-gray-700{
  background:linear-gradient(180deg,#ffffff,#f7fbff) !important;
  color:#33517f !important;
  border:1px solid #dbe7fb !important;
  box-shadow:0 10px 24px rgba(88,132,197,.08);
}
.auto-page .text-white{color:#fff !important}
.auto-page .text-gray-300,.auto-page .text-gray-200,.auto-page .text-gray-400{color:#6881aa !important}
.auto-page .border-gray-600,.auto-page .border-gray-700{border-color:#dbe7fb !important}
@media (max-width:1180px){
  .page-grid{grid-template-columns:1fr}
  .public-layout .left-rail,.public-layout .right-rail,.account-layout .left-rail,.account-layout .right-rail{position:static;top:auto}
}

.topbar{
  max-width:1360px;
  margin:18px auto 0;
  padding:0;
  position:static;
  background:#fff;
  border:1px solid #dbe7fb;
  border-radius:22px;
  box-shadow:0 6px 20px rgba(84,120,180,.08);
  overflow:hidden;
}

.topbar-inner{
  max-width:none;
  width:100%;
  margin:0;
  padding:12px 22px;
  min-height:78px;
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 240px;
  align-items:center;
  gap:16px;
}

.topbar-left,
.topbar-center,
.topbar-right{
  display:flex;
  align-items:center;
}

.topbar-left{justify-content:flex-start}
.topbar-center{justify-content:center;min-width:0}
.topbar-right{justify-content:flex-end}

.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#2f66cf;
  font-weight:800;
  font-size:18px;
  line-height:1;
}

.brand img{
  height:32px;
  width:auto;
  display:block;
}

.top-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.top-nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  text-decoration:none;
  color:#5b739e;
  font-weight:700;
  font-size:15px;
  transition:.18s ease;
}

.top-nav a:hover,
.top-nav a.active{
  background:linear-gradient(180deg,#f5f9ff,#eaf2ff);
  color:#2f66cf;
  box-shadow:inset 0 0 0 1px #d9e6ff;
}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}

.user-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff,#f6faff);
  border:1px solid #dbe7fb;
}

.user-name{
  font-weight:700;
  font-size:14px;
}

.user-id{
  font-size:12px;
  color:#7a8fb3;
}

.mobile-top-toggle{
  display:none;
}

@media (max-width:1180px){
  .topbar-inner{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px 14px;
  }

  .topbar-left,
  .topbar-center,
  .topbar-right,
  .top-actions{
    justify-content:center;
  }

  .mobile-top-toggle{
    display:inline-flex;
    margin:0 auto;
  }
}

.stats-title{
  color:#2f66cf;
  font-weight:800;
  margin-bottom:12px;
}

/* контейнер */

.stats-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* элемент строки */

.stat-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 12px;
  border-radius:12px;
  background:#f6f9ff;
  border:1px solid #e2ecff;
  transition:.15s;
}

.stat-item:hover{
  background:#eef4ff;
}

/* левая часть */

.stat-left{
  display:flex;
  align-items:center;
  gap:10px;
}

.stat-name{
  font-weight:600;
  color:#5a6f96;
}

/* иконка */

.stat-icon{
  width:28px;
  height:28px;
  border-radius:8px;
  background:linear-gradient(180deg,#5ea0ff,#3d7cf0);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:14px;
  box-shadow:0 4px 10px rgba(61,124,240,.25);
}

/* онлайн зелёный */

.stat-icon.online{
  background:linear-gradient(180deg,#43d17a,#2abf63);
  box-shadow:0 4px 10px rgba(42,191,99,.25);
}

/* значение */

.stat-value{
  font-weight:800;
  color:#2f66cf;
  font-size:15px;
}

.stat-value.online{
  color:#2abf63;
}

.hero-premium{
  padding:22px;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 85% 20%, rgba(86,166,255,.18), transparent 22%),
    radial-gradient(circle at 70% 80%, rgba(47,125,246,.10), transparent 26%),
    linear-gradient(135deg,#ffffff 0%,#eef6ff 58%,#e4f0ff 100%) !important;
  border:1px solid #d8e7fb !important;
  box-shadow:0 18px 40px rgba(88,132,197,.12) !important;
}

.hero-grid-premium{
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:18px;
  align-items:center;
}

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

.badge-premium{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#edf5ff,#e5f0ff);
  color:#2f7df6;
  font-size:12px;
  font-weight:800;
  box-shadow:inset 0 0 0 1px #d8e8ff;
}

.hero-title{
  margin:10px 0 8px;
  font-size:40px;
  line-height:1.05;
  font-weight:900;
  color:#1f4f98;
  letter-spacing:-.02em;
}

.hero-desc{
  max-width:560px;
  margin:0;
  font-size:17px;
  line-height:1.55;
  color:#617ca8 !important;
}

.hero-actions-premium{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:20px;
  flex-wrap:wrap;
}

.hero-btn{
  min-height:48px;
  padding:0 18px !important;
  border-radius:15px !important;
  font-weight:800;
  box-shadow:0 10px 22px rgba(47,125,246,.16);
}

.hero-visual-premium{
  position:relative;
  min-height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-logo-wrap{
  position:relative;
  z-index:2;
  width:180px;
  height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-logo-wrap img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 28px rgba(47,125,246,.18));
}

.hero-glow{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}

.hero-glow-1{
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(86,166,255,.22) 0%, rgba(86,166,255,0) 72%);
  z-index:1;
}

.hero-glow-2{
  width:230px;
  height:230px;
  background:radial-gradient(circle, rgba(47,125,246,.12) 0%, rgba(47,125,246,0) 74%);
  z-index:0;
}

.stats-panel-premium{
  padding:12px !important;
  border-radius:22px !important;
}

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

.stat-mini-premium{
  min-height:88px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #dce9fb !important;
  box-shadow:0 10px 22px rgba(88,132,197,.08);
}

.stat-mini-premium .icon{
  width:46px;
  height:46px;
  border-radius:16px;
  color:#fff;
  font-size:18px;
  box-shadow:0 8px 18px rgba(47,125,246,.18);
}

.icon-blue{
  background:linear-gradient(135deg,#69b4ff,#2f7df6) !important;
}

.icon-indigo{
  background:linear-gradient(135deg,#7b8cff,#4d6bff) !important;
}

.icon-cyan{
  background:linear-gradient(135deg,#63d4ff,#2f9ef6) !important;
}

.kpi-grid-premium{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.action-tile-premium{
  min-height:90px;
  text-decoration:none;
  border-radius:20px !important;
  background:
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border:1px solid #dce8fb !important;
  box-shadow:0 12px 24px rgba(88,132,197,.08) !important;
  transition:.18s ease;
}

.action-tile-premium:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 28px rgba(88,132,197,.12) !important;
}

.action-tile-premium .title{
  font-size:18px;
  font-weight:900;
  color:#1e4f99;
}

.action-tile-premium .desc{
  color:#7189af;
  font-size:13px;
}

.action-tile-premium .icon{
  width:48px;
  height:48px;
  border-radius:16px;
  color:#fff;
  box-shadow:0 8px 18px rgba(47,125,246,.18);
}

.icon-surf{
  background:linear-gradient(135deg,#66c0ff,#2f7df6) !important;
}

.icon-task{
  background:linear-gradient(135deg,#7b95ff,#4e70ff) !important;
}

.icon-ref{
  background:linear-gradient(135deg,#5fd3ff,#23a8ff) !important;
}

.icon-ads{
  background:linear-gradient(135deg,#7c86ff,#5a63ff) !important;
}

.tile-arrow{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef5ff;
  color:#2f7df6;
  border:1px solid #dce9ff;
  flex:0 0 36px;
}

.table-card-premium{
  padding:16px !important;
  border-radius:22px !important;
}

.table-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.section-title-blue{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2f66cf !important;
  font-weight:900;
}

.table-wrap-premium{
  border:1px solid #e3edfb;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}

.table-premium thead th{
  background:linear-gradient(180deg,#f5f9ff,#edf4ff);
  color:#6f87ab;
  font-weight:800;
}

.table-premium tbody td{
  background:#fff;
}

.table-premium tbody tr:nth-child(even) td{
  background:#fbfdff;
}

.money-blue{
  color:#2f66cf;
  font-weight:800;
}

@media (max-width: 860px){
  .hero-grid-premium,
  .stats-row-premium,
  .kpi-grid-premium{
    grid-template-columns:1fr;
  }

  .hero-title{
    font-size:30px;
  }

  .hero-desc{
    font-size:15px;
  }

  .hero-visual-premium{
    min-height:140px;
  }

  .hero-logo-wrap{
    width:130px;
    height:130px;
  }
}


.start-card{
  padding:16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border:1px solid #dce8fb !important;
  box-shadow:none !important;
  overflow:hidden;
  position:relative;
  z-index:1;
}

.start-card-top{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}

.start-title{
  margin:0 !important;
  color:#5f7eaf !important;
  font-weight:900 !important;
  letter-spacing:.04em;
}

.start-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef5ff,#e6f0ff);
  color:#2f7df6;
  font-size:12px;
  font-weight:800;
  border:1px solid #dce9ff;
}

.start-list{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}

.start-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border-radius:14px;
  background:#f7fbff;
  border:1px solid #e3edfb;
}

.start-item-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.start-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#65adff,#2f7df6);
  color:#fff;
  font-size:14px;
  box-shadow:0 6px 14px rgba(47,125,246,.18);
  flex:0 0 30px;
}

.start-label{
  font-weight:700;
  color:#55719c;
  font-size:14px;
}

.start-value{
  font-weight:900;
  color:#2f66cf;
  font-size:14px;
  white-space:nowrap;
}

.start-value.yes{
  color:#19a35b;
}

.start-actions{
  display:grid;
  gap:10px;
}

.start-btn{
  min-height:48px;
  border-radius:15px !important;
  justify-content:center;
  gap:8px;
  font-weight:800;
}

.left-rail .start-card{
  margin-right:0 !important;
}

.left-rail{
  position:relative;
  z-index:2;
}

.center-stack{
  position:relative;
  z-index:1;
}

.start-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 12px;
  border-radius:14px;
  background:#f7fbff;
  border:1px solid #e3edfb;

  min-width:0;        /* ВАЖНО */
}

.pay-card{
  padding:16px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at top right, rgba(86,166,255,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  border:1px solid #dce8fb !important;
  box-shadow:0 10px 24px rgba(88,132,197,.08) !important;
}

.pay-card-top{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}

.pay-title{
  margin:0 !important;
  color:#5f7eaf !important;
  font-weight:900 !important;
  letter-spacing:.04em;
}

.pay-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#eef5ff,#e6f0ff);
  color:#2f7df6;
  font-size:12px;
  font-weight:800;
  border:1px solid #dce9ff;
}

/* ===== PAYMENTS — COMPACT FOOTER VERSION ===== */

.pay-grid-premium {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 10px;
}

/* маленькие аккуратные карточки */
.pay-pill-premium {
    position: relative;
    height: 64px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%);
    border: 1px solid #d9e6ff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
    box-shadow: 0 6px 16px rgba(70, 115, 220, 0.08);
}

.pay-pill-premium:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(70, 115, 220, 0.14);
}

/* логотип меньше */
.pay-logo {
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
    z-index: 2;
}

/* мягкое свечение */
.pay-pill-glow {
    position: absolute;
    width: 70px;
    height: 70px;
    background: radial-gradient(circle, rgba(120,160,255,0.18) 0%, transparent 70%);
    filter: blur(8px);
    opacity: .7;
    pointer-events: none;
}

/* компактный блок карточки */
.pay-card {
    padding: 16px 16px 14px;
}

/* заголовок */
.pay-title {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
}

/* бейдж "Надёжно" компактнее */
.pay-badge {
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, #edf4ff 0%, #e4efff 100%);
    border: 1px solid #d6e5ff;
    color: #3a6fd9;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}











.ad-card-premium{
  position:relative;
  padding:18px !important;
  border-radius:22px !important;
  color:#fff;
  overflow:hidden;

  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 38%),
    linear-gradient(145deg,#4f8df6 0%,#2f6fe4 100%);

  box-shadow:0 18px 38px rgba(47,111,228,.35);
  border:1px solid rgba(255,255,255,.18);
}

.ad-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.03em;
}

.ad-text{
  font-size:14px;
  line-height:1.6;
  margin:14px 0 18px;
  color:rgba(255,255,255,.95);
}

.ad-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  height:46px;

  border-radius:14px;
  font-weight:800;
  text-decoration:none;

  background:linear-gradient(180deg,#ffffff,#eef3ff);
  color:#2f6fe4;

  box-shadow:0 8px 18px rgba(0,0,0,.12);
  transition:.18s ease;
}

.ad-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(0,0,0,.16);
}























.dashboard-hero-grid-profile {
    grid-template-columns: 1.2fr .8fr;
    gap: 24px;
    align-items: stretch;
}

.profile-card-premium {
    margin-top: 14px;
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    border: 1px solid #dce8fb;
    box-shadow: 0 16px 34px rgba(72, 113, 196, 0.08), inset 0 1px 0 rgba(255,255,255,0.95);
}

.profile-card-top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}

.profile-avatar-holder {
    position: relative;
    width: 118px;
    height: 118px;
    min-width: 118px;
}

.profile-avatar-premium {
    width: 118px;
    height: 118px;
    object-fit: cover;
    display: block;
    border-radius: 24px;
    background: #f3f8ff;
    border: 4px solid #ffffff;
    box-shadow: 0 14px 30px rgba(47, 123, 255, 0.16), 0 0 0 1px #d8e6ff;
}

.profile-online-status {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #22c55e;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.16);
}

.profile-avatar-upload-btn {
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2f7bff 0%, #2f7bff 100%);
    color: #ffffff;
    cursor: pointer;
    transition: .18s ease;
}

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

.profile-avatar-upload-btn i {
    font-size: 15px;
}

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

.profile-main-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.profile-main-name {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    color: #234a84;
    letter-spacing: -0.03em;
    word-break: break-word;
}

.profile-main-vip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff5d8 0%, #ffebb5 100%);
    border: 1px solid #ffe09a;
    color: #c88800;
    font-size: 12px;
    font-weight: 800;
}

.profile-main-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #7c92b8;
    font-size: 13px;
    font-weight: 700;
}

.profile-main-subtitle i {
    color: #2f7bff;
}

.profile-links-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-link-pill {
    position: relative;
    min-height: 44px;
    padding: 0 14px 0 12px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    transition: .18s ease;
    background: #fff;
    cursor: pointer;
}

.profile-link-pill:hover {
    transform: translateY(-1px);
}

.profile-link-pill-icon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.profile-link-pill-tg {
    background: linear-gradient(180deg, #eef8ff 0%, #e6f4ff 100%);
    border-color: #d8ecff;
    color: #1f8dcb;
}

.profile-link-pill-tg .profile-link-pill-icon {
    background: linear-gradient(180deg, #dcf4ff 0%, #d0eeff 100%);
    color: #229ED9;
    border: 1px solid #c5e8ff;
}

.profile-link-pill-chat {
    background: linear-gradient(180deg, #f4ffea 0%, #ebffd9 100%);
    border-color: #def4be;
    color: #6ba60e;
}

.profile-link-pill-chat .profile-link-pill-icon {
    background: linear-gradient(180deg, #ecffd8 0%, #e2ffc4 100%);
    color: #87c91d;
    border: 1px solid #d5f2ae;
}

.profile-link-pill-support {
    background: linear-gradient(180deg, #eefcff 0%, #e4f9ff 100%);
    border-color: #d7f2ff;
    color: #15a7c8;
}

.profile-link-pill-support .profile-link-pill-icon {
    background: linear-gradient(180deg, #dcfbff 0%, #cff8ff 100%);
    color: #06b6d4;
    border: 1px solid #c2f2fb;
}

.profile-link-pill-notify {
    background: linear-gradient(180deg, #fffdf0 0%, #fff8d8 100%);
    border-color: #f5ebba;
    color: #c89d00;
}

.profile-link-pill-notify .profile-link-pill-icon {
    background: linear-gradient(180deg, #fff8d6 0%, #fff2be 100%);
    color: #d9a700;
    border: 1px solid #f7e6a6;
}

.profile-link-counter {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.profile-link-dot {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.14);
}

.hero-balance-card-refs {
    height: 100%;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 991px) {
    .dashboard-hero-grid-profile {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .profile-card-premium {
        padding: 16px;
    }

    .profile-card-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .profile-main-name {
        font-size: 24px;
    }

    .profile-links-row {
        width: 100%;
    }

    .profile-link-pill {
        width: 100%;
        justify-content: flex-start;
    }

    .hero-balance-card-refs {
        min-height: 0;
    }
}


/* =========================================================
   PROFITLINE — DARK GOLD MASTER LAYOUT FIX v1
   Добавлено в конец файла. Этот блок имеет приоритет над
   прежними правилами сетки и устраняет наложение колонок.
   ========================================================= */

:root{
  --pl-shell-max: 1600px;
  --pl-left-col: 300px;
  --pl-right-col: 300px;
  --pl-layout-gap: 22px;
}

/* Единая ширина шапки и основного содержимого */
.site-shell{
  width:100%;
  min-width:0;
  overflow-x:clip;
}

.content-wrap{
  width:100%;
  max-width:var(--pl-shell-max);
  margin:0 auto;
  padding:20px 24px 30px;
  min-width:0;
}

/* Главная трёхколоночная сетка */
.page-grid,
.page-grid.public-layout,
.page-grid.account-layout{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:
    minmax(0,var(--pl-left-col))
    minmax(0,1fr)
    minmax(0,var(--pl-right-col));
  gap:var(--pl-layout-gap);
  align-items:start;
  isolation:isolate;
}

/* Все три колонки обязаны оставаться внутри своей ячейки */
.left-rail,
.center-stack,
.right-rail{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  position:relative;
  z-index:auto;
  overflow:visible;
}

/* Убираем старое принудительное наложение левой колонки */
.left-rail{
  z-index:1;
}

.center-stack{
  z-index:1;
}

.right-rail{
  z-index:1;
}

/* Любой новый или старый блок внутри боковых колонок */
.left-rail > *,
.right-rail > *,
.public-left-stack,
.public-aside-stack,
.public-left-card,
.public-left-ad,
.public-left-link-card,
.public-aside-card,
.free-traffic-premium-card,
.ad-card-premium,
.public-teaser-card{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-left:0;
  margin-right:0;
  box-sizing:border-box;
}

/* Старые классы не должны задавать боковой панели отдельную ширину */
.left-rail .panel,
.right-rail .panel,
.left-rail .sidebar-card,
.right-rail .sidebar-card,
.left-rail .ad-card,
.right-rail .ad-card,
.left-rail .balance-card,
.right-rail .balance-card{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none;
}

/* Контент меню не расширяет колонку */
.public-left-menu,
.public-left-menu a,
.public-left-menu a span,
.side-menu,
.side-menu a,
.side-menu a span{
  min-width:0;
  max-width:100%;
}

.public-left-menu a span,
.side-menu a span{
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Баннеры и рекламные вставки не могут растянуть колонку */
.left-rail img,
.left-rail iframe,
.left-rail object,
.left-rail embed,
.right-rail img,
.right-rail iframe,
.right-rail object,
.right-rail embed{
  display:block;
  max-width:100% !important;
}

.left-rail iframe,
.left-rail object,
.left-rail embed,
.right-rail iframe,
.right-rail object,
.right-rail embed{
  width:100% !important;
}

/* Центральная часть не уходит под боковые панели */
.center-stack,
.center-stack > *,
.auto-page,
.auto-page > *{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

/* Сохраняем sticky, но без влияния на соседнюю колонку */
.public-layout .left-rail,
.public-layout .right-rail,
.account-layout .left-rail,
.account-layout .right-rail{
  position:sticky;
  top:20px;
  align-self:start;
}

/* Средние экраны: немного уменьшаем боковые колонки */
@media (max-width:1450px){
  :root{
    --pl-left-col:270px;
    --pl-right-col:270px;
    --pl-layout-gap:18px;
  }

  .content-wrap{
    padding-left:18px;
    padding-right:18px;
  }
}

/* Планшетная версия: правая колонка уходит вниз */
@media (max-width:1180px){
  .page-grid,
  .page-grid.public-layout,
  .page-grid.account-layout{
    grid-template-columns:260px minmax(0,1fr);
  }

  .right-rail{
    grid-column:1 / -1;
    position:static !important;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }

  .public-layout .left-rail,
  .account-layout .left-rail{
    position:sticky;
    top:16px;
  }
}

/* Узкая версия */
@media (max-width:860px){
  .content-wrap{
    padding:14px;
  }

  .page-grid,
  .page-grid.public-layout,
  .page-grid.account-layout{
    grid-template-columns:minmax(0,1fr);
    gap:14px;
  }

  .left-rail,
  .right-rail{
    position:static !important;
    grid-column:auto;
  }

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


/* =========================================================
   AUTH PAGE WRAPPER FIX — REMOVE WHITE OUTER PANEL
   ========================================================= */

.auth-layout,
.auth-layout.auto-page,
.auth-layout.auth-card,
.auth-layout.panel,
.auth-layout.auto-page.auth-card.panel{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:inherit !important;
}

.auth-layout::before,
.auth-layout::after{
    display:none !important;
}