@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap');
.msc-auth-modal[hidden]{display:none!important}
.msc-auth-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;font-family:"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif}
.msc-auth-backdrop{position:absolute;inset:0;background:rgba(35,6,76,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.msc-auth-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:min(94vh,900px);overflow:auto;background:#fff;border:0;border-radius:18px;box-shadow:0 32px 90px rgba(2,6,23,.46);color:#111827;padding:0 18px 20px;outline:7px solid rgba(109,40,217,.92)}
.msc-auth-close{position:absolute;top:10px;right:10px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#4c1d95;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.18)}
.msc-auth-hero{margin:0 -18px;min-height:92px;padding:18px 58px 18px 22px;background:#13bd72;color:#fff;display:flex;align-items:center;gap:15px;text-align:left}
.msc-auth-hero-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7c3aed;font-size:27px;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.msc-auth-hero strong{display:block;font-size:19px;line-height:1.35;margin-bottom:2px}.msc-auth-hero span{display:block;font-size:15px;line-height:1.35;font-weight:750}
.msc-auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:16px 0 13px;color:#3f3f46}
.msc-auth-benefits>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:0 9px;min-height:58px;border-right:1px solid #d4d4d8}
.msc-auth-benefits>div:last-child{border-right:0}.msc-auth-benefits b{font-size:23px;line-height:1;color:#7c3aed}.msc-auth-benefits span{font-size:12px;font-weight:900;line-height:1.35}
.msc-auth-google-slot-top:empty{display:none}.msc-auth-google-wrap{margin:2px 0 16px}.msc-auth-google{width:100%;min-height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 16px;border:2px solid #f3128a;border-radius:11px;background:#fff;color:#27272a;text-decoration:none;font-weight:950;font-size:15px;letter-spacing:.01em;box-shadow:0 0 0 3px rgba(243,18,138,.08),0 9px 24px rgba(76,29,149,.13);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.msc-auth-google:hover{background:#fff;border-color:#d90d79;transform:translateY(-1px);box-shadow:0 0 0 4px rgba(243,18,138,.11),0 12px 28px rgba(76,29,149,.17)}.msc-auth-google:active{transform:translateY(0);box-shadow:0 0 0 3px rgba(243,18,138,.09),0 5px 14px rgba(76,29,149,.13)}.msc-auth-google:focus-visible{outline:0;border-color:#4285f4;box-shadow:0 0 0 4px rgba(66,133,244,.20),0 10px 26px rgba(76,29,149,.15)}.msc-auth-google-mark{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;font:950 21px/1 Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 66%,#ea4335 66% 82%,#4285f4 82% 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.06)}.msc-auth-google-note{display:none!important}
.msc-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3128a;border:4px solid #f3128a;border-bottom:0;border-radius:13px 13px 0 0;overflow:hidden}
.msc-auth-tabs button{border:0;background:transparent;color:#fff;padding:12px 14px;font:900 17px/1.2 "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;cursor:pointer;position:relative}
.msc-auth-tabs button.is-active{background:#fff;color:#f3128a;border-radius:10px 10px 0 0}.msc-auth-tabs button.is-active:after{content:"";position:absolute;right:-20px;bottom:0;border-left:20px solid #fff;border-top:42px solid transparent;display:none}
.msc-auth-panel-wrap{border:4px solid #f3128a;border-top:0;border-radius:0 0 13px 13px;padding:13px 12px 11px;background:#fff}
.msc-auth-panel-intro{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;margin:0 0 12px;font-size:13px}.msc-auth-panel-intro strong{color:#27272a}.msc-auth-panel-intro span{color:#7c3aed;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.msc-auth-dialog form{display:grid;gap:12px}.msc-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.msc-auth-dialog label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#a1a1aa;position:relative}
.msc-auth-dialog input[type=text],.msc-auth-dialog input[type=email],.msc-auth-dialog input[type=password],.msc-auth-dialog input:not([type]){width:100%;box-sizing:border-box;border:1px solid #c7c7cc;border-radius:10px;padding:12px 13px;font:500 14px/1.3 "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;outline:none;background:#fff;color:#111827}
.msc-auth-dialog input:focus{border-color:#f3128a;box-shadow:0 0 0 3px rgba(243,18,138,.11)}
.msc-auth-consent{grid-template-columns:18px 1fr!important;align-items:start;gap:8px!important;font-weight:600!important;font-size:11px!important;line-height:1.45!important;color:#71717a!important}.msc-auth-consent input{margin-top:2px}
.msc-auth-submit{border:0;border-radius:9px;background:linear-gradient(135deg,#8b2cf5,#f3128a);color:#fff;padding:13px 16px;font-weight:950;font-size:15px;cursor:pointer;box-shadow:0 8px 20px rgba(195,20,132,.24)}.msc-auth-submit:disabled{opacity:.65;cursor:wait}
.msc-auth-submit-register{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;min-height:66px}.msc-auth-submit-register>span:last-child{display:flex;flex-direction:column;gap:1px}.msc-auth-submit-register b{font-size:17px}.msc-auth-submit-register small{font-size:11px;color:#fff;font-weight:750}.msc-auth-free-badge{width:45px;height:45px;display:grid;place-items:center;background:#facc15;color:#be123c;border-radius:50%;font-size:10px;font-weight:950;transform:rotate(-8deg);box-shadow:0 0 0 4px rgba(250,204,21,.25)}
.msc-auth-error{margin:0 0 10px;padding:10px 12px;border-radius:9px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-size:12px;font-weight:800}.msc-auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#71717a}.msc-auth-row a,.msc-auth-row button{border:0;background:none;padding:0;color:#7c3aed;text-decoration:none;font:850 11px/1.4 "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial,sans-serif;cursor:pointer}
.msc-auth-footnote{text-align:center;color:#71717a;font-size:11px;line-height:1.5;padding:15px 8px 0}.msc-auth-footnote b{color:#3f3f46}
@media(max-width:680px){.msc-auth-modal{padding:8px;align-items:end}.msc-auth-dialog{width:100%;max-height:96vh;border-radius:18px 18px 8px 8px;padding:0 12px 16px;outline-width:4px}.msc-auth-hero{margin:0 -12px;padding:16px 50px 16px 14px;min-height:82px}.msc-auth-hero-icon{width:42px;height:42px;flex-basis:42px;font-size:23px}.msc-auth-hero strong{font-size:16px}.msc-auth-hero span{font-size:13px}.msc-auth-benefits span{font-size:10px}.msc-auth-benefits b{font-size:20px}.msc-auth-grid{grid-template-columns:1fr}.msc-auth-tabs button{font-size:15px}.msc-auth-panel-wrap{padding:12px 10px}.msc-auth-row{align-items:flex-start;flex-direction:column}.msc-auth-submit-register b{font-size:15px}.msc-auth-google{min-height:52px;padding:13px 14px;font-size:15px;border-width:2px;box-shadow:0 0 0 3px rgba(243,18,138,.10),0 8px 22px rgba(76,29,149,.16)}.msc-auth-google-mark{width:28px;height:28px;flex-basis:28px;font-size:22px}}

/* V20.94 Google consent stays explicit while CRM records the lead regardless. */
.msc-auth-google-consent{display:flex;align-items:flex-start;justify-content:center;gap:7px;margin:7px auto 0;max-width:430px;font-size:10px;line-height:1.35;color:#64748b;text-align:left}.msc-auth-google-consent input{margin-top:1px;accent-color:#f3128a;flex:0 0 auto}.msc-auth-google-consent span{display:block}

/* v20.374: one optional email-consent control shared by Google and password login */
.msc-auth-unified-consent{display:flex!important;align-items:center!important;gap:10px!important;margin:3px 0 14px!important;padding:10px 12px!important;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155!important;font-family:system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, "Noto Sans", Arial,sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important}
.msc-auth-unified-consent input{flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:#2563eb}
.msc-auth-unified-consent span{flex:1}
.trend-auth-modal,.trend-auth-modal button,.trend-auth-modal input{font-family:system-ui,-apple-system,"Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, "Noto Sans", Arial,sans-serif!important;letter-spacing:normal!important}
.trend-auth-modal .msc-auth-dialog{outline:5px solid #2563eb;box-shadow:0 26px 64px #0f172a66}
.trend-auth-modal .msc-auth-hero{background:#111827}
.trend-auth-modal .msc-auth-hero strong{font-weight:750;font-size:18px}
.trend-auth-modal .msc-auth-hero span{font-weight:500;font-size:13px;line-height:1.5}
.trend-auth-modal .msc-auth-benefits span{font-weight:700;font-size:11px}
.trend-auth-modal .msc-auth-tabs{border-color:#2563eb;background:#2563eb}
.trend-auth-modal .msc-auth-tabs button{font-size:15px;font-weight:750}
.trend-auth-modal .msc-auth-tabs button.is-active{color:#1d4ed8}
.trend-auth-modal .msc-auth-panel-wrap{border-color:#2563eb}
.trend-auth-modal .msc-auth-panel-intro{font-size:12.5px;line-height:1.5}
.trend-auth-modal .msc-auth-panel-intro span{color:#475569;font-weight:600;text-decoration:none}
.trend-auth-modal .msc-auth-dialog form{gap:10px}
.trend-auth-modal .msc-auth-dialog form>label{font-size:12.5px;font-weight:650;color:#475569}
.trend-auth-modal .msc-auth-google{border:1px solid #cbd5e1;box-shadow:0 3px 14px #0f172a12;font-size:14px;font-weight:750}
.trend-auth-modal .msc-auth-submit{background:#2563eb;box-shadow:0 5px 14px #2563eb30;font-size:14px;font-weight:750}
.trend-auth-modal .msc-auth-dialog input{font-size:14px}
.trend-auth-modal .msc-auth-dialog input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}
.trend-auth-modal .msc-auth-row,.trend-auth-modal .msc-auth-row a,.trend-auth-modal .msc-auth-row button{font-size:12px;font-weight:600}
@media(max-width:680px){.trend-auth-modal .msc-auth-unified-consent{font-size:12px!important;padding:9px!important}.trend-auth-modal .msc-auth-hero strong{font-size:16px}}

/* v20.391: consent sits directly under remember-login option, both OFF by default. */
.trend-auth-modal .msc-auth-remember,.trend-auth-modal .msc-auth-unified-consent.msc-auth-preference-item{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:3px 4px!important;margin:0!important;border:0!important;background:transparent!important;color:#475569!important;font-size:12px!important;font-weight:500!important;line-height:1.45!important}
.trend-auth-modal .msc-auth-remember input,.trend-auth-modal .msc-auth-unified-consent.msc-auth-preference-item input{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;accent-color:#2563eb}
.trend-auth-modal .msc-auth-remember{cursor:pointer}
.trend-auth-modal .msc-auth-unified-consent.msc-auth-preference-item{cursor:pointer}
@media(max-width:680px){.trend-auth-modal .msc-auth-remember,.trend-auth-modal .msc-auth-unified-consent.msc-auth-preference-item{font-size:12px!important;min-height:30px}}

/* V20.733.0 — 1-line compact checkboxes in Trend & Landing Auth Modal */
.msc-auth-oneline,.trend-auth-modal .msc-auth-remember.msc-auth-oneline,.trend-auth-modal .msc-auth-unified-consent.msc-auth-oneline{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:4px 6px!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}
.msc-auth-oneline input{margin:0!important;width:16px!important;height:16px!important;flex:0 0 16px!important}
.msc-auth-oneline span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12.5px!important;color:#334155!important}


/* v20.772.0: 100% Vietnamese-Complete Luxury Typography (Zero Helvetica Glyph Mismatch) */
:root, html, body, .trend-shell, #astrologyWorkspace, #seasonalityPanel, #marketingHouseWorkspace, #astroGeoWorkspace, .msc-pnl-modal-backdrop {
  --msc-sys-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --msc-mono-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --bm-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --ar-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --farmer-luxury-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  --farmer-mono-font: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
body, button, input, select, textarea, table, th, td, h1, h2, h3, h4, h5, h6, p, span, div, a, label, small, strong, b, em {
  font-family: "Be Vietnam Pro", "Inter", "Roboto", "Segoe UI", Arial, sans-serif;
}