:root{--primary:#45cbb7;--dark:#16a291;--gold:#d8c878;--gold-soft:#fff8df;--bg:#f5faf8;--card:#fff;--text:#1d3733;--muted:#6f817d;--line:#e4efec;--success:#1f9b70;--danger:#c05757;--warning:#a87919;--shadow:0 8px 22px rgba(0,0,0,.045)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.dashboard{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:linear-gradient(180deg,var(--primary),var(--dark));color:white;padding:24px 20px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:14px;margin-bottom:30px}.logo-img{width:68px;height:68px;object-fit:cover;border-radius:50%;background:white;padding:3px;box-shadow:0 8px 22px rgba(0,0,0,.14)}.logo-mark{width:60px;height:60px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:#fff8d4;font-weight:bold;background:rgba(255,255,255,.1)}.logo b{display:block;font-size:19px}.logo span{font-size:12px;color:#eefdf9}.nav a{display:flex;align-items:center;gap:10px;color:white;padding:13px 14px;border-radius:15px;margin-bottom:7px;font-size:14px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.2);color:#fff8d4}.main{padding:26px 30px 40px;min-width:0}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.header h1{margin:0;color:var(--dark);font-size:31px}.header p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:0;border-radius:999px;padding:11px 17px;font-weight:bold;cursor:pointer;background:var(--dark);color:white;font-family:inherit;display:inline-block;font-size:13px}.btn.gold{background:var(--gold);color:#2f2a12}.btn.light{background:white;color:var(--dark);border:1px solid var(--line)}.btn.red{background:var(--danger)}.btn.small{padding:7px 11px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:white;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.stat .label{color:var(--muted);font-size:13px}.stat .num{margin:10px 0 4px;font-size:31px;color:var(--dark);font-weight:bold}.stat .trend{font-size:12px;color:var(--success)}.layout{display:grid;grid-template-columns:1.45fr .9fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.panel-title h2{margin:0;color:var(--dark);font-size:21px}.panel-title span{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;padding:14px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}.table th{color:var(--muted);background:#fbfdfc}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:bold}.badge.hot{background:#fff0cf;color:var(--warning)}.badge.new{background:#e8faf5;color:var(--dark)}.badge.done{background:#eef1ff;color:#40539b}.badge.active{background:#e8faf5;color:var(--success)}.badge.draft{background:#f2f2f2;color:#777}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:12px 13px;background:#fbfdfc;font-family:inherit}.field input[type=color]{padding:3px;height:44px}.field textarea{min-height:92px;resize:vertical}.field.full{grid-column:1/-1}.program,.rule,.element-row{background:#fbfdfc;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:11px}.program h3,.element-row h3{margin:0 0 6px;color:var(--dark);font-size:15px}.program p,.rule p,.element-row p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.rule{border-right:4px solid var(--gold)}.rule b{color:var(--dark);font-size:14px}.notice{background:var(--gold-soft);border:1px solid rgba(216,200,120,.45);color:#6f641f;border-radius:18px;padding:14px;line-height:1.7;font-size:13px;margin-bottom:16px}.notice.success{background:#e8faf5;color:#176b5e;border-color:#b9e7dc}.notice.error{background:#fff0f0;color:#9a2f2f;border-color:#efc1c1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--primary),var(--dark))}.login-card{width:100%;max-width:430px;background:white;border-radius:28px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.login-card h1{margin:0 0 8px;color:var(--dark)}.login-card p{color:var(--muted);margin:0 0 20px}
.builder-grid{display:grid;grid-template-columns:390px 1fr;gap:20px;align-items:start}.phone-preview{width:330px;min-height:690px;background:#111;border-radius:40px;padding:12px;margin:auto;position:sticky;top:22px;box-shadow:0 25px 55px rgba(0,0,0,.23)}.phone-screen{background:var(--bg);border-radius:30px;min-height:666px;overflow:hidden;position:relative;padding-bottom:72px}.app-hero{background:linear-gradient(135deg,var(--primary),var(--dark));color:white;padding:22px 18px 26px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.app-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.app-logo{width:46px;height:46px;border-radius:50%;object-fit:cover;background:white;padding:2px}.lang-toggle{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 10px;color:#fff8d4;font-size:11px}.app-hero h2{font-size:20px;margin:0 0 7px;line-height:1.35}.app-hero p{font-size:12px;line-height:1.7;margin:0;color:#ecfffb}.app-element{background:white;margin:12px;border:1px solid var(--line);border-radius:18px;padding:14px}.app-element h3{margin:0 0 7px;color:var(--dark);font-size:15px}.app-element p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.app-btn{display:inline-block;margin-top:10px;background:var(--gold);color:#2f2a12;border-radius:999px;padding:8px 12px;font-weight:bold;font-size:11px}.app-input{background:#f3f7f4;border:1px solid var(--line);border-radius:14px;padding:11px;margin-top:10px;color:#87928f;font-size:11px}.app-bottom{position:absolute;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 0;color:var(--muted);font-size:10px}.app-bottom div{text-align:center}.element-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.version-footer{margin-top:20px;color:var(--muted);font-size:12px;text-align:center}.tabs{display:flex;gap:8px;margin-bottom:15px}.tab{background:#fbfdfc;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:var(--muted);font-size:12px}.tab.active{background:var(--dark);color:white}
@media(max-width:1200px){.builder-grid{grid-template-columns:1fr}.phone-preview{position:relative;top:0}}@media(max-width:1100px){.dashboard{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}}@media(max-width:650px){.stats,.form-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.nav{grid-template-columns:1fr 1fr}.main{padding:18px}.phone-preview{width:100%}}



/* ===============================
   AUM Dashboard v1.3 App Builder UI Fix
   Dashboard-first layout polish
================================== */
.builder-studio-head{
  background:
    radial-gradient(circle at 95% 0%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg,var(--dark),var(--primary));
  color:#fff;
  border-radius:30px;
  padding:28px;
  margin-bottom:18px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  box-shadow:0 16px 38px rgba(22,162,145,.17);
}
.builder-studio-head .eyebrow{
  display:inline-block;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  color:#fff8d4;
  padding:7px 12px;
  border-radius:999px;
  font-size:12px;
  margin-bottom:12px;
}
.builder-studio-head h1{margin:0;font-size:34px;color:#fff}
.builder-studio-head p{margin:8px 0 0;color:#effffb;line-height:1.8;max-width:820px}
.builder-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

.builder-health-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:18px;
}
.builder-health-strip div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:15px 17px;
  box-shadow:var(--shadow);
  min-width:0;
}
.builder-health-strip b{display:block;color:var(--dark);margin-bottom:5px;font-size:13px}
.builder-health-strip span{display:block;color:var(--muted);font-size:12px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.builder-studio-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:22px;
  direction:ltr;
  align-items:start;
}
.builder-editor,
.builder-preview-panel{direction:rtl}
.builder-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:24px;
  box-shadow:var(--shadow);
  margin-bottom:20px;
}
.builder-card-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  border-bottom:1px solid var(--line);
  padding-bottom:16px;
  margin-bottom:18px;
}
.builder-card-title h2{margin:5px 0 4px;color:var(--dark);font-size:23px}
.builder-card-title p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.section-number{
  display:inline-flex;
  width:34px;height:34px;
  align-items:center;justify-content:center;
  border-radius:13px;
  background:#e8faf5;
  color:var(--dark);
  font-weight:bold;
  font-size:13px;
}
.status-pill{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  background:var(--gold-soft);
  color:#71651f;
  font-size:12px;
  font-weight:bold;
  white-space:nowrap;
}
.status-pill.green{background:#e8faf5;color:var(--dark)}

.studio-form{display:block}
.studio-row{
  display:grid;
  gap:14px;
  margin-bottom:14px;
}
.studio-row.two{grid-template-columns:1fr 1fr}
.studio-row.three{grid-template-columns:repeat(3,1fr)}
.studio-row.four{grid-template-columns:repeat(4,1fr)}
.color-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-bottom:14px;
}
.studio-field label{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:7px;
  font-weight:bold;
}
.studio-field input,
.studio-field select,
.studio-field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:17px;
  padding:13px 14px;
  background:#fbfdfc;
  font-family:inherit;
  font-size:14px;
  outline:none;
  transition:.18s ease;
}
.studio-field input:focus,
.studio-field select:focus,
.studio-field textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 4px rgba(69,203,183,.12);
  background:#fff;
}
.studio-field textarea{min-height:105px;resize:vertical;line-height:1.65}
.studio-field input[type=color]{height:48px;padding:4px;cursor:pointer}
.ltr-field input,
.ltr-field textarea{direction:ltr;text-align:left}
.studio-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.mini-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0 14px;
  color:var(--dark);
  font-weight:bold;
}
.mini-divider:before,
.mini-divider:after{
  content:"";
  height:1px;
  background:var(--line);
  flex:1;
}
.check-line{
  display:flex !important;
  align-items:center;
  gap:8px;
  background:#fbfdfc;
  border:1px solid var(--line);
  border-radius:17px;
  padding:13px 14px;
  color:var(--text) !important;
  font-size:14px !important;
}
.check-line input{width:auto !important}

.builder-preview-panel{
  position:sticky;
  top:22px;
}
.preview-header{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  box-shadow:var(--shadow);
}
.preview-header b{display:block;color:var(--dark)}
.preview-header span{color:var(--muted);font-size:12px}
.live-dot{
  width:12px;height:12px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 0 5px rgba(31,155,112,.12);
}
.studio-phone{
  width:100%;
  max-width:370px;
}
.studio-phone .phone-screen{
  min-height:710px;
  max-height:760px;
  overflow-y:auto;
}
.preview-note{
  margin-top:12px;
  background:#fff8df;
  border:1px solid rgba(216,200,120,.48);
  color:#6f641f;
  border-radius:18px;
  padding:13px;
  line-height:1.7;
  font-size:12px;
}

.content-block-list{display:flex;flex-direction:column;gap:12px}
.content-block-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fbfdfc;
  padding:14px;
}
.content-block-item.muted-item{opacity:.62}
.block-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.block-icon{
  width:42px;height:42px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e8faf5;
  color:var(--dark);
  font-size:20px;
  flex:0 0 42px;
}
.content-block-item h3{
  margin:0 0 5px;
  color:var(--dark);
  font-size:15px;
}
.content-block-item p{
  margin:0;
  color:var(--muted);
  font-size:12px;
}
.block-actions{display:flex;gap:8px;flex-wrap:wrap;white-space:nowrap}

@media(max-width:1350px){
  .builder-studio-layout{grid-template-columns:1fr}
  .builder-preview-panel{position:relative;top:0}
  .studio-phone{max-width:420px;margin:auto}
}
@media(max-width:900px){
  .builder-studio-head{flex-direction:column;align-items:flex-start}
  .builder-health-strip{grid-template-columns:1fr 1fr}
  .studio-row.two,.studio-row.three,.studio-row.four,.color-grid{grid-template-columns:1fr}
  .content-block-item{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .builder-health-strip{grid-template-columns:1fr}
  .builder-card{padding:18px;border-radius:22px}
  .builder-card-title{flex-direction:column}
}



/* ===============================
   AUM System v1.4 Unified App/Dashboard polish
================================== */
.preview-app-name{
  font-size:21px !important;
  margin-bottom:8px !important;
  letter-spacing:.2px;
}
.preview-question-big{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:27px;
  line-height:1.35;
  font-weight:900;
  margin:0 0 8px;
  text-shadow:0 7px 22px rgba(0,0,0,.12);
}
.builder-studio-head .eyebrow:after{
  content:" unified";
  opacity:.9;
}



/* ===============================
   AUM System v1.5 Hero Question Sync Fix
================================== */
.hero-question-admin{
  border:1px solid rgba(69,203,183,.25);
  background:linear-gradient(135deg,#f2fffb,#ffffff);
  border-radius:22px;
  padding:16px;
  margin-bottom:18px;
}
.hero-question-admin label{
  color:var(--dark) !important;
  font-size:13px !important;
}
.hero-question-admin input{
  font-size:18px !important;
  font-weight:800;
  background:#fff !important;
}
.preview-question-big{
  font-size:31px !important;
}


/* ===============================
   AUM System v1.6 Dashboard Live Preview Rebuild
================================== */
.app-builder-form-v16{display:flex; flex-direction:column; gap:18px;}
.subeditor-card{border:1px solid rgba(69,203,183,.22); background:linear-gradient(180deg,#fbfffe,#f6fffd); border-radius:24px; padding:18px; box-shadow:0 8px 24px rgba(41,73,64,.06);}
.subeditor-head{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px dashed rgba(69,203,183,.28);}
.subeditor-head strong{font-size:17px; color:var(--dark);} 
.subeditor-head span{font-size:12px; color:#72817a;}
.compact-grid .studio-field input{min-height:52px;}
.flash-focus{outline:3px solid rgba(207,191,108,.55); box-shadow:0 0 0 6px rgba(207,191,108,.12); transition:.2s ease;}
.preview-clickable{position:relative; cursor:pointer; transition:transform .15s ease, box-shadow .2s ease;}
.preview-clickable:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.08);}
.preview-edit-chip{position:absolute; top:12px; left:12px; border:none; background:rgba(255,255,255,.94); color:#1a7c70; border-radius:999px; padding:6px 12px; font-size:12px; font-weight:800; box-shadow:0 5px 14px rgba(0,0,0,.08); cursor:pointer;}
.live-preview-phone .phone-screen{gap:14px;}
.live-preview-phone .app-hero{padding-top:34px;}
.main-live-question{font-size:28px !important; line-height:1.25;}
.app-footer-note{text-align:center; color:#63736d; font-size:13px; padding:4px 10px 8px;}
.helper-fill-card{border-style:dashed;}
#section-content-blocks .builder-card-title{position:relative;}
@media (max-width: 1100px){
  .subeditor-head{flex-direction:column; align-items:flex-start;}
}



/* ===============================
   AUM System v1.8 Subscribers consent table
================================== */
.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(69,203,183,.18)}
.data-table{width:100%;border-collapse:collapse;background:#fff;min-width:880px}
.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid #edf3f1;text-align:right;font-size:13px}
.data-table th{background:#f5fffc;color:var(--dark);font-weight:900}
.data-table tr:hover td{background:#fbfffd}