:root{
  --bg:#040b16;
  --bg-2:#07101d;
  --panel:rgba(10,19,35,.84);
  --panel-2:rgba(15,27,48,.92);
  --panel-3:rgba(18,33,58,.96);
  --line:rgba(136,179,255,.12);
  --line-strong:rgba(136,179,255,.24);
  --text:#edf3ff;
  --muted:#91a3c6;
  --muted-2:#6f81a7;
  --primary:#87baff;
  --primary-2:#69a4ff;
  --success:#34d399;
  --danger:#fb7185;
  --warning:#fbbf24;
  --shadow:0 30px 90px rgba(0,0,0,.45);
  --shadow-soft:0 16px 40px rgba(0,0,0,.22);
  --radius-2xl:30px;
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --radius-sm:12px;
  --ring:0 0 0 1px rgba(255,255,255,.03) inset;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  min-height:100vh;
  background:
    radial-gradient(circle at 10% 12%, rgba(85,135,255,.18), transparent 22%),
    radial-gradient(circle at 86% 82%, rgba(27,204,208,.12), transparent 18%),
    radial-gradient(circle at 50% -10%, rgba(33,89,180,.18), transparent 32%),
    linear-gradient(180deg,#030814 0%,#050c17 45%,#06101c 100%);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
input::placeholder,textarea::placeholder{color:#607198}

.shell{
  max-width:1320px;
  margin:0 auto;
  padding:18px 22px 42px;
}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
  padding:4px 0;
}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{
  width:50px;height:50px;border-radius:18px;display:grid;place-items:center;
  font-weight:900;font-size:26px;color:white;
  background:linear-gradient(135deg,#7db2ff 0%,#4ee0b8 100%);
  box-shadow:0 10px 28px rgba(84,146,255,.26);
}
.brand-copy h1,.brand-copy p{margin:0}
.brand-copy h1{font-size:17px;font-weight:800;letter-spacing:-.02em}
.brand-copy p{font-size:13px;color:var(--muted)}

.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lang-form,.nav-link,.user-chip,.btn,.select-pill,.ghost-box{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,18,34,.92),rgba(8,15,29,.82));
  box-shadow:var(--ring), var(--shadow-soft);
  backdrop-filter:blur(18px);
}
.select-pill,.user-chip,.nav-link{
  height:46px;
  border-radius:16px;
  color:var(--text);
}
.select-pill{
  padding:0 16px;
  min-width:126px;
  outline:none;
}
.nav-link,.user-chip{
  display:flex;align-items:center;
  padding:0 16px;
  color:var(--muted);
}
.user-chip{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-link:hover,.select-pill:hover,.user-chip:hover{border-color:var(--line-strong);color:var(--text)}

.page-grid{display:grid;gap:24px}
.grid-2{display:grid;grid-template-columns:1.4fr .95fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stack{display:grid;gap:16px}

.hero,.panel,.notice,.empty-state,.auth-card,.info-card,.metric-tile,.soft-panel{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(18,33,58,.90),rgba(8,17,32,.92));
  border:1px solid var(--line);
  border-radius:var(--radius-2xl);
  box-shadow:var(--ring), var(--shadow);
  backdrop-filter:blur(18px);
}
.hero::before,.panel::before,.auth-card::before,.info-card::before,.soft-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 28%);
  pointer-events:none;
}
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:22px;padding:28px}
.panel{padding:24px}
.soft-panel,.info-card{padding:20px}
.notice{padding:16px 18px;border-radius:18px;color:var(--text)}
.notice.success{background:linear-gradient(90deg,rgba(13,68,64,.88),rgba(5,47,61,.84))}
.notice.danger{background:linear-gradient(90deg,rgba(77,22,34,.88),rgba(59,14,20,.84))}
.notice.warning{background:linear-gradient(90deg,rgba(79,55,13,.88),rgba(60,38,8,.84))}

.hero-kicker,.section-kicker,.card-kicker,.micro-kicker{
  display:inline-block;
  margin:0 0 14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  font-weight:800;
  color:var(--primary);
}
.micro-kicker{font-size:11px;margin-bottom:8px}
.hero h1,.hero h2,.panel h1,.panel h2,.panel h3,.panel h4,.auth-card h1,.info-card h3,.list-card h4,.stat-card h3{
  margin:0;
  letter-spacing:-.03em;
}
.hero h2{font-size:clamp(38px,4.6vw,64px);line-height:.98;max-width:11ch}
.panel h1{font-size:clamp(30px,3.8vw,46px);line-height:1}
.panel h2{font-size:32px}
.panel h3,.auth-card h1{font-size:clamp(26px,2.8vw,38px)}
.panel h4,.info-card h3,.list-card h4{font-size:20px}
.hero p,.panel p,.info-card p,.auth-card p,.helper-text,.table-subtle,.empty-state p{color:var(--muted);line-height:1.55;margin:0}
.hero-copy p{max-width:58ch;font-size:18px;margin-top:14px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.stat-card,.metric-tile,.list-card,.user-row,.source-card{
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  box-shadow:var(--ring);
}
.stat-card{padding:18px}
.stat-card .label{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.stat-card .value{font-size:42px;font-weight:800;letter-spacing:-.03em}
.hero-side{display:grid;gap:16px}
.hero-cta{display:grid;gap:16px;align-content:space-between;min-height:100%}

.panel-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.panel-actions{display:flex;gap:10px;flex-wrap:wrap}
.section-subtle{font-size:14px;color:var(--muted);margin-top:8px}

.btn{
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 18px;
  border-radius:16px;
  color:var(--text);
  border:1px solid var(--line);
  transition:transform .18s ease,border-color .18s ease,opacity .18s ease;
}
.btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}
.btn:active{transform:translateY(0)}
.btn-primary{
  color:#09111e;
  font-weight:800;
  background:linear-gradient(90deg,#6ea4ef 0%,#90cdfa 100%);
  border-color:rgba(255,255,255,.18);
}
.btn-soft{background:linear-gradient(180deg,rgba(22,34,56,.92),rgba(13,22,39,.88))}
.btn-danger{background:linear-gradient(180deg,rgba(79,20,35,.92),rgba(59,14,24,.88));border-color:rgba(251,113,133,.25)}
.btn-block{width:100%}
.btn-small{height:42px;padding:0 14px;border-radius:14px}

.field{display:grid;gap:10px}
.field label{font-size:14px;font-weight:600;color:#c9d6f1}
.input,textarea,select.input{
  width:100%;
  min-height:54px;
  padding:14px 16px;
  color:var(--text);
  border-radius:16px;
  border:1px solid rgba(126,159,220,.18);
  background:linear-gradient(180deg,rgba(5,11,22,.92),rgba(7,14,28,.82));
  outline:none;
  box-shadow:var(--ring);
}
.input:focus,textarea:focus,select.input:focus{
  border-color:rgba(118,170,255,.38);
  box-shadow:0 0 0 4px rgba(90,146,255,.12), var(--ring);
}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-span-2{grid-column:span 2}
.inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-section{
  display:grid;gap:16px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,18,34,.74),rgba(7,15,27,.68));
}
.form-section.compact{padding:18px;border-radius:20px}
.section-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(140,180,255,.2),transparent);
  margin:2px 0;
}

.auth-wrap{
  min-height:calc(100vh - 120px);
  display:grid;
  place-items:center;
}
.auth-card{
  width:min(560px,100%);
  padding:34px;
}
.auth-card .intro{margin-top:12px;margin-bottom:8px;font-size:17px}
.home-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) 370px;
  gap:22px;
}
.home-title{
  font-size:clamp(38px,5vw,68px);
  line-height:.97;
  max-width:10.5ch;
  margin:0 0 14px;
}
.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.side-stack{display:grid;gap:18px}
.info-card h3{margin-bottom:8px}

.profile-grid,.listing-grid,.user-list{
  display:grid;
  gap:16px;
}
.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.list-card,.user-row{
  padding:18px;
}
.row-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.row-head p{margin-top:6px;color:var(--muted)}
.badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;
  border:1px solid transparent;white-space:nowrap;
}
.badge-success{background:rgba(18,95,80,.28);color:#99f6e4;border-color:rgba(52,211,153,.2)}
.badge-warning{background:rgba(114,78,12,.24);color:#fde68a;border-color:rgba(251,191,36,.2)}
.badge-danger{background:rgba(112,25,45,.24);color:#fecdd3;border-color:rgba(251,113,133,.2)}

.tag-row{display:flex;gap:10px;flex-wrap:wrap}
.tag{
  display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;
  background:rgba(22,34,56,.78);border:1px solid var(--line);color:#c9d6f1;font-size:13px
}

.table-wrap{overflow:auto}
.data-table{width:100%;border-collapse:collapse}
.data-table th,.data-table td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}
.data-table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.data-table td{color:#dbe6fb}

.empty-state{
  padding:34px;
  text-align:center;
}
.empty-state h3{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}

.dashboard-stack{display:grid;gap:22px}
.dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.95fr);
  gap:20px;
}
.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.metric-tile{padding:18px}
.metric-tile .k{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.metric-tile .v{font-size:38px;font-weight:800;letter-spacing:-.03em}
.activity-card{padding:20px}
.activity-list{display:grid;gap:12px}
.activity-item{
  display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)
}
.activity-item:last-child{border-bottom:none;padding-bottom:0}
.activity-item .meta{color:var(--muted);font-size:13px;margin-top:4px}

.split-layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) 420px;
  gap:22px;
}
.country-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.check-chip{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:0 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(13,23,41,.88),rgba(9,17,31,.82));
  box-shadow:var(--ring);
}
.check-chip input,.source-option input,.toggle input{
  appearance:none;
  width:22px;height:22px;min-width:22px;
  border-radius:999px;
  border:1px solid rgba(125,160,220,.38);
  background:#08111f;
  display:grid;place-items:center;
  margin:0;
}
.check-chip input::after,.source-option input::after,.toggle input::after{
  content:"";
  width:10px;height:10px;border-radius:999px;
  transform:scale(0);
  transition:transform .15s ease;
  background:linear-gradient(180deg,#7db2ff,#8fd2ff);
}
.check-chip input:checked,.source-option input:checked,.toggle input:checked{
  border-color:rgba(127,177,255,.55);
  box-shadow:0 0 0 4px rgba(104,160,255,.12);
}
.check-chip input:checked::after,.source-option input:checked::after,.toggle input:checked::after{transform:scale(1)}
.check-chip span,.source-option span{font-weight:600}

.source-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.source-card{padding:16px}
.source-card-head{
  display:flex;align-items:center;gap:12px;margin-bottom:12px
}
.country-badge{
  width:40px;height:40px;border-radius:999px;display:grid;place-items:center;
  background:rgba(52,104,193,.22);border:1px solid rgba(136,179,255,.2);
  color:#d8e7ff;font-size:13px;font-weight:800
}
.source-option{
  display:flex;align-items:center;gap:12px;
  min-height:56px;padding:0 14px;margin-top:10px;
  border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(24,36,59,.56),rgba(16,26,44,.5))
}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.toggle{
  display:inline-flex;align-items:center;gap:12px;
  min-height:54px;padding:0 16px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(18,28,48,.84),rgba(12,22,38,.8));
  width:max-content;
}
.profile-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.summary-tile{
  padding:16px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(21,35,59,.5),rgba(15,24,40,.38));
}
.summary-tile .s-label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.summary-tile .s-value{font-size:20px;font-weight:800;letter-spacing:-.02em}

.helper-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.helper-text{font-size:14px}
.muted{color:var(--muted)}
.muted-2{color:var(--muted-2)}

@media (max-width: 1120px){
  .grid-2,.dashboard-grid,.split-layout,.home-grid,.hero{grid-template-columns:1fr}
  .source-grid{grid-template-columns:1fr}
  .country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .shell{padding:16px}
  .topbar{align-items:flex-start;flex-direction:column}
  .topbar-actions{width:100%}
  .nav-link,.user-chip,.select-pill,.btn{width:100%}
  .hero,.panel,.auth-card{padding:20px}
  .hero h2,.home-title,.panel h1{max-width:none}
  .hero-stats,.mini-metrics,.settings-grid,.form-grid,.inline-grid,.profile-summary{grid-template-columns:1fr}
  .country-grid{grid-template-columns:1fr}
  .form-span-2{grid-column:span 1}
}


/* v5.6 fixes */
.min-0{min-width:0}
.content-grow{flex:1 1 auto}
.equal-card{height:100%;display:flex;flex-direction:column}
.push-bottom{margin-top:auto}
.profile-grid{align-items:stretch}
.block-tags{margin-top:14px;align-items:flex-start}
.break-tag{white-space:normal;word-break:break-word;line-height:1.35;height:auto;min-height:34px;padding:8px 12px;align-items:flex-start}
.flash-modal{
  position:fixed;inset:0;z-index:1000;
  display:grid;place-items:center;
  background:rgba(2,7,16,.58);
  backdrop-filter:blur(8px);
}
.flash-card{
  width:min(520px,calc(100vw - 32px));
  padding:24px;border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(18,33,58,.96),rgba(10,19,35,.95));
  box-shadow:var(--shadow);
}
.flash-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-weight:800;margin-bottom:10px}
.flash-card h3{margin:0 0 10px;font-size:28px;letter-spacing:-.03em}
.flash-card p{margin:0 0 18px;color:var(--muted);line-height:1.55}
.flash-danger .flash-card{border-color:rgba(251,113,133,.2)}
.flash-success .flash-card{border-color:rgba(52,211,153,.2)}
.country-grid-stack{grid-template-columns:1fr;max-width:360px}
.profile-summary-stack{grid-template-columns:1fr;max-width:280px}
.home-grid-wide{grid-template-columns:minmax(0,1.45fr) 330px}
select, .select-pill{color-scheme:dark}
select option{background:#0b1425;color:#e8eefc}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color: var(--text);
  -webkit-box-shadow: 0 0 0px 1000px #07101d inset;
  transition: background-color 5000s ease-in-out 0s;
  caret-color: var(--text);
}
@media (max-width: 1120px){
  .home-grid-wide{grid-template-columns:1fr}
}

.user-list{display:grid;gap:18px}
.inline-grid .input{min-height:48px}

.card-actions{gap:12px}
.card-actions form{margin:0}
.card-actions .btn{white-space:nowrap}
.tag-row{gap:12px}
.user-row{padding:20px}

.profile-builder-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:22px}
.source-grid-1{grid-template-columns:1fr;gap:14px}
.source-card{min-height:auto}
.source-option span{white-space:normal;word-break:break-word}
.card-actions{display:flex;gap:18px;align-items:center}
.card-actions form{display:flex}
.card-actions .btn{min-width:104px}
@media (max-width: 1120px){
  .profile-builder-layout{grid-template-columns:1fr}
}


.metric-tile .v small{font-size:16px;font-weight:700;color:var(--muted);margin-left:6px}
.card-actions{gap:14px !important}
.card-actions form + form{margin-left:0}
.profile-builder-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:22px}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.source-grid .source-card{min-height:100%}
@media (max-width:1120px){
  .profile-builder-layout{grid-template-columns:1fr}
  .source-grid{grid-template-columns:1fr}
}

.profile-card-actions{gap:16px !important}
.profile-card-actions .btn{min-width:118px}
.profile-builder-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.95fr);gap:24px}
.source-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;align-items:stretch}
.source-card{min-height:100%}
@media (max-width:1120px){
  .profile-builder-layout{grid-template-columns:1fr}
  .source-grid{grid-template-columns:1fr !important}
}

.profile-card-actions{
  margin-top: 18px !important;
  gap: 14px !important;
}
.profile-card-actions .btn{
  min-width: 122px;
}
.profile-card-actions form{
  margin: 0;
}

.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.list-card.equal-card{display:flex;flex-direction:column;height:100%;min-height:330px;padding-bottom:20px}
.list-card .tag-row{margin-top:14px;margin-bottom:20px}
.list-card .row-head + .tag-row{margin-top:18px}
.profile-card-actions{
  margin-top:auto !important;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.04);
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px !important;
}
.profile-card-actions form:nth-child(3){grid-column:1 / -1}
.profile-card-actions .btn{width:100%;min-width:0 !important}
.profile-card-actions form{margin:0;width:100%}
@media (max-width: 900px){
  .profile-grid{grid-template-columns:1fr}
  .profile-card-actions{grid-template-columns:1fr}
  .profile-card-actions form:nth-child(3){grid-column:auto}
}

/* final card layout fix */
.profile-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
.list-card.equal-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
}
.card-action-gap{
  display:block;
  height:22px;
  min-height:22px;
  width:100%;
}
.profile-card-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}
.profile-card-actions form{
  margin:0 !important;
  width:100% !important;
}
.profile-card-actions .btn{
  width:100% !important;
  min-width:0 !important;
}
.profile-card-actions form:last-child{
  grid-column:1 / -1;
}
@media (max-width:900px){
  .profile-grid{grid-template-columns:1fr !important;}
  .profile-card-actions{grid-template-columns:1fr !important;}
  .profile-card-actions form:last-child{grid-column:auto;}
}


/* final clean saved filters layout */
.cleaned-profile-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}
.cleaned-profile-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  padding:18px !important;
}
.cleaned-profile-card .row-head{
  align-items:flex-start !important;
  margin-bottom:12px !important;
}
.cleaned-profile-card .row-head p{
  margin-top:6px !important;
}
.compact-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.compact-tags .tag{
  max-width:100%;
}
.card-footer-gap{
  display:block !important;
  height:18px !important;
  min-height:18px !important;
}
.profile-actions-bar{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
  margin-top:0 !important;
}
.profile-actions-bar form{
  margin:0 !important;
  width:auto !important;
}
.profile-actions-bar .btn{
  min-width:144px !important;
  width:auto !important;
}
@media (max-width: 900px){
  .cleaned-profile-grid{
    grid-template-columns:1fr !important;
  }
}


.profile-actions-inline{
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 12px !important;
}
.profile-actions-inline form{
  width: auto !important;
}

.profile-builder-stacked{grid-template-columns:1fr !important;}
.marketplace-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:18px;}
.grouped-sources-bottom{margin-top:8px;}
@media (max-width: 980px){.marketplace-grid-bottom{grid-template-columns:1fr !important;}}
.profile-actions-inline{flex-direction:row !important;flex-wrap:wrap;gap:12px !important}
.profile-actions-inline form{width:auto !important}

.dashboard-grid-wide{grid-template-columns:minmax(0,1.5fr) minmax(360px,.92fr)}
.telegram-panel{align-self:start}
.telegram-status-card{
  padding:18px 20px;
  border-radius:22px;
  border:1px solid var(--line);
  margin-bottom:16px;
  background:linear-gradient(180deg,rgba(18,30,50,.92),rgba(10,19,35,.88));
}
.telegram-status-card.connected{border-color:rgba(52,211,153,.26);background:linear-gradient(90deg,rgba(6,74,71,.92),rgba(8,45,62,.86))}
.telegram-status-card.not-connected{border-color:rgba(251,191,36,.16)}
.telegram-status-card strong{display:block;font-size:18px;margin-bottom:6px}
.telegram-status-card .meta{color:var(--muted)}
.telegram-card-stack{gap:14px}
.telegram-link-box{
  min-height:56px;
  padding:14px 16px;
  border-radius:16px;
  border:1px dashed rgba(136,179,255,.22);
  background:rgba(6,12,24,.45);
  line-height:1.55;
}
.telegram-link-box a{color:#b7d3ff;text-decoration:underline}
.telegram-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.steps-list{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px;line-height:1.5}
.steps-list code,.telegram-link-box code,.helper-text code{color:#d8e7ff;background:rgba(255,255,255,.05);padding:2px 6px;border-radius:8px}
.profile-form-shell{padding:28px}
.profile-builder-layout-clean{align-items:start}
.source-grid-form{grid-template-columns:1fr !important}
.compact-source-list{gap:10px}
.source-option-rich{min-height:72px;align-items:center;justify-content:space-between;padding:12px 14px}
.source-option-rich .badge{margin-left:auto}
.source-option-rich.is-disabled{opacity:.7}
.sticky-summary-card{position:sticky;top:16px}
.profile-form-shell .form-section h4{margin-bottom:2px}
.profile-form-shell .form-section .micro-kicker{margin-bottom:10px}
.profile-form-shell .summary-tile{display:grid;gap:12px}
.profile-form-shell .tag-row{gap:8px}
.profile-form-shell .tag{min-height:32px}
#sources_preview .muted,#countries_preview .muted{font-size:14px}
.telegram-connect-box .helper-row,.telegram-manual-box .helper-row{justify-content:flex-start}
@media (max-width:1120px){
  .dashboard-grid-wide{grid-template-columns:1fr}
  .telegram-actions-row{grid-template-columns:1fr}
  .sticky-summary-card{position:static}
}


.telegram-inline-actions{display:flex;gap:12px;flex-wrap:wrap}
.telegram-link-box{line-height:1.6;word-break:break-word}
.telegram-link-box code{display:inline-flex;max-width:100%;overflow:auto}
.telegram-panel .panel-header h3{margin-bottom:6px}
.telegram-panel .form-section h4{font-size:22px}
.telegram-status-card{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.profile-form-shell > .section-subtle{margin-top:10px;max-width:72ch}
.profile-form-shell form{margin-top:22px}
.profile-builder-layout{align-items:start}
.profile-form-shell .form-section{box-shadow:var(--ring)}
.profile-form-shell .source-card{padding:18px;border-radius:24px}
.profile-form-shell .source-card-head{margin-bottom:14px}
.profile-form-shell .source-option-rich{padding:14px 16px;border-radius:18px;min-height:78px}
.profile-form-shell .source-option-rich:hover{border-color:var(--line-strong)}
.profile-form-shell .source-option-rich .muted-2{margin-top:4px}
.profile-form-shell .summary-tile{padding:18px}
.profile-form-shell .sticky-summary-card{gap:14px}
.profile-actions-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.cleaned-profile-card{min-height:230px}
.cleaned-profile-card .tag-row{margin:14px 0 20px}
@media (max-width:760px){
  .telegram-inline-actions{flex-direction:column}
}


.dashboard-grid-wide{grid-template-columns:1.35fr .85fr}
.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.metric-tile{padding:18px;border-radius:22px;display:grid;gap:8px}.metric-tile .k{color:var(--muted);font-size:13px}.metric-tile .v{font-size:40px;font-weight:800;letter-spacing:-.03em}
.cleaned-profile-card{display:grid;gap:16px;min-height:250px}.row-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.content-grow{flex:1}.min-0{min-width:0}.compact-tags{margin-top:4px}.tag-row{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(18,31,55,.6);color:#c9d6f1;font-size:14px}.break-tag{word-break:break-all}.profile-actions-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.profile-actions-bar form{margin:0}.profile-actions-bar .btn,.profile-actions-bar form .btn{min-width:132px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;min-height:36px;border-radius:999px;font-size:13px;font-weight:800;text-transform:none;border:1px solid var(--line)}.badge-success{background:rgba(17,86,77,.35);color:#86efac;border-color:rgba(16,185,129,.25)}.badge-warning{background:rgba(92,66,15,.35);color:#fde68a;border-color:rgba(245,158,11,.25)}.badge-danger{background:rgba(108,30,45,.35);color:#fda4af;border-color:rgba(244,63,94,.25)}
.activity-list{display:grid;gap:12px}.activity-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.activity-item .meta{margin-top:6px;color:var(--muted);font-size:14px}.telegram-status-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px;border-radius:22px;border:1px solid var(--line);margin-bottom:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.telegram-inline-actions{display:flex;gap:12px;flex-wrap:wrap}.telegram-link-box{padding:14px 16px;border-radius:16px;border:1px dashed var(--line-strong);background:rgba(9,17,32,.55);line-height:1.55}.steps-list{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted)}.telegram-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.telegram-actions-row form{margin:0}.source-option-rich{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(12,22,40,.55)}.source-option-rich.is-disabled{opacity:.6}.source-check{width:18px;height:18px}.settings-grid{display:grid;gap:12px}.toggle{display:flex;align-items:center;gap:10px;color:#d7e4fb}.summary-tile{padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(8,16,31,.52);display:grid;gap:10px}.s-label{color:var(--muted);font-size:13px}.sticky-summary-card{position:sticky;top:14px}.profile-builder-layout-clean{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);gap:20px}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.country-badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(104,153,255,.12);border:1px solid var(--line)}.source-card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.source-grid-form{display:grid;gap:16px}.source-card{padding:18px}.equal-card{height:100%}@media (max-width: 980px){.grid-2,.home-grid,.profile-builder-layout-clean,.dashboard-grid-wide,.hero,.profile-grid{grid-template-columns:1fr}.sticky-summary-card{position:static}.telegram-actions-row{grid-template-columns:1fr}}



/* vps ui polish */
.topbar{align-items:flex-start}
.topbar-actions{justify-content:flex-end}
.user-chip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 16px}
.select-pill.wide-select{width:100%;min-width:0;height:48px}
.hero-home{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}
.hero-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}
.landing-stack,.dashboard-stack{display:grid;gap:24px}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.plans-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.plan-card-mini{
  border:1px solid var(--line);
  border-radius:20px;
  padding:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
}
.plan-card-mini h4{margin:0 0 10px;font-size:24px}
.dashboard-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.95fr);gap:20px}
.info-panel{min-height:290px}
.details-stack{display:grid;gap:18px}
.detail-row{display:grid;gap:6px}
.detail-row span{color:var(--muted);font-size:14px}
.detail-row strong{font-size:18px;line-height:1.35;word-break:break-word}
.connect-stack{margin-bottom:12px}
.admin-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px}
.nested-panel{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--line)}
.compact-header{margin-bottom:10px}
.profile-actions-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}
.profile-actions-bar form{display:flex}
.profile-actions-bar .btn{min-width:100px}
.list-card p{word-break:break-word}
.break-tag{max-width:100%}
#saved-filters .section-subtle{margin-top:8px}
.home-title{max-width:8.8ch}
.hero-stats .stat-card .value{font-size:36px}
.info-card, .panel, .hero, .list-card, .user-row, .metric-tile, .stat-card{overflow:hidden}

@media (max-width: 1200px){
  .marketing-grid,.dashboard-cards,.dashboard-main-grid,.admin-grid,.plans-stack{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .user-chip{max-width:100%}
  .topbar-actions{justify-content:flex-start}
  .panel h1{font-size:42px}
  .panel h3,.auth-card h1{font-size:28px}
  .home-title{max-width:none}
}



/* 2030 polish */
:root{
  --glass:rgba(255,255,255,.04);
  --glass-strong:rgba(255,255,255,.07);
  --cyan:#61e7ff;
  --violet:#8ca0ff;
}

body{
  background:
    radial-gradient(circle at 12% 10%, rgba(92,126,255,.22), transparent 24%),
    radial-gradient(circle at 82% 84%, rgba(58,232,220,.14), transparent 18%),
    radial-gradient(circle at 58% -10%, rgba(130,104,255,.12), transparent 26%),
    linear-gradient(180deg,#020611 0%,#04101d 42%,#05111d 100%);
}

.shell{max-width:1380px;padding:20px 28px 56px}
.topbar{margin-bottom:30px}
.brand-mark-glow{
  box-shadow:
    0 10px 28px rgba(84,146,255,.26),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 0 48px rgba(97,231,255,.16);
}
.brand-copy h1{font-size:18px}
.brand-copy p{font-size:13px;max-width:640px}

.hero,.panel,.notice,.empty-state,.auth-card,.info-card,.metric-tile,.soft-panel{
  backdrop-filter:blur(24px);
  border-color:rgba(136,179,255,.14);
}
.glow-panel,.glow-card{
  box-shadow:
    var(--ring),
    var(--shadow),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 40px rgba(93,142,255,.05);
}
.hero-premium{
  padding:34px;
  border-radius:32px;
}
.home-title{
  font-size:clamp(42px,5.5vw,78px);
  line-height:.94;
  max-width:9ch;
}
.hero-copy p{font-size:19px;max-width:60ch}
.stat-card,.metric-tile,.list-card,.user-row,.source-card,.plan-card-mini{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.stat-card,.metric-tile{min-height:122px}
.stat-card .value,.metric-tile .v{
  font-size:46px;
  letter-spacing:-.04em;
}
.panel h1{font-size:clamp(34px,4vw,54px)}
.panel h3,.auth-card h1{font-size:clamp(28px,3vw,40px)}
.panel h4,.info-card h3,.list-card h4{font-size:22px}

.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.dashboard-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start}
.info-panel{min-height:340px}
.details-stack{gap:20px}
.detail-row{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.detail-row:last-child{border-bottom:none}
.detail-row strong{font-size:20px}
.compact-header{margin-bottom:14px}
.mini-metrics{margin-top:24px}
.hero-side{gap:18px}

.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cleaned-profile-card{padding:20px;min-height:188px}
.tag{background:rgba(21,35,60,.92)}
.break-tag{max-width:100%}
.profile-actions-bar{gap:10px}

.marketing-grid-2030{grid-template-columns:1fr 1fr}
.plans-stack{margin-top:18px}
.plan-card-mini{
  padding:22px;
  border-radius:22px;
  min-height:180px;
}
.plan-card-mini p{line-height:1.6}

.admin-user-card{padding:22px}
.admin-grid{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr)}
.nested-panel{padding:20px}
.wide-select{background:linear-gradient(180deg,rgba(10,18,34,.96),rgba(8,15,29,.9))}
.user-list{gap:22px}

.btn{
  height:50px;
  border-radius:17px;
  font-weight:700;
}
.btn-small{height:42px}
.btn-primary{
  box-shadow:0 10px 24px rgba(110,174,255,.18);
}
.btn-soft{
  background:linear-gradient(180deg,rgba(14,24,42,.94),rgba(9,17,31,.88));
}

.flash-card{
  max-width:520px;
  width:min(92vw,520px);
}

@media (max-width: 1200px){
  .dashboard-cards,.dashboard-main-grid,.marketing-grid-2030,.admin-grid{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .shell{padding:16px}
  .hero-premium{padding:22px}
  .home-title{max-width:none}
  .profile-grid,.plans-stack{grid-template-columns:1fr}
  .stat-card .value,.metric-tile .v{font-size:38px}
}



.plans-stack-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.plan-price{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.03em;
  margin:6px 0 14px;
}
.plan-points{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:10px;
  color:var(--muted);
}
.plan-points li{line-height:1.45}
@media (max-width: 1200px){
  .plans-stack-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 760px){
  .plans-stack-4{grid-template-columns:1fr}
}



.marketing-grid-2030{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);
  align-items:start;
}
.scan-explainer-card{min-height:100%}
.scan-steps{
  display:grid;
  gap:14px;
  margin-top:20px;
}
.scan-step{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:start;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
}
.scan-step span{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(105,164,255,.14);
  color:var(--text);
  font-weight:800;
}
.scan-step strong{display:block;font-size:18px;margin-bottom:4px}
.scan-step small{display:block;color:var(--muted);line-height:1.5}

.pricing-panel .section-subtle{margin-bottom:14px}
.plans-stack-4{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.plan-card-mini{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
  padding:22px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.plan-topline{
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--text);
  margin-bottom:8px;
}
.plan-price{
  font-size:clamp(28px,3vw,42px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:16px;
}
.plan-points{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:10px;
  color:var(--muted);
}
.plan-points li{
  line-height:1.5;
  overflow-wrap:anywhere;
}
.featured-plan{
  border-color:rgba(136,179,255,.34);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 16px 36px rgba(95,149,255,.08);
}
.featured-lite{
  border-color:rgba(136,179,255,.2);
}
.enterprise-card{
  border-style:dashed;
}
.plan-cta-row{margin-top:18px}

@media (max-width: 1200px){
  .marketing-grid-2030{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .shell{
    padding:14px 14px 34px;
  }
  .topbar{
    align-items:flex-start;
  }
  .topbar-actions{
    width:100%;
    gap:8px;
  }
  .lang-form,.topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn{
    width:100%;
    max-width:none;
    justify-content:center;
  }
  .brand{
    align-items:flex-start;
  }
  .brand-copy p{
    max-width:100%;
  }
  .hero{
    grid-template-columns:1fr;
    padding:20px;
    gap:18px;
  }
  .hero h2,.home-title{
    max-width:none;
    font-size:44px;
  }
  .hero-copy p{
    font-size:16px;
  }
  .hero-stats, .mini-metrics{
    grid-template-columns:1fr;
  }
  .dashboard-cards, .dashboard-main-grid, .profile-grid, .admin-grid, .plans-stack-4{
    grid-template-columns:1fr;
  }
  .panel{
    padding:18px;
  }
  .panel h1{
    font-size:34px;
  }
  .panel h3{
    font-size:26px;
  }
  .user-chip{
    white-space:normal;
    text-align:center;
    height:auto;
    min-height:46px;
  }
  .plan-card-mini{
    padding:18px;
  }
  .plan-price{
    font-size:34px;
  }
  .scan-step{
    grid-template-columns:40px 1fr;
    padding:12px 14px;
  }
}



.auth-card-narrow{width:min(560px,100%)}
.auth-card-wide{width:min(760px,100%)}
.auth-form{gap:18px}
.admin-search-bar{margin-bottom:18px}
.admin-meta-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.meta-pill{
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
  display:grid;
  gap:6px;
}
.meta-pill span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.meta-pill strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.admin-profiles-list{margin-top:12px;display:grid;gap:8px}
.admin-compact-grid{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:12px;
  margin-top:14px;
}
.compact-panel{padding:14px}
.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.admin-user-card{padding:16px}
.user-row.admin-user-card h4{font-size:18px}
.stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.stat-box{
  min-height:120px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));
  display:grid;
  align-content:start;
  gap:10px;
}
.stat-box .label{color:var(--muted);font-size:13px}
.value-highlight{
  font-size:22px !important;
  line-height:1.3 !important;
  font-weight:800;
  letter-spacing:-.02em;
}
.telegram-actions{margin-top:12px}
.telegram-stats-grid{margin-bottom:14px}
.info-panel{min-height:unset}
.dashboard-cards .panel,.dashboard-main-grid .panel{height:100%}
.detail-row strong{overflow-wrap:anywhere}

@media (max-width: 1200px){
  .admin-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-compact-grid{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .auth-card{padding:22px}
  .form-grid,.inline-grid,.compact-form-grid,.stats-grid,.admin-meta-grid{grid-template-columns:1fr}
  .form-span-2{grid-column:span 1}
  .profile-grid{grid-template-columns:1fr}
  .dashboard-main-grid{grid-template-columns:1fr}
  .topbar-actions{flex-direction:column;align-items:stretch}
  .topbar-actions .lang-form,.topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn{width:100%;max-width:none}
  .topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn{justify-content:center}
  .metric-tile .v{font-size:34px}
  .hero h2,.home-title{font-size:40px}
}



/* final polish overrides */
.shell{max-width:1400px;padding:20px 24px 48px}
.topbar{align-items:flex-start;gap:14px}
.brand{min-width:0}
.brand-copy{min-width:0}
.brand-copy p{max-width:420px}
.topbar-actions{justify-content:flex-end;row-gap:10px}
.topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn,.topbar-actions .lang-form{flex:0 0 auto}
.user-chip{max-width:260px}
.select-pill{min-width:140px}

.hero{grid-template-columns:minmax(0,1.5fr) minmax(340px,.9fr)}
.hero-copy, .hero-side, .panel, .list-card, .user-row, .stat-box {min-width:0}
.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-tile{min-height:126px}
.metric-tile .v{font-size:clamp(30px,4vw,58px);line-height:1.05;overflow:hidden;text-overflow:ellipsis}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stat-box{padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));min-height:118px}
.stat-box .label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}
.value-highlight{display:block;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.28;overflow-wrap:anywhere}
.dashboard-cards{align-items:stretch}
.dashboard-cards > .panel,.dashboard-main-grid > .panel{height:100%}
.dashboard-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px}
.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cleaned-profile-card{min-height:182px}
.break-tag{max-width:100%;overflow-wrap:anywhere}
.telegram-actions{display:flex;flex-wrap:wrap;gap:10px}
.telegram-actions .btn{min-width:0}
.telegram-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:end}
.telegram-form-grid .field{min-width:0}
.telegram-save-field .btn{height:54px}

.auth-wrap{padding:20px 0}
.auth-card{padding:30px}
.auth-card-narrow{width:min(560px,100%)}
.auth-card-wide{width:min(760px,100%)}
.auth-form{gap:18px}

.marketing-grid-2030{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr)}
.plans-stack-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plan-card-mini{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:22px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))}
.plan-topline{font-size:15px;font-weight:800}
.plan-price{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.04em}
.plan-points{margin:0;padding-left:18px;display:grid;gap:10px}
.plan-points li{line-height:1.55;overflow-wrap:anywhere}
.featured-plan{border-color:rgba(136,179,255,.32);box-shadow:0 10px 34px rgba(94,143,255,.08)}
.scan-steps{display:grid;gap:14px;margin-top:18px}
.scan-step{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012))}
.scan-step span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(105,164,255,.14);font-weight:800}
.scan-step strong{display:block;font-size:18px;margin-bottom:4px}
.scan-step small{display:block;color:var(--muted);line-height:1.5}

.admin-search-bar{margin-bottom:16px}
.user-list{gap:14px}
.admin-user-card{padding:16px}
.admin-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.meta-pill{padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));display:grid;gap:6px}
.meta-pill span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.meta-pill strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.admin-profiles-list{display:grid;gap:8px;margin-top:12px}
.admin-compact-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px;margin-top:12px}
.compact-panel{padding:14px}
.compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.admin-actions-row .btn{min-width:0}

.source-option-rich .badge{min-width:74px}
.source-option-rich span{overflow-wrap:anywhere}

@media (max-width: 1200px){
  .dashboard-main-grid,.marketing-grid-2030,.admin-compact-grid{grid-template-columns:1fr}
  .admin-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 900px){
  .topbar-actions{width:100%;justify-content:flex-start}
  .topbar-actions .lang-form,.topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn{width:100%;max-width:none}
  .topbar-actions .nav-link,.topbar-actions .user-chip,.topbar-actions .btn{justify-content:center}
  .user-chip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media (max-width: 760px){
  .shell{padding:14px 14px 34px}
  .hero{grid-template-columns:1fr;padding:20px;gap:18px}
  .panel,.auth-card{padding:18px}
  .hero h2,.home-title{font-size:42px;max-width:none}
  .hero-copy p{font-size:16px}
  .mini-metrics,.hero-stats,.stats-grid,.profile-grid,.dashboard-main-grid,.dashboard-cards,.admin-meta-grid,.compact-form-grid,.plans-stack-4,.telegram-form-grid{grid-template-columns:1fr}
  .metric-tile,.stat-box{min-height:auto}
  .metric-tile .v{font-size:32px}
  .profile-actions-bar,.panel-actions,.telegram-actions,.admin-actions-row{flex-direction:column}
  .profile-actions-bar form,.telegram-actions form,.admin-actions-row form{width:100%}
  .profile-actions-bar .btn,.telegram-actions .btn,.admin-actions-row .btn{width:100%}
  .scan-step{grid-template-columns:40px 1fr;padding:12px 14px}
  .scan-step span{width:40px;height:40px}
  .form-span-2{grid-column:span 1}
  .input,select.input,textarea{width:100%;min-width:0}
}



/* last two visual fixes */
.hero-dashboard-wide h2,
.hero-home .home-title{
  max-width:100%;
}
.scan-step{
  grid-template-columns:56px minmax(0,1fr);
  align-items:start;
}
.scan-step span{
  grid-row:1 / span 2;
}
.scan-step strong,
.scan-step small{
  grid-column:2;
}
.scan-step small{
  max-width:100%;
  overflow-wrap:anywhere;
}

.plan-card-mini{
  border-width:1.5px;
  position:relative;
}
.plan-card-mini::after,
.current-plan-panel::after,
.subscription-panel::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
}
.plan-trial{
  border-color:rgba(113,221,255,.34);
  box-shadow:0 0 0 1px rgba(113,221,255,.08) inset;
}
.plan-trial::after{box-shadow:inset 0 0 0 1px rgba(113,221,255,.08)}
.plan-pro{
  border-color:rgba(129,178,255,.40);
  box-shadow:0 0 0 1px rgba(129,178,255,.10) inset, 0 18px 40px rgba(73,126,255,.08);
}
.plan-pro::after{box-shadow:inset 0 0 0 1px rgba(129,178,255,.10)}
.plan-max{
  border-color:rgba(173,132,255,.42);
  box-shadow:0 0 0 1px rgba(173,132,255,.10) inset, 0 18px 40px rgba(129,89,255,.08);
}
.plan-max::after{box-shadow:inset 0 0 0 1px rgba(173,132,255,.10)}
.plan-enterprise{
  border-color:rgba(255,187,92,.42);
  box-shadow:0 0 0 1px rgba(255,187,92,.10) inset, 0 18px 40px rgba(255,156,56,.06);
}
.plan-enterprise::after{box-shadow:inset 0 0 0 1px rgba(255,187,92,.10)}

.subscription-panel.plan-trial,
.current-plan-panel.plan-trial{
  border-color:rgba(113,221,255,.30);
}
.subscription-panel.plan-pro,
.current-plan-panel.plan-pro{
  border-color:rgba(129,178,255,.34);
}
.subscription-panel.plan-max,
.current-plan-panel.plan-max{
  border-color:rgba(173,132,255,.34);
}
.subscription-panel.plan-enterprise,
.current-plan-panel.plan-enterprise{
  border-color:rgba(255,187,92,.34);
}

.subscription-status-box.status-active,
.telegram-status-box.status-connected{
  border-color:rgba(52,211,153,.30);
  background:linear-gradient(180deg,rgba(12,54,47,.34),rgba(9,24,25,.22));
}
.subscription-status-box.status-expired,
.subscription-status-box.status-cancelled,
.telegram-status-box.status-disconnected{
  border-color:rgba(251,113,133,.30);
  background:linear-gradient(180deg,rgba(68,20,32,.32),rgba(27,12,18,.22));
}
.subscription-plan-box.plan-trial{
  border-color:rgba(113,221,255,.30);
}
.subscription-plan-box.plan-pro{
  border-color:rgba(129,178,255,.34);
}
.subscription-plan-box.plan-max{
  border-color:rgba(173,132,255,.34);
}
.subscription-plan-box.plan-enterprise{
  border-color:rgba(255,187,92,.34);
}
.status-text-connected{color:var(--success)}
.status-text-disconnected{color:var(--danger)}

@media (max-width: 760px){
  .hero-home .home-title,
  .hero-dashboard-wide h2{
    max-width:100%;
    font-size:clamp(38px,10vw,58px);
  }
  .scan-step{
    grid-template-columns:52px minmax(0,1fr);
  }
  .plan-card-mini{
    min-height:auto;
  }
}



/* delta pricing, badges, spacing */
.plan-name-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
  white-space:nowrap;
}
.badge-trial,.plan-trial .plan-name-badge,.plan-name-badge.plan-trial{
  border-color:rgba(113,221,255,.38);
  background:rgba(113,221,255,.10);
  color:#c8f6ff;
}
.badge-pro,.plan-pro .plan-name-badge,.plan-name-badge.plan-pro{
  border-color:rgba(129,178,255,.40);
  background:rgba(129,178,255,.10);
  color:#d8e7ff;
}
.badge-max,.plan-max .plan-name-badge,.plan-name-badge.plan-max{
  border-color:rgba(173,132,255,.40);
  background:rgba(173,132,255,.10);
  color:#ebdcff;
}
.badge-enterprise,.plan-enterprise .plan-name-badge,.plan-name-badge.plan-enterprise{
  border-color:rgba(255,187,92,.40);
  background:rgba(255,187,92,.10);
  color:#ffe7bc;
}

.metric-tile-compact .v{
  font-size:clamp(26px,3vw,46px) !important;
  line-height:1.02 !important;
}
.metric-tile.metric-telegram .metric-text{
  font-size:clamp(22px,2.8vw,38px) !important;
  letter-spacing:-.03em;
}
.metric-profile{
  border-color:rgba(113,221,255,.24);
}
.metric-scan{
  border-color:rgba(129,178,255,.24);
}
.metric-telegram{
  border-color:rgba(52,211,153,.24);
}

.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:16px;
  font-weight:800;
  line-height:1;
}
.pill-green{
  color:#d9fff0;
  border-color:rgba(52,211,153,.34);
  background:rgba(16,91,67,.28);
}
.pill-red{
  color:#ffe1e6;
  border-color:rgba(251,113,133,.34);
  background:rgba(104,28,46,.28);
}

.hero-home .home-title{
  max-width:14ch;
  font-size:clamp(54px,7vw,92px);
  line-height:.95;
}
.hero-home .hero-copy p{
  max-width:34ch;
  padding-right:18px;
}

.plans-stack-4{
  align-items:stretch;
}
.plan-card-mini{
  min-height:370px;
}
.plan-card-mini .plan-price{
  margin-top:4px;
  margin-bottom:18px;
}
.plan-card-mini .plan-points{
  gap:12px;
}

.scan-step{
  grid-template-columns:56px minmax(0,1fr);
  align-items:start;
}
.scan-step span{
  width:56px;
  height:56px;
  font-size:24px;
  grid-row:1 / span 2;
}
.scan-step strong,
.scan-step small{
  grid-column:2;
}
.scan-step strong{
  font-size:22px;
  margin-top:4px;
}
.scan-step small{
  max-width:100%;
  overflow-wrap:anywhere;
  font-size:17px;
  line-height:1.65;
}

@media (max-width: 1100px){
  .hero-home .home-title{
    max-width:11ch;
    font-size:clamp(48px,6.4vw,78px);
  }
}

@media (max-width: 760px){
  .hero-home .home-title{
    max-width:100%;
    font-size:clamp(40px,10vw,60px);
  }
  .hero-home .hero-copy p{
    max-width:100%;
    padding-right:0;
  }
  .plan-card-mini{
    min-height:auto;
  }
  .metric-tile-compact .v{
    font-size:32px !important;
  }
  .metric-tile.metric-telegram .metric-text{
    font-size:28px !important;
  }
  .status-pill{
    min-width:0;
    width:100%;
  }
  .scan-step{
    grid-template-columns:48px minmax(0,1fr);
  }
  .scan-step span{
    width:48px;
    height:48px;
    font-size:20px;
  }
  .scan-step strong{
    font-size:20px;
  }
  .scan-step small{
    font-size:16px;
  }
}


/* smaller dashboard metrics */
.metric-tile-compact .v{
  font-size:clamp(22px,2.4vw,38px) !important;
  line-height:1.02 !important;
}
.metric-tile.metric-telegram .metric-text{
  font-size:clamp(20px,2.2vw,32px) !important;
  letter-spacing:-.02em;
}
@media (max-width: 760px){
  .metric-tile-compact .v{
    font-size:28px !important;
  }
  .metric-tile.metric-telegram .metric-text{
    font-size:24px !important;
  }
}