*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#07111f;color:#e5e7eb;min-height:100vh;overflow-x:hidden;padding-bottom:76px}.space-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(56,189,248,.22),transparent 26%),radial-gradient(circle at 82% 18%,rgba(168,85,247,.16),transparent 28%),linear-gradient(180deg,#07111f,#0f172a 48%,#020617)}.space-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:38px 38px;opacity:.10}.topbar{position:sticky;top:0;z-index:5;background:rgba(15,23,42,.9);backdrop-filter:blur(14px);border-bottom:1px solid #334155;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;min-height:66px}.topbar h1{margin:0;font-size:18px}.tagline{margin:3px 0 0;color:#93c5fd;font-size:12px}main{padding:12px;max-width:1080px;margin:auto}.view{display:none}.active-view{display:block}.hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 12px;padding:14px;border:1px solid rgba(56,189,248,.34);border-radius:20px;background:linear-gradient(135deg,rgba(30,41,59,.88),rgba(15,23,42,.62));overflow:hidden;min-height:132px}.hero h2{margin:2px 0;font-size:23px;line-height:1.15}.hero p{color:#cbd5e1;margin:4px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#38bdf8!important}.robot{width:128px;max-width:34%;filter:drop-shadow(0 18px 30px rgba(56,189,248,.25));animation:float 4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px}.stat-card,.card{background:rgba(30,41,59,.88);border:1px solid rgba(148,163,184,.22);box-shadow:0 12px 30px rgba(0,0,0,.18);border-radius:16px;padding:12px;margin-bottom:12px}.stat-card span,.fact-grid span,.control-status span{display:block;color:#94a3b8;font-size:11px}.stat-card strong{font-size:23px}.ok strong{color:#86efac}.warning strong{color:#fde047}.nawala strong{color:#f87171}.error strong{color:#fbbf24}.score strong{color:#38bdf8}.hidden{display:none!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}label{font-size:13px;color:#cbd5e1}input,select,textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #475569;border-radius:10px;background:#0f172a;color:#e5e7eb}textarea{min-height:92px}button{border:0;border-radius:10px;padding:9px 11px;background:#334155;color:#fff;font-weight:700;cursor:pointer}button.primary{background:#2563eb}button.ghost{background:#0f172a;border:1px solid #475569}.danger-btn{background:#7f1d1d!important}button:disabled{opacity:.45}.actions,.subnav{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.muted{color:#94a3b8;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fact-grid,.control-status,.check-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.fact-grid div,.control-status div,.pro-chip{background:rgba(15,23,42,.8);border:1px solid #334155;border-radius:12px;padding:10px}.fact-grid strong,.control-status strong{font-size:14px}.tools-row{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px}.website-accordion{display:grid;gap:8px}.web-panel{background:rgba(15,23,42,.88);border:1px solid #334155;border-radius:14px;overflow:hidden}.web-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:rgba(15,23,42,.95);border-radius:0;text-align:left}.web-head-title strong{display:block}.web-head-title span{font-size:12px;color:#94a3b8}.web-metrics{display:flex;gap:6px;flex-wrap:wrap}.mini-pill{font-size:11px;border-radius:999px;padding:5px 7px;background:#334155}.mini-pill.ok{background:#052e16;color:#86efac}.mini-pill.timeout{background:#713f12;color:#fde68a}.mini-pill.nawala{background:#7f1d1d;color:#fecaca}.mini-pill.error{background:#713f12;color:#fde68a}.domain-list{padding:8px;display:grid;gap:8px}.domain-card{display:grid;grid-template-columns:1.25fr .65fr .5fr .5fr .6fr auto;gap:8px;align-items:center;background:rgba(2,6,23,.72);border:1px solid #334155;border-radius:12px;padding:9px}.domain-main strong{display:block;font-size:13px}.domain-main small,.domain-note{color:#94a3b8;font-size:11px}.pill{padding:7px 9px;border-radius:999px;font-weight:bold;text-align:center;font-size:12px}.pill.online{background:#052e16;color:#86efac}.pill.nawala{background:#7f1d1d;color:#fecaca}.pill.timeout{background:#713f12;color:#fde68a}.pill.error{background:#713f12;color:#fde68a}.pill.idle{background:#334155;color:#cbd5e1}.health-bar{height:7px;border-radius:999px;background:#334155;overflow:hidden;margin-top:6px}.health-fill{height:100%;background:#38bdf8;border-radius:999px}.intel-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.intel-chip{font-size:10px;border-radius:999px;padding:5px 7px;background:#334155;color:#cbd5e1;text-align:center}.intel-chip.ok{background:#052e16;color:#86efac}.intel-chip.warn{background:#713f12;color:#fde68a}.intel-chip.bad{background:#7f1d1d;color:#fecaca}.badge-changed{font-size:10px;background:#7f1d1d;color:#fecaca;border-radius:999px;padding:3px 6px;margin-left:5px}.file-label{display:inline-flex;align-items:center;border-radius:10px;padding:9px 11px;background:#334155;color:#fff;font-weight:700;cursor:pointer}.file-label input{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(15,23,42,.96);backdrop-filter:blur(14px);border-top:1px solid #334155;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px}.nav-btn{border-radius:12px;background:transparent;color:#94a3b8;font-size:12px;padding:9px 4px}.nav-btn.active{background:#1e293b;color:#fff}.lock-view,.modal{position:fixed;inset:0;z-index:60;background:rgba(2,6,23,.92);display:flex;align-items:center;justify-content:center;padding:16px}.lock-card,.modal-card{width:min(680px,100%);max-height:86vh;overflow:auto;background:#1e293b;border:1px solid #334155;border-radius:18px;padding:16px}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.timeline-card{background:rgba(15,23,42,.85);border:1px solid #334155;border-radius:14px;padding:10px}.timeline-card span{display:block;color:#94a3b8;font-size:11px}.timeline-card strong{font-size:18px}.notice{border:1px dashed #38bdf8;background:rgba(14,165,233,.08);padding:12px;border-radius:14px;margin-bottom:12px}@media(max-width:760px){.dashboard{grid-template-columns:repeat(3,1fr);gap:6px}.stat-card{padding:9px}.stat-card strong{font-size:19px}.fact-grid,.control-status,.check-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.tools-row{grid-template-columns:1fr}.domain-card{grid-template-columns:1fr}.intel-row{grid-template-columns:repeat(2,1fr)}.timeline-grid{grid-template-columns:1fr}.topbar h1{font-size:15px}.hero h2{font-size:18px}.robot{width:95px;max-width:34%}.actions button{flex:1}.nav-btn{font-size:11px}}
/* v2.6 SEO Tools */
.seo-mini-card{padding:12px}.seo-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seo-overview-grid div{background:rgba(15,23,42,.8);border:1px solid #334155;border-radius:12px;padding:10px}.seo-overview-grid span{display:block;color:#94a3b8;font-size:11px}.seo-overview-grid strong{font-size:16px}
.seo-panel{margin-top:14px;background:rgba(15,23,42,.72);border:1px solid #334155;border-radius:14px;padding:12px}.seo-panel h3{margin:0 0 10px;font-size:15px}
.seo-keyword-list,.seo-result-list{display:grid;gap:8px}.seo-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:rgba(2,6,23,.62);border:1px solid #334155;border-radius:12px;padding:9px}.seo-item small{color:#94a3b8}.rank-pill{border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;background:#334155;color:#cbd5e1}.rank-pill.good{background:#052e16;color:#86efac}.rank-pill.warn{background:#713f12;color:#fde68a}.rank-pill.bad{background:#7f1d1d;color:#fecaca}
@media(max-width:760px){.seo-overview-grid{grid-template-columns:repeat(2,1fr)}.seo-item{grid-template-columns:1fr}.seo-item button{width:100%}}

/* v2.7 GSC Auto SEO */
.safe-box{border-color:#22c55e!important;background:rgba(34,197,94,.08)!important}.safe-box strong{color:#86efac}.gsc-badge{display:inline-block;border-radius:999px;padding:4px 8px;background:#052e16;color:#86efac;font-size:11px;font-weight:800}

/* v2.7.1 UI Polish Finishing */
.topbar{position:sticky;top:0;z-index:25;backdrop-filter:blur(14px);background:rgba(15,23,42,.94)}
.live-strip{position:sticky;top:66px;z-index:24;display:flex;align-items:center;gap:8px;padding:7px 18px;background:rgba(2,6,23,.82);border-bottom:1px solid rgba(56,189,248,.18);color:#93c5fd;font-size:11px;letter-spacing:.08em}
.live-strip span{color:#86efac;font-weight:900;animation:pulseText 1.5s infinite}
.live-strip marquee{color:#cbd5e1;text-transform:uppercase}
.glow-card{position:relative;overflow:hidden}
.glow-card:before{content:"";position:absolute;inset:-80px;background:radial-gradient(circle at 80% 15%,rgba(56,189,248,.26),transparent 35%),radial-gradient(circle at 20% 90%,rgba(168,85,247,.16),transparent 30%);pointer-events:none;animation:softGlow 5s ease-in-out infinite alternate}
.glow-card>*{position:relative;z-index:1}
.polished-check{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
.polished-check .pro-chip{min-height:58px;padding:12px 14px;border-radius:15px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px}
.polished-check .pro-chip span{font-size:13px;color:#cbd5e1;white-space:nowrap}
.polished-check .pro-chip strong{min-width:42px;text-align:center;border-radius:999px;padding:5px 8px;background:#7f1d1d;color:#fecaca;font-size:12px;letter-spacing:.04em}
.polished-check .pro-chip strong.on{background:#052e16;color:#86efac;animation:pulseBadge 1.8s infinite}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.lock-admin-btn{white-space:nowrap}
.actions button{transition:.18s ease}
.actions button:active,.nav-btn:active{transform:scale(.97)}
.stat-card strong,.fact-grid strong,.seo-overview-grid strong{animation:fadeInUp .45s ease both}
.nav-btn.active{box-shadow:0 0 18px rgba(56,189,248,.18)}
.card{animation:cardIn .35s ease both}
@keyframes pulseText{0%,100%{opacity:.75}50%{opacity:1;text-shadow:0 0 12px rgba(134,239,172,.65)}}
@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 rgba(34,197,94,0)}50%{box-shadow:0 0 14px rgba(34,197,94,.32)}}
@keyframes softGlow{0%{opacity:.6;transform:translateX(-10px)}100%{opacity:1;transform:translateX(10px)}}
@keyframes fadeInUp{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes cardIn{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
  .live-strip{top:64px;padding:6px 14px;font-size:10px}
  .polished-check{grid-template-columns:repeat(2,1fr)!important}
  .polished-check .pro-chip{min-height:54px;padding:10px}
  .polished-check .pro-chip span{font-size:12px}
  .polished-check .pro-chip strong{font-size:11px;min-width:36px}
  .admin-head h2{font-size:24px}
}

/* v2.7.2 Installable PWA */
.install-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-color:rgba(134,239,172,.34)!important;background:rgba(34,197,94,.08)!important}
.install-card strong{color:#86efac}
.install-card p{margin:4px 0 0}
.install-card button{background:#16a34a;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:800}
.admin-head{flex-wrap:wrap}
@media(max-width:760px){.install-card{align-items:stretch}.install-card button{min-width:94px}.admin-head .lock-admin-btn{font-size:12px;padding:8px 10px}}

/* v2.8 Icon Polish */
.rocket-live{
  border-radius:24px;
  object-fit:cover;
  animation:rocketFloat 2.8s ease-in-out infinite, rocketGlow 2.4s ease-in-out infinite alternate;
  filter:drop-shadow(0 0 18px rgba(56,189,248,.42));
}
.pro-hero .robot.rocket-live{
  width:128px;
  height:128px;
  background:rgba(15,23,42,.45);
  border:1px solid rgba(56,189,248,.28);
}
.install-card{display:none!important}
@keyframes rocketFloat{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-8px) rotate(2deg)}
}
@keyframes rocketGlow{
  0%{filter:drop-shadow(0 0 12px rgba(56,189,248,.35))}
  100%{filter:drop-shadow(0 0 24px rgba(168,85,247,.55))}
}
@media(max-width:760px){
  .pro-hero .robot.rocket-live{width:104px;height:104px;border-radius:22px}
}

/* v2.9 Master Auto Sync */
.master-sync-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.master-sync-box div{background:rgba(15,23,42,.78);border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}
.master-sync-box span{color:#94a3b8;font-size:12px}
.master-sync-box strong{color:#86efac;font-size:12px;border-radius:999px;background:#052e16;padding:5px 8px}
#masterWebhookInput{opacity:.72}
@media(max-width:760px){.master-sync-box{grid-template-columns:1fr}.master-sync-box div{min-height:48px}}

/* v3.0 Live Sync + Provider Slot */
.provider-overview-card{padding:14px}
.provider-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}
.provider-chip,.provider-admin-row{background:rgba(15,23,42,.78);border:1px solid rgba(56,189,248,.22);border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.provider-chip span,.provider-admin-row span{color:#cbd5e1;font-size:13px}
.provider-chip strong{font-size:11px;border-radius:999px;padding:5px 8px;background:#334155;color:#cbd5e1}
.provider-chip .ok{background:#052e16;color:#86efac}
.provider-chip .bad{background:#7f1d1d;color:#fecaca}
.provider-chip .warn{background:#713f12;color:#fde68a}
.provider-mode-badge{display:inline-block;border-radius:999px;background:#1e293b;color:#93c5fd;border:1px solid rgba(56,189,248,.24);padding:4px 8px;font-size:10px;font-weight:800;margin-top:6px}
.provider-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.provider-mini{font-size:10px;border-radius:999px;background:#334155;color:#cbd5e1;text-align:center;padding:5px 6px}
.provider-mini.ok{background:#052e16;color:#86efac}.provider-mini.bad{background:#7f1d1d;color:#fecaca}.provider-mini.warn{background:#713f12;color:#fde68a}
.live-strip span{animation:pulseText 1.2s infinite}
@media(max-width:760px){
  .provider-overview-grid{grid-template-columns:repeat(2,1fr)}
  .provider-row{grid-template-columns:repeat(2,1fr)}
}

/* v3.0.1 Final Accordion Polish */
.domain-list-compact{display:grid;gap:10px;margin-top:12px}
.domain-row-compact{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.82);border-radius:16px;overflow:hidden}
.domain-row-head{width:100%;border:0;background:transparent;color:#e5e7eb;text-align:left;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.domain-row-head strong{font-size:15px;line-height:1.25;word-break:break-all}
.domain-row-head small{display:block;color:#94a3b8;margin-top:3px}
.domain-row-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.domain-row-badges .mini-status{font-size:11px;border-radius:999px;background:#334155;color:#cbd5e1;padding:5px 8px;white-space:nowrap}
.domain-detail-card{padding:0 14px 14px;border-top:1px solid rgba(148,163,184,.16)}
.domain-detail-card.hidden-detail{display:none}
.health-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cbd5e1;margin:12px 0 6px}
.health-bar.clean{display:block;height:10px;background:rgba(51,65,85,.72);border-radius:999px;overflow:hidden}
.health-bar.clean .health-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:999px}
.provider-collapse-head{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:8px 10px;border-radius:12px;background:rgba(30,41,59,.74);border:1px solid rgba(56,189,248,.18);cursor:pointer}
.provider-collapse-head strong{font-size:12px;color:#93c5fd}
.provider-collapse-head span{font-size:11px;color:#94a3b8}
.provider-panel.hidden-provider{display:none}
.provider-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}
.provider-mini{font-size:11px;border-radius:999px;background:#334155;color:#cbd5e1;text-align:center;padding:6px 7px}
.provider-mini.ok{background:#052e16;color:#86efac}.provider-mini.bad{background:#7f1d1d;color:#fecaca}.provider-mini.warn{background:#713f12;color:#fde68a}
.domain-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.domain-actions button{flex:1;min-width:88px}
.web-panel.closed .domain-list-compact{display:none!important}
@media(max-width:760px){
  .domain-row-head{grid-template-columns:1fr;gap:8px}
  .domain-row-badges{justify-content:flex-start}
}

/* v3.2 Provider Signal Estimator */
.provider-mini{display:flex;flex-direction:column;gap:2px;border-radius:12px;text-align:left}
.provider-mini b{font-size:11px}
.provider-mini small{font-size:10px;opacity:.88}
.provider-mini.ok{background:#052e16;color:#86efac}
.provider-mini.bad{background:#7f1d1d;color:#fecaca}
.provider-mini.warn{background:#713f12;color:#fde68a}
.provider-mini.na{background:#334155;color:#cbd5e1}
.provider-signal-note{margin-top:8px;font-size:11px;color:#94a3b8;line-height:1.35}
.signal-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;background:#1e293b;color:#93c5fd;border:1px solid rgba(56,189,248,.22)}

/* v3.3 Auto Log Cleaner */
.log-cleaner-badge{display:inline-block;border-radius:999px;background:#052e16;color:#86efac;padding:5px 8px;font-size:11px;font-weight:800}

/* v3.3.1 Status Engine Fix */
.pro-chip strong{border-radius:999px!important;padding:6px 10px!important;font-weight:900!important;letter-spacing:.04em!important}
.pro-chip strong.on,strong.on{background:#052e16!important;color:#86efac!important;box-shadow:0 0 16px rgba(34,197,94,.38)!important}
.pro-chip strong.off,strong.off{background:#7f1d1d!important;color:#fecaca!important;box-shadow:0 0 16px rgba(239,68,68,.35)!important}
.pro-chip strong.warn,strong.warn{background:#713f12!important;color:#fde68a!important;box-shadow:0 0 16px rgba(245,158,11,.28)!important}

/* v3.4 Brand Phishing Watch */
.brand-watch-item{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px;display:grid;gap:6px}
.brand-watch-item.bad{border-color:rgba(239,68,68,.55);background:rgba(127,29,29,.18)}
.brand-watch-item.ok{border-color:rgba(34,197,94,.45);background:rgba(5,46,22,.14)}
.brand-watch-item strong{font-size:14px}.brand-watch-item small{color:#94a3b8}
.phishing-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
.phishing-badge.bad{background:#7f1d1d;color:#fecaca}.phishing-badge.ok{background:#052e16;color:#86efac}.phishing-badge.warn{background:#713f12;color:#fde68a}

/* v3.5 Auto Brand Watch + Incident Notes */
.incident-item{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:10px;display:grid;gap:5px}
.incident-item strong{font-size:14px}.incident-item small{color:#94a3b8}
.incident-badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;width:max-content}
.incident-badge.BARU{background:#7f1d1d;color:#fecaca}.incident-badge.DICEK{background:#713f12;color:#fde68a}.incident-badge.FOLLOW_UP{background:#1e3a8a;color:#bfdbfe}.incident-badge.SELESAI{background:#052e16;color:#86efac}


/* v3.7 Fix Core + Admin UI Polish */
.tagline{
  display:inline-block;
  opacity:.82;
  animation:dmTaglineBlink 2.8s ease-in-out infinite;
}
@keyframes dmTaglineBlink{
  0%,100%{opacity:.58;text-shadow:none;transform:translateY(0)}
  50%{opacity:1;text-shadow:0 0 14px rgba(147,197,253,.7);transform:translateY(-1px)}
}
.settings-card{
  margin:18px auto 18px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(30,41,59,.94),rgba(15,23,42,.92));
  border:1px solid rgba(148,163,184,.28);
  box-shadow:0 18px 48px rgba(2,6,23,.38), inset 0 1px 0 rgba(255,255,255,.03);
}
.admin-head{
  display:grid!important;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:10px;
  margin-bottom:14px!important;
}
.admin-head h2{
  margin:0;
  letter-spacing:-.03em;
  line-height:1.05;
}
.admin-head .lock-admin-btn{
  height:42px;
  border-radius:14px;
  padding:0 14px;
  background:rgba(15,23,42,.82);
  border:1px solid rgba(148,163,184,.35);
  color:#f8fafc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.settings-card .subnav{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  margin:14px 0 16px!important;
  padding:10px;
  border-radius:18px;
  background:rgba(2,6,23,.28);
  border:1px solid rgba(148,163,184,.13);
}
.settings-card .subnav button{
  min-height:42px;
  width:100%;
  padding:9px 8px;
  border-radius:14px;
  background:rgba(51,65,85,.82);
  border:1px solid rgba(148,163,184,.12);
  color:#e5e7eb;
  font-size:13px;
  line-height:1.15;
  box-shadow:0 8px 18px rgba(2,6,23,.16), inset 0 1px 0 rgba(255,255,255,.04);
}
.settings-card .subnav button.active{
  background:linear-gradient(135deg,rgba(37,99,235,.92),rgba(14,165,233,.72));
  color:white;
  border-color:rgba(147,197,253,.48);
  box-shadow:0 0 20px rgba(56,189,248,.25);
}
.settings-card .tab{
  padding-top:2px;
}
.settings-card label{
  font-weight:700;
  color:#cbd5e1;
}
.settings-card input,.settings-card select,.settings-card textarea{
  min-height:48px;
  border-radius:14px;
  background:rgba(15,23,42,.86);
  border-color:rgba(148,163,184,.34);
}
.settings-card .actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.settings-card .actions button{
  min-height:52px;
  border-radius:15px;
  background:rgba(51,65,85,.92);
}
.settings-card .actions button:only-child{
  grid-column:1/-1;
}
.dm-notify{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(8px);
}
.dm-notify-card{
  width:min(430px,100%);
  border-radius:26px;
  padding:22px;
  background:linear-gradient(180deg,#f8fafc,#f1f5f9);
  color:#111827;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  animation:dmNotifyIn .18s ease-out;
}
.dm-notify-icon{
  width:34px;height:34px;border-radius:999px;
  display:grid;place-items:center;
  background:#0f172a;color:#86efac;
  box-shadow:0 0 18px rgba(34,197,94,.35);
  margin-bottom:8px;
}
.dm-notify-card h3{
  margin:0 0 10px;
  font-size:24px;
  letter-spacing:-.03em;
}
.dm-notify-card p{
  margin:0 0 18px;
  color:#475569;
  font-size:15px;
  line-height:1.45;
  white-space:pre-wrap;
}
.dm-notify-input input{
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
  margin-bottom:14px;
}
.dm-notify-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}
.dm-notify-actions button{
  min-width:88px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
}
.dm-notify-actions button.ghost{
  background:#e2e8f0;
  color:#0f172a;
  border:1px solid #cbd5e1;
}
@keyframes dmNotifyIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:760px){
  .settings-card{margin:18px 6px;padding:18px;border-radius:22px}
  .admin-head{grid-template-columns:1fr auto;gap:8px}
  .admin-head h2{grid-column:1/-1;font-size:26px!important}
  .admin-head .lock-admin-btn{height:40px;font-size:12px;padding:0 12px}
  .settings-card .subnav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;padding:8px}
  .settings-card .subnav button{min-height:40px;font-size:12px;padding:8px 5px;border-radius:13px}
  .settings-card .form-grid{grid-template-columns:1fr!important}
  .settings-card .actions{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .settings-card .subnav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-card .actions{grid-template-columns:1fr}
}


/* v4.5 Master Monitoring Pack */
.master-mini-card,.status-page-card{border-color:rgba(34,197,94,.24)}
.master-grid,.status-page-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.master-grid>div,.status-page-summary>div{background:rgba(15,23,42,.82);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.master-grid span,.status-page-summary span{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.master-grid strong,.status-page-summary strong{font-size:20px;color:#e5e7eb}.status-page-list{display:grid;gap:10px;margin-top:14px}.status-row{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:12px}.status-row-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.status-row h3{margin:0;font-size:15px}.status-row small{display:block;color:#94a3b8;margin-top:3px}.severity-badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap}.severity-healthy{background:#052e16;color:#86efac}.severity-info{background:#1e3a8a;color:#bfdbfe}.severity-warning{background:#713f12;color:#fde68a}.severity-critical,.severity-down{background:#7f1d1d;color:#fecaca}.severity-recovered{background:#064e3b;color:#a7f3d0}.status-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.status-meta span{background:rgba(30,41,59,.74);border-radius:12px;padding:8px;font-size:11px;color:#cbd5e1}.nav-btn[data-nav="status"]{font-weight:900}
@media(max-width:760px){.master-grid,.status-page-summary{grid-template-columns:repeat(2,1fr)}.status-meta{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(6,1fr)}.bottom-nav button{font-size:10px;padding:9px 4px}}

/* v4.6.3 Final Living UI Polish */
:root{
  --dm-cyan: #38bdf8;
  --dm-green: #86efac;
  --dm-blue: #60a5fa;
  --dm-violet: #a78bfa;
  --dm-red: #f87171;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 0%, rgba(56,189,248,.055) 28%, transparent 46%, rgba(167,139,250,.052) 70%, transparent 100%),
    radial-gradient(circle at 50% 0%, rgba(56,189,248,.10), transparent 42%);
  animation:dmAurora 14s ease-in-out infinite alternate;
}
.space-bg::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 24% 28%, rgba(56,189,248,.20), transparent 18%),
    radial-gradient(circle at 72% 35%, rgba(34,197,94,.12), transparent 18%),
    radial-gradient(circle at 50% 82%, rgba(99,102,241,.14), transparent 22%);
  filter:blur(18px);
  opacity:.72;
  animation:dmNebula 18s ease-in-out infinite alternate;
}
.space-bg::after{
  animation:dmStars 9s linear infinite;
}
.topbar{
  box-shadow:0 12px 28px rgba(2,6,23,.32);
}
.topbar h1{
  letter-spacing:.015em;
  text-shadow:0 0 18px rgba(96,165,250,.18);
}
.tagline:not(.hidden){
  display:block!important;
  animation:dmSoftBlink 3.2s ease-in-out infinite;
}
.live-strip{
  box-shadow:0 10px 28px rgba(15,23,42,.38), inset 0 -1px 0 rgba(56,189,248,.12);
  background:linear-gradient(90deg, rgba(2,6,23,.90), rgba(15,23,42,.76), rgba(2,6,23,.90));
}
.live-strip>span{
  color:var(--dm-green);
  text-shadow:0 0 18px rgba(134,239,172,.54);
  animation:dmLivePulse 1.85s ease-in-out infinite;
}
#runningText{
  color:#dbeafe;
  letter-spacing:.13em;
  text-shadow:0 0 13px rgba(96,165,250,.22);
}
.glow-card,.card,.stat-card,.domain-row-compact,.web-panel{
  position:relative;
  overflow:hidden;
}
.glow-card::before,.card::before,.stat-card::before,.domain-row-compact::before,.web-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.045) 42%, transparent 58%);
  transform:translateX(-130%);
  animation:dmSheen 8s ease-in-out infinite;
}
.card,.stat-card{
  backdrop-filter:blur(10px);
}
.pro-hero{
  min-height:142px;
  background:
    linear-gradient(135deg, rgba(30,41,59,.91), rgba(15,23,42,.72)),
    radial-gradient(circle at 82% 22%, rgba(56,189,248,.18), transparent 36%);
  box-shadow:0 20px 52px rgba(2,6,23,.36), inset 0 1px 0 rgba(255,255,255,.04);
}
.pro-hero .eyebrow{
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.22);
  background:rgba(14,165,233,.08);
  animation:dmSoftBlink 2.7s ease-in-out infinite;
}
.pro-hero h2{
  text-shadow:0 0 26px rgba(96,165,250,.18);
}
.pro-dashboard .stat-card strong,
.fact-grid strong,
.seo-overview-grid strong,
.status-page-summary strong{
  animation:dmNumberGlow 4.2s ease-in-out infinite;
}
.pill.online,.mini-pill.ok,.provider-mini.ok,.provider-chip .ok,.master-sync-box strong{
  box-shadow:0 0 18px rgba(34,197,94,.22);
}
.pill.error,.pill.nawala,.mini-pill.nawala,.provider-mini.bad{
  animation:dmDangerBlink 2.2s ease-in-out infinite;
}
button.primary,.nav-btn.active,.subnav button.active{
  box-shadow:0 0 0 1px rgba(147,197,253,.18),0 14px 32px rgba(37,99,235,.28);
}
button:not(:disabled){
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
button:not(:disabled):active{transform:scale(.975)}
.nav-btn.active{
  animation:dmActiveNav 3s ease-in-out infinite;
}
input:focus,select:focus,textarea:focus{
  outline:0;
  border-color:rgba(96,165,250,.82);
  box-shadow:0 0 0 3px rgba(37,99,235,.18), 0 0 22px rgba(56,189,248,.12);
}
.domain-row-head strong,.web-head-title strong{
  text-shadow:0 0 16px rgba(148,163,184,.12);
}
.check-grid .pro-chip strong,.control-status strong{
  letter-spacing:.04em;
}
.admin-tabs,.subnav{
  padding:8px;
  border-radius:20px;
  background:rgba(2,6,23,.28);
  border:1px solid rgba(148,163,184,.12);
}
.admin-tabs button,.subnav button{
  border:1px solid rgba(148,163,184,.10);
}
.dm-quiet-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(56,189,248,.18);
  color:#bfdbfe;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.dm-quiet-status::before{
  content:"";
  width:7px;height:7px;border-radius:999px;
  background:var(--dm-green);
  box-shadow:0 0 12px rgba(134,239,172,.9);
  animation:dmLivePulse 1.8s ease-in-out infinite;
}
@keyframes dmAurora{0%{opacity:.55;transform:translateX(-1.5%)}100%{opacity:.95;transform:translateX(1.5%)}}
@keyframes dmNebula{0%{transform:translate3d(-1%,0,0) scale(1);opacity:.58}50%{transform:translate3d(1.5%,-1%,0) scale(1.04);opacity:.76}100%{transform:translate3d(-.5%,1%,0) scale(1.02);opacity:.68}}
@keyframes dmStars{0%{background-position:0 0;opacity:.075}50%{opacity:.14}100%{background-position:38px 38px;opacity:.075}}
@keyframes dmSheen{0%,72%{transform:translateX(-130%)}86%,100%{transform:translateX(130%)}}
@keyframes dmSoftBlink{0%,100%{opacity:.72}50%{opacity:1;text-shadow:0 0 18px rgba(147,197,253,.42)}}
@keyframes dmLivePulse{0%,100%{opacity:.82;filter:drop-shadow(0 0 4px rgba(134,239,172,.28))}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(134,239,172,.62))}}
@keyframes dmNumberGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 18px rgba(56,189,248,.22)}}
@keyframes dmDangerBlink{0%,100%{box-shadow:0 0 0 rgba(248,113,113,0)}50%{box-shadow:0 0 20px rgba(248,113,113,.26)}}
@keyframes dmActiveNav{0%,100%{box-shadow:0 0 0 1px rgba(147,197,253,.12),0 14px 32px rgba(37,99,235,.20)}50%{box-shadow:0 0 0 1px rgba(147,197,253,.24),0 16px 38px rgba(56,189,248,.30)}}
@media(max-width:760px){
  .pro-hero{min-height:126px}
  .card,.stat-card{box-shadow:0 16px 38px rgba(2,6,23,.28)}
  .live-strip{font-size:10px}
  #runningText{letter-spacing:.10em}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;scroll-behavior:auto!important}
}


/* v8.2 Compact Search + Sim Card Injector UI */
.compact-search-card{padding:10px 12px;margin-bottom:10px}
.compact-search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#dbeafe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.compact-search-head span{color:#64748b;font-size:10px}
.compact-tools-row{grid-template-columns:1.45fr .7fr .62fr .7fr;gap:7px;align-items:end}
.compact-tools-row label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}
.compact-tools-row input,.compact-tools-row select{padding:9px 10px;border-radius:13px;margin-top:4px;font-size:13px;background:rgba(15,23,42,.76)}
.sim-probe-card{margin:12px 0 14px;padding:12px;border-radius:18px;background:rgba(15,23,42,.52);border:1px solid rgba(56,189,248,.22)}
.sim-probe-card h2{font-size:22px;margin:0}
.sim-probe-grid .provider-chip{background:rgba(2,6,23,.62);border-color:rgba(56,189,248,.24)}
.sim-probe-grid .provider-chip strong{font-size:11px;line-height:1.15}
.provider-chip strong.ok{color:#86efac;animation:dmLivePulse 2s ease-in-out infinite}
.provider-chip strong.bad{color:#fecaca;animation:dmDangerBlink 2s ease-in-out infinite}
@media(max-width:760px){
  .compact-tools-row{grid-template-columns:1fr 1fr;gap:7px}
  .compact-search-card{padding:9px}
  .sim-probe-card h2{font-size:20px}
}


/* v8.2 Compact Monitor Search */
.compact-search-card{
  padding:8px 10px!important;
  margin-bottom:8px!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.58)!important;
}
.compact-search-head{margin-bottom:5px!important;font-size:11px!important;letter-spacing:.06em!important}
.compact-tools-row{
  display:grid!important;
  grid-template-columns:1.3fr .8fr .8fr .8fr!important;
  gap:7px!important;
}
.compact-tools-row label{font-size:10px!important;color:#93a4ba!important;margin:0!important;gap:4px!important}
.compact-tools-row input,.compact-tools-row select{
  min-height:38px!important;
  height:38px!important;
  border-radius:13px!important;
  padding:0 12px!important;
  font-size:13px!important;
  background:rgba(2,6,23,.72)!important;
}
@media(max-width:760px){
  .compact-search-card{padding:8px!important}
  .compact-tools-row{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .compact-tools-row label:first-child{grid-column:1/-1!important}
  .compact-tools-row input,.compact-tools-row select{height:36px!important;min-height:36px!important;font-size:12px!important}
  .compact-search-head strong::after{content:" kecil";font-weight:600;color:#64748b;margin-left:4px}
}

/* v8.2 Sim Card Injector wording */
.sim-probe-card{border-color:rgba(34,197,94,.25)!important;background:linear-gradient(180deg,rgba(15,23,42,.66),rgba(2,6,23,.48))!important}
.sim-probe-card h2::after{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.7);margin-left:9px;vertical-align:middle;animation:dmLivePulse 2s infinite}

/* v8.4 Adaptive Responsive Layout — mobile first, tablet/desktop friendly */
:root{--dm-page-max:1180px;--dm-wide-max:1360px}
main{width:100%;max-width:var(--dm-page-max);margin:0 auto;padding-left:clamp(10px,2vw,22px);padding-right:clamp(10px,2vw,22px)}
.topbar{padding-left:clamp(14px,2.4vw,28px);padding-right:clamp(14px,2.4vw,28px)}
.card,.stat-card,.settings-card,.hero{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media(hover:hover) and (pointer:fine){
  .card:hover,.stat-card:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.34);box-shadow:0 18px 44px rgba(2,6,23,.34)}
  button:hover,.nav-btn:hover{filter:brightness(1.08)}
}

/* Tablet: keep mobile feeling but use available width */
@media(min-width:761px) and (max-width:1024px){
  body{padding-bottom:78px}
  main{max-width:960px;padding-top:16px}
  .topbar{min-height:74px}.topbar h1{font-size:22px}.tagline{font-size:14px}
  .live-strip{top:74px;font-size:12px;padding:9px 26px}
  .hero{min-height:150px;padding:20px;border-radius:24px}.hero h2{font-size:30px}.hero p{font-size:15px}.robot{width:142px;max-width:26%}
  .dashboard,.seo-overview-grid{grid-template-columns:repeat(4,1fr)}
  .fact-grid,.control-status,.check-grid{grid-template-columns:repeat(3,1fr)}
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .compact-tools-row{grid-template-columns:1.4fr .75fr .75fr .75fr!important}
  .provider-overview-grid,.sim-probe-grid{grid-template-columns:repeat(4,1fr)}
  .settings-card .subnav{grid-template-columns:repeat(4,1fr)}
  .bottom-nav{max-width:760px;left:50%;transform:translateX(-50%);bottom:12px;border-radius:24px;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 46px rgba(2,6,23,.42)}
}

/* Desktop / large tablet landscape */
@media(min-width:1025px){
  body{padding-bottom:34px}
  main{max-width:var(--dm-wide-max);padding-top:18px}
  .topbar{min-height:78px}.topbar h1{font-size:24px}.tagline{font-size:14px}
  .live-strip{top:78px;padding:9px 32px;font-size:12px}
  .hero{min-height:164px;padding:24px;border-radius:28px}.hero h2{font-size:36px}.hero p{font-size:16px;max-width:680px}.robot{width:160px;max-width:22%}
  .dashboard{grid-template-columns:repeat(6,1fr);gap:12px}
  .stat-card strong{font-size:28px}
  .card,.settings-card{border-radius:24px;padding:18px}
  .view.active-view{animation:dmDesktopFade .22s ease-out}
  .tools-row:not(.compact-tools-row){grid-template-columns:1.35fr .85fr .85fr}
  .compact-search-card{padding:10px 12px!important}
  .compact-tools-row{grid-template-columns:1.7fr .75fr .75fr .75fr!important;align-items:end}
  .compact-tools-row input,.compact-tools-row select{height:40px!important;min-height:40px!important}
  .provider-overview-grid,.sim-probe-grid{grid-template-columns:repeat(4,1fr)}
  .fact-grid,.control-status,.check-grid{grid-template-columns:repeat(4,1fr)}
  .form-grid{grid-template-columns:repeat(3,1fr)}
  .seo-overview-grid{grid-template-columns:repeat(4,1fr)}
  .settings-card .subnav{grid-template-columns:repeat(5,1fr)}
  .admin-head{grid-template-columns:1fr auto auto!important}
  .domain-row-head{grid-template-columns:1fr auto}
  .bottom-nav{width:min(760px,calc(100% - 48px));left:50%;right:auto;transform:translateX(-50%);bottom:16px;border-radius:26px;border:1px solid rgba(148,163,184,.20);box-shadow:0 20px 52px rgba(2,6,23,.50);padding:8px}.nav-btn{font-size:13px;padding:11px 8px;border-radius:18px}
}
@media(min-width:1200px){
  .view#dashboardView.active-view{display:grid;grid-template-columns:1fr .92fr;gap:16px;align-items:start}
  .view#dashboardView .hero,.view#dashboardView .dashboard{grid-column:1/-1}
  .view#monitorView.active-view{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}
  .view#monitorView .compact-search-card{position:sticky;top:132px}
  .view#statusView.active-view{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
  .view#statusView .card:first-child{grid-column:1/-1}
  .view#adminView.active-view .settings-card{max-width:1180px;margin-left:auto;margin-right:auto}
}
@media(min-width:1440px){main{max-width:1440px}.view#monitorView.active-view{grid-template-columns:390px 1fr}}
@keyframes dmDesktopFade{from{opacity:.88;transform:translateY(4px)}to{opacity:1;transform:none}}

/* v8.4: remove any leftover compact label pseudo text */
@media(max-width:760px){.compact-search-head strong::after{content:""!important;margin:0!important}}

/* v8.4 keyword dashboard compact list */
.seo-dashboard-keywords{margin-top:14px;display:grid;gap:8px}
.keyword-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.keyword-pill strong{font-size:14px;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.keyword-pill span{font-size:12px;color:#93c5fd;text-align:right;white-space:nowrap}
@media (min-width:760px){.seo-dashboard-keywords{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v8.5 Performance Lite Final — smooth scroll, no heavy flash */
:root{
  --dm-motion-fast:.12s;
  --dm-shadow-soft:0 10px 24px rgba(2,6,23,.22);
}
html{scroll-behavior:auto!important}
body{background:#07111f!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.space-bg{
  background:
    radial-gradient(circle at 18% 12%,rgba(56,189,248,.13),transparent 24%),
    radial-gradient(circle at 85% 24%,rgba(99,102,241,.10),transparent 25%),
    linear-gradient(180deg,#07111f,#0f172a 52%,#020617)!important;
}
.space-bg::before{display:none!important}
.space-bg::after{opacity:.055!important;background-size:48px 48px!important;animation:none!important;transform:none!important}
.card::before,.stat-card::before,.hero::before,.glow-card::before{display:none!important;animation:none!important}
.card,.stat-card,.settings-card,.hero,.compact-search-card,.sim-probe-card{
  box-shadow:var(--dm-shadow-soft)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  will-change:auto!important;
}
.topbar,.bottom-nav,.live-strip{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.robot{animation:none!important;filter:drop-shadow(0 8px 14px rgba(56,189,248,.18))!important}
.live-strip span,.tagline,.stat-card strong,.fact-grid strong,.seo-overview-grid strong,.pro-chip strong.on,strong.on,.provider-chip strong.ok,.provider-chip strong.bad,.sim-probe-card h2::after{
  animation:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.card,.stat-card,.settings-card,.hero,.nav-btn,button,input,select,textarea{
  transition:background-color var(--dm-motion-fast) ease,border-color var(--dm-motion-fast) ease,box-shadow var(--dm-motion-fast) ease!important;
}
.view.active-view{animation:none!important}
@media(hover:hover) and (pointer:fine){
  .card:hover,.stat-card:hover{transform:none!important;box-shadow:0 12px 28px rgba(2,6,23,.26)!important}
  button:hover,.nav-btn:hover{filter:none!important;background-color:rgba(51,65,85,.95)}
}
.health-bar.clean .health-fill{background:#22c55e!important}
.pill.online,strong.on,.pro-chip strong.on{box-shadow:none!important}
.pill.nawala,.pill.error,strong.off,.pro-chip strong.off{box-shadow:none!important}
.dm-notify-card{animation:none!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important}
@media(max-width:760px){
  main{padding-left:10px!important;padding-right:10px!important}
  .card,.stat-card,.settings-card,.hero{box-shadow:0 8px 18px rgba(2,6,23,.22)!important}
  .bottom-nav{box-shadow:0 -6px 18px rgba(2,6,23,.28)!important}
  .live-strip{background:rgba(2,6,23,.86)!important}
  .space-bg::after{opacity:.04!important}
}
@media(prefers-reduced-motion:no-preference){
  .live-dot,.sim-probe-card h2::after{animation:dmLitePulse 2.4s ease-in-out infinite!important}
}
@keyframes dmLitePulse{0%,100%{opacity:.72}50%{opacity:1}}
/* End v8.5 performance patch */

/* v8.8 disabled monitoring buttons */
button:disabled, button.disabled{opacity:.45; filter:saturate(.65); pointer-events:none;}


/* v8.8 Real Sync + Domain SEO Card Final */
.dashboard-domain-seo-list{display:grid;gap:10px;margin-top:10px}
.domain-seo-row{width:100%;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.72);border-radius:18px;padding:14px 16px;color:var(--text);display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.domain-seo-row strong{font-size:16px;line-height:1.2;word-break:break-word}.domain-seo-row span{font-size:12px;color:var(--muted);white-space:nowrap}.domain-seo-row.active{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 1px rgba(56,189,248,.18),0 0 22px rgba(56,189,248,.08)}
.dashboard-domain-keyword-panel{margin-top:12px}.keyword-detail-list{display:grid;gap:8px}.keyword-detail-row{border:1px solid rgba(148,163,184,.18);border-radius:15px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;background:rgba(2,6,23,.42)}.keyword-detail-row strong{word-break:break-word}.keyword-detail-row span{color:#93c5fd;text-align:right;font-size:13px}
.admin-seo-card-layout{display:grid;gap:14px}.admin-seo-card{border:1px solid rgba(148,163,184,.22)!important;background:rgba(15,23,42,.62)!important;border-radius:22px!important;padding:16px!important;margin:0 0 14px!important}.admin-seo-card .form-grid{margin-top:10px}.seo-main-settings-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.admin-seo-card-layout .actions{margin:8px 0 16px;display:flex;flex-wrap:wrap;gap:10px}.admin-seo-card-layout .actions button{flex:1 1 145px;min-height:48px}
#startBtn:disabled,#stopBtn:disabled,.disabled{opacity:.48;filter:grayscale(.4);cursor:not-allowed}
@media (min-width:760px){.dashboard-domain-seo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-domain-keyword-panel{grid-column:1/-1}.admin-seo-card-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-seo-card-layout>.notice:first-child,.admin-seo-card-layout>.actions,.admin-seo-card-layout>.safe-box{grid-column:1/-1}}


/* v8.8 Website SEO collapse polish */
.domain-seo-collapse{display:block}
.domain-seo-inline-detail{margin:8px 0 4px;padding:12px;border:1px dashed rgba(56,189,248,.45);border-radius:16px;background:rgba(14,165,233,.06)}
.dashboard-domain-keyword-panel{display:none!important}

/* v8.8 SEO Card Sync + Cache Guard */
#seoDashboardKeywordList{display:none!important}
.admin-seo-website-cards{display:block!important}
.admin-seo-website-cards .section-head{margin-bottom:10px}
.domain-seo-collapse{margin-bottom:10px}
.domain-seo-inline-detail .keyword-detail-row{background:rgba(15,23,42,.62)}
@media (min-width:760px){
  .admin-seo-website-cards{grid-column:1/-1!important}
}

/* v8.8 native SEO details card fix */
.seo-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.native-seo-card{border:0;background:transparent}
.native-seo-card summary{list-style:none;cursor:pointer}
.native-seo-card summary::-webkit-details-marker{display:none}
.native-seo-card[open] .domain-seo-row{border-color:rgba(56,189,248,.75);box-shadow:0 0 0 1px rgba(56,189,248,.18),0 0 18px rgba(56,189,248,.08)}
.native-seo-card[open] .domain-seo-row strong:before{content:'▼ ';opacity:.8}
.native-seo-card:not([open]) .domain-seo-row strong:before{content:'▶ ';opacity:.8}
.native-seo-card .domain-seo-inline-detail{margin:8px 0 10px;padding:12px;border:1px dashed rgba(56,189,248,.55);border-radius:14px;background:rgba(14,165,233,.07)}
.admin-seo-website-cards .seo-native-grid,.admin-seo-website-cards{display:block}
.admin-seo-website-cards .native-seo-card{margin-bottom:10px}
@media(max-width:760px){.seo-native-grid{grid-template-columns:1fr}}


/* v8.8 — stable Website SEO collapse cards */
.dm875-seo-list{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
.dm875-seo-card{border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.42);overflow:hidden;}
.dm875-seo-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:0;background:rgba(15,23,42,.55);color:var(--text);text-align:left;cursor:pointer;}
.dm875-seo-head.active{border-bottom:1px solid rgba(56,189,248,.25);background:rgba(14,165,233,.10);box-shadow:inset 0 0 0 1px rgba(56,189,248,.22);}
.dm875-seo-head span{display:flex;flex-direction:column;gap:3px;min-width:0;}
.dm875-seo-head b{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dm875-seo-head small{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dm875-seo-head em{font-style:normal;font-size:12px;font-weight:900;color:var(--text);white-space:nowrap;opacity:.95;}
.dm875-seo-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:rgba(2,6,23,.18);}
.dm875-keyword-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:rgba(15,23,42,.62);}
.dm875-keyword-row strong{font-weight:900;}
.dm875-keyword-row span{font-size:13px;color:#bfdbfe;font-weight:800;text-align:right;}
@media(min-width:980px){.dm875-seo-list{grid-template-columns:repeat(2,minmax(0,1fr));}.dm875-seo-card.open{grid-column:1/-1;}}
@media(max-width:760px){.dm875-seo-head{padding:12px 13px}.dm875-seo-head small{white-space:normal}.dm875-keyword-row{align-items:flex-start;flex-direction:column}.dm875-keyword-row span{text-align:left}}


/* v8.8 — cache lock + final stable Website SEO cards */
.dm876-seo-list{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
.dm876-seo-list.admin{margin-top:10px;}
.dm876-seo-card{border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.42);overflow:hidden;}
.dm876-seo-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:0;background:rgba(15,23,42,.55);color:var(--text);text-align:left;cursor:pointer;}
.dm876-seo-head.active{border-bottom:1px solid rgba(56,189,248,.25);background:rgba(14,165,233,.10);box-shadow:inset 0 0 0 1px rgba(56,189,248,.22);}
.dm876-seo-head span{display:flex;flex-direction:column;gap:3px;min-width:0;}
.dm876-seo-head b{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dm876-seo-head small{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dm876-seo-head em{font-style:normal;font-size:12px;font-weight:900;color:var(--text);white-space:nowrap;opacity:.95;}
.dm876-seo-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:rgba(2,6,23,.18);}
.dm876-keyword-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:rgba(15,23,42,.62);}
.dm876-keyword-row strong{font-weight:900;}
.dm876-keyword-row span{font-size:13px;color:#bfdbfe;font-weight:800;text-align:right;}
@media(min-width:980px){.dm876-seo-list{grid-template-columns:repeat(2,minmax(0,1fr));}.dm876-seo-card.open{grid-column:1/-1;}}
@media(max-width:760px){.dm876-seo-head{padding:12px 13px}.dm876-seo-head small{white-space:normal}.dm876-keyword-row{align-items:flex-start;flex-direction:column}.dm876-keyword-row span{text-align:left}}


/* v8.8 Stable SEO Card + Delete Sync */
.dm877-seo-list{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
@media(min-width:760px){.dm877-seo-list{grid-template-columns:1fr 1fr}.dm877-seo-card.open{grid-column:1/-1}}
.dm877-seo-card{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(15,23,42,.42);overflow:hidden;}
.dm877-seo-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:var(--text,#e5e7eb);padding:14px 16px;text-align:left;font:inherit;cursor:pointer;}
.dm877-seo-head b{font-size:15px}.dm877-seo-head small{display:block;color:var(--muted,#94a3b8);font-size:12px;margin-top:4px}.dm877-seo-head em{font-style:normal;font-size:12px;color:#dbeafe;white-space:nowrap}.dm877-seo-head.active{background:rgba(14,165,233,.12);box-shadow:inset 0 0 0 1px rgba(14,165,233,.35)}
.dm877-seo-body{padding:0 14px 14px;display:grid;gap:8px}.dm877-keyword-row,.dm877-domain-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(2,6,23,.38)}
.dm877-keyword-row span,.dm877-domain-row span{color:#93c5fd;font-size:13px;text-align:right}.dm877-row-actions{display:flex;gap:8px;align-items:center}.dm877-mini-delete{border:1px solid rgba(248,113,113,.4)!important;background:rgba(127,29,29,.25)!important;color:#fecaca!important;padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}.dm877-mini-toggle{padding:7px 10px!important;border-radius:10px!important;font-size:12px!important}
.dm877-admin-manage{margin-top:14px}.dm877-admin-manage h3{margin:0 0 10px}.dm877-empty{color:var(--muted,#94a3b8);padding:12px;border:1px dashed rgba(148,163,184,.24);border-radius:14px}.seo-dashboard-keywords{display:none!important}.dashboard-domain-keyword-panel{display:none!important}