html[data-market="international"]{
  --account-bg:#161826;
  --account-surface:#232532;
  --account-surface-2:#1e202c;
  --account-border:rgba(233,233,237,.16);
  --account-text:#e9e9ed;
  --account-muted:#a8acc0;
  --account-accent:#b5abfc;
  --account-accent-strong:#968ae0;
  --account-accent-soft:#423a6a;
  --account-success:#8bd9b5;
  --account-warn:#c9a15a;
  --account-danger:#d98a8a;
  --account-track:#3f424d;
}
html[data-market="international"] body{
  overflow-x:hidden;
  overflow-y:auto;
  background:var(--account-bg);
  color:var(--account-text);
  font-family:var(--cm-int-font);
  font-size:16px;
  line-height:1.5;
}
html[data-market="international"] .cm-shell-plan{color:var(--account-muted);font-size:12.5px;text-transform:none;letter-spacing:0}
html[data-market="international"] .main{
  width:calc(100vw - var(--cm-shell-width));
  max-width:none;
  min-height:100vh;
  height:auto;
  margin:0 0 0 var(--cm-shell-width);
  padding:0;
  gap:0;
  overflow:visible;
  background:var(--account-bg);
  color:var(--account-text);
}
html[data-market="international"] .page-header{
  height:60px;
  flex:none;
  padding:0 24px;
  border-bottom:1px solid var(--account-border);
  background:var(--account-bg);
}
html[data-market="international"] .page-header h1{color:var(--account-text);font-size:24px;font-weight:600;letter-spacing:-.015em}
html[data-market="international"] .page-header-copy p,
html[data-market="international"] .page-header .btn{display:none}
html[data-market="international"] .account-scroll{
  width:100%;
  min-height:calc(100vh - 60px);
  height:auto;
  max-width:none;
  overflow:visible;
  padding:20px 24px 8px;
}
html[data-market="international"] .account-section{margin:0 0 18px}
html[data-market="international"] .account-section-title{
  margin:0 0 8px;
  color:var(--account-text);
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
}
html[data-market="international"] .profile-card,
html[data-market="international"] .account-plan-card,
html[data-market="international"] .membership-panel,
html[data-market="international"] .account-invite-card,
html[data-market="international"] .plan-comparison{
  border:1px solid var(--account-border);
  border-radius:9px;
  background:var(--account-surface);
  box-shadow:none;
}
html[data-market="international"] .profile-card{
  display:grid;
  grid-template-columns:minmax(170px,.72fr) minmax(0,1.28fr);
  align-items:center;
  min-height:104px;
  padding:16px 18px;
  gap:16px;
  overflow:visible;
}
html[data-market="international"] .profile-card::after{display:none}
html[data-market="international"] .profile-identity{display:flex;min-width:0;align-items:center;gap:18px}
html[data-market="international"] .profile-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  background:#5d5294;
  color:#f5f4ff;
  font-size:20px;
  font-weight:600;
}
html[data-market="international"] .profile-name{margin:0 0 4px;color:var(--account-text);font-size:17px;font-weight:600}
html[data-market="international"] .profile-email{margin:0 0 8px;color:var(--account-muted);font-size:14px;overflow-wrap:anywhere}
html[data-market="international"] .role-badge{
  min-height:22px;
  padding:2px 8px;
  border-color:var(--account-border);
  background:var(--account-surface-2);
  color:var(--account-muted);
  font-size:13px;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
}
html[data-market="international"] .account-plan-card{padding:16px 18px}
html[data-market="international"] .profile-plan-area{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
html[data-market="international"] .profile-plan-copy{text-align:left}
html[data-market="international"] .profile-plan-badges{justify-content:flex-start}
html[data-market="international"] .plan-badge,
html[data-market="international"] .benefit-badge{
  min-height:25px;
  margin:0;
  padding:3px 9px;
  border-color:rgba(181,171,252,.3);
  border-radius:6px;
  background:var(--account-accent-soft);
  color:var(--account-accent);
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
html[data-market="international"] .benefit-badge{border-color:rgba(139,217,181,.28);background:rgba(139,217,181,.1);color:var(--account-success)}
html[data-market="international"] .plan-expiry{margin-top:5px;color:var(--account-muted);font-size:13.5px}
html[data-market="international"] .btn{
  min-height:34px;
  border-color:var(--account-border);
  border-radius:7px;
  background:var(--account-surface-2);
  color:var(--account-text);
  box-shadow:none;
  font-size:14px;
  font-weight:500;
}
html[data-market="international"] .btn:hover{border-color:var(--account-accent);background:rgba(181,171,252,.1)}
html[data-market="international"] .btn-primary{border-color:var(--account-accent-strong);background:var(--account-accent-strong);color:#171522}
html[data-market="international"] .btn-primary:hover{border-color:var(--account-accent);background:var(--account-accent)}
html[data-market="international"] .entitlement-summary{
  grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);
  margin-top:12px;
  border-color:var(--account-border);
  border-radius:8px;
  background:var(--account-surface-2);
}
html[data-market="international"] .entitlement-summary-head{padding:12px 14px}
html[data-market="international"] .entitlement-summary-kicker{color:var(--account-accent);font-size:12.5px;font-weight:600}
html[data-market="international"] .entitlement-summary-head h3{color:var(--account-text);font-size:15px;font-weight:600}
html[data-market="international"] .entitlement-summary-head p{color:var(--account-muted);font-size:13.5px;line-height:1.3}
html[data-market="international"] .entitlement-summary-chip{background:rgba(139,217,181,.1);color:var(--account-success);font-size:12.5px;font-weight:500}
html[data-market="international"] .entitlement-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-color:var(--account-border);background:transparent}
html[data-market="international"] .entitlement-item{padding:12px 14px}
html[data-market="international"] .entitlement-item + .entitlement-item{border-color:var(--account-border)}
html[data-market="international"] .entitlement-label{color:var(--account-muted);font-size:13.5px}
html[data-market="international"] .entitlement-value{color:var(--account-text);font-size:14.5px;font-weight:600}
html[data-market="international"] .account-layout{margin:0}
html[data-market="international"] .quota-content{display:block}
html[data-market="international"] .membership-panel{padding:14px 16px}
html[data-market="international"] .quota-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-market="international"] .quota-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto auto;
  gap:10px 16px;
  min-height:124px;
  padding:14px 16px;
  border:1px solid var(--account-border);
  border-radius:8px;
  background:var(--account-surface-2);
}
html[data-market="international"] .quota-card + .quota-card{border-top:1px solid var(--account-border)}
html[data-market="international"] .quota-card-head{grid-column:1;grid-row:1;align-items:center;justify-content:flex-start}
html[data-market="international"] .quota-title{gap:10px}
html[data-market="international"] .quota-icon{width:32px;height:32px;border-radius:7px;background:var(--account-accent-soft)}
html[data-market="international"] .quota-icon img{width:17px;height:17px;filter:invert(78%) sepia(24%) saturate(663%) hue-rotate(205deg) brightness(102%)}
html[data-market="international"] .quota-name{color:var(--account-text);font-size:15px;font-weight:600}
html[data-market="international"] .quota-period{max-width:300px;color:var(--account-muted);font-size:13.5px;line-height:1.3;white-space:normal}
html[data-market="international"] .quota-status{display:none}
html[data-market="international"] .quota-numbers{grid-column:2;grid-row:1;margin:0;justify-content:flex-end;color:var(--account-muted)}
html[data-market="international"] .quota-numbers strong{color:var(--account-text);font-size:18px;font-weight:650}
html[data-market="international"] .quota-numbers span{color:var(--account-muted);font-size:14px}
html[data-market="international"] .quota-progress{grid-column:1 / -1;grid-row:2;height:7px;background:var(--account-track)}
html[data-market="international"] .quota-progress-fill{background:var(--account-accent)}
html[data-market="international"] .quota-split{grid-column:1 / -1;grid-row:3;margin:0;color:var(--account-muted);font-size:13.5px}
html[data-market="international"] .account-invite-card{
  min-height:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-direction:column;
  gap:18px;
  padding:16px 18px;
}
html[data-market="international"] .profile-invite{
  min-width:0;
  padding-left:16px;
  border-left:1px solid var(--account-border);
}
html[data-market="international"] .profile-invite > .account-section-title{display:none}
html[data-market="international"] .profile-invite .account-invite-card{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
html[data-market="international"] .profile-invite #account-invite-explainer{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
html[data-market="international"] .account-invite-copy{min-width:0;flex:1}
html[data-market="international"] .account-card-kicker{color:var(--account-muted);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html[data-market="international"] .account-invite-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
html[data-market="international"] .account-invite-code-row code{width:auto;padding:6px 10px;border-radius:5px;background:var(--account-surface-2);color:var(--account-accent);font:600 14px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
html[data-market="international"] #copy-invite-code img{width:14px;height:14px;filter:invert(78%) sepia(24%) saturate(663%) hue-rotate(205deg) brightness(102%)}
html[data-market="international"] .account-invite-copy p{margin:8px 0 0;color:var(--account-muted);font-size:13px;line-height:1.5}
html[data-market="international"] .account-invite-metric{max-width:none;text-align:left}
html[data-market="international"] .account-invite-metric strong{display:block;color:var(--account-text);font-size:17px;font-weight:600}
html[data-market="international"] .account-invite-metric span{display:block;margin-top:5px;color:var(--account-muted);font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
html[data-market="international"] .plan-comparison{padding:11px 16px}
html[data-market="international"] .plan-comparison .section-head h2{color:var(--account-text);font-size:16px;font-weight:600}
html[data-market="international"] .plan-comparison .section-head span{color:var(--account-muted);font-size:13.5px}
html[data-market="international"] .comparison-grid{gap:11px}
html[data-market="international"] .comparison-card{padding:12px 13px;border-color:var(--account-border);border-radius:8px;background:var(--account-surface-2);color:var(--account-text)}
html[data-market="international"] .comparison-card.current{border-color:var(--account-accent-strong);background:rgba(181,171,252,.08)}
html[data-market="international"] .comparison-head strong,
html[data-market="international"] .comparison-price{color:var(--account-text);font-weight:600}
html[data-market="international"] .comparison-head strong{font-size:15px}
html[data-market="international"] .comparison-price{font-size:21px}
html[data-market="international"] .comparison-price small{color:var(--account-muted);font-size:12.5px}
html[data-market="international"] .comparison-list{color:var(--account-muted);font-size:13.5px;line-height:1.35}
html[data-market="international"] .comparison-list li::before{color:var(--account-success)}

@media(min-width:1520px){
  html[data-market="international"] .account-scroll{
    display:grid;
    grid-template-columns:minmax(500px,.7fr) minmax(720px,1.3fr);
    gap:16px 18px;
    align-content:start;
  }
  html[data-market="international"] .account-profile-section,
  html[data-market="international"] #account-plan-section{
    display:flex;
    min-width:0;
    flex-direction:column;
    margin-bottom:0;
  }
  html[data-market="international"] .profile-card,
  html[data-market="international"] .account-plan-card{flex:1}
  html[data-market="international"] .account-layout{grid-column:1 / -1;min-width:0}
  html[data-market="international"] .plan-comparison{width:100%;margin-top:16px;margin-bottom:0}
}
html[data-market="international"] .payment-modal-backdrop{background:rgba(7,8,15,.78);backdrop-filter:blur(5px)}
html[data-market="international"] .payment-modal{border-color:var(--account-border);background:var(--account-surface);color:var(--account-text)}
html[data-market="international"] .payment-modal-head{border-color:var(--account-border)}
html[data-market="international"] .payment-modal-head h2{color:var(--account-text)}
html[data-market="international"] .payment-close-btn{color:var(--account-muted)}
html[data-market="international"] .payment-close-btn:hover{background:var(--account-surface-2);color:var(--account-text)}
html[data-market="international"] .payment-modal-note,
html[data-market="international"] .purchase-confirm-copy,
html[data-market="international"] .purchase-agreement{color:var(--account-muted)}
html[data-market="international"] .purchase-confirm-copy strong{color:var(--account-text)}
html[data-market="international"] .purchase-card{border-color:var(--account-border);background:var(--account-surface-2)}
html[data-market="international"] .purchase-card.selected{border-color:var(--account-accent);background:rgba(181,171,252,.08);box-shadow:none}
html[data-market="international"] .purchase-card p{color:var(--account-muted)}
html[data-market="international"] .purchase-term{background:var(--account-accent-soft);color:var(--account-accent)}
html[data-market="international"] .purchase-disclosure{border-color:var(--account-border);background:var(--account-surface-2);color:var(--account-muted)}
html[data-market="international"] #account-status{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:350;
  min-height:0;
  padding:8px 11px;
  border:1px solid var(--account-border);
  border-radius:7px;
  background:var(--account-surface);
  color:var(--account-muted);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
}
html[data-market="international"] #account-status:empty{display:none}
html[data-market="international"] #account-status.ok{color:var(--account-success)}
html[data-market="international"] #account-status.err{color:var(--account-danger)}
@media(max-width:1050px){
  html[data-market="international"] .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-market="international"] .profile-card{grid-template-columns:1fr;align-items:stretch}
  html[data-market="international"] .profile-invite{padding:16px 0 0;border-top:1px solid var(--account-border);border-left:0}
}
@media(max-width:720px){
  html[data-market="international"] body{display:block;overflow:auto}
  html[data-market="international"] .main{width:100%;height:auto;min-height:100vh;margin:0;padding-top:0}
  html[data-market="international"] .page-header{height:52px;padding:0 16px}
  html[data-market="international"] .page-header h1{font-size:20px}
  html[data-market="international"] .account-scroll{height:auto;min-height:calc(100vh - 52px);padding:18px 16px 32px}
  html[data-market="international"] .profile-card{grid-template-columns:1fr;align-items:stretch}
  html[data-market="international"] .profile-invite{padding:14px 0 0;border-top:1px solid var(--account-border);border-left:0}
  html[data-market="international"] .profile-invite .account-invite-card{grid-template-columns:1fr}
  html[data-market="international"] .profile-plan-area{align-items:flex-start;flex-direction:column}
  html[data-market="international"] .entitlement-summary{grid-template-columns:1fr}
  html[data-market="international"] .entitlement-summary-grid{border-left:0;border-top:1px solid var(--account-border)}
  html[data-market="international"] .quota-grid{grid-template-columns:1fr}
  html[data-market="international"] .quota-card{display:flex;min-height:0;padding:16px}
  html[data-market="international"] .quota-card-head{width:100%}
  html[data-market="international"] .quota-numbers{justify-content:flex-start;margin:4px 0 0 42px}
  html[data-market="international"] .quota-progress,
  html[data-market="international"] .quota-split{width:calc(100% - 42px);margin-left:42px}
  html[data-market="international"] .account-invite-card{align-items:flex-start;flex-direction:column}
  html[data-market="international"] .account-invite-metric{text-align:left}
  html[data-market="international"] .comparison-grid{grid-template-columns:1fr}
  html[data-market="international"] .purchase-confirm{align-items:stretch}
}