:root{
  --bg:#f6f7fb;
  --surface:#ffffff;
  --surface2:#fbfcfe;
  --text:#0f172a;
  --muted:#475569;
  --muted2:#64748b;
  --border:rgba(15,23,42,.10);
  --shadow:0 10px 30px rgba(2,6,23,.08);
  --shadow2:0 6px 18px rgba(2,6,23,.10);
  --radius:18px;
  --radius2:14px;
  --pad:14px;
  --accent:#c89b2c;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text);
  background:radial-gradient(1200px 600px at 20% -20%, rgba(212,175,55,.10), transparent 55%),
             radial-gradient(900px 600px at 100% 0%, rgba(245,215,110,.08), transparent 45%),
             var(--bg);
}

.hidden{display:none !important}

.app{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* -------------------------
   Top bar
-------------------------- */
.topbar{
  position:sticky;
  top:0;
  z-index:10;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  background:rgba(246,247,251,.82);
  backdrop-filter: blur(14px);
  border-bottom:1px solid var(--border);
}

.title{
  flex:1;
  font-weight:800;
  font-size:18px;
  letter-spacing:.2px;
}

.topicons{display:flex; gap:8px}

.iconbtn{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:none;
  border-radius:14px;
  background:rgba(255,255,255,.75);
  box-shadow:0 1px 0 rgba(2,6,23,.04);
  color:var(--text);
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.iconbtn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.iconbtn:active{transform: translateY(0)}
.iconbtn svg{width:22px; height:22px}
.iconbtn.sm{width:38px; height:38px; border-radius:12px}

/* -------------------------
   Search
-------------------------- */
.searchbar{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  background:rgba(246,247,251,.82);
  backdrop-filter: blur(14px);
  border-bottom:1px solid var(--border);
}
.searchbar input{
  flex:1;
  height:44px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.9);
  outline:none;
  color:var(--text);
  font-size:14px;
}
.searchbar input:focus{border-color: rgba(212,175,55,.35); box-shadow: 0 0 0 4px rgba(212,175,55,.10)}

/* -------------------------
   Content
-------------------------- */
.content{flex:1; padding:14px 14px 110px}

/* -------------------------
   Main module selector
-------------------------- */
.moduleGrid{
  display:grid;
  gap:12px;
}
.moduleCard{
  border:1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  box-shadow: 0 1px 0 rgba(2,6,23,.04);
  padding:14px;
  text-align:left;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.moduleCard:hover{transform: translateY(-2px); box-shadow: var(--shadow); border-color: rgba(212,175,55,.18)}
.moduleCard:active{transform: translateY(0)}
.moduleIcon{
  width:54px;
  height:54px;
  border-radius: 18px;
  background: radial-gradient(90px 70px at 25% 20%, rgba(212,175,55,.12), transparent 60%),
              radial-gradient(90px 70px at 85% 15%, rgba(245,215,110,.10), transparent 55%),
              #ffffff;
  border:1px solid rgba(15,23,42,.08);
  display:grid;
  place-items:center;
  color: var(--text);
}
.moduleIcon svg{width:26px; height:26px}
.moduleTxt{flex:1; min-width:0}
.moduleTitle{font-weight:950; font-size:16px; letter-spacing:.2px}
.moduleSub{margin-top:3px; color: var(--muted2); font-weight:700; font-size:12px}
.moduleGo{
  font-size:22px;
  font-weight:900;
  color: var(--muted2);
  padding:0 6px;
}

.sectionHdr{display:flex; align-items:flex-end; justify-content:space-between; margin:10px 2px 10px}
.sectionTitle{font-weight:900; font-size:22px; letter-spacing:.2px}

.subhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:6px 0 10px;
}

.ghost{
  border:1px solid var(--border);
  background:rgba(255,255,255,.75);
  border-radius:14px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  cursor:pointer;
}

/* -------------------------
   Category tiles
-------------------------- */
.gridCat{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap:12px;
}

.tile{
  --cat-accent: var(--accent);
  border:1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  box-shadow: 0 1px 0 rgba(2,6,23,.04);
  padding:12px;
  text-align:left;
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.tile:hover{transform: translateY(-2px); box-shadow: var(--shadow); border-color: rgba(212,175,55,.18)}
.tile:active{transform: translateY(0)}

.tile .img{
  height:92px;
  border-radius: 16px;
  background: radial-gradient(120px 70px at 30% 20%, rgba(212,175,55,.12), transparent 60%),
              radial-gradient(120px 70px at 90% 10%, rgba(245,215,110,.10), transparent 55%),
              #ffffff;
  border:1px solid rgba(15,23,42,.08);
  display:grid;
  place-items:center;
  overflow:hidden;
}

.tile .img svg{width:46px; height:46px; opacity:.95}

.tile .label{
  margin-top:10px;
  font-weight:800;
  font-size:14px;
  letter-spacing:.2px;
  color:var(--text);
}

.clamp1{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden}
.clamp2{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}

/* Image wrapper used in both tiles & product cards */
.imgWrap{position:relative; width:100%; height:100%}
.imgFallback{
  position:absolute; inset:0;
  display:grid; place-items:center;
  opacity:.9;
}
.imgReal{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain;
  padding:10px;
  background:#ffffff;
}

/* -------------------------
   Product grid & cards
-------------------------- */
.gridProd{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap:14px;
}

.pcard{
  --accent: var(--item-accent, var(--cat-accent, var(--accent)));
  border:1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
  box-shadow: 0 1px 0 rgba(2,6,23,.04);
  padding:12px;
  text-align:left;
  cursor:pointer;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}
.pcard:hover{transform: translateY(-2px); box-shadow: var(--shadow); border-color: rgba(212,175,55,.18)}
.pcard:active{transform: translateY(0)}

.pimg{
  height:120px;
  border-radius: 18px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  overflow:hidden;
}

.pname{
  margin-top:10px;
  font-weight:800;
  font-size:13px;
  line-height:1.2;
  color:var(--text);
}

.pprice{
  margin-top:6px;
  font-weight:900;
  font-size:14px;
  color: var(--accent);
}

.pmeta{
  margin-top:4px;
  font-size:12px;
  color:var(--muted2);
}

.emptyState{
  border:1px dashed rgba(15,23,42,.18);
  border-radius: var(--radius);
  background: rgba(255,255,255,.65);
  padding:14px;
  color:var(--muted);
}

/* -------------------------
   Detail view
-------------------------- */
.detailTop{display:flex; justify-content:flex-start; margin:4px 0 10px}
.detailCard{
  border:1px solid var(--border);
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
  padding:14px;
}

.imgbox{
  height:220px;
  border-radius: 22px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  overflow:hidden;
  display:grid;
  place-items:center;
}
.imgbox img{width:100%; height:100%; object-fit:contain; padding:14px}

.pnameBig{margin-top:12px; font-weight:900; font-size:20px; line-height:1.15}
.price{margin-top:8px; font-weight:900; font-size:18px; color: var(--accent)}
.specsText{margin-top:10px; display:flex; flex-wrap:wrap; gap:8px}

.specChip{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:8px 10px;
  border-radius: 999px;
  border:1px solid rgba(212,175,55,.18);
  background: rgba(212,175,55,.08);
  color: var(--text);
  font-size:12px;
  font-weight:800;
}
.specChip .chipIcon{display:grid; place-items:center}
.specChip .chipIcon svg{width:16px; height:16px}
.specChip .chipText{color:var(--text)}

.row{display:flex; gap:10px}

.btn{
  height:44px;
  flex:1;
  border-radius: 14px;
  border:1px solid rgba(212,175,55,.25);
  background: linear-gradient(180deg, rgba(212,175,55,.92), rgba(212,175,55,.86));
  color:#ffffff;
  font-weight:800;
  cursor:pointer;
  box-shadow: 0 10px 24px rgba(212,175,55,.18);
}
.btn:hover{filter:brightness(1.03)}
.btn.ghost{
  background: rgba(255,255,255,.90);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow:none;
}

/* -------------------------
   Generic cards & inputs
-------------------------- */
.card{
  border:1px solid var(--border);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  box-shadow: var(--shadow);
  padding:14px;
}
.k{font-weight:900; font-size:18px}
.s{color:var(--muted); font-size:13px; line-height:1.4}

.scoreHero{margin-bottom:12px}
.scoreGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.scoreCard{
  border:1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  padding:12px;
  min-height:104px;
}
.scoreLabel{
  color:var(--muted2);
  font-size:12px;
  font-weight:800;
}
.scoreValue{
  margin-top:8px;
  font-size:22px;
  line-height:1.05;
  font-weight:950;
  color:var(--text);
  overflow-wrap:anywhere;
}
.scoreNote{
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.scoreActionGrid{
  display:grid;
  gap:10px;
}
.scoreAction{
  width:100%;
  border:1px solid var(--border);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  padding:12px;
  text-align:left;
  cursor:pointer;
}
.scoreActionTitle{
  font-size:15px;
  font-weight:900;
  color:var(--text);
}
.scoreActionBody{
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.teamMemberList,
.ruleList{
  display:grid;
  gap:10px;
}
.teamMemberRow,
.ruleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.teamMemberMain{min-width:0}
.teamMemberName{
  font-size:15px;
  font-weight:950;
  color:var(--text);
}
.teamMemberMeta{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.teamMemberStake{
  text-align:right;
  flex:0 0 auto;
}
.teamMemberRc{
  font-size:14px;
  font-weight:950;
}
.teamMemberPct{
  margin-top:4px;
  color:var(--muted2);
  font-size:12px;
  font-weight:850;
}
.ownerPill{
  display:inline-block;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(212,175,55,.10);
  color:var(--accent);
  font-size:10px;
  font-weight:950;
  vertical-align:middle;
}
.ruleRow span{
  color:var(--muted);
  font-size:12px;
  font-weight:850;
}
.ruleRow strong{
  text-align:right;
  font-size:12px;
  color:var(--text);
}
.rcHistoryList{
  display:grid;
  gap:10px;
}
.rcHistoryRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.rcHistoryMain{min-width:0}
.rcHistoryTitle{
  font-size:14px;
  font-weight:950;
  color:var(--text);
}
.rcHistoryNote{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.rcHistoryAmount{
  flex:0 0 auto;
  text-align:right;
  color:var(--accent);
  font-size:14px;
  font-weight:950;
}
.workItemList{
  display:grid;
  gap:10px;
}
.workItemRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.workItemMain{min-width:0}
.workItemName{
  font-size:14px;
  font-weight:950;
  color:var(--text);
}
.workItemMeta{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.workItemStats{
  flex:0 0 auto;
  text-align:right;
}
.workItemScore{
  color:var(--text);
  font-size:18px;
  line-height:1;
  font-weight:950;
}
.workItemProfit{
  margin-top:5px;
  color:var(--accent);
  font-size:12px;
  font-weight:900;
}
.eloMatchList{
  display:grid;
  gap:10px;
}
.eloMatchRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.eloMatchMain{min-width:0}
.eloOpponent{
  font-size:14px;
  font-weight:950;
  color:var(--text);
}
.eloMatchNote{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.eloResult{
  display:inline-block;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(100,116,139,.10);
  color:var(--muted);
  font-size:10px;
  font-weight:950;
  vertical-align:middle;
}
.eloResult.win{background:rgba(22,163,74,.10); color:#15803d}
.eloResult.loss{background:rgba(220,38,38,.10); color:#b91c1c}
.eloChange{
  flex:0 0 auto;
  color:var(--muted);
  font-size:16px;
  font-weight:950;
}
.eloChange.win{color:#15803d}
.eloChange.loss{color:#b91c1c}
.financePlanList{
  display:grid;
  gap:10px;
}
.financePlanRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
  text-align:left;
  color:inherit;
  cursor:pointer;
}
.financePlanMain{min-width:0}
.financePlanName{
  font-size:14px;
  font-weight:950;
  color:var(--text);
}
.financePlanNote{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.financeStatus{
  display:inline-block;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(212,175,55,.10);
  color:var(--accent);
  font-size:10px;
  font-weight:950;
  vertical-align:middle;
}
.financePlanAmount{
  flex:0 0 auto;
  text-align:right;
}
.financeEuro{
  color:var(--text);
  font-size:16px;
  line-height:1;
  font-weight:950;
}
.financePct{
  margin-top:5px;
  color:var(--muted2);
  font-size:12px;
  font-weight:850;
}
.resetList{
  display:grid;
  gap:10px;
}
.resetRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.resetMain{min-width:0}
.resetLabel{
  font-size:14px;
  font-weight:950;
  color:var(--text);
}
.resetNote{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.3;
}
.resetStats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  flex:0 0 auto;
  text-align:right;
}
.resetStats span{
  display:block;
  color:var(--muted2);
  font-size:10px;
  font-weight:850;
}
.resetStats strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:13px;
  font-weight:950;
}
.dataFieldList{
  display:grid;
  gap:10px;
}
.dataFieldGroup{
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.dataFieldHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.dataTableName{
  color:var(--text);
  font-size:14px;
  font-weight:950;
}
.dataFieldCount{
  color:var(--muted2);
  font-size:11px;
  font-weight:850;
}
.dataFieldChips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.dataFieldChip{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(15,23,42,.05);
  color:var(--text);
  font-size:11px;
  font-weight:850;
}
.scoreNav{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.scoreNavBtn{
  min-height:38px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.90);
  color:var(--text);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.scoreNavBtn:active{transform:translateY(1px)}
.actionNote{
  margin-top:12px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:16px;
  background:rgba(212,175,55,.08);
  padding:12px;
  color:var(--text);
  font-size:12px;
  line-height:1.35;
  font-weight:800;
}
.recordEditor{
  display:grid;
  gap:14px;
  margin-top:12px;
}
.recordSection{
  border:1px solid var(--border);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  padding:12px;
}
.recordGrid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.recordRows{
  display:grid;
  gap:10px;
}
.recordRow{
  display:grid;
  grid-template-columns:1.2fr .7fr .7fr .8fr;
  gap:8px;
  align-items:end;
}
.recordRow.compact{
  grid-template-columns:1.2fr .8fr .9fr;
}
.recordField{
  display:grid;
  gap:5px;
  min-width:0;
}
.recordField span{
  color:var(--muted2);
  font-size:11px;
  font-weight:850;
}
.recordField input{
  width:100%;
  min-height:38px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.94);
  color:var(--text);
  padding:8px 10px;
  font-size:13px;
  font-weight:850;
  outline:none;
}
.recordField input:focus{
  border-color:rgba(212,175,55,.35);
  box-shadow:0 0 0 3px rgba(212,175,55,.10);
}
.recordActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ledgerList{
  display:grid;
  gap:10px;
}
.ledgerRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.ledgerMain{min-width:0}
.ledgerTitle{
  color:var(--text);
  font-size:14px;
  font-weight:950;
}
.ledgerDetail{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.ledgerAmount{
  flex:0 0 auto;
  max-width:42%;
  text-align:right;
  color:var(--text);
  font-size:13px;
  font-weight:950;
}
.ledgerAmount.positive{color:#047857}
.ledgerAmount.negative{color:#b91c1c}
.ledgerAmount.neutral{color:#0369a1}
.adminList{
  display:grid;
  gap:10px;
}
.adminControlRow,
.adminProposalRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  padding:12px;
}
.adminControlMain{min-width:0}
.adminControlTitle{
  color:var(--text);
  font-size:14px;
  font-weight:950;
}
.adminControlNote{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.adminPill{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 9px;
  font-size:11px;
  font-weight:950;
}
.adminPill.can{
  color:#047857;
  background:rgba(16,185,129,.12);
}
.adminPill.view{
  color:#475569;
  background:rgba(100,116,139,.12);
}
.adminProposalMeta{
  display:grid;
  justify-items:end;
  gap:8px;
  color:var(--text);
}
.adminProposalBtns{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.miniAction{
  min-height:30px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(255,255,255,.94);
  color:var(--text);
  padding:6px 8px;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.dataIOBlock{
  display:grid;
  gap:10px;
}
.dataIOText{
  width:100%;
  min-height:180px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  color:var(--text);
  padding:12px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:11px;
  line-height:1.45;
  resize:vertical;
  outline:none;
}
.dataIOText:focus{
  border-color:rgba(212,175,55,.35);
  box-shadow:0 0 0 3px rgba(212,175,55,.10);
}
.nextProgress{
  height:8px;
  margin-top:12px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
}
.nextProgressBar{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(212,175,55,.95), rgba(245,215,110,.95));
}
.in{
  width:100%;
  height:44px;
  margin-top:10px;
  padding:0 14px;
  border-radius: 14px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.92);
  outline:none;
}

@media (max-width: 360px){
  .scoreGrid{grid-template-columns:1fr}
  .scoreNav{grid-template-columns:repeat(2, minmax(0,1fr))}
  .recordGrid,
  .recordRow,
  .recordRow.compact,
  .recordActions{grid-template-columns:1fr}
  .ledgerRow{align-items:flex-start; flex-direction:column}
  .ledgerAmount{max-width:100%; text-align:left}
  .adminControlRow,
  .adminProposalRow{align-items:flex-start; flex-direction:column}
  .adminProposalMeta{justify-items:start}
  .adminProposalBtns{justify-content:flex-start}
}
.in:focus{border-color: rgba(212,175,55,.35); box-shadow: 0 0 0 4px rgba(212,175,55,.10)}

/* Cart rows */
.cartRow,
.cartItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.cartRow:last-child,
.cartItem:last-child{border-bottom:none}

.cartThumb{
  width:46px;
  height:46px;
  border-radius: 14px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.cartThumb img{width:100%; height:100%; object-fit:contain; padding:6px}

.cartLeft{flex:1; min-width:0}
.rmBtn{
  width:36px;
  height:36px;
  border-radius: 12px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(248,250,252,.92);
  cursor:pointer;
  color: var(--muted);
}
.rmBtn:hover{background: rgba(226,232,240,.7); color: var(--text)}
.cartTitle{font-weight:700; font-size:13px}
.cartPrice{font-weight:900; color: var(--accent); font-size:13px; white-space:nowrap}

/* Totals (Cart / Checkout) */
.totals{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(15,23,42,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.totals .label{color:var(--muted); font-weight:800; font-size:12px; letter-spacing:.2px}
.totals .value{font-weight:900; font-size:14px; color:var(--text)}

/* Banner (Orders) */
.banner{
  margin:2px 0 12px;
  padding:12px 14px;
  border-radius: 18px;
  border:1px solid rgba(212,175,55,.18);
  background: linear-gradient(180deg, rgba(212,175,55,.10), rgba(245,215,110,.06));
  box-shadow: 0 10px 24px rgba(212,175,55,.10);
  font-weight:900;
  letter-spacing:.2px;
}

/* Orders list */
.orderRow{
  border-top:1px solid rgba(15,23,42,.08);
  padding:12px 0;
}
.orderHdr{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
.orderId{font-weight:900; font-size:14px}
.orderMeta{color:var(--muted); font-size:12px; margin-top:2px}
.orderTotal{font-weight:900; font-size:13px; color:var(--accent); white-space:nowrap}

.odetails{margin-top:10px}
.odetails summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--text);
  font-weight:800;
  font-size:12px;
}
.odetails summary::-webkit-details-marker{display:none}
.odetails summary:before{
  content:"▸";
  display:inline-block;
  transform: translateY(-1px);
  color: var(--muted);
}
.odetails[open] summary:before{content:"▾"}

.oitems{margin-top:10px}
.oitem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px dashed rgba(15,23,42,.10);
}
.oitem:last-child{border-bottom:none}
.oitem .t{font-weight:700; font-size:12px; color:var(--text); min-width:0}
.oitem .p{font-weight:900; font-size:12px; color:var(--accent); white-space:nowrap}

/* -------------------------
   Bottom navigation
-------------------------- */
.bottombar{
  position:fixed;
  left:0; right:0; bottom:0;
  padding:10px 10px calc(10px + env(safe-area-inset-bottom));
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
  border-top:1px solid var(--border);
  display:flex;
  gap:8px;
  justify-content:space-between;
}

.bottombar button{
  flex:1;
  border:none;
  border-radius: 16px;
  padding:10px 8px;
  background: rgba(248,250,252,.92);
  color: var(--muted);
  cursor:pointer;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  transition: transform .12s ease, background .12s ease, color .12s ease;
}

.bottombar button:hover{transform: translateY(-1px)}
.bottombar button.active{
  background: rgba(212,175,55,.10);
  color: var(--text);
}

.tabIcon svg{width:22px; height:22px}
.tabLabel{font-size:11px; font-weight:800; letter-spacing:.2px}
.tabBadge{
  position:absolute;
  top:6px;
  right:10px;
  background: var(--accent);
  color:#fff;
  border-radius: 999px;
  padding:2px 7px;
  font-size:11px;
  font-weight:900;
}

/* -------------------------
   Sort sheet
-------------------------- */
.sheet{position:fixed; inset:0; z-index:30}
.sheetBackdrop{position:absolute; inset:0; background: rgba(2,6,23,.35)}
.sheetCard{
  position:absolute;
  left:10px; right:10px; bottom:10px;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  border:1px solid var(--border);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.sheetHeader{display:flex; align-items:center; justify-content:space-between; padding:12px 12px; border-bottom:1px solid rgba(15,23,42,.08)}
.sheetTitle{font-weight:900; font-size:16px}
.sheetList{display:flex; flex-direction:column}
.sheetOpt{
  border:none;
  background:transparent;
  padding:14px 12px;
  text-align:left;
  font-weight:800;
  cursor:pointer;
}
.sheetOpt:hover{background: rgba(212,175,55,.08)}

@media (max-width: 420px){
  .gridProd{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))}
  .tile .img{height:86px}
}


/* -------------------------
   Main menu additions
-------------------------- */
.coinPill{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.86);
  box-shadow:0 1px 0 rgba(2,6,23,.04);
  font-weight:900;
  letter-spacing:.2px;
  cursor:default;
  user-select:none;
}
.coinIcon{
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  color:var(--text);
  opacity:.9;
}
.coinIcon svg{width:18px; height:18px}
.coinAmt{min-width:20px; text-align:right}

.mainHero{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0 4px;
}
.mainAvatar{
  width:74px;
  height:74px;
  border-radius: 18px;
  background: radial-gradient(100px 70px at 25% 20%, rgba(212,175,55,.12), transparent 60%),
              radial-gradient(100px 70px at 85% 15%, rgba(245,215,110,.10), transparent 55%),
              #ffffff;
  border:1px solid rgba(15,23,42,.10);
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow: 0 1px 0 rgba(2,6,23,.04);
}
.mainHeroTxt{flex:1; min-width:0}
.mainHeroTitle{
  font-weight:950;
  font-size:22px;
  letter-spacing:.2px;
}
.mainHeroSub{
  margin-top:4px;
  color: var(--muted2);
  font-weight:700;
  font-size:13px;
}

.moduleGrid2{
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.mainBottom{margin-top:14px}

.quickRow{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.quickBtn{
  height:42px;
  padding:0 14px;
  border-radius: 14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.86);
  font-weight:800;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}
.quickBtn:hover{transform: translateY(-1px); box-shadow: var(--shadow2)}
.quickBtn:active{transform: translateY(0)}


/* --- Complex Hub layout --- */
.hubTop{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.hubTile{
  background: linear-gradient(180deg, rgba(212,175,55,.10), rgba(212,175,55,.04));
  border:1px solid rgba(15,23,42,.10);
  border-radius:16px;
  padding:14px;
  text-align:left;
  color:inherit;
  box-shadow: 0 10px 28px rgba(2,6,23,.08);
}
.hubTile:active{ transform: translateY(1px); }
.hubTileK{ font-weight:800; letter-spacing:.2px; }
.hubTileS{ opacity:.8; margin-top:4px; font-size:13px; }
.hubScoreGrid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:10px;
}
.hubScoreCard{
  min-height:88px;
  border:1px solid var(--border);
  border-radius:16px;
  background:rgba(255,255,255,.90);
  padding:10px;
  text-align:left;
  color:inherit;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(2,6,23,.04);
}
.hubScoreCard:active{transform:translateY(1px)}
.hubScoreK{
  color:var(--muted2);
  font-size:11px;
  font-weight:900;
}
.hubScoreV{
  margin-top:6px;
  font-size:17px;
  line-height:1.05;
  font-weight:950;
  overflow-wrap:anywhere;
}
.hubScoreS{
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
  font-weight:750;
}
.hubBottom{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:10px;
}
@media (max-width: 420px){
  .hubScoreGrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hubBottom{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}


/* ===== Onboarding (match existing UI) ===== */
.onCenter{
  min-height: calc(100vh - 140px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:10px;
  padding:18px;
}
.onLogo{
  width:72px;
  height:72px;
  border-radius: 18px;
  border:1px solid rgba(212,175,55,.22);
  background: radial-gradient(circle at 30% 30%, rgba(212,175,55,.25), rgba(212,175,55,.06));
  box-shadow: 0 16px 40px rgba(212,175,55,.12);
}
.onTitle{font-weight:900; font-size:28px; color:var(--text)}
.onSub{color:var(--muted); font-weight:700}
.onSpinner{
  width:34px; height:34px;
  border-radius: 999px;
  border:3px solid rgba(212,175,55,.18);
  border-top-color: rgba(212,175,55,.9);
  animation: spin 1s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.onBig{
  margin-top:8px;
  font-size:22px;
  font-weight:900;
  line-height:1.15;
  color:var(--text);
}

.introDots{display:flex; justify-content:center; gap:8px; margin-top:14px}
.introDots .dot{
  width:8px; height:8px; border-radius:999px;
  background: rgba(212,175,55,.20);
}
.introDots .dot.active{background: rgba(212,175,55,.92)}

.btnGhost{
  height:44px;
  flex:1;
  border-radius:14px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.70);
  color: var(--text);
  font-weight:900;
  cursor:pointer;
}
.btnLite{
  height:44px;
  width:100%;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.18);
  background: rgba(212,175,55,.06);
  color: var(--text);
  font-weight:900;
  cursor:pointer;
}

.formStack{display:flex; flex-direction:column; gap:8px}
.lbl{font-weight:900; font-size:12px; color: var(--muted)}
.toggleRow{display:flex; align-items:center; justify-content:flex-start}
.toggle{display:flex; gap:10px; align-items:center; font-weight:800; color: var(--text)}
.toggle input{width:18px; height:18px; flex:0 0 auto}

.teamPicker{display:grid; grid-template-columns:44px 1fr 44px; gap:10px; align-items:center}
.teamCard{
  border-radius:18px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.86);
  padding:14px;
  text-align:left;
}
.teamName{font-weight:900; font-size:18px; color:var(--text)}

.chipWrap{display:flex; flex-wrap:wrap; gap:8px}
.choiceChip{
  border-radius:999px;
  border:1px solid rgba(212,175,55,.18);
  background: rgba(212,175,55,.06);
  padding:8px 12px;
  font-weight:900;
  font-size:12px;
  color: var(--text);
  cursor:pointer;
}
.choiceChip.active{
  background: rgba(212,175,55,.18);
  border-color: rgba(212,175,55,.35);
}

.planGrid{display:grid; gap:10px}
.planCard{
  text-align:left;
  width:100%;
  border-radius:18px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.86);
  padding:14px;
  cursor:pointer;
}
.planCard.active{
  border-color: rgba(212,175,55,.55);
  box-shadow: 0 10px 24px rgba(212,175,55,.12);
}
.planTitle{font-weight:900; font-size:16px; color:var(--text)}


/* Public module destination screens */
.publicModuleHero{margin-bottom:12px}
.publicFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.publicFeatureCard{min-height:94px}
.publicFeatureCard .k{font-size:12px;opacity:.72;margin-bottom:8px}
.publicSectionHdr{margin-top:18px}
.publicActionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.publicRouteBtn{width:100%;min-height:46px}
.internalOnly{display:none!important}
@media (max-width:720px){
  .publicFeatureGrid,.publicActionGrid{grid-template-columns:1fr}
  .publicFeatureCard{min-height:auto}
}


/* Public-ready responsive and interaction pass */
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(212,175,55,.28);outline-offset:2px}
img,svg{max-width:100%}
.card,.moduleCard,.quickBtn,.scoreAction,.planCard{min-width:0}
.k,.s,.moduleTitle,.moduleSub,.cartTitle,.scoreActionTitle,.scoreActionBody{overflow-wrap:anywhere}
.bottomBar{padding-bottom:calc(8px + var(--safe-bottom))}
main,.main{padding-bottom:calc(96px + var(--safe-bottom))}
.publicModuleHero{padding:18px}
.publicModuleHero .k{font-size:20px;line-height:1.2;margin-bottom:6px}
.publicStatusRow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.statusPill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:rgba(212,175,55,.10);border:1px solid rgba(212,175,55,.18);font-size:12px;font-weight:850}
.statusPill.muted{background:rgba(15,23,42,.04);border-color:var(--border);color:var(--muted)}
.publicFeatureCard{display:flex;align-items:flex-start;gap:12px;padding:16px}
.publicFeatureCard .k{font-size:14px;line-height:1.35;margin-bottom:4px}
.featureNumber{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:rgba(212,175,55,.10);font-size:12px;font-weight:900;color:rgb(212,175,55)}
.publicRouteBtn{white-space:normal;padding:10px 12px;line-height:1.2}
.appToast{position:fixed;z-index:9999;left:50%;bottom:calc(88px + var(--safe-bottom));transform:translate(-50%,18px);width:min(420px,calc(100% - 28px));padding:12px 15px;border-radius:14px;background:#0f172a;color:#fff;font-weight:800;font-size:14px;box-shadow:0 16px 42px rgba(15,23,42,.28);opacity:0;pointer-events:none;transition:.2s ease}
.appToast.show{opacity:1;transform:translate(-50%,0)}
.appToast[data-type="success"]{background:#166534}.appToast[data-type="warning"]{background:#92400e}
@media (max-width:900px){
  .gridProd{grid-template-columns:repeat(2,minmax(0,1fr))}
  .moduleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .wrap,.shell,.appShell{width:100%;max-width:none}
  .topbar,.topBar{padding-left:14px;padding-right:14px}
  .content,main,.main{padding-left:12px;padding-right:12px}
  .sectionHdr{gap:8px}
  .sectionTitle{font-size:19px;line-height:1.2}
  .moduleGrid,.gridProd,.gridCat,.scoreGrid{grid-template-columns:1fr}
  .moduleCard{min-height:76px;padding:12px}
  .moduleIcon{flex:0 0 44px;width:44px;height:44px}
  .hubBottom{grid-template-columns:repeat(2,minmax(0,1fr))}
  .row{min-width:0}
  .btn,.btnGhost,.btnLite,.quickBtn{min-height:44px}
  .cartRow{align-items:center}
  .cartThumb{flex:0 0 62px;width:62px;height:62px}
  .publicModuleHero{padding:15px}
  .publicFeatureCard{min-height:0}
}
@media (max-width:390px){
  .hubBottom{grid-template-columns:1fr}
  .bottomBar button{font-size:10px;min-width:0;padding-left:4px;padding-right:4px}
  .bottomBar svg{width:20px;height:20px}
  .teamPicker{grid-template-columns:38px minmax(0,1fr) 38px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Functional services + history pass */
.serviceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.serviceCard{display:flex;flex-direction:column;gap:8px;min-height:150px}.serviceCard .serviceMeta{font-size:12px;color:var(--muted)}.serviceCard .servicePrice{font-weight:800}.serviceActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.serviceActions button{flex:1;min-width:110px}.serviceForm{display:grid;gap:12px}.serviceForm label{display:grid;gap:6px;font-weight:700}.serviceForm input,.serviceForm select,.serviceForm textarea{width:100%}.bookingRow{display:grid;gap:8px}.bookingHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bookingStatus{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.bookingStatus.confirmed{color:#43d17a}.bookingStatus.cancelled{color:#ff7c7c}.bookingStatus.requested{color:#f0c85c}.emptyStateBox{text-align:center;padding:28px 18px}.historyActions{display:flex;gap:8px;flex-wrap:wrap}.orderStatus{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.orderActionRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}@media(max-width:620px){.serviceGrid{grid-template-columns:1fr}.bookingHead{display:grid}.serviceActions button{width:100%}}

/* Functional Real Estate + Media pass */
.propertyGrid,.mediaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.propertyCard,.mediaCard{display:flex;flex-direction:column;gap:8px;min-height:210px}.propertyType,.mediaKind{font-size:12px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.propertyPrice{font-size:18px;font-weight:900}.propertyActions,.mediaActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.propertyActions button,.mediaActions button{flex:1;min-width:100px}.propertyDetail,.mediaDetail{display:grid;gap:10px;margin-bottom:12px}.mediaPreview{display:grid;place-items:center;min-height:180px;border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(15,23,42,.08));font-size:28px;font-weight:900}.mediaDetail p,.propertyDetail p{margin:0;line-height:1.55}@media(max-width:620px){.propertyGrid,.mediaGrid{grid-template-columns:1fr}.propertyCard,.mediaCard{min-height:0}}

.moneyForm{display:grid;gap:12px}.moneyForm label{display:grid;gap:6px;font-weight:700}.moneyForm input,.moneyForm select,.moneyForm textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line,#d9dce3);border-radius:12px;background:var(--card,#fff);color:inherit}.moneyHistory{display:grid;gap:10px}.moneyRow{display:flex;align-items:center;justify-content:space-between;gap:16px}.moneyAmount{text-align:right;font-weight:800}.moneyAmount span{display:block;font-size:12px;font-weight:600;opacity:.65;margin-top:4px}@media(max-width:600px){.moneyRow{align-items:flex-start;flex-direction:column}.moneyAmount{text-align:left}}

/* Unified first-button category view for every module */
.moduleCategoryGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
  margin-top:14px;
}
.moduleCategoryTile{
  min-height:132px;
  width:100%;
  text-align:left;
}
.moduleCategoryTile .img{
  display:flex;
  align-items:center;
  justify-content:center;
}
.moduleCategoryTile .img svg{
  width:34px;
  height:34px;
}
@media (max-width:640px){
  .moduleCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .moduleCategoryTile{min-height:112px}
}

/* ===== Ultra Graphic Launch Screen — Stage 1 only ===== */
.launchScreen{
  position:relative;
  min-height:calc(100vh - 2px);
  overflow:hidden;
  isolation:isolate;
  margin:-18px;
  background:
    radial-gradient(circle at 50% 34%, rgba(225,184,56,.19), transparent 30%),
    radial-gradient(circle at 16% 82%, rgba(99,102,241,.14), transparent 28%),
    linear-gradient(145deg,#030712 0%,#071426 46%,#04101d 100%);
}
.launchBackdrop,.launchGrid,.launchGlow{position:absolute;inset:0;pointer-events:none}
.launchGrid{
  opacity:.22;
  background-image:
    linear-gradient(rgba(244,223,153,.09) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,223,153,.09) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center,#000 0%,transparent 72%);
  animation:launchGridDrift 14s linear infinite;
}
.launchGlow{filter:blur(50px);border-radius:999px;opacity:.7}
.launchGlowA{inset:12% auto auto 8%;width:240px;height:240px;background:rgba(225,184,56,.20);animation:launchFloat 7s ease-in-out infinite}
.launchGlowB{inset:auto 5% 8% auto;width:300px;height:300px;background:rgba(79,70,229,.16);animation:launchFloat 9s ease-in-out infinite reverse}
.launchCenter{
  position:relative;z-index:2;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:42px 24px;text-align:center;color:#fff;
}
.launchMark{position:relative;width:168px;height:168px;margin-bottom:30px;display:grid;place-items:center}
.launchCore{
  width:92px;height:92px;border-radius:30px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(225,184,56,.13));
  border:1px solid rgba(186,230,253,.55);
  box-shadow:0 0 0 8px rgba(225,184,56,.06),0 24px 70px rgba(212,175,55,.38),inset 0 1px 1px rgba(255,255,255,.7);
  backdrop-filter:blur(18px);
  animation:launchCorePulse 2.4s ease-in-out infinite;
}
.launchR{font-size:48px;font-weight:1000;line-height:1;letter-spacing:-5px;background:linear-gradient(180deg,#fff,#f4df99);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateX(-2px)}
.launchOrbit{position:absolute;border-radius:50%;border:1px solid rgba(244,223,153,.34)}
.launchOrbitOuter{inset:0;border-style:dashed;animation:spin 11s linear infinite}
.launchOrbitInner{inset:20px;border-color:rgba(165,180,252,.42);animation:spin 7s linear infinite reverse}
.launchNode{position:absolute;width:10px;height:10px;border-radius:50%;background:#f4df99;box-shadow:0 0 18px rgba(244,223,153,.95)}
.launchNode1{top:12px;left:78px}.launchNode2{right:22px;bottom:30px}.launchNode3{left:18px;bottom:42px;background:#a5b4fc}
.launchEyebrow{font-size:10px;letter-spacing:.34em;font-weight:900;color:#f4df99;margin-bottom:10px;animation:launchReveal .7s ease both .12s}
.launchTitle{font-size:clamp(42px,9vw,72px);font-weight:1000;letter-spacing:.08em;line-height:.95;text-shadow:0 12px 50px rgba(225,184,56,.35);animation:launchReveal .75s ease both .2s}
.launchTagline{margin-top:14px;color:rgba(226,232,240,.78);font-size:15px;font-weight:750;letter-spacing:.04em;animation:launchReveal .75s ease both .3s}
.launchProgress{width:min(310px,76vw);height:5px;margin-top:34px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.11);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.launchProgressFill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f3d46b,#818cf8,#211b0d);box-shadow:0 0 18px rgba(243,212,107,.75);animation:launchLoad 3.05s cubic-bezier(.2,.7,.2,1) forwards}
.launchStatus{margin-top:13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.04em;color:rgba(226,232,240,.65)}
.launchPulse{width:6px;height:6px;border-radius:50%;background:#f3d46b;box-shadow:0 0 0 0 rgba(243,212,107,.65);animation:launchPing 1.4s infinite}
.launchFallback{margin-top:26px;padding:11px 22px;border-radius:999px;border:1px solid rgba(244,223,153,.34);background:rgba(8,47,73,.42);color:#211b0d;font-weight:900;cursor:pointer;opacity:0;animation:launchFallbackIn .4s ease forwards 2.6s;backdrop-filter:blur(12px)}
.launchFallback:hover{background:rgba(14,116,144,.48);transform:translateY(-1px)}
.launchParticle{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(186,230,253,.7);box-shadow:0 0 12px rgba(244,223,153,.7);animation:launchParticle 6s ease-in-out infinite}
.launchParticle1{left:13%;top:21%;animation-delay:-1s}.launchParticle2{left:80%;top:16%;animation-delay:-3s}.launchParticle3{left:73%;top:72%;animation-delay:-5s}.launchParticle4{left:24%;top:77%;animation-delay:-2s}.launchParticle5{left:90%;top:46%;animation-delay:-4s}
@keyframes launchLoad{0%{width:0}22%{width:27%}58%{width:66%}100%{width:100%}}
@keyframes launchReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes launchCorePulse{50%{transform:scale(1.035);box-shadow:0 0 0 12px rgba(225,184,56,.035),0 28px 85px rgba(212,175,55,.48),inset 0 1px 1px rgba(255,255,255,.75)}}
@keyframes launchFloat{50%{transform:translate3d(22px,-20px,0) scale(1.08)}}
@keyframes launchGridDrift{to{background-position:42px 42px}}
@keyframes launchPing{70%{box-shadow:0 0 0 8px rgba(243,212,107,0)}}
@keyframes launchParticle{50%{transform:translateY(-22px) scale(1.6);opacity:.35}}
@keyframes launchFallbackIn{to{opacity:1}}
@media (max-width:600px){
  .launchScreen{margin:-12px}.launchMark{width:144px;height:144px}.launchCore{width:82px;height:82px;border-radius:27px}.launchR{font-size:43px}.launchTitle{letter-spacing:.055em}.launchEyebrow{letter-spacing:.24em}.launchFallback{margin-top:22px}
}
@media (prefers-reduced-motion:reduce){
  .launchScreen *{animation-duration:.01ms!important;animation-iteration-count:1!important}.launchProgressFill{width:100%}.launchFallback{opacity:1}
}

/* Launch screen 10/10 refinement */
.launchScreen{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 42%,rgba(225,184,56,.13),transparent 31%),
    linear-gradient(145deg,#020617 0%,#061326 48%,#020617 100%);
  transition:opacity .48s cubic-bezier(.4,0,.2,1),transform .48s cubic-bezier(.4,0,.2,1),filter .48s ease;
}
.launchScreen.launchExit{opacity:0;transform:scale(1.025);filter:blur(7px);pointer-events:none}
.launchScreen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(244,223,153,.045) 50%,transparent 70%);transform:translateX(-100%);animation:launchSweep 3.6s ease-in-out 1}
.launchBackdrop{z-index:0;overflow:hidden}
.launchCenter{z-index:2;will-change:transform,opacity}
.launchMalta{position:absolute;left:50%;top:50%;width:min(32vw,250px);height:auto;transform:translate(-50%,-50%) rotate(7deg);opacity:.075;filter:drop-shadow(0 0 28px rgba(243,212,107,.55));animation:launchMaltaBreath 5s ease-in-out infinite}
.launchMalta path{fill:none;stroke:rgba(244,223,153,.9);stroke-width:2.2;stroke-linejoin:round;stroke-dasharray:6 8}
.launchMalta .launchGozo{stroke:rgba(165,180,252,.9)}
.launchLink{position:absolute;height:1px;width:24vw;max-width:310px;background:linear-gradient(90deg,transparent,rgba(244,223,153,.38),transparent);transform-origin:left center;opacity:.55}
.launchLink::after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#e6d69f;box-shadow:0 0 12px #f3d46b;animation:launchSignal 2.4s linear infinite}
.launchLink1{left:7%;top:31%;transform:rotate(13deg)}
.launchLink2{right:8%;top:63%;transform:rotate(-18deg)}
.launchLink3{left:16%;bottom:18%;transform:rotate(-8deg)}
.launchLink2::after{animation-delay:-.8s}.launchLink3::after{animation-delay:-1.55s}
.launchMark{filter:drop-shadow(0 22px 34px rgba(212,175,55,.22));animation:launchMarkIn .9s cubic-bezier(.16,1,.3,1) both}
.launchCore{overflow:hidden}
.launchCore::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.7),transparent 22%);animation:launchCoreSheen 3.4s linear infinite}
.launchCore::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.28);pointer-events:none}
.launchR{position:relative;z-index:1}
.launchOrbitOuter{animation-duration:15s;border-color:rgba(244,223,153,.30)}
.launchOrbitInner{animation-duration:9s}
.launchNode{animation:launchNodePulse 2.2s ease-in-out infinite}
.launchNode2{animation-delay:-.7s}.launchNode3{animation-delay:-1.35s}
.launchTitle{background:linear-gradient(180deg,#fff 5%,#eadba9 54%,#f4df99 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 15px 36px rgba(225,184,56,.3))}
.launchProgress{position:relative;height:6px;border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.72);box-shadow:inset 0 1px 3px rgba(0,0,0,.55),0 0 0 1px rgba(243,212,107,.025)}
.launchProgressFill{position:relative;overflow:hidden;animation-duration:3.55s}
.launchProgressFill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(-100%);animation:launchBarSheen 1.25s ease-in-out infinite}
.launchStatus{width:min(310px,76vw);justify-content:flex-start;min-height:18px}
.launchPercent{margin-left:auto;color:rgba(186,230,253,.82);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.launchFallback{box-shadow:0 8px 30px rgba(212,175,55,.14);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.launchFallback:hover{border-color:rgba(186,230,253,.64);box-shadow:0 12px 34px rgba(212,175,55,.25)}
.launchFallback:focus-visible{outline:3px solid rgba(244,223,153,.45);outline-offset:4px}
@keyframes launchSweep{0%,20%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}
@keyframes launchMaltaBreath{50%{opacity:.12;transform:translate(-50%,-50%) rotate(7deg) scale(1.025)}}
@keyframes launchSignal{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}
@keyframes launchMarkIn{from{opacity:0;transform:scale(.82) rotate(-5deg)}to{opacity:1;transform:none}}
@keyframes launchCoreSheen{to{transform:rotate(360deg)}}
@keyframes launchNodePulse{50%{transform:scale(1.35);box-shadow:0 0 26px rgba(244,223,153,1)}}
@keyframes launchBarSheen{to{transform:translateX(100%)}}
@media(max-width:600px){
  .launchMalta{width:210px;opacity:.065}
  .launchLink{width:42vw;opacity:.35}
  .launchTitle{font-size:46px}
  .launchTagline{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .launchScreen{transition:none}
  .launchScreen::before,.launchMalta,.launchLink::after,.launchCore::before,.launchNode,.launchProgressFill::after{animation:none!important}
  .launchMalta{opacity:.08}
}


/* PROFESSIONAL MODULE BOTTOM BARS — single authoritative layout */
#bottomBar.bottombar{
  --nav-count:5;
  --nav-width:584px;
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:max(12px,env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) translateZ(0) !important;
  width:min(var(--nav-width),calc(100vw - 22px)) !important;
  min-height:76px !important;
  display:grid !important;
  grid-template-columns:repeat(var(--nav-count),minmax(0,1fr)) !important;
  align-items:center !important;
  gap:5px !important;
  padding:7px !important;
  margin:0 !important;
  border:1px solid rgba(148,163,184,.24) !important;
  border-radius:25px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.94)) !important;
  box-shadow:0 22px 54px rgba(15,23,42,.18),0 4px 14px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter:blur(22px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(160%) !important;
  z-index:9999 !important;
  overflow:visible !important;
  isolation:isolate !important;
}
#bottomBar.bottombar::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.55),transparent 36%,rgba(212,175,55,.035));
  z-index:-1;
}
#bottomBar.bottombar.hidden{display:none !important}
#bottomBar.bottombar button{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:62px !important;
  margin:0 !important;
  padding:6px 3px 5px !important;
  border:1px solid transparent !important;
  border-radius:19px !important;
  background:transparent !important;
  color:#64748b !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  transform:none !important;
  overflow:visible !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
#bottomBar.bottombar button.hidden{display:none !important}
#bottomBar.bottombar button:hover{
  background:rgba(241,245,249,.9) !important;
  color:#0f172a !important;
  transform:translateY(-1px) !important;
}
#bottomBar.bottombar button:focus-visible{
  outline:3px solid rgba(225,184,56,.24) !important;
  outline-offset:1px !important;
}
#bottomBar.bottombar button.active{
  background:linear-gradient(145deg,#e3bf4a,#b98a1c) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 11px 24px rgba(212,175,55,.28),inset 0 1px 0 rgba(255,255,255,.28) !important;
  transform:translateY(-2px) !important;
}
#bottomBar .tabIcon{
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  border-radius:10px !important;
  background:rgba(148,163,184,.09) !important;
  transition:background .18s ease,transform .18s ease !important;
}
#bottomBar button.active .tabIcon{
  background:rgba(255,255,255,.17) !important;
  transform:translateY(-1px) !important;
}
#bottomBar .tabIcon svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  stroke-width:2 !important;
}
#bottomBar .tabLabel{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
#bottomBar .tabBadge{
  position:absolute !important;
  top:4px !important;
  right:max(7px,calc(50% - 25px)) !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 5px !important;
  border-radius:999px !important;
  background:#ef4444 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:18px !important;
  font-weight:900 !important;
  display:grid !important;
  place-items:center !important;
  border:2px solid #fff !important;
  box-shadow:0 4px 10px rgba(239,68,68,.26) !important;
}
main.content{padding-bottom:116px !important}
@media (max-width:640px){
  #bottomBar.bottombar{
    bottom:max(8px,env(safe-area-inset-bottom)) !important;
    width:min(var(--nav-width),calc(100vw - 14px)) !important;
    min-height:70px !important;
    border-radius:23px !important;
    padding:6px !important;
    gap:3px !important;
  }
  #bottomBar.bottombar button{height:58px !important;border-radius:17px !important;padding-left:2px !important;padding-right:2px !important}
  #bottomBar .tabIcon{width:28px !important;height:28px !important;flex-basis:28px !important;border-radius:9px !important}
  #bottomBar .tabIcon svg{width:20px !important;height:20px !important}
  #bottomBar .tabLabel{font-size:9px !important}
  main.content{padding-bottom:104px !important}
}
@media (max-width:365px){
  #bottomBar.bottombar{width:calc(100vw - 10px) !important;border-radius:21px !important}
  #bottomBar.bottombar button{height:56px !important;border-radius:15px !important}
  #bottomBar .tabIcon{width:26px !important;height:26px !important;flex-basis:26px !important}
  #bottomBar .tabIcon svg{width:19px !important;height:19px !important}
  #bottomBar .tabLabel{font-size:8.5px !important}
}
@media (prefers-reduced-motion:reduce){#bottomBar.bottombar button,#bottomBar .tabIcon{transition:none !important}}

.serviceModuleHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(180deg,#fff,#17140f);box-shadow:0 10px 28px rgba(15,23,42,.05)}
.serviceHeadIdentity{display:flex;align-items:center;gap:12px}.serviceHeadIcon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#d4af37;background:linear-gradient(145deg,#e9f2ff,#17140f);border:1px solid rgba(212,175,55,.12)}.serviceHeadIcon svg{width:24px;height:24px}.serviceHeadTitle{font-size:20px;font-weight:900;color:#0f172a}.serviceHeadSub{font-size:12px;font-weight:750;color:#64748b;margin-top:2px}.serviceHeadTools{display:flex;gap:8px}
.serviceIconBtn{width:42px;height:42px;border-radius:13px;border:1px solid rgba(148,163,184,.18);background:#fff;color:#334155;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.04)}.serviceIconBtn:hover,.serviceIconBtn.active{color:#d4af37;background:#211b0d;border-color:rgba(212,175,55,.18)}.serviceIconBtn svg{width:19px;height:19px}
.serviceSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 2px 10px}.serviceSectionTitle{font-size:18px;font-weight:900;color:#0f172a}.serviceSectionSub{font-size:12px;font-weight:700;color:#64748b;margin-top:2px}.serviceCount{min-width:34px;height:28px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#211b0d;color:#d4af37;font-size:12px;font-weight:900}.serviceTextBtn{border:0;background:transparent;color:#d4af37;font-size:12px;font-weight:900;cursor:pointer}
.serviceCategoryGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.serviceCategoryTile{min-height:104px;border:1px solid rgba(148,163,184,.17);border-radius:18px;background:linear-gradient(180deg,#fff,#17140f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#334155;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.045)}.serviceCategoryTile span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#d4af37;background:#211b0d}.serviceCategoryTile span svg{width:22px;height:22px}.serviceCategoryTile strong{font-size:12px}.serviceCategoryTile:hover,.serviceCategoryTile.active{border-color:rgba(212,175,55,.24);background:#f4f8ff;color:#d4af37;transform:translateY(-1px)}
.serviceSearchRow{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:10px;margin-bottom:10px}.serviceSearchBox{height:48px;border:1px solid rgba(148,163,184,.20);border-radius:15px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 7px 20px rgba(15,23,42,.035)}.serviceSearchBox svg{width:18px;height:18px;color:#64748b}.serviceSearchBox input{width:100%;border:0;outline:0;background:transparent;font-size:14px}.serviceFilterBtn{width:46px;height:48px}.serviceChipRow{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.serviceChipRow::-webkit-scrollbar{display:none}.serviceChip{min-width:max-content;height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#fff;color:#475569;font-size:12px;font-weight:850;cursor:pointer}.serviceChip.active{background:#d4af37;color:#fff;border-color:#d4af37;box-shadow:0 8px 20px rgba(212,175,55,.18)}
.serviceProGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.serviceProCard{position:relative;min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:linear-gradient(180deg,#fff,#17140f);padding:16px;display:flex;gap:13px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.serviceProIcon{width:54px;height:54px;flex:0 0 54px;border-radius:17px;display:grid;place-items:center;color:#d4af37;background:linear-gradient(145deg,#211b0d,#f7fbff);border:1px solid rgba(212,175,55,.10)}.serviceProIcon svg{width:27px;height:27px}.serviceProBody{min-width:0;flex:1}.serviceProTitle{font-size:16px;font-weight:900;color:#0f172a}.serviceProMeta{font-size:12px;font-weight:700;color:#64748b;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serviceProBottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.serviceProBottom strong{font-size:14px;color:#0f172a}.serviceBookBtn{min-height:38px;padding:0 13px;border:0;border-radius:12px;background:linear-gradient(145deg,#f0cf65,#d4af37);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(212,175,55,.18)}.serviceBookBtn svg{width:17px;height:17px}.serviceSaveBtn{position:absolute;top:11px;right:11px;width:32px;height:32px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(255,255,255,.94);color:#64748b;display:grid;place-items:center;cursor:pointer}.serviceSaveBtn svg{width:16px;height:16px}.serviceSaveBtn.active{background:#211b0d;color:#d4af37;border-color:rgba(212,175,55,.20)}
.serviceEmpty{grid-column:1/-1;min-height:220px;border:1px dashed rgba(148,163,184,.26);border-radius:20px;background:#17140f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#64748b}.serviceEmpty strong{font-size:16px;color:#0f172a}.serviceEmpty span{font-size:12px}.serviceOfferCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border:1px solid rgba(148,163,184,.17);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}.serviceOfferCard label{display:flex;flex-direction:column;gap:7px}.serviceOfferCard label span{font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.serviceOfferCard input,.serviceOfferCard select,.serviceOfferCard textarea{width:100%;min-height:46px;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:#17140f;padding:0 12px;outline:0}.serviceOfferCard textarea{padding:12px;resize:vertical}.serviceOfferSubmit{grid-column:1/-1;min-height:46px}.serviceFullField{grid-column:1/-1}.serviceOfferList,.serviceBookingList{display:grid;gap:10px}.serviceMiniRow,.serviceBookingRow{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff}.serviceMiniIcon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;color:#d4af37;background:#211b0d}.serviceMiniIcon svg{width:21px;height:21px}.serviceMiniRow>div,.serviceBookingMain{min-width:0;flex:1;display:flex;flex-direction:column}.serviceMiniRow strong,.serviceBookingMain strong{font-size:14px;color:#0f172a}.serviceMiniRow small,.serviceBookingMain small,.serviceBookingMain span{font-size:12px;color:#64748b;margin-top:2px}.serviceMiniRow>span:last-child{font-size:12px;font-weight:850;color:#d4af37}.serviceBookingSide{display:flex;align-items:center;gap:8px}.serviceStatus{height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:900;text-transform:capitalize}.serviceStatus.cancelled{background:#f1f5f9;color:#64748b}.serviceBookingTop{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#fff}.serviceBookingTop>div{display:flex;flex-direction:column}.serviceBookingTop strong{font-size:17px}.serviceBookingTop span{font-size:12px;color:#64748b;margin-top:3px}
@media(max-width:1100px){.serviceCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.serviceProGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.serviceModuleHead{padding:12px 13px}.serviceHeadIcon{width:42px;height:42px}.serviceHeadSub{display:none}.serviceCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.serviceCategoryTile{min-height:88px}.serviceCategoryTile span{width:38px;height:38px}.serviceProGrid{grid-template-columns:1fr}.serviceProCard{padding:14px}.serviceOfferCard{grid-template-columns:1fr}.serviceOfferSubmit,.serviceFullField{grid-column:auto}.serviceBookBtn span{display:inline}.serviceBookingRow{align-items:flex-start}.serviceBookingSide{flex-direction:column;align-items:flex-end}.serviceSearchRow{grid-template-columns:minmax(0,1fr) 44px}}
@media(max-width:390px){.serviceCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceHeadTitle{font-size:18px}}


/* ================================================================
   SHOP MOBILE-FIRST ICON MATCH
   ================================================================ */
.shopSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 12px}.shopSectionHead strong{font-size:20px;font-weight:950;color:#0f172a}.shopSectionHead span{font-size:11px;font-weight:850;color:#d4af37;background:#211b0d;border:1px solid rgba(212,175,55,.12);border-radius:999px;padding:6px 9px}
#viewCategories .gridCat,#viewSubcats .gridCat{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#viewCategories .tile,#viewSubcats .tile{min-height:104px;border-radius:18px;padding:9px 6px;background:linear-gradient(180deg,#fff,#17140f);box-shadow:0 8px 22px rgba(15,23,42,.045)}
#viewCategories .tile .img,#viewSubcats .tile .img{height:60px;border-radius:14px;background:linear-gradient(145deg,#211b0d,#17140f)}
#viewCategories .tile .img svg,#viewSubcats .tile .img svg{width:32px;height:32px}
#viewCategories .tile .label,#viewSubcats .tile .label{font-size:11px;font-weight:900}
.gridProd{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shopProductCard{position:relative;min-width:0;border:1px solid rgba(148,163,184,.17);border-radius:20px;background:linear-gradient(180deg,#fff,#17140f);padding:10px;box-shadow:0 10px 28px rgba(15,23,42,.05);overflow:hidden}
.shopProductOpen{width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;display:block}
.shopProductImage{height:132px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#211b0d,#17140f);display:grid;place-items:center}.shopProductImage img{width:100%;height:100%;object-fit:contain}.shopProductImage svg{width:52px;height:52px}
.shopProductTitle{display:block;margin-top:10px;font-size:14px;font-weight:900;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopProductMeta{display:block;margin-top:4px;font-size:11px;font-weight:700;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopProductBottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.shopProductBottom strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopCartBtn,.shopPrimaryBtn{min-height:36px;border:0;border-radius:11px;background:linear-gradient(145deg,#f0cf65,#d4af37);color:#fff;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 7px 16px rgba(212,175,55,.18)}.shopCartBtn svg,.shopPrimaryBtn svg{width:16px;height:16px}.shopCartBtn span{display:inline}
.shopSaveBtn{position:absolute;z-index:2;top:17px;right:17px;width:34px;height:34px;border:1px solid rgba(148,163,184,.18);border-radius:11px;background:rgba(255,255,255,.95);color:#64748b;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(15,23,42,.08)}.shopSaveBtn svg{width:17px;height:17px}.shopSaveBtn.active{color:#d4af37;background:#211b0d;border-color:rgba(212,175,55,.22)}
.shopEmpty{grid-column:1/-1;min-height:190px;border:1px dashed rgba(148,163,184,.28);border-radius:20px;background:#17140f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#64748b;padding:20px}.shopEmpty strong{color:#0f172a}.shopEmptyIcon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#211b0d;color:#d4af37;font-size:25px}.shopEmptyIcon svg{width:24px;height:24px}.shopTextBtn{min-height:36px;border:1px solid rgba(212,175,55,.18);border-radius:11px;background:#211b0d;color:#d4af37;padding:0 14px;font-weight:900;cursor:pointer}
.shopSellCard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid rgba(148,163,184,.17);border-radius:22px;background:#fff;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.shopSellHead{grid-column:1/-1;display:flex;align-items:center;gap:12px}.shopSellHead>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#211b0d;color:#d4af37}.shopSellHead svg{width:23px;height:23px}.shopSellHead div{display:flex;flex-direction:column}.shopSellHead strong{font-size:18px}.shopSellHead small{color:#64748b}.shopSellCard label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:850;color:#64748b}.shopSellCard input,.shopSellCard select{height:46px;border:1px solid rgba(148,163,184,.24);border-radius:13px;padding:0 12px;background:#fff;color:#0f172a}.shopSellFull,.shopSellSubmit{grid-column:1/-1}.shopSellSubmit{min-height:44px}.shopListingList{display:grid;gap:8px;margin-top:10px}.shopListingRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;padding:10px}.shopListingIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#211b0d;color:#d4af37}.shopListingIcon svg{width:21px;height:21px}.shopListingRow div{min-width:0;display:flex;flex-direction:column}.shopListingRow strong,.shopListingRow small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopListingRow small{color:#64748b;margin-top:3px}.shopListingRow>span:last-child{font-size:12px;font-weight:900;color:#0f172a}
#viewCart .card,#viewCheckout .card,#viewOrders .card,#viewDelivery .card{border-radius:20px}#viewCart .row,#viewDetail .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#viewCart .btn,#viewDetail .btn{width:100%;min-width:0}
@media(max-width:1100px){.gridProd{grid-template-columns:repeat(3,minmax(0,1fr))}#viewCategories .gridCat,#viewSubcats .gridCat{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){
  #viewCategories .gridCat,#viewSubcats .gridCat{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  #viewCategories .tile,#viewSubcats .tile{min-height:78px;border-radius:14px;padding:6px 3px}
  #viewCategories .tile .img,#viewSubcats .tile .img{height:42px;border-radius:11px}
  #viewCategories .tile .img svg,#viewSubcats .tile .img svg{width:25px;height:25px}
  #viewCategories .tile .label,#viewSubcats .tile .label{font-size:9px}
  .gridProd{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .shopProductCard{border-radius:16px;padding:8px}.shopProductImage{height:104px;border-radius:12px}.shopProductTitle{font-size:12px;margin-top:8px}.shopProductMeta{font-size:9px}.shopProductBottom{gap:5px;margin-top:8px}.shopProductBottom strong{font-size:11px}.shopCartBtn{min-height:32px;padding:0 8px}.shopCartBtn span{font-size:9px}.shopSaveBtn{top:13px;right:13px;width:30px;height:30px;border-radius:9px}.shopSaveBtn svg{width:15px;height:15px}
  .shopSellCard{grid-template-columns:1fr;padding:13px}.shopSellHead,.shopSellFull,.shopSellSubmit{grid-column:auto}
}
@media(max-width:380px){.shopCartBtn span{display:none}.shopCartBtn{width:34px;padding:0}.shopProductImage{height:92px}.shopProductTitle{font-size:11px}}


/* ===== Move module · mobile-first visual system ===== */
.moveModuleHead{display:flex;align-items:center;gap:11px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:linear-gradient(180deg,#fff,#17140f);box-shadow:0 8px 22px rgba(15,23,42,.045)}
.moveModuleIcon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#211b0d;color:#d4af37}.moveModuleIcon svg{width:21px;height:21px}.moveModuleHead>div{min-width:0;display:flex;flex:1;flex-direction:column}.moveModuleHead strong{font-size:16px;line-height:1.1}.moveModuleHead span:not(.moveModuleIcon):not(.moveLiveDot){margin-top:3px;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveLiveDot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.10)}
.moveMapCard{position:relative;height:118px;margin-bottom:10px;overflow:hidden;border:1px solid rgba(212,175,55,.14);border-radius:19px;background:linear-gradient(135deg,#eef7ff,#17140f);box-shadow:0 10px 26px rgba(212,175,55,.08)}.moveMapGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(148,163,184,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.10) 1px,transparent 1px);background-size:22px 22px}.moveMapRoad{position:absolute;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(148,163,184,.12)}.moveRoadA{width:160px;left:-18px;top:42px;transform:rotate(-13deg)}.moveRoadB{width:170px;right:-34px;bottom:27px;transform:rotate(14deg)}.moveMapRoute{position:absolute;left:23%;right:24%;top:57px;height:3px;border-radius:99px;background:repeating-linear-gradient(90deg,#d4af37 0 9px,transparent 9px 14px);transform:rotate(-5deg)}.moveMapPin{position:absolute;z-index:2;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#d4af37;box-shadow:0 7px 18px rgba(15,23,42,.14)}.moveMapPin svg{width:17px;height:17px}.movePinA{left:18%;top:44px}.movePinB{right:19%;top:34px;color:#0f172a}.moveMapLabel{position:absolute;z-index:2;display:flex;flex-direction:column;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 5px 14px rgba(15,23,42,.07)}.moveMapLabel strong{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.moveMapLabel span{font-size:10px;font-weight:800;color:#0f172a}.moveMapFrom{left:9px;bottom:8px}.moveMapTo{right:9px;top:8px}
.moveSectionHead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:12px 2px 8px}.moveSectionHead>div{display:flex;flex-direction:column}.moveSectionHead strong{font-size:14px}.moveSectionHead span{font-size:10px;color:#64748b;margin-top:1px}.moveSectionHead>button{height:30px;padding:0 10px;border:0;border-radius:10px;background:#211b0d;color:#d4af37;font-size:10px;font-weight:900}
.moveQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.moveQuickTile{min-width:0;min-height:76px;padding:8px 5px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.035);cursor:pointer}.moveQuickTile>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#211b0d;color:#d4af37}.moveQuickTile svg{width:17px;height:17px}.moveQuickTile strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveQuickTile small{max-width:100%;font-size:8.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveQuickTile:active{transform:scale(.98)}
.moveFormCard{display:grid;gap:12px;padding:13px;border:1px solid rgba(148,163,184,.17);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}.moveFormTitle{display:flex;align-items:center;justify-content:space-between}.moveFormTitle>div{display:flex;flex-direction:column}.moveFormTitle strong{font-size:18px}.moveFormTitle span{font-size:10px;color:#64748b;margin-top:2px}.moveFormTitle>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#211b0d;color:#d4af37}.moveFormTitle>span svg{width:21px;height:21px}.moveRouteFields{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:6px;align-items:end}.moveRouteFields label,.moveDateGrid label,.moveNotesField{display:flex;min-width:0;flex-direction:column;gap:5px}.moveRouteFields label>span,.moveDateGrid label>span,.moveNotesField>span,.moveFormLabel{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.moveInputWrap{height:43px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(148,163,184,.20);border-radius:12px;background:#17140f}.moveInputWrap svg{width:15px;height:15px;flex:0 0 15px;color:#d4af37}.moveInputWrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:11px;font-weight:700}.moveSwapBtn{width:34px;height:43px;border:1px solid rgba(148,163,184,.18);border-radius:11px;background:#fff;color:#d4af37;display:grid;place-items:center}.moveSwapBtn svg{width:17px;height:17px}.moveFormSection{display:grid;gap:7px}.moveChoiceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.moveChoiceCard{position:relative;min-width:0;min-height:76px;padding:7px 3px;border:1px solid rgba(148,163,184,.17);border-radius:13px;background:#17140f;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;text-align:center;cursor:pointer}.moveChoiceCard input{position:absolute;opacity:0;pointer-events:none}.moveChoiceIcon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#211b0d;color:#d4af37}.moveChoiceIcon svg{width:16px;height:16px}.moveChoiceCard strong{max-width:100%;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveChoiceCard small{max-width:100%;font-size:7.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveChoiceCard b{font-size:9px;color:#d4af37}.moveChoiceCard:has(input:checked){border-color:#d4af37;background:#211b0d;box-shadow:0 0 0 2px rgba(212,175,55,.08)}.moveChoiceCard:has(input:checked) .moveChoiceIcon{background:#d4af37;color:#fff}.moveSpeedGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.moveSpeedGrid label{position:relative}.moveSpeedGrid input{position:absolute;opacity:0}.moveSpeedGrid span{height:43px;padding:0 11px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#17140f;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900}.moveSpeedGrid small{font-size:8px;color:#64748b}.moveSpeedGrid label:has(input:checked) span{border-color:#d4af37;background:#211b0d;color:#d4af37}.moveDateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.moveDateGrid input,.moveNotesField textarea{width:100%;min-width:0;border:1px solid rgba(148,163,184,.20);border-radius:12px;background:#17140f;outline:0;font:inherit}.moveDateGrid input{height:43px;padding:0 8px;font-size:10px}.moveNotesField textarea{min-height:52px;padding:9px;resize:vertical;font-size:11px}.movePrimaryBtn{min-height:48px;padding:0 12px;border:0;border-radius:14px;background:linear-gradient(135deg,#d4af37,#c89b2c);color:#fff;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;box-shadow:0 10px 22px rgba(212,175,55,.22)}.movePrimaryBtn>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.14)}.movePrimaryBtn svg{width:18px;height:18px}.movePrimaryBtn b{text-align:left;font-size:13px}.movePrimaryBtn small{font-size:9px;font-weight:800;color:#eadba9}
.moveRequestList{display:grid;gap:8px}.moveRequestCard{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.035)}.moveRequestIcon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#211b0d;color:#d4af37}.moveRequestIcon svg{width:19px;height:19px}.moveRequestMain{min-width:0;flex:1}.moveRequestTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.moveRequestTop strong{font-size:11px}.moveStatus{height:21px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;background:#211b0d;color:#d4af37;font-size:8px;font-weight:900;text-transform:uppercase}.moveStatus.cancelled{background:#f1f5f9;color:#64748b}.moveStatus.completed{background:#ecfdf5;color:#15803d}.moveRouteText{display:flex;align-items:center;gap:4px;min-width:0;margin-top:3px}.moveRouteText span{min-width:0;max-width:42%;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveRouteText b{color:#d4af37;font-size:10px}.moveRequestMain>small{display:block;margin-top:3px;font-size:8.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.moveCancelBtn{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:10px;background:#fff1f2;color:#e11d48;display:grid;place-items:center}.moveCancelBtn svg{width:17px;height:17px}.moveEmpty{min-height:130px;border:1px dashed rgba(148,163,184,.25);border-radius:18px;background:#17140f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#64748b}.moveEmpty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#211b0d;color:#d4af37}.moveEmpty svg{width:21px;height:21px}.moveEmpty strong{font-size:12px;color:#0f172a}.moveEmpty small{font-size:9px}
.moveFilterTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px;padding:4px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#f8fafc}.moveFilterTabs button{height:36px;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:10px;font-weight:900}.moveFilterTabs button.active{background:#fff;color:#d4af37;box-shadow:0 5px 14px rgba(15,23,42,.07)}.movePlanHero{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:12px;border-radius:17px;background:linear-gradient(135deg,#d4af37,#c89b2c);color:#fff;box-shadow:0 10px 25px rgba(212,175,55,.20)}.movePlanHero>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.14)}.movePlanHero svg{width:21px;height:21px}.movePlanHero>div{display:flex;flex-direction:column}.movePlanHero strong{font-size:16px}.movePlanHero small{font-size:9px;color:#eadba9}.movePlanActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.movePlanActions button{min-height:82px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;color:#0f172a}.movePlanActions svg{grid-row:1/3;width:22px;height:22px;color:#d4af37}.movePlanActions strong{font-size:12px}.movePlanActions small{font-size:8.5px;color:#64748b}
@media(min-width:700px){.moveQuickGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.moveMapCard{height:150px}.moveFormCard{max-width:760px;margin-inline:auto;padding:18px}.moveChoiceCard{min-height:92px}.moveRequestList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.moveModuleHead{padding:9px 10px}.moveMapCard{height:108px}.moveQuickTile{min-height:70px}.moveChoiceGrid{gap:4px}.moveChoiceCard{min-height:70px;padding-inline:2px}.moveChoiceCard small{display:none}.moveRouteFields{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:4px}.moveSwapBtn{width:30px}.moveInputWrap{padding-inline:6px}.moveDateGrid input{padding-inline:5px}}


/* Jobs mobile professional update */
.jobsHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.jobsHeadMain{display:flex;align-items:center;gap:9px;min-width:0}.jobsHeadMain>span,.jobsHeadAction{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#211b0d;color:#d4af37}.jobsHeadMain>span svg,.jobsHeadAction svg{width:21px;height:21px}.jobsHeadMain>div{display:flex;min-width:0;flex-direction:column}.jobsHeadMain strong{font-size:19px;line-height:1.05}.jobsHeadMain small{margin-top:3px;font-size:9.5px;color:#64748b}.jobsHeadAction{border:1px solid rgba(212,175,55,.08);cursor:pointer;font-weight:900}
.jobsHero{min-height:116px;padding:16px;border-radius:21px;background:linear-gradient(135deg,#d4af37,#c89b2c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 13px 30px rgba(212,175,55,.22)}.jobsHero>div{display:grid}.jobsHero small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#eadba9}.jobsHero strong{font-size:35px;line-height:1;margin-top:4px}.jobsHero span{font-size:10px;color:#eadba9;margin-top:4px}.jobsHero>button{height:48px;padding:0 13px;border:0;border-radius:14px;background:#fff;color:#d4af37;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.13)}.jobsHero>button span{width:24px;height:24px;display:grid;place-items:center;margin:0;color:#d4af37}.jobsHero>button svg{width:17px;height:17px}
.jobsStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}.jobsStats button{min-width:0;min-height:64px;padding:8px 4px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.035)}.jobsStats strong{font-size:16px}.jobsStats span{margin-top:2px;font-size:8.5px;color:#64748b;font-weight:800}
.jobsSectionHead{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:14px 2px 8px}.jobsSectionHead>div{display:flex;flex-direction:column}.jobsSectionHead strong{font-size:14px}.jobsSectionHead span{font-size:9px;color:#64748b;margin-top:1px}.jobsSectionHead>button{height:29px;padding:0 10px;border:0;border-radius:10px;background:#211b0d;color:#d4af37;font-size:9px;font-weight:900}
.jobsCategoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.jobsCategoryGrid button{min-width:0;min-height:72px;padding:7px 3px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.035)}.jobsCategoryGrid span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#211b0d;color:#d4af37}.jobsCategoryGrid svg{width:17px;height:17px}.jobsCategoryGrid strong{max-width:100%;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jobsSearch{height:46px;display:grid;grid-template-columns:20px minmax(0,1fr) 36px;align-items:center;gap:6px;padding:0 6px 0 12px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035)}.jobsSearch>span{color:#d4af37}.jobsSearch svg{width:18px;height:18px}.jobsSearch input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:11px;font-weight:700}.jobsSearch button{width:36px;height:36px;border:0;border-radius:11px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.jobsFilterRow{display:flex;gap:6px;overflow-x:auto;margin:8px -12px 10px;padding:0 12px 3px;scrollbar-width:none}.jobsFilterRow::-webkit-scrollbar{display:none}.jobsFilterRow button{height:32px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(148,163,184,.17);border-radius:999px;background:#fff;color:#64748b;font-size:9px;font-weight:900}.jobsFilterRow button.active{border-color:#d4af37;background:#d4af37;color:#fff}
.jobsList{display:grid;gap:8px}.jobCard{min-width:0;padding:9px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;box-shadow:0 7px 20px rgba(15,23,42,.04)}.jobCardMain{min-width:0;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;color:#0f172a}.jobCardIcon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:12px;background:#211b0d;color:#d4af37}.jobCardIcon svg{width:20px;height:20px}.jobCardCopy{min-width:0;display:grid;gap:3px;flex:1}.jobCardTop{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px}.jobCardTop strong{min-width:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobCardTop b{flex:0 0 auto;font-size:9.5px;color:#d4af37}.jobCardMeta{min-width:0;display:flex;align-items:center;gap:3px;color:#64748b}.jobCardMeta svg{width:11px;height:11px;flex:0 0 11px}.jobCardMeta span{min-width:0;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobCardFoot{display:flex;align-items:center;justify-content:space-between;gap:6px}.jobCardFoot small{font-size:7.8px;color:#94a3b8}.jobStatus{height:19px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;background:#211b0d;color:#d4af37;font-size:7.5px;font-style:normal;font-weight:900;text-transform:uppercase}.jobStatus.accepted{background:#fff7ed;color:#c2410c}.jobStatus.completed{background:#ecfdf5;color:#15803d}.jobStatus.cancelled{background:#f1f5f9;color:#64748b}.jobCardAction{width:53px;min-height:51px;padding:4px;border:0;border-radius:12px;background:#d4af37;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8px;font-weight:900}.jobCardAction svg{width:17px;height:17px}.jobCardAction.complete{background:#059669}
.jobsEmpty{min-height:132px;border:1px dashed rgba(148,163,184,.28);border-radius:18px;background:#17140f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#64748b}.jobsEmpty>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#211b0d;color:#d4af37}.jobsEmpty svg{width:21px;height:21px}.jobsEmpty strong{font-size:12px;color:#0f172a}.jobsEmpty small{font-size:9px}
.jobsMineHero{min-height:84px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#6e500e);color:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;box-shadow:0 11px 27px rgba(15,23,42,.18)}.jobsMineHero>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.12)}.jobsMineHero svg{width:21px;height:21px}.jobsMineHero>div{min-width:0;display:grid}.jobsMineHero small{font-size:8px;color:#eadba9}.jobsMineHero strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsMineHero b{margin-top:2px;font-size:8.5px;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsMineHero button{height:34px;padding:0 10px;border:0;border-radius:10px;background:#fff;color:#d4af37;font-size:9px;font-weight:900}.jobsSegment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:9px 0;padding:4px;border-radius:14px;background:#f1f5f9}.jobsSegment button{height:35px;border:0;border-radius:10px;background:transparent;color:#64748b;font-size:9.5px;font-weight:900}.jobsSegment button.active{background:#fff;color:#d4af37;box-shadow:0 5px 13px rgba(15,23,42,.07)}.jobsSegment b{margin-left:3px}
.jobsPlanHero{min-height:96px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#d4af37,#c89b2c);color:#fff;display:flex;align-items:center;justify-content:space-between}.jobsPlanHero>div{display:grid}.jobsPlanHero small{font-size:9px;color:#eadba9;text-transform:uppercase;font-weight:900}.jobsPlanHero strong{font-size:30px;line-height:1;margin-top:3px}.jobsPlanHero span{font-size:9px;color:#eadba9;margin-top:3px}.jobsPlanHero>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.13)}.jobsPlanHero svg{width:24px;height:24px}.jobsTimeline{display:grid;gap:6px;margin-top:10px}.jobsTimeline>button{min-width:0;min-height:58px;padding:7px 9px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;display:grid;grid-template-columns:42px 8px minmax(0,1fr) 27px;align-items:center;gap:6px;text-align:left;color:#0f172a}.jobsTime{font-size:9px;font-weight:900;color:#d4af37}.jobsTimeline i{width:8px;height:8px;border:2px solid #d4af37;border-radius:50%;position:relative}.jobsTimeline i:after{content:"";position:absolute;left:2px;top:8px;width:1px;height:32px;background:#eadba9}.jobsTimeline>button:last-child i:after{display:none}.jobsTimeCopy{min-width:0;display:grid}.jobsTimeCopy strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsTimeCopy small{font-size:8px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsTimeline>button>b{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#211b0d;color:#d4af37}.jobsTimeline>button>b svg{width:15px;height:15px}.jobsPlanActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.jobsPlanActions button{min-width:0;min-height:70px;padding:9px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:flex;align-items:center;gap:8px;text-align:left;color:#0f172a}.jobsPlanActions>button>svg{width:22px;height:22px;color:#d4af37}.jobsPlanActions span{min-width:0;display:grid}.jobsPlanActions strong{font-size:10.5px}.jobsPlanActions small{font-size:8px;color:#64748b}
.jobsEarnHero{min-height:138px;padding:17px;border-radius:21px;background:linear-gradient(135deg,#0f172a,#d4af37);color:#fff;display:grid;position:relative;box-shadow:0 12px 29px rgba(15,23,42,.19)}.jobsEarnHero>small{font-size:9px;color:#eadba9;text-transform:uppercase;font-weight:900}.jobsEarnHero>strong{font-size:31px;line-height:1;margin-top:4px}.jobsEarnHero>span{font-size:9px;color:#cbd5e1;margin-top:4px}.jobsEarnHero>div{position:absolute;right:13px;bottom:13px;min-width:72px;padding:8px;border-radius:13px;background:rgba(255,255,255,.11);display:grid;text-align:right}.jobsEarnHero>div b{font-size:12px}.jobsEarnHero>div small{font-size:7.5px;color:#eadba9}.jobsEarnList{display:grid;gap:7px}.jobsEarnList>button{min-width:0;min-height:54px;padding:8px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:#fff;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:#0f172a}.jobsEarnList>button>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#ecfdf5;color:#059669}.jobsEarnList svg{width:18px;height:18px}.jobsEarnList>button>div{min-width:0;display:grid}.jobsEarnList strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobsEarnList small{font-size:8px;color:#64748b}.jobsEarnList>button>b{font-size:10px;color:#059669}
.jobDetailHero{padding:17px;border:1px solid rgba(148,163,184,.15);border-radius:20px;background:#fff;text-align:center;box-shadow:0 9px 25px rgba(15,23,42,.05)}.jobDetailIcon{width:50px;height:50px;margin:0 auto 8px;display:grid;place-items:center;border-radius:16px;background:#211b0d;color:#d4af37}.jobDetailIcon svg{width:27px;height:27px}.jobDetailHero h2{margin:7px 0 4px;font-size:19px}.jobDetailHero p{max-width:430px;margin:0 auto;font-size:9.5px;line-height:1.45;color:#64748b}.jobDetailMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.jobDetailMeta span{min-width:0;min-height:40px;padding:6px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;gap:5px;color:#d4af37}.jobDetailMeta svg{width:15px;height:15px}.jobDetailMeta b{min-width:0;font-size:9px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.jobDetailGrid>div{min-width:0;min-height:66px;padding:8px;border:1px solid rgba(148,163,184,.15);border-radius:14px;background:#fff;display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center}.jobDetailGrid span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#211b0d;color:#d4af37}.jobDetailGrid svg{width:15px;height:15px}.jobDetailGrid small{font-size:7.5px;color:#64748b}.jobDetailGrid strong{min-width:0;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobRouteCard{margin-top:8px;padding:10px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:#fff;display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px 8px}.jobRouteCard>span{grid-row:1/4;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#211b0d;color:#d4af37}.jobRouteCard svg{width:17px;height:17px}.jobRouteCard>div{min-width:0;display:grid}.jobRouteCard small{font-size:7.5px;color:#64748b}.jobRouteCard strong{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobRouteCard i{width:1px;height:10px;margin-left:14px;background:#eadba9}.jobRequirements{display:grid;gap:6px;margin-top:8px;padding:11px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:#fff}.jobRequirements>strong{font-size:11px;margin-bottom:1px}.jobRequirements>span{display:flex;align-items:center;gap:6px}.jobRequirements svg{width:13px;height:13px;color:#d4af37}.jobRequirements b{font-size:9px;font-weight:750}.jobDetailActions{display:grid;gap:7px;margin-top:9px}.jobDetailActions button{min-height:52px;padding:0 12px;border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#fff;color:#0f172a;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;text-align:left}.jobDetailActions button>svg{width:21px;height:21px;color:#d4af37}.jobDetailActions button span{display:grid}.jobDetailActions b{font-size:11px}.jobDetailActions small{font-size:8px;color:#64748b}.jobDetailActions button.primary{border:0;background:linear-gradient(135deg,#d4af37,#c89b2c);color:#fff;box-shadow:0 10px 24px rgba(212,175,55,.20)}.jobDetailActions button.primary>svg{color:#fff}.jobDetailActions button.primary small{color:#eadba9}.jobDetailActions button.complete{background:linear-gradient(135deg,#059669,#16a34a)}
@media(min-width:700px){.jobsCategoryGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.jobsList{grid-template-columns:repeat(2,minmax(0,1fr))}.jobsHero,.jobsEarnHero,.jobsPlanHero{max-width:760px}.jobsHead{max-width:900px}.jobDetailHero,.jobDetailGrid,.jobRouteCard,.jobRequirements,.jobDetailActions{max-width:760px;margin-left:auto;margin-right:auto}.jobDetailGrid,.jobRouteCard,.jobRequirements,.jobDetailActions{margin-top:10px}}
@media(max-width:370px){.jobsHeadMain strong{font-size:17px}.jobsHero{min-height:105px;padding:13px}.jobsCategoryGrid{gap:5px}.jobsCategoryGrid button{min-height:66px}.jobCard{padding:7px}.jobCardIcon{width:35px;height:35px;flex-basis:35px}.jobCardAction{width:47px}.jobsStats{gap:5px}.jobsStats button{min-height:59px}}


/* ===== Homes mobile professional update ===== */
.homesHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.homesHeadMain{display:flex;align-items:center;min-width:0;gap:9px}.homesHeadMain>span,.homesHeadAction{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center}.homesHeadMain>span{background:#211b0d;color:#d4af37}.homesHeadMain svg,.homesHeadAction svg{width:21px;height:21px}.homesHeadMain>div{display:grid;gap:1px;min-width:0}.homesHeadMain strong{font-size:20px;line-height:1;color:#0f172a}.homesHeadMain small{font-size:10px;color:#64748b}.homesHeadAction{border:1px solid rgba(148,163,184,.22);background:#fff;color:#d4af37;font-weight:950;box-shadow:0 7px 18px rgba(15,23,42,.05)}
.homesHero{position:relative;min-height:132px;padding:17px;border-radius:23px;overflow:hidden;background:linear-gradient(135deg,#a87916,#d4af37);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;box-shadow:0 15px 34px rgba(212,175,55,.23)}.homesHero>div:first-child{z-index:2;display:grid;align-self:center}.homesHero small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#eadba9}.homesHero strong{font-size:38px;line-height:1;margin:3px 0}.homesHero span{font-size:10px;color:#eadba9}.homesHero>button{z-index:3;height:46px;padding:0 13px;border:0;border-radius:14px;background:#fff;color:#d4af37;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(15,23,42,.13)}.homesHero>button span{width:22px;height:22px;display:grid;place-items:center;color:#d4af37}.homesHero>button svg{width:17px;height:17px}.homesHeroArt{position:absolute;right:64px;bottom:0;width:140px;height:125px;opacity:.28}.homesHeroArt>span{position:absolute;right:16px;bottom:9px;width:92px;height:92px;color:#fff}.homesHeroArt svg{width:100%;height:100%;stroke-width:1}.homesHeroArt i,.homesHeroArt b{position:absolute;border-radius:999px;background:#fff}.homesHeroArt i{width:80px;height:80px;right:0;top:2px;opacity:.13}.homesHeroArt b{width:48px;height:48px;left:0;bottom:-8px;opacity:.1}
.homesStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0 13px}.homesStats button{min-width:0;min-height:61px;padding:7px 3px;border:1px solid rgba(148,163,184,.17);border-radius:15px;background:#fff;display:grid;place-items:center;align-content:center;gap:2px;color:#0f172a;box-shadow:0 5px 15px rgba(15,23,42,.035)}.homesStats strong{font-size:16px;color:#d4af37}.homesStats span{font-size:8px;font-weight:850;color:#64748b;white-space:nowrap}
.homesSectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:12px 1px 8px}.homesSectionHead>div{display:grid}.homesSectionHead strong{font-size:13px;color:#0f172a}.homesSectionHead span{font-size:8px;color:#94a3b8}.homesSectionHead>button{border:0;background:transparent;color:#d4af37;font-size:9px;font-weight:900;padding:4px}
.homesCategoryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.homesCategoryGrid button{min-width:0;min-height:70px;padding:7px 2px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:grid;place-items:center;align-content:center;gap:5px;color:#0f172a;box-shadow:0 5px 15px rgba(15,23,42,.035)}.homesCategoryGrid button>span{width:29px;height:29px;border-radius:10px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.homesCategoryGrid svg{width:17px;height:17px}.homesCategoryGrid strong{max-width:100%;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.homesCard{min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.05)}.homesCardOpen{width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#0f172a}.homesVisual{position:relative;height:116px;overflow:hidden;background:linear-gradient(135deg,#eadba9,#eadba9);display:grid;place-items:center}.homesVisual.tone-1{background:linear-gradient(135deg,#eadba9,#eadba9)}.homesVisual.tone-2{background:linear-gradient(135deg,#fef3c7,#fde68a)}.homesVisual.tone-3{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.homesVisual.tone-4{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.homesVisual.tone-5{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.homesVisual.tone-6{background:linear-gradient(135deg,#ffe4e6,#fecdd3)}.homesVisual::before,.homesVisual::after{content:"";position:absolute;background:rgba(255,255,255,.55);border-radius:7px 7px 0 0;bottom:-2px}.homesVisual::before{left:8%;width:45%;height:54%}.homesVisual::after{right:8%;width:37%;height:72%}.homesVisualIcon{z-index:2;width:49px;height:49px;border-radius:16px;background:rgba(255,255,255,.83);color:#d4af37;display:grid;place-items:center;box-shadow:0 8px 18px rgba(15,23,42,.08)}.homesVisualIcon svg{width:28px;height:28px}.homesVisualType{position:absolute;z-index:3;left:8px;top:8px;height:22px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.74);color:#fff;display:flex;align-items:center;font-size:8px;font-weight:900}.homesSave{position:absolute;z-index:4;right:8px;top:8px;width:29px;height:29px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.9);color:#64748b;display:grid;place-items:center}.homesSave svg{width:16px;height:16px}.homesSave.active,.homesDetailSave.active{color:#ef4444;background:#fff1f2}.homesSave.active svg,.homesDetailSave.active svg{fill:currentColor}.homesCardBody{padding:9px;display:grid;gap:5px}.homesCardLine{min-width:0;display:grid;gap:2px}.homesCardLine strong{min-width:0;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesCardLine b{font-size:10px;color:#d4af37}.homesLocation{min-width:0;display:flex;align-items:center;gap:3px;color:#64748b}.homesLocation svg{width:11px;height:11px;flex:0 0 11px}.homesLocation span{min-width:0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesMeta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.homesMeta i{font-style:normal;font-size:7px;font-weight:800;color:#64748b;background:#f5f7fb;border-radius:999px;padding:3px 5px}
.homesSearch{height:45px;padding:0 5px 0 12px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:#fff;display:flex;align-items:center;gap:8px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.homesSearch>span{width:19px;height:19px;color:#64748b}.homesSearch svg{width:19px;height:19px}.homesSearch input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px;color:#0f172a}.homesSearch button{width:35px;height:35px;border:0;border-radius:11px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.homesFilterRow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 1px 10px}.homesFilterRow::-webkit-scrollbar{display:none}.homesFilterRow button{height:29px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#fff;color:#64748b;font-size:8.5px;font-weight:900}.homesFilterRow button.active{border-color:#d4af37;background:#d4af37;color:#fff}
.homesEmpty{grid-column:1/-1;min-height:190px;padding:24px;border:1px dashed #cbd5e1;border-radius:20px;background:#fff;display:grid;place-items:center;align-content:center;gap:7px;text-align:center}.homesEmpty>span{width:46px;height:46px;border-radius:15px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.homesEmpty svg{width:24px;height:24px}.homesEmpty strong{font-size:13px}.homesEmpty small{font-size:9px;color:#64748b}.homesEmpty button{height:34px;padding:0 13px;border:0;border-radius:11px;background:#d4af37;color:#fff;font-size:9px;font-weight:900}
.homesMap{position:relative;height:390px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#eef6ef,#dceee0);border:1px solid rgba(148,163,184,.18);box-shadow:0 10px 26px rgba(15,23,42,.06)}.homesMap::before{content:"";position:absolute;inset:0;background:linear-gradient(25deg,transparent 45%,rgba(255,255,255,.58) 46%,rgba(255,255,255,.58) 50%,transparent 51%),linear-gradient(115deg,transparent 42%,rgba(255,255,255,.48) 43%,rgba(255,255,255,.48) 47%,transparent 48%);background-size:110px 110px,145px 145px}.homesMapRoad{position:absolute;height:13px;background:#fff;border:1px solid rgba(148,163,184,.2);transform-origin:center;border-radius:999px}.homesMapRoad.one{width:125%;left:-13%;top:44%;transform:rotate(-12deg)}.homesMapRoad.two{width:95%;left:10%;top:67%;transform:rotate(24deg)}.homesMapRoad.three{width:82%;left:20%;top:23%;transform:rotate(38deg)}.homesMapWater{position:absolute;width:34%;height:125%;right:-18%;top:-8%;background:linear-gradient(#e6d69f,#f4df99);border-radius:48%}.homesMapPin{position:absolute;z-index:4;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;display:grid;place-items:center;color:#d4af37}.homesMapPin b{height:24px;padding:0 7px;border-radius:8px;background:#fff;display:flex;align-items:center;color:#0f172a;font-size:7px;font-weight:950;box-shadow:0 5px 14px rgba(15,23,42,.16)}.homesMapPin i{width:25px;height:25px;margin-top:-2px;border-radius:9px;background:#d4af37;color:#fff;display:grid;place-items:center}.homesMapPin i svg{width:15px;height:15px}.homesMapPin.saved i{background:#ef4444}.homesMapLabel{position:absolute;z-index:2;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.68);color:#64748b;font-size:7px;font-weight:900}.homesMapLabel.north{left:14%;top:12%}.homesMapLabel.harbour{right:12%;top:44%}.homesMapLabel.south{left:22%;bottom:10%}.homesMapStrip{display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:9px;padding:1px}.homesMapStrip::-webkit-scrollbar{display:none}.homesMapStrip>button{min-width:0;padding:6px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:#fff;display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;text-align:left;color:#0f172a}.homesVisual.compact{height:72px;border-radius:12px}.homesVisual.compact .homesVisualIcon{width:34px;height:34px;border-radius:11px}.homesVisual.compact .homesVisualIcon svg{width:20px;height:20px}.homesVisual.compact .homesVisualType,.homesVisual.compact .homesSave{display:none}.homesMapStrip>button>span:last-child{min-width:0;display:grid;align-content:center;gap:3px}.homesMapStrip strong,.homesMapStrip small,.homesMapStrip b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesMapStrip strong{font-size:9px}.homesMapStrip small{font-size:8px;color:#64748b}.homesMapStrip b{font-size:9px;color:#d4af37}
.homesSavedHero,.homesListHero{min-height:89px;margin-bottom:10px;padding:13px;border-radius:20px;background:linear-gradient(135deg,#211b0d,#211b0d);display:flex;align-items:center;gap:12px}.homesSavedHero>span,.homesListHero>span{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#fff;color:#d4af37;display:grid;place-items:center;box-shadow:0 7px 17px rgba(15,23,42,.06)}.homesSavedHero svg,.homesListHero svg{width:25px;height:25px}.homesSavedHero>div,.homesListHero>div{display:grid}.homesSavedHero small,.homesListHero small{font-size:8px;font-weight:900;text-transform:uppercase;color:#64748b}.homesSavedHero strong,.homesListHero strong{font-size:21px;line-height:1.1;color:#0f172a}.homesSavedHero b,.homesListHero b{font-size:9px;color:#d4af37}
.homesForm,.homesViewingForm{padding:12px;border:1px solid rgba(148,163,184,.17);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.homesFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.homesFormGrid label{min-width:0;display:grid;gap:4px}.homesFormGrid label.full{grid-column:1/-1}.homesFormGrid label>span{font-size:8px;font-weight:900;color:#64748b}.homesFormGrid input,.homesFormGrid select,.homesFormGrid textarea{width:100%;min-width:0;border:1px solid #dbe3ef;border-radius:11px;background:#f8fafc;color:#0f172a;font:inherit;font-size:10px;outline:0}.homesFormGrid input,.homesFormGrid select{height:40px;padding:0 10px}.homesFormGrid textarea{padding:9px 10px;resize:vertical}.homesFormGrid input:focus,.homesFormGrid select:focus,.homesFormGrid textarea:focus{border-color:#d4af37;background:#fff;box-shadow:0 0 0 3px rgba(212,175,55,.09)}.homesSubmit{width:100%;min-height:51px;margin-top:11px;padding:7px 12px;border:0;border-radius:15px;background:#d4af37;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px}.homesSubmit>svg{width:21px;height:21px}.homesSubmit>span{display:grid;text-align:left}.homesSubmit strong{font-size:11px}.homesSubmit small{font-size:8px;color:#eadba9}
.homesActivityStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.homesActivityStats>div{min-height:67px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:grid;place-items:center;align-content:center;gap:2px}.homesActivityStats strong{font-size:18px;color:#d4af37}.homesActivityStats span{font-size:8px;color:#64748b}.homesActivityList{display:grid;gap:8px}.homesActivityCard{width:100%;min-width:0;padding:9px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:#0f172a}.homesActivityCard>span:first-child{width:39px;height:39px;border-radius:12px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.homesActivityCard svg{width:20px;height:20px}.homesActivityCard>span:nth-child(2){min-width:0;display:grid;gap:2px}.homesActivityCard strong,.homesActivityCard small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesActivityCard strong{font-size:10px}.homesActivityCard small{font-size:8px;color:#64748b}.homesActivityCard em{height:21px;padding:0 7px;border-radius:999px;background:#211b0d;color:#d4af37;display:flex;align-items:center;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}
.homesDetailHero{position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.16)}.homesDetailHero>.homesVisual{height:214px}.homesDetailHero .homesSave{display:none}.homesDetailPrice{padding:12px;display:grid;gap:3px}.homesDetailPrice>span{font-size:8px;font-weight:900;text-transform:uppercase;color:#64748b}.homesDetailPrice>strong{font-size:23px;color:#d4af37}.homesDetailPrice>small{display:flex;align-items:center;gap:4px;font-size:9px;color:#64748b}.homesDetailPrice svg{width:13px;height:13px}.homesDetailTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 1px 8px}.homesDetailTitle>div{min-width:0;display:grid;gap:2px}.homesDetailTitle strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesDetailTitle span{font-size:9px;color:#64748b}.homesDetailSave{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(148,163,184,.18);border-radius:13px;background:#fff;color:#64748b;display:grid;place-items:center}.homesDetailSave svg{width:21px;height:21px}.homesDetailStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.homesDetailStats>div{min-width:0;min-height:72px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#fff;display:grid;place-items:center;align-content:center;gap:2px}.homesDetailStats>div>span{width:24px;height:24px;color:#d4af37}.homesDetailStats svg{width:20px;height:20px}.homesDetailStats small{font-size:7px;color:#94a3b8}.homesDetailStats strong{max-width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homesDetailCopy{margin:10px 1px;font-size:10px;line-height:1.5;color:#475569}.homesViewingForm{margin-top:8px}
@media(min-width:700px){.homesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.homesHero,.homesHead,.homesSearch,.homesFilterRow,.homesMap,.homesMapStrip,.homesSavedHero,.homesListHero,.homesForm,.homesActivityStats,.homesActivityList,.homesDetailHero,.homesDetailTitle,.homesDetailStats,.homesDetailCopy,.homesViewingForm{max-width:900px;margin-left:auto;margin-right:auto}.homesCategoryGrid{max-width:700px}.homesMapStrip{grid-auto-columns:320px}.homesDetailHero>.homesVisual{height:320px}}
@media(max-width:370px){.homesHeadMain strong{font-size:18px}.homesHeadMain>span,.homesHeadAction{width:38px;height:38px;flex-basis:38px}.homesHero{min-height:120px;padding:14px}.homesHero strong{font-size:34px}.homesHeroArt{right:55px;transform:scale(.88)}.homesStats{gap:5px}.homesStats button{min-height:56px}.homesCategoryGrid{gap:4px}.homesCategoryGrid button{min-height:64px}.homesGrid{gap:7px}.homesVisual{height:104px}.homesCardBody{padding:8px}.homesCardLine strong{font-size:9.5px}.homesMap{height:350px}.homesFormGrid{gap:7px}.homesMapStrip{grid-auto-columns:82%}}

.homesCardVisual{cursor:pointer}.homesCardBody{width:100%;border:0;background:transparent;text-align:left;color:#0f172a}.homesCardBody:focus-visible,.homesCardVisual:focus-visible{outline:3px solid rgba(212,175,55,.18);outline-offset:-2px}

/* ===== Finance mobile professional ===== */
.financeProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 2px}.financeProHead h2{margin:2px 0 2px;font-size:24px;line-height:1.1;letter-spacing:-.03em}.financeProHead p{margin:0;color:var(--muted,#667085);font-size:13px}.financeEyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:var(--primary,#d4af37)}.financeHeadIcon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1358e8,#f0cf65);box-shadow:0 10px 24px rgba(33,103,255,.22);flex:none}.financeHeadIcon svg{width:22px;height:22px}.financeBalanceCard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#0e3d9b,#1f6fff 62%,#4b8dff);box-shadow:0 16px 34px rgba(22,85,210,.24)}.financeBalanceCard>div:first-child{display:grid;gap:2px}.financeBalanceCard span{font-size:12px;opacity:.82}.financeBalanceCard strong{font-size:30px;letter-spacing:-.04em;line-height:1.05}.financeBalanceCard small{font-size:11px;opacity:.8}.financeBalancePulse{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}.financeBalancePulse svg{width:27px;height:27px}.financeMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.financeMiniGrid>div{min-width:0;padding:11px 10px;border-radius:16px;background:var(--card,#fff);border:1px solid rgba(20,54,105,.08);box-shadow:0 5px 15px rgba(24,54,98,.05)}.financeMiniGrid span{display:block;font-size:10px;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financeMiniGrid strong{display:block;margin-top:3px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financeSectionLine{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 9px}.financeSectionLine>div{display:grid}.financeSectionLine strong{font-size:15px}.financeSectionLine small{font-size:11px;color:var(--muted,#667085)}.financeSectionLine>button{border:0;background:none;color:var(--primary,#d4af37);font-weight:800;font-size:12px;padding:7px}.financeQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.financeQuickTile{min-width:0;min-height:76px;border:1px solid rgba(25,71,138,.08);background:var(--card,#fff);border-radius:17px;padding:10px 5px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--text,#14213d);box-shadow:0 5px 15px rgba(24,54,98,.05)}.financeQuickTile span{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;color:var(--primary,#d4af37);background:rgba(33,103,255,.09)}.financeQuickTile svg{width:17px;height:17px}.financeQuickTile strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.financePlanStack,.financeMarketStack,.financeHistoryStack{display:grid;gap:9px}.financePlanCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:17px;background:var(--card,#fff);border:1px solid rgba(25,71,138,.08);box-shadow:0 5px 15px rgba(24,54,98,.05)}.financePlanIcon,.financeMarketIcon,.financeHistoryIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:var(--primary,#d4af37);background:rgba(33,103,255,.09);flex:none}.financePlanIcon svg,.financeMarketIcon svg,.financeHistoryIcon svg{width:19px;height:19px}.financePlanCopy{min-width:0}.financePlanTop{display:flex;align-items:center;gap:6px;min-width:0}.financePlanTop strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financePlanCopy small{display:block;margin-top:3px;color:var(--muted,#667085);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financePlanCard>b{font-size:13px}.financeStatusPill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:800;background:#edf1f7;color:#667085;white-space:nowrap}.financeStatusPill.ready{background:#e8f8ef;color:#15804a}.financeStatusPill.pending{background:#fff5db;color:#9a6400}.financeStatusPill.reserve{background:#211b0d;color:#9a7318}.financeFilterRow{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 9px;scrollbar-width:none}.financeFilterRow::-webkit-scrollbar{display:none}.financeFilterRow button{flex:0 0 auto;border:1px solid rgba(25,71,138,.1);background:var(--card,#fff);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;color:var(--muted,#667085)}.financeFilterRow button.active{background:var(--primary,#d4af37);border-color:var(--primary,#d4af37);color:#fff}.financeMarketCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:18px;background:var(--card,#fff);border:1px solid rgba(25,71,138,.08);box-shadow:0 6px 18px rgba(24,54,98,.06)}.financeMarketMain{min-width:0}.financeMarketTitle{display:flex;align-items:center;justify-content:space-between;gap:8px}.financeMarketTitle strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financeMarketTitle span{font-size:9px;font-weight:800;color:#9a7318;background:#211b0d;border-radius:999px;padding:3px 6px}.financeMarketMain>small{display:block;margin-top:3px;color:var(--muted,#667085);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financeMarketFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:10px}.financeMarketFoot span{color:var(--muted,#667085)}.financeMarketFoot b{color:#15804a}.financeMarketCard>button{width:34px;height:34px;border:0;border-radius:12px;background:var(--primary,#d4af37);color:#fff;display:grid;place-items:center}.financeMarketCard>button svg{width:17px;height:17px}.financeInvestCard{display:grid;gap:12px;padding:15px;border-radius:20px;background:var(--card,#fff);border:1px solid rgba(25,71,138,.08);box-shadow:0 8px 24px rgba(24,54,98,.07)}.financeInvestCard label{display:grid;gap:6px}.financeInvestCard label>span{font-size:11px;font-weight:800;color:#3f4b63}.financeInvestCard input,.financeInvestCard select,.financeInvestCard textarea{width:100%;box-sizing:border-box;border:1px solid #dce4f0;border-radius:13px;background:#f9fbfe;padding:11px 12px;font:inherit;font-size:13px;color:inherit;outline:none}.financeInvestCard input:focus,.financeInvestCard select:focus,.financeInvestCard textarea:focus{border-color:var(--primary,#d4af37);box-shadow:0 0 0 3px rgba(33,103,255,.1)}.financeAmountField{display:flex;align-items:center;border:1px solid #dce4f0;border-radius:13px;background:#f9fbfe;padding-left:12px}.financeAmountField b{color:var(--primary,#d4af37)}.financeAmountField input{border:0;background:transparent;box-shadow:none!important}.financeAmountChips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.financeAmountChips button{border:1px solid rgba(33,103,255,.16);background:#1b170e;color:#9a7318;border-radius:11px;padding:8px 2px;font-size:11px;font-weight:800}.financeSubmitBtn{height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#b98a1c,#d4af37);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:850;box-shadow:0 10px 20px rgba(33,103,255,.2)}.financeSubmitBtn svg{width:18px;height:18px}.financeRuleStrip{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 12px;border-radius:16px;background:#211b0d;color:#9a7318}.financeRuleStrip>span{width:30px;height:30px;display:grid;place-items:center}.financeRuleStrip svg{width:19px;height:19px}.financeRuleStrip div{display:grid}.financeRuleStrip strong{font-size:11px}.financeRuleStrip small{font-size:9px;opacity:.8}.financePortfolioHero{display:flex;align-items:center;justify-content:space-between;padding:17px;border-radius:20px;background:linear-gradient(145deg,#111d3d,#1d3975);color:#fff}.financePortfolioHero>div:first-child{display:grid}.financePortfolioHero span{font-size:11px;opacity:.75}.financePortfolioHero strong{font-size:25px}.financePortfolioHero small{font-size:10px;opacity:.72}.financeRing{--finance-fill:50;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#64a0ff calc(var(--finance-fill)*1%),rgba(255,255,255,.14) 0);position:relative}.financeRing:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#172b59}.financeRing b{position:relative;z-index:1;font-size:12px}.financeHistorySummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.financeHistorySummary>div{display:grid;place-items:center;padding:11px;border-radius:15px;background:var(--card,#fff);border:1px solid rgba(25,71,138,.08)}.financeHistorySummary strong{font-size:18px}.financeHistorySummary span{font-size:9px;color:var(--muted,#667085)}.financeHistoryCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:17px;background:var(--card,#fff);border:1px solid rgba(25,71,138,.08)}.financeHistoryCard>div:nth-child(2){min-width:0}.financeHistoryCard strong{display:block;font-size:12px}.financeHistoryCard small{display:block;margin-top:3px;color:var(--muted,#667085);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financeHistorySide{display:grid;justify-items:end;gap:4px}.financeHistorySide b{font-size:12px}.financeEmpty{display:grid;place-items:center;text-align:center;gap:6px;padding:24px 14px;border-radius:18px;background:var(--card,#fff);border:1px dashed #ccd8e8}.financeEmpty>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#211b0d;color:var(--primary,#d4af37)}.financeEmpty svg{width:22px;height:22px}.financeEmpty strong{font-size:14px}.financeEmpty small{font-size:10px;color:var(--muted,#667085)}.financeEmpty button{margin-top:4px;border:0;border-radius:11px;background:var(--primary,#d4af37);color:#fff;padding:9px 14px;font-weight:800}
@media(max-width:390px){.financeBalanceCard{padding:15px}.financeBalanceCard strong{font-size:26px}.financeQuickGrid{gap:6px}.financeQuickTile{min-height:70px}.financeMiniGrid{gap:6px}.financeMiniGrid>div{padding:9px 7px}.financePlanCard,.financeMarketCard,.financeHistoryCard{gap:8px;padding:10px}.financePlanIcon,.financeMarketIcon,.financeHistoryIcon{width:34px;height:34px}.financePlanCard>b{font-size:12px}}
@media(max-width:350px){.financeProHead h2{font-size:21px}.financeQuickTile strong{font-size:10px}.financeMiniGrid strong{font-size:12px}.financePlanCopy small,.financeMarketMain>small{display:none}}

/* ===== Wallet module · mobile professional visual system ===== */
.walletProHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:14px 15px;border:1px solid rgba(33,103,255,.09);border-radius:19px;background:linear-gradient(180deg,#fff,#17140f);box-shadow:0 8px 24px rgba(24,54,98,.055)}
.walletProHead>div:first-child{min-width:0}.walletProHead span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d4af37}.walletProHead h2{margin:3px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.025em;color:#14213d}.walletProHead p{margin:4px 0 0;font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletHeadIcon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;color:#d4af37;background:#211b0d;border:1px solid rgba(33,103,255,.10)}.walletHeadIcon svg{width:24px;height:24px}
.walletBalanceHero{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:12px;overflow:hidden;padding:18px;border-radius:23px;color:#fff;background:linear-gradient(135deg,#102454,#165ee8 58%,#2f80ff);box-shadow:0 17px 36px rgba(22,85,210,.25)}.walletBalanceHero:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-42px;top:-70px;background:rgba(255,255,255,.08)}.walletBalanceHero:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:38%;bottom:-92px;background:rgba(255,255,255,.07)}.walletBalanceMain,.walletRcBalance{position:relative;z-index:1;display:grid;align-content:center}.walletBalanceMain span,.walletRcBalance span{font-size:10px;opacity:.78}.walletBalanceMain strong{margin-top:2px;font-size:30px;line-height:1.06;letter-spacing:-.045em}.walletBalanceMain small,.walletRcBalance small{margin-top:4px;font-size:9px;opacity:.72}.walletRcBalance{align-self:stretch;padding:11px 12px;border-radius:17px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.17)}.walletRcBalance strong{margin-top:3px;font-size:18px;line-height:1.05}.walletHeroMark{position:absolute;right:13px;bottom:10px;z-index:1;opacity:.13}.walletHeroMark svg{width:52px;height:52px}
.walletMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.walletMiniGrid>div{min-width:0;padding:10px 9px;border-radius:15px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 5px 15px rgba(24,54,98,.045)}.walletMiniGrid span{display:block;font-size:9px;color:#667085}.walletMiniGrid strong{display:block;margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.walletSectionLine{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 2px 8px}.walletSectionLine>div{display:grid}.walletSectionLine strong{font-size:15px}.walletSectionLine small{font-size:10px;color:#667085}.walletSectionLine>span{min-width:28px;height:25px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#211b0d;color:#d4af37;font-size:10px;font-weight:900}
.walletQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.walletQuickTile{min-width:0;min-height:76px;border:1px solid rgba(25,71,138,.08);border-radius:17px;background:#fff;padding:9px 5px;display:grid;place-items:center;align-content:center;gap:7px;color:#14213d;box-shadow:0 5px 15px rgba(24,54,98,.05);cursor:pointer}.walletQuickTile span{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#d4af37;background:#211b0d}.walletQuickTile svg{width:18px;height:18px}.walletQuickTile strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletQuickTile:active{transform:scale(.98)}
.walletTxStack{display:grid;gap:8px}.walletTxRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:17px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 4px 14px rgba(24,54,98,.04)}.walletTxIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#16784a;background:#e9f8ef}.walletTxIcon.out{color:#b54708;background:#fff3e8}.walletTxIcon svg{width:19px;height:19px}.walletTxCopy{min-width:0}.walletTxCopy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletTxCopy small{display:block;margin-top:3px;font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletTxSide{display:grid;justify-items:end;gap:3px}.walletTxSide b{font-size:11px;color:#16784a;white-space:nowrap}.walletTxSide b.out{color:#b54708}.walletTxSide span{font-size:8px;color:#667085}
.walletEmpty{display:grid;place-items:center;text-align:center;gap:6px;padding:23px 14px;border:1px dashed #cbd7e7;border-radius:18px;background:#17140f}.walletEmpty>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#211b0d;color:#d4af37}.walletEmpty svg{width:22px;height:22px}.walletEmpty strong{font-size:14px}.walletEmpty small{font-size:10px;color:#667085}
.walletFormCard{display:grid;gap:12px;padding:15px;border-radius:21px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 9px 25px rgba(24,54,98,.065)}.walletAvailable{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:15px;background:#f2f6ff;color:#9a7318}.walletAvailable span{font-size:10px;font-weight:800}.walletAvailable strong{font-size:14px}.walletField{display:grid;gap:6px}.walletField>span{font-size:10px;font-weight:850;color:#3f4b63}.walletField>input,.walletField>select{width:100%;height:45px;box-sizing:border-box;border:1px solid #dce4f0;border-radius:13px;background:#f9fbfe;padding:0 12px;font:inherit;font-size:13px;color:#14213d;outline:none}.walletField>input:focus,.walletField>select:focus{border-color:#d4af37;box-shadow:0 0 0 3px rgba(33,103,255,.10)}.walletAmountField{display:flex;align-items:center;height:45px;border:1px solid #dce4f0;border-radius:13px;background:#f9fbfe;padding-left:12px}.walletAmountField b{font-size:11px;color:#d4af37}.walletAmountField input{width:100%;height:100%;border:0;background:transparent;padding:0 12px;font:inherit;font-size:13px;outline:none;color:#14213d}.walletAmountField:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px rgba(33,103,255,.10)}.walletAmountChips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.walletAmountChips button{height:34px;border:1px solid rgba(33,103,255,.15);border-radius:11px;background:#1b170e;color:#9a7318;font-size:10px;font-weight:850}.walletPreview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:12px;border-radius:16px;background:#17140f;border:1px solid rgba(25,71,138,.08)}.walletPreview span{font-size:10px;color:#667085}.walletPreview strong{font-size:15px;color:#14213d}.walletPreview small{grid-column:1/-1;font-size:9px;color:#667085}.walletSubmitBtn{height:47px;border:0;border-radius:14px;background:linear-gradient(135deg,#b98a1c,#d4af37);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 10px 20px rgba(33,103,255,.2)}.walletSubmitBtn svg{width:18px;height:18px}
.walletAssetPair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.walletAssetPair>div:not(.walletSwapMark){min-width:0;padding:12px;border-radius:16px;background:#17140f;border:1px solid rgba(25,71,138,.08);display:grid}.walletAssetPair span{font-size:9px;color:#667085}.walletAssetPair strong{margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletSwapMark{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;color:#d4af37;background:#211b0d}.walletSwapMark svg{width:18px;height:18px}
@media(min-width:760px){.walletBalanceHero{grid-template-columns:minmax(0,1fr) 220px}.walletQuickGrid{gap:10px}.walletQuickTile{min-height:84px}.walletFormCard{max-width:620px}.walletTxStack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.walletBalanceHero{padding:15px;gap:9px}.walletBalanceMain strong{font-size:26px}.walletRcBalance{padding:9px 10px}.walletRcBalance strong{font-size:16px}.walletQuickGrid{gap:6px}.walletQuickTile{min-height:70px}.walletTxRow{padding:9px;gap:8px}.walletTxIcon{width:34px;height:34px}.walletTxSide b{font-size:10px}.walletProHead{padding:12px}.walletFormCard{padding:13px}}
@media(max-width:350px){.walletBalanceHero{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}.walletBalanceMain strong{font-size:23px}.walletQuickTile strong{font-size:10px}.walletTxCopy small{display:none}.walletAssetPair strong{font-size:11px}}
#bottomBar .tabBadge.hidden{display:none !important}

/* ===== RC Coin module · mobile professional visual system ===== */
.coinProHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:14px 15px;border:1px solid rgba(10,90,210,.09);border-radius:19px;background:linear-gradient(180deg,#fff,#17140f);box-shadow:0 8px 24px rgba(24,54,98,.055)}
.coinProHead>div:first-child{min-width:0}.coinProHead span{display:block;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d4af37}.coinProHead h2{margin:3px 0 0;font-size:22px;line-height:1.05;letter-spacing:-.025em;color:#14213d}.coinProHead p{margin:4px 0 0;font-size:10px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinHeadIcon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;color:#d89000;background:linear-gradient(145deg,#fff7d6,#fffdf4);border:1px solid rgba(216,144,0,.16)}.coinHeadIcon svg{width:25px;height:25px}
.coinHero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;overflow:hidden;padding:18px;border-radius:23px;color:#fff;background:linear-gradient(135deg,#102454,#155ee8 62%,#f4b72f 140%);box-shadow:0 17px 36px rgba(22,85,210,.25)}.coinHero:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-45px;top:-76px;background:rgba(255,255,255,.08)}.coinHeroMain{position:relative;z-index:1;display:grid}.coinHeroMain span{font-size:10px;opacity:.78}.coinHeroMain strong{margin-top:2px;font-size:30px;line-height:1.06;letter-spacing:-.045em}.coinHeroMain small{margin-top:4px;font-size:9px;opacity:.72}.coinHeroRing{position:relative;z-index:1;width:78px;height:78px;justify-self:end;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#ffd66b calc(var(--coin-own)*1%),rgba(255,255,255,.18) 0);box-shadow:inset 0 0 0 8px rgba(11,48,116,.58)}.coinHeroRing:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#174aa9}.coinHeroRing b,.coinHeroRing span{position:relative;z-index:1}.coinHeroRing b{font-size:14px}.coinHeroRing span{font-size:8px;opacity:.75}.coinHeroMark{position:absolute;right:15px;bottom:7px;opacity:.10}.coinHeroMark svg{width:60px;height:60px}
.coinMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.coinMiniGrid>div{min-width:0;padding:10px 9px;border-radius:15px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 5px 15px rgba(24,54,98,.045)}.coinMiniGrid span{display:block;font-size:9px;color:#667085}.coinMiniGrid strong{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coinSectionLine{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 2px 8px}.coinSectionLine>div{display:grid}.coinSectionLine strong{font-size:15px}.coinSectionLine small{font-size:10px;color:#667085}.coinSectionLine>span{min-width:28px;height:25px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#211b0d;color:#d4af37;font-size:10px;font-weight:900}
.coinQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.coinQuickTile{min-width:0;min-height:76px;border:1px solid rgba(25,71,138,.08);border-radius:17px;background:#fff;padding:9px 5px;display:grid;place-items:center;align-content:center;gap:7px;color:#14213d;box-shadow:0 5px 15px rgba(24,54,98,.05);cursor:pointer}.coinQuickTile span{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#d89000;background:#fff6d8}.coinQuickTile svg{width:18px;height:18px}.coinQuickTile strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinQuickTile:active{transform:scale(.98)}
.coinRewardStrip,.coinSafeStrip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:11px;border-radius:17px;background:linear-gradient(135deg,#fff9e6,#fff);border:1px solid rgba(216,144,0,.14);box-shadow:0 5px 15px rgba(86,60,13,.04)}.coinRewardIcon,.coinSafeStrip>span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#d89000;background:#fff0b8}.coinRewardIcon svg,.coinSafeStrip svg{width:20px;height:20px}.coinRewardStrip strong,.coinSafeStrip strong{display:block;font-size:12px}.coinRewardStrip small,.coinSafeStrip small{display:block;margin-top:2px;font-size:9px;color:#667085}.coinRewardStrip button,.coinEarnStack button{border:0;border-radius:11px;background:#d4af37;color:#fff;padding:8px 11px;font-size:10px;font-weight:850}
.coinHistoryStack{display:grid;gap:8px}.coinHistoryRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:17px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 4px 14px rgba(24,54,98,.04)}.coinHistoryIcon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#16784a;background:#e9f8ef}.coinHistoryIcon.out{color:#a86500;background:#fff3d6}.coinHistoryIcon svg{width:19px;height:19px}.coinHistoryCopy{min-width:0}.coinHistoryCopy strong{display:block;font-size:12px}.coinHistoryCopy small{display:block;margin-top:3px;font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinHistoryAmount{font-size:11px;font-weight:900;white-space:nowrap;color:#16784a}.coinHistoryAmount.out{color:#a86500}.coinEmpty{display:grid;place-items:center;text-align:center;gap:6px;padding:23px 14px;border:1px dashed #cbd7e7;border-radius:18px;background:#17140f}.coinEmpty>span{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#fff4cf;color:#d89000}.coinEmpty svg{width:22px;height:22px}.coinEmpty strong{font-size:14px}.coinEmpty small{font-size:10px;color:#667085}
.coinStakeCard{display:grid;gap:12px;padding:15px;border-radius:21px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 9px 25px rgba(24,54,98,.065)}.coinAvailable{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:15px;background:#fff8e6;color:#8a5b00}.coinAvailable span{font-size:10px;font-weight:800}.coinAvailable strong{font-size:14px}.coinStakeCard label{display:grid;gap:6px}.coinStakeCard label>span{font-size:10px;font-weight:850;color:#3f4b63}.coinAmountField{display:flex;align-items:center;height:45px;border:1px solid #dce4f0;border-radius:13px;background:#f9fbfe;padding-left:12px}.coinAmountField b{font-size:11px;color:#d89000}.coinAmountField input{width:100%;height:100%;border:0;background:transparent;padding:0 12px;font:inherit;font-size:13px;outline:none;color:#14213d}.coinAmountField:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px rgba(33,103,255,.10)}.coinAmountChips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.coinAmountChips button{height:34px;border:1px solid rgba(216,144,0,.18);border-radius:11px;background:#fff8e6;color:#8a5b00;font-size:10px;font-weight:850}.coinStakePreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coinStakePreview>div{padding:11px;border-radius:15px;background:#17140f;border:1px solid rgba(25,71,138,.08)}.coinStakePreview span{display:block;font-size:9px;color:#667085}.coinStakePreview strong{display:block;margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinSubmitBtn{width:100%;height:47px;border:0;border-radius:14px;background:linear-gradient(135deg,#b98a1c,#d4af37);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 10px 20px rgba(33,103,255,.2)}.coinSubmitBtn:disabled{opacity:.5;box-shadow:none}.coinSubmitBtn svg{width:18px;height:18px}
.coinRewardHero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:22px;color:#3e2a00;background:linear-gradient(135deg,#ffe79e,#fff5d0);border:1px solid rgba(216,144,0,.16);box-shadow:0 12px 28px rgba(167,113,4,.12)}.coinRewardHero span{font-size:10px;color:#8a650e}.coinRewardHero strong{display:block;margin-top:2px;font-size:27px;letter-spacing:-.04em}.coinRewardHero small{display:block;margin-top:4px;font-size:9px;color:#8a650e}.coinRewardMedal{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.58);color:#d89000}.coinRewardMedal svg{width:27px;height:27px}.coinRewardGrid{display:grid;gap:8px;margin:10px 0}.coinRewardGrid article,.coinEarnStack article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:17px;background:#fff;border:1px solid rgba(25,71,138,.08);box-shadow:0 4px 14px rgba(24,54,98,.04)}.coinRewardGrid article>span,.coinEarnStack article>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#d4af37;background:#211b0d}.coinRewardGrid svg,.coinEarnStack svg{width:19px;height:19px}.coinRewardGrid strong,.coinEarnStack strong{display:block;font-size:12px}.coinRewardGrid small,.coinEarnStack small{display:block;margin-top:3px;font-size:9px;color:#667085}.coinRewardGrid b{font-size:11px;color:#8a5b00}.coinHistorySummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.coinHistorySummary>div{padding:11px 8px;text-align:center;border-radius:15px;background:#fff;border:1px solid rgba(25,71,138,.08)}.coinHistorySummary strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coinHistorySummary span{display:block;margin-top:3px;font-size:9px;color:#667085}.coinEarnStack{display:grid;gap:8px}.coinSafeStrip{grid-template-columns:auto minmax(0,1fr);background:#17140f;border-color:rgba(33,103,255,.10)}.coinSafeStrip>span{color:#d4af37;background:#211b0d}
@media(min-width:760px){.coinHero{grid-template-columns:minmax(0,1fr) 120px}.coinQuickGrid{gap:10px}.coinQuickTile{min-height:84px}.coinStakeCard{max-width:620px}.coinHistoryStack{grid-template-columns:repeat(2,minmax(0,1fr))}.coinEarnStack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.coinHero{padding:15px}.coinHeroMain strong{font-size:26px}.coinHeroRing{width:70px;height:70px}.coinQuickGrid{gap:6px}.coinQuickTile{min-height:70px}.coinHistoryRow{padding:9px;gap:8px}.coinHistoryIcon{width:34px;height:34px}.coinHistoryAmount{font-size:10px}.coinStakeCard{padding:13px}}
@media(max-width:350px){.coinHero{grid-template-columns:minmax(0,1fr) 66px}.coinHeroMain strong{font-size:23px}.coinHeroRing{width:62px;height:62px}.coinQuickTile strong{font-size:10px}.coinHistoryCopy small{display:none}.coinMiniGrid strong{font-size:10px}}

/* ===== Media mobile professional update ===== */
.mediaProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px}.mediaProHead>div>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue,#c89b2c)}.mediaProHead h2{margin:2px 0 3px;font-size:24px;line-height:1.05}.mediaProHead p{margin:0;color:var(--muted);font-size:13px}.mediaProHead>button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:14px;background:#211b0d;color:#c89b2c;box-shadow:0 8px 20px rgba(212,175,55,.12);flex:0 0 auto}.mediaProHead>button svg{width:21px;height:21px}
.mediaProStats,.mediaProfileStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.mediaProStats>div,.mediaProfileStats>div{min-width:0;padding:11px 8px;border:1px solid rgba(148,163,184,.22);border-radius:15px;background:#fff;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.05)}.mediaProStats strong,.mediaProfileStats strong{display:block;font-size:18px;line-height:1}.mediaProStats span,.mediaProfileStats span{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:800}
.mediaProFilters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 12px}.mediaProFilters button{min-width:0;height:48px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#fff;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:850}.mediaProFilters button svg{width:18px;height:18px}.mediaProFilters button.active{border-color:#c89b2c;background:#211b0d;color:#c89b2c;box-shadow:0 7px 18px rgba(212,175,55,.12)}
.mediaProFeed{display:grid;gap:13px}.mediaProCard{overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.mediaProCreator{display:flex;align-items:center;gap:10px;padding:12px}.mediaProAvatar{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#d4af37);color:#fff;font-size:12px;font-weight:950;letter-spacing:.02em;flex:0 0 auto}.mediaProCreator>span:last-child{min-width:0;display:flex;flex-direction:column}.mediaProCreator strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaProCreator small{font-size:11px;color:var(--muted);margin-top:2px}
.mediaProVisual{position:relative;min-height:205px;display:grid;place-items:center;overflow:hidden;cursor:pointer;background:linear-gradient(145deg,#eadba9,#211b0d);color:#0369a1}.mediaProVisual::before,.mediaProVisual::after{content:"";position:absolute;border-radius:999px;filter:blur(1px);opacity:.5}.mediaProVisual::before{width:180px;height:180px;right:-45px;top:-70px;background:rgba(255,255,255,.62)}.mediaProVisual::after{width:120px;height:120px;left:-35px;bottom:-50px;background:rgba(255,255,255,.45)}.mediaProVisual.tone-violet{background:linear-gradient(145deg,#ede9fe,#f5f3ff);color:#7c3aed}.mediaProVisual.tone-red{background:linear-gradient(145deg,#fee2e2,#fff1f2);color:#dc2626}.mediaProVisual.tone-teal{background:linear-gradient(145deg,#ccfbf1,#ecfeff);color:#0f766e}.mediaProVisual.tone-amber{background:linear-gradient(145deg,#fef3c7,#fffbeb);color:#b45309}.mediaProVisual.tone-indigo{background:linear-gradient(145deg,#e0e7ff,#eef2ff);color:#4338ca}.mediaProVisual.compact{min-height:132px;border-radius:15px}.mediaProVisualIcon{position:relative;z-index:1;width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.76);box-shadow:0 12px 30px rgba(15,23,42,.12);backdrop-filter:blur(8px)}.mediaProVisualIcon svg{width:30px;height:30px}.mediaProType,.mediaProDuration{position:absolute;z-index:2;top:10px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}.mediaProType{left:10px;display:flex;align-items:center;gap:5px}.mediaProDuration{right:10px}.mediaProType.live i{width:6px;height:6px;border-radius:99px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.mediaProCopy{padding:12px}.mediaProCopy>div:first-child>span,.mediaProMiniCopy>span,.mediaLiveCard>div:last-child>span{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#c89b2c}.mediaProCopy h3,.mediaLiveCard h3{font-size:16px;line-height:1.2;margin:4px 0}.mediaProCopy p,.mediaLiveCard p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.mediaProActions{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin-top:12px}.mediaProActions button,.mediaProActions>span{min-width:0;height:38px;border:0;border-radius:12px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;font-size:11px;font-weight:850}.mediaProActions svg{width:17px;height:17px}.mediaProActions button.active{color:#e11d48;background:#fff1f2}.mediaProActions .mediaProSave{justify-self:stretch}.mediaProActions .mediaProSave.active{color:#c89b2c;background:#211b0d}
.mediaLiveHero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#ef4444,#be123c);color:#fff;margin-bottom:12px;box-shadow:0 14px 30px rgba(190,18,60,.2)}.mediaLiveHero>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16)}.mediaLiveHero svg{width:24px;height:24px}.mediaLiveHero div{display:flex;flex-direction:column}.mediaLiveHero strong{font-size:16px}.mediaLiveHero small{font-size:11px;opacity:.82;margin-top:2px}.mediaLiveGrid{display:grid;gap:12px}.mediaLiveCard{overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:19px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06)}.mediaLiveCard>div:last-child{padding:12px}.mediaLiveMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.mediaLiveMeta small{font-size:11px;color:var(--muted);font-weight:800}.mediaLiveMeta button{height:36px;padding:0 18px;border:0;border-radius:12px;background:#e11d48;color:#fff;font-size:12px;font-weight:900}
.mediaCreateCard{display:grid;gap:13px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.mediaCreateTypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mediaCreateTypes label{min-width:0}.mediaCreateTypes input{position:absolute;opacity:0;pointer-events:none;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:0!important;overflow:hidden}.mediaCreateTypes span{height:65px;border:1px solid rgba(148,163,184,.25);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#64748b;font-size:11px}.mediaCreateTypes span svg{width:21px;height:21px}.mediaCreateTypes input:checked+span{border-color:#c89b2c;background:#211b0d;color:#c89b2c;box-shadow:0 8px 18px rgba(212,175,55,.1)}.mediaCreateCard>label{display:grid;gap:6px}.mediaCreateCard>label>span{font-size:11px;font-weight:850;color:#475569}.mediaCreateCard input,.mediaCreateCard select,.mediaCreateCard textarea{width:100%;min-width:0;border:1px solid rgba(148,163,184,.32);border-radius:13px;background:#f8fafc;padding:11px 12px;font:inherit;color:inherit;box-sizing:border-box}.mediaCreateCard textarea{resize:vertical}.mediaCreateSubmit{height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#c89b2c,#d4af37);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 12px 24px rgba(212,175,55,.2)}.mediaCreateSubmit svg{width:19px;height:19px}
.mediaProSection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 9px}.mediaProSection strong{font-size:15px}.mediaProSection span{font-size:11px;color:var(--muted);font-weight:800}.mediaProMiniGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mediaProMini{min-width:0;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}.mediaProMiniCopy{display:grid;gap:4px;padding:10px}.mediaProMiniCopy strong{font-size:13px;line-height:1.2}.mediaProMiniCopy small{font-size:10px;color:var(--muted)}.mediaProMiniCopy button{height:32px;margin-top:4px;border:0;border-radius:10px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:900}.mediaProMiniCopy button.active{background:#211b0d;color:#c89b2c}.mediaEmptyPro{min-height:235px;padding:26px 18px;border:1px dashed rgba(148,163,184,.45);border-radius:20px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mediaEmptyPro>svg{width:34px;height:34px;color:#c89b2c;margin-bottom:10px}.mediaEmptyPro strong{font-size:16px}.mediaEmptyPro span{font-size:12px;color:var(--muted);margin:5px 0 14px}.mediaEmptyPro button{height:38px;padding:0 20px;border:0;border-radius:12px;background:#c89b2c;color:#fff;font-weight:900}
.mediaProfileHero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#6e500e);color:#fff;box-shadow:0 16px 34px rgba(15,23,42,.2);margin-bottom:12px}.mediaProfileAvatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:950}.mediaProfileHero>div:nth-child(2){min-width:0}.mediaProfileHero span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.mediaProfileHero h2{margin:2px 0;font-size:19px}.mediaProfileHero p{margin:0;font-size:11px;opacity:.72}.mediaProfileHero>button{height:38px;padding:0 11px;border:0;border-radius:12px;background:#fff;color:#a87916;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:900}.mediaProfileHero>button svg{width:16px;height:16px}.mediaActivityList{display:grid;gap:8px}.mediaActivityList>div{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#fff}.mediaActivityList>div>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#211b0d;color:#c89b2c;flex:0 0 auto}.mediaActivityList svg{width:17px;height:17px}.mediaActivityList p{min-width:0;margin:0;display:flex;flex-direction:column}.mediaActivityList strong{font-size:12px}.mediaActivityList small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediaActivityEmpty{justify-content:center;color:var(--muted);font-size:12px}
.mediaDetailTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mediaDetailTop button{width:38px;height:38px;border:0;border-radius:12px;background:#fff;color:#334155;display:grid;place-items:center;box-shadow:0 8px 20px rgba(15,23,42,.08)}.mediaDetailTop button svg{width:20px;height:20px}.mediaDetailTop span{font-size:11px;font-weight:900;color:#c89b2c;text-transform:uppercase;letter-spacing:.08em}.mediaDetailPro{overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}.mediaDetailCopy{padding:14px}.mediaDetailCopy h2{font-size:21px;line-height:1.15;margin:0 0 7px}.mediaDetailCopy p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.mediaDetailActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.mediaDetailActions button{min-width:0;height:42px;border:0;border-radius:13px;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:900}.mediaDetailActions button svg{width:18px;height:18px}.mediaDetailActions button.active{background:#211b0d;color:#c89b2c}.mediaDetailMetrics{display:flex;gap:12px;margin-top:12px;color:var(--muted);font-size:11px;font-weight:800}
@media(min-width:760px){.mediaProFeed{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaLiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaProMiniGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.mediaProVisual{min-height:240px}}
@media(max-width:380px){.mediaProHead h2{font-size:21px}.mediaProStats>div,.mediaProfileStats>div{padding:10px 5px}.mediaProFilters{gap:5px}.mediaProFilters button{height:45px}.mediaProMiniGrid{gap:8px}.mediaProMiniCopy{padding:8px}.mediaProfileHero{padding:12px;gap:8px}.mediaProfileHero>button span{display:none}.mediaProfileHero>button{width:38px;padding:0;justify-content:center}.mediaProActions{gap:5px}.mediaProActions button,.mediaProActions>span{padding:0 7px}.mediaDetailActions{gap:6px}.mediaDetailActions button{font-size:9px}}


/* ===== Sports mobile professional update ===== */
#viewModule.sportsProMode>.sectionHdr{display:none}
#viewModule.sportsProMode #moduleBody{padding-bottom:108px}
.sportsProHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:3px 1px 12px}.sportsProHead>div:first-child{min-width:0}.sportsProHead span{display:block;color:#d4af37;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.sportsProHead h2{margin:3px 0 2px;font-size:24px;line-height:1.05;letter-spacing:-.035em}.sportsProHead p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}.sportsEloBadge{width:66px;height:58px;border-radius:18px;background:linear-gradient(145deg,#0f172a,#a87916);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(29,78,216,.22)}.sportsEloBadge small{font-size:8px;font-weight:950;letter-spacing:.13em;opacity:.72}.sportsEloBadge strong{font-size:20px;line-height:1.05}
.sportsStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.sportsStats>div{min-width:0;padding:10px 4px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#fff;text-align:center;box-shadow:0 8px 20px rgba(15,23,42,.045)}.sportsStats strong{display:block;font-size:16px}.sportsStats span{display:block;margin-top:1px;color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}
.sportsHero{min-height:112px;border-radius:21px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#172554,#d4af37 62%,#f3d46b);color:#fff;box-shadow:0 16px 34px rgba(212,175,55,.22);overflow:hidden;position:relative}.sportsHero::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12);right:-55px;top:-72px}.sportsHero>div{position:relative;z-index:1;display:flex;flex-direction:column}.sportsHero span{font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase;opacity:.75}.sportsHero strong{font-size:25px;line-height:1.05;margin:4px 0}.sportsHero small{font-size:11px;opacity:.76}.sportsHero>svg{position:relative;z-index:1;width:52px;height:52px;opacity:.9}
.sportsQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:11px 0}.sportsQuickGrid button{min-width:0;height:82px;border:1px solid rgba(148,163,184,.2);border-radius:17px;background:#fff;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 3px;box-shadow:0 9px 22px rgba(15,23,42,.055)}.sportsQuickGrid svg{width:21px;height:21px;color:#d4af37;margin-bottom:5px}.sportsQuickGrid b{font-size:11px}.sportsQuickGrid span{font-size:8px;color:var(--muted);margin-top:2px;white-space:nowrap}
.sportsSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 1px 8px}.sportsSectionHead>div{display:flex;flex-direction:column}.sportsSectionHead strong{font-size:15px}.sportsSectionHead span{font-size:10px;color:var(--muted);font-weight:750;margin-top:1px}.sportsSectionHead button{border:0;background:transparent;color:#d4af37;font-size:10px;font-weight:950;padding:7px}
.sportsActivityList{display:grid;gap:9px}.sportsActivityCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.055)}.sportsActivityCard+.sportsActivityCard{margin-top:9px}.sportsActivityIcon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#211b0d;color:#d4af37}.sportsActivityIcon svg{width:23px;height:23px}.sportsActivityCopy{min-width:0}.sportsActivityCopy>span{display:block;color:#d4af37;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sportsActivityCopy h3{font-size:13px;line-height:1.15;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sportsActivityMeta{display:flex;align-items:center;gap:7px;min-width:0}.sportsActivityMeta small{min-width:0;display:flex;align-items:center;gap:2px;color:var(--muted);font-size:8px;font-weight:750;white-space:nowrap}.sportsActivityMeta small:nth-child(2){max-width:82px;overflow:hidden;text-overflow:ellipsis}.sportsActivityMeta svg{width:11px;height:11px;flex:0 0 auto}.sportsJoinBtn{height:34px;min-width:55px;border:0;border-radius:11px;background:#d4af37;color:#fff;font-size:10px;font-weight:950;padding:0 9px}.sportsJoinBtn.joined{background:#dcfce7;color:#15803d}.sportsActivityCard.compact{padding:10px}.sportsActivityCard.compact .sportsActivityIcon{width:40px;height:40px}
.sportsSearch{height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 8px 0 12px;border:1px solid rgba(148,163,184,.25);border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.045)}.sportsSearch>span{display:grid;color:#64748b}.sportsSearch svg{width:18px;height:18px}.sportsSearch input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px}.sportsSearch button{width:34px;height:34px;border:0;border-radius:11px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.sportsFilterRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0 11px}.sportsFilterRow button{height:34px;min-width:0;border:1px solid rgba(148,163,184,.24);border-radius:11px;background:#fff;color:#64748b;font-size:9px;font-weight:900}.sportsFilterRow button.active{border-color:#d4af37;background:#211b0d;color:#d4af37}
.sportsMatchForm{display:grid;gap:11px;padding:13px;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.sportsFormTitle{display:flex;align-items:center;gap:10px}.sportsFormTitle>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#211b0d;color:#d4af37}.sportsFormTitle svg{width:23px;height:23px}.sportsFormTitle>div{display:flex;flex-direction:column}.sportsFormTitle strong{font-size:15px}.sportsFormTitle small{font-size:10px;color:var(--muted)}.sportsMatchForm>label,.sportsFormGrid label{display:grid;gap:5px}.sportsMatchForm label>span{font-size:10px;font-weight:850;color:#475569}.sportsMatchForm input,.sportsMatchForm select{width:100%;min-width:0;box-sizing:border-box;border:1px solid rgba(148,163,184,.3);border-radius:13px;background:#f8fafc;padding:11px 12px;font:inherit;color:inherit}.sportsFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sportsMatchForm>button{height:45px;border:0;border-radius:14px;background:linear-gradient(135deg,#d4af37,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:950;box-shadow:0 12px 22px rgba(212,175,55,.18)}.sportsMatchForm>button svg{width:18px;height:18px}.sportsMatchList{display:grid;gap:8px}.sportsMatchCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:#fff}.sportsResult{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:950}.sportsResult.win{background:#dcfce7;color:#15803d}.sportsResult.loss{background:#fee2e2;color:#dc2626}.sportsResult.draw{background:#fef3c7;color:#a16207}.sportsMatchCard>div{min-width:0;display:flex;flex-direction:column}.sportsMatchCard strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sportsMatchCard small{font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sportsMatchCard>b{font-size:11px}.sportsMatchCard>b.up{color:#15803d}.sportsMatchCard>b.down{color:#dc2626}
.sportsRankHero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border-radius:21px;background:linear-gradient(135deg,#fef3c7,#fff7ed);border:1px solid rgba(245,158,11,.22);margin-bottom:10px}.sportsRankHero>div:first-child{display:flex;flex-direction:column}.sportsRankHero span{font-size:9px;font-weight:950;color:#b45309;text-transform:uppercase;letter-spacing:.1em}.sportsRankHero strong{font-size:30px;line-height:1;margin:4px 0}.sportsRankHero small{font-size:10px;color:#92400e}.sportsRankRing{width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:7px solid #fbbf24;box-shadow:0 9px 20px rgba(180,83,9,.12)}.sportsRankRing b{font-size:17px}.sportsRankRing span{font-size:8px;color:#b45309}.sportsBoard{display:grid;gap:7px}.sportsBoard>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.sportsBoard>div.you{border-color:#93c5fd;background:#211b0d}.sportsBoard>div>span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#f1f5f9;font-size:10px;font-weight:950}.sportsBoard>div>div{min-width:0;display:flex;flex-direction:column}.sportsBoard strong{font-size:11px}.sportsBoard small{font-size:9px;color:var(--muted)}.sportsBoard b{font-size:11px;color:#d4af37}
.sportsTeamHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#6e500e);color:#fff;box-shadow:0 15px 32px rgba(15,23,42,.2)}.sportsTeamHero>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.sportsTeamHero svg{width:27px;height:27px}.sportsTeamHero>div{min-width:0;display:flex;flex-direction:column}.sportsTeamHero small{font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;opacity:.65}.sportsTeamHero strong{font-size:16px;margin:2px 0}.sportsTeamHero p{margin:0;font-size:9px;opacity:.7}.sportsTeamHero button{height:34px;padding:0 10px;border:0;border-radius:11px;background:#fff;color:#a87916;font-size:9px;font-weight:950}.sportsTeamStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.sportsTeamStats>div{padding:10px 4px;border-radius:14px;background:#fff;border:1px solid rgba(148,163,184,.2);text-align:center}.sportsTeamStats strong{display:block;font-size:15px}.sportsTeamStats span{font-size:8px;color:var(--muted);font-weight:850}.sportsRoster{display:grid;gap:7px}.sportsRoster>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.sportsRoster>div>span{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:#211b0d;color:#d4af37;font-size:10px;font-weight:950}.sportsRoster>div>div{min-width:0;display:flex;flex-direction:column}.sportsRoster strong{font-size:11px}.sportsRoster small{font-size:9px;color:var(--muted)}.sportsRoster b{font-size:10px;color:#d4af37}.sportsEmpty{min-height:130px;padding:18px;border:1px dashed rgba(148,163,184,.42);border-radius:17px;background:#f8fafc;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11px}
@media(min-width:760px){.sportsActivityList{grid-template-columns:repeat(2,minmax(0,1fr))}.sportsActivityCard+.sportsActivityCard{margin-top:0}.sportsQuickGrid{gap:12px}.sportsQuickGrid button{height:94px}.sportsBoard,.sportsMatchList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.sportsProHead h2{font-size:21px}.sportsEloBadge{width:60px;height:54px}.sportsStats{gap:5px}.sportsStats>div{padding:9px 2px}.sportsQuickGrid{gap:5px}.sportsQuickGrid button{height:76px}.sportsQuickGrid span{font-size:7px}.sportsActivityCard{gap:7px;padding:9px}.sportsActivityIcon{width:38px;height:38px}.sportsActivityMeta{gap:4px}.sportsActivityMeta small{font-size:7px}.sportsJoinBtn{min-width:50px;padding:0 7px}.sportsFilterRow{gap:4px}.sportsMatchForm{padding:11px}.sportsTeamHero{padding:12px;gap:8px}.sportsTeamHero button{padding:0 8px}}


/* ===== Learn mobile professional module ===== */
.learnProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 11px}.learnProHead>div:first-child{min-width:0}.learnProHead span{display:block;color:#d4af37;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.learnProHead h2{font-size:23px;line-height:1.05;margin:4px 0 4px}.learnProHead p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.learnStreak{min-width:59px;height:55px;border:1px solid rgba(251,146,60,.24);border-radius:17px;background:#fff7ed;color:#ea580c;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-content:center;justify-content:center;column-gap:4px;padding:4px 8px;box-sizing:border-box}.learnStreak svg{grid-row:1/3;width:20px;height:20px}.learnStreak b{font-size:15px;line-height:1}.learnStreak small{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.learnHero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;border-radius:21px;background:linear-gradient(135deg,#0f172a,#a87916);color:#fff;box-shadow:0 16px 32px rgba(15,23,42,.2)}.learnHeroIcon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14)}.learnHeroIcon svg{width:27px;height:27px}.learnHero>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.learnHero span{font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;opacity:.68}.learnHero strong{font-size:14px;line-height:1.15;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnHero small{font-size:9px;opacity:.7}.learnHero button{height:34px;border:0;border-radius:11px;background:#fff;color:#a87916;font-size:9px;font-weight:950;padding:0 10px}.learnHeroProgress,.learnMiniProgress{height:5px;border-radius:999px;background:rgba(255,255,255,.2);overflow:hidden;margin-top:7px}.learnHeroProgress i,.learnMiniProgress i{display:block;height:100%;border-radius:inherit;background:#e7c55a}.learnMiniProgress{background:#e2e8f0}.learnMiniProgress i{background:#d4af37}
.learnStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.learnStats>div,.learnTaskSummary>div{padding:10px 4px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:#fff;text-align:center}.learnStats strong,.learnTaskSummary strong{display:block;font-size:15px}.learnStats span,.learnTaskSummary span{font-size:8px;color:var(--muted);font-weight:850}.learnSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 1px 8px}.learnSectionHead>div{display:flex;flex-direction:column}.learnSectionHead strong{font-size:15px}.learnSectionHead span{font-size:9px;color:var(--muted);font-weight:750}.learnSectionHead>button{border:0;background:transparent;color:#d4af37;font-size:9px;font-weight:950;padding:7px}
.learnCategoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.learnCategoryGrid button{min-width:0;height:78px;border:1px solid rgba(148,163,184,.2);border-radius:17px;background:#fff;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;box-shadow:0 8px 20px rgba(15,23,42,.045)}.learnCategoryGrid svg{width:22px;height:22px;color:#d4af37}.learnCategoryGrid b{font-size:9px}
.learnCourseList{display:grid;gap:9px}.learnCourseCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}.learnCourseIcon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#211b0d;color:#d4af37;flex:0 0 auto}.learnCourseIcon svg{width:23px;height:23px}.learnCourseIcon.business{background:#f0fdf4;color:#16a34a}.learnCourseIcon.language{background:#faf5ff;color:#9333ea}.learnCourseIcon.finance{background:#fff7ed;color:#ea580c}.learnCourseIcon.career{background:#fef2f2;color:#dc2626}.learnCourseIcon.creative{background:#fdf2f8;color:#db2777}.learnCourseCopy{min-width:0}.learnCourseCopy>span{display:block;color:#d4af37;font-size:7px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnCourseCopy h3{font-size:12px;line-height:1.15;margin:3px 0}.learnCourseCopy p{font-size:8px;line-height:1.3;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learnMeta{display:flex;align-items:center;gap:7px;margin-top:5px;flex-wrap:wrap}.learnMeta small{font-size:7px;color:#64748b;font-weight:800}.learnCourseAction{height:34px;min-width:52px;border:0;border-radius:11px;background:#d4af37;color:#fff;font-size:9px;font-weight:950;padding:0 8px}.learnCourseAction.open{background:#211b0d;color:#d4af37}
.learnSearch{height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 7px 0 12px;border:1px solid rgba(148,163,184,.24);border-radius:15px;background:#fff}.learnSearch>span{display:grid;color:#64748b}.learnSearch svg{width:18px;height:18px}.learnSearch input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px}.learnSearch button{width:34px;height:34px;border:0;border-radius:11px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.learnFilterRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0 11px}.learnFilterRow button{height:34px;min-width:0;border:1px solid rgba(148,163,184,.24);border-radius:11px;background:#fff;color:#64748b;font-size:9px;font-weight:900}.learnFilterRow button.active{border-color:#d4af37;background:#211b0d;color:#d4af37}
.learnCourseSwitch{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding-bottom:2px}.learnCourseSwitch::-webkit-scrollbar{display:none}.learnCourseSwitch button{flex:0 0 auto;height:34px;max-width:150px;border:1px solid rgba(148,163,184,.24);border-radius:11px;background:#fff;color:#64748b;padding:0 10px;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnCourseSwitch button.active{border-color:#d4af37;background:#211b0d;color:#d4af37}.learnCurrent{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:19px;background:linear-gradient(135deg,#211b0d,#fff)}.learnCurrent>div:first-child{min-width:0;display:flex;flex-direction:column}.learnCurrent span{font-size:8px;color:#d4af37;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.learnCurrent strong{font-size:15px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnCurrent small{font-size:9px;color:var(--muted)}.learnProgressRing,.learnProgressBig{--p:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d4af37 calc(var(--p)*1%),#eadba9 0);position:relative}.learnProgressRing:before,.learnProgressBig:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.learnProgressRing b,.learnProgressBig b,.learnProgressBig span{position:relative;z-index:1}.learnProgressRing b{font-size:11px;color:#a87916}
.learnLessonList{display:grid;gap:7px;margin-top:10px}.learnLessonRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff}.learnLessonRow.done{background:#f8fafc}.learnLessonNo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#211b0d;color:#d4af37;font-size:10px;font-weight:950}.learnLessonNo svg{width:18px;height:18px}.learnLessonRow>div{min-width:0;display:flex;flex-direction:column}.learnLessonRow strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnLessonRow small{font-size:8px;color:var(--muted);margin-top:2px}.learnLessonRow>button{height:32px;min-width:48px;border:0;border-radius:10px;background:#d4af37;color:#fff;font-size:8px;font-weight:950;padding:0 7px}.learnLessonRow.done>button{background:#dcfce7;color:#15803d}.learnBack{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#d4af37;font-size:10px;font-weight:950;padding:3px 0 9px}.learnBack svg{width:17px;height:17px}.learnDetailHero{padding:15px;border:1px solid rgba(148,163,184,.2);border-radius:21px;background:#fff}.learnDetailHero>.learnCourseIcon{margin-bottom:10px}.learnDetailHero>span{font-size:8px;color:#d4af37;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.learnDetailHero h2{font-size:20px;margin:4px 0}.learnDetailHero p{font-size:10px;color:var(--muted);line-height:1.4;margin:0}.learnDetailHero .learnHeroProgress{background:#e2e8f0}.learnDetailHero .learnHeroProgress i{background:#d4af37}
.learnTaskSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.learnTaskList{display:grid;gap:8px}.learnTaskCard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:#fff}.learnTaskCard>span{width:38px;height:38px;border-radius:12px;background:#fff7ed;color:#ea580c;display:grid;place-items:center}.learnTaskCard>span svg{width:21px;height:21px}.learnTaskCard.done>span{background:#dcfce7;color:#15803d}.learnTaskCard>div{min-width:0;display:flex;flex-direction:column}.learnTaskCard small{font-size:7px;color:#d4af37;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnTaskCard strong{font-size:11px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnTaskCard em{font-size:8px;color:var(--muted);font-style:normal}.learnTaskCard>button{height:32px;min-width:48px;border:0;border-radius:10px;background:#d4af37;color:#fff;font-size:8px;font-weight:950}.learnTaskCard.done>button{background:#dcfce7;color:#15803d}
.learnProgressHero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:15px;border-radius:20px;background:linear-gradient(135deg,#211b0d,#f8fafc);border:1px solid rgba(212,175,55,.14)}.learnProgressBig{width:76px;height:76px}.learnProgressBig:before{inset:7px}.learnProgressBig b{font-size:15px;color:#a87916;margin-top:-7px}.learnProgressBig span{position:absolute;margin-top:23px;color:#64748b;font-size:7px;font-weight:900;text-transform:uppercase}.learnProgressHero>div:last-child{min-width:0;display:flex;flex-direction:column}.learnProgressHero>div:last-child span{font-size:8px;color:#d4af37;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.learnProgressHero strong{font-size:18px;margin:3px 0}.learnProgressHero small{font-size:9px;color:var(--muted)}.learnProgressList{display:grid;gap:7px}.learnProgressList>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#fff;padding:9px;text-align:left;color:inherit}.learnProgressList>button>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.learnProgressList strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learnProgressList span{font-size:8px;color:var(--muted);margin:2px 0 5px}.learnProgressList i{display:block;height:5px;border-radius:999px;background:#e2e8f0;overflow:hidden}.learnProgressList em{display:block;height:100%;border-radius:inherit;background:#d4af37}.learnProgressList>button>b{font-size:10px;color:#d4af37}.learnBadgeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.learnBadgeGrid>div{height:76px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#f8fafc;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.learnBadgeGrid svg{width:22px;height:22px}.learnBadgeGrid b{font-size:8px}.learnBadgeGrid>div.earned{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.learnEmpty{min-height:130px;padding:18px;border:1px dashed rgba(148,163,184,.42);border-radius:17px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:10px}.learnEmpty>svg{width:28px;height:28px;color:#d4af37;margin-bottom:6px}.learnEmpty strong{font-size:13px;color:#334155}.learnEmpty span{margin:3px 0 9px}.learnEmpty button{height:34px;border:0;border-radius:11px;background:#d4af37;color:#fff;padding:0 13px;font-size:9px;font-weight:950}
@media(min-width:760px){.learnCourseList{grid-template-columns:repeat(2,minmax(0,1fr))}.learnCourseCard{min-height:112px}.learnLessonList,.learnProgressList{grid-template-columns:repeat(2,minmax(0,1fr))}.learnCategoryGrid{gap:11px}.learnCategoryGrid button{height:92px}}
@media(max-width:380px){.learnProHead h2{font-size:21px}.learnHero{padding:12px;gap:8px}.learnHeroIcon{width:42px;height:42px}.learnHero button{padding:0 8px}.learnStats{gap:5px}.learnCategoryGrid{gap:5px}.learnCategoryGrid button{height:72px}.learnCourseCard{gap:7px;padding:9px}.learnCourseIcon{width:38px;height:38px}.learnCourseCopy p{font-size:7px}.learnCourseAction{min-width:48px;padding:0 6px}.learnFilterRow{gap:4px}.learnLessonRow{gap:7px;padding:8px}.learnTaskCard{gap:7px;padding:8px}.learnProgressHero{gap:10px;padding:12px}}

/* ===== Events mobile professional ===== */
#viewModule.eventsProMode>.sectionHdr{display:none}
#viewModule.eventsProMode #moduleBody{padding-bottom:108px}
.eventProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 11px}.eventProHead>div:first-child{min-width:0}.eventProHead span{display:block;color:#d4af37;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eventProHead h2{font-size:23px;line-height:1.05;margin:4px 0}.eventProHead p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.eventHeadBadge{width:58px;height:55px;border-radius:17px;background:linear-gradient(145deg,#0f172a,#a87916);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(29,78,216,.2);flex:0 0 auto}.eventHeadBadge b{font-size:17px;line-height:1}.eventHeadBadge small{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:.72;margin-top:3px}
.eventHero{display:grid;grid-template-columns:116px minmax(0,1fr);gap:0;border-radius:21px;background:#fff;border:1px solid rgba(148,163,184,.19);overflow:hidden;box-shadow:0 13px 30px rgba(15,23,42,.08);margin-bottom:10px}.eventHero>.eventVisual{height:100%;min-height:142px;border-radius:0}.eventHeroCopy{min-width:0;padding:13px;display:flex;flex-direction:column;justify-content:center}.eventHeroCopy>span{font-size:8px;color:#d4af37;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.eventHeroCopy>strong{font-size:16px;line-height:1.12;margin:5px 0}.eventHeroCopy>small{font-size:9px;line-height:1.35;color:var(--muted)}.eventHeroCopy>div{display:flex;gap:6px;margin-top:12px}.eventHeroCopy button{height:34px;border:0;border-radius:11px;padding:0 10px;font-size:9px;font-weight:950}.eventHeroCopy button:first-child{background:#211b0d;color:#d4af37}.eventHeroCopy button:last-child{background:#d4af37;color:#fff}.eventHeroCopy button.joined{background:#dcfce7;color:#15803d}
.eventStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:13px}.eventStats>div{height:58px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.eventStats strong{font-size:16px;color:#0f172a}.eventStats span{font-size:7px;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.07em;margin-top:2px}
.eventSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 1px 8px}.eventSectionHead>div{display:flex;flex-direction:column}.eventSectionHead strong{font-size:12px}.eventSectionHead span{font-size:8px;color:var(--muted);margin-top:2px}.eventSectionHead>button{height:30px;border:0;border-radius:10px;background:#211b0d;color:#d4af37;padding:0 11px;font-size:8px;font-weight:950}.eventCategoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.eventCategoryGrid button{height:77px;border:1px solid rgba(148,163,184,.18);border-radius:17px;background:#fff;color:#334155;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}.eventCategoryGrid svg{width:23px;height:23px;color:#d4af37}.eventCategoryGrid b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.eventCardList{display:grid;gap:10px}.eventProCard{border:1px solid rgba(148,163,184,.18);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 9px 24px rgba(15,23,42,.055)}.eventVisual{height:110px;position:relative;overflow:hidden;background:linear-gradient(135deg,#eadba9,#211b0d);color:#a87916}.eventVisual:before,.eventVisual:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.36)}.eventVisual:before{width:90px;height:90px;right:-24px;top:-28px}.eventVisual:after{width:58px;height:58px;left:-17px;bottom:-21px}.eventVisual.blue{background:linear-gradient(135deg,#a87916,#f3d46b);color:#fff}.eventVisual.green{background:linear-gradient(135deg,#047857,#34d399);color:#fff}.eventVisual.indigo{background:linear-gradient(135deg,#312e81,#818cf8);color:#fff}.eventVisual.cyan{background:linear-gradient(135deg,#0e7490,#f3d46b);color:#fff}.eventVisual.violet{background:linear-gradient(135deg,#6d28d9,#c084fc);color:#fff}.eventVisual.orange{background:linear-gradient(135deg,#c2410c,#fb923c);color:#fff}.eventVisual.large{height:154px;border-radius:21px;margin-bottom:10px}.eventVisualIcon{position:absolute;left:18px;bottom:16px;width:42px;height:42px;border-radius:15px;background:rgba(255,255,255,.18);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:1}.eventVisualIcon svg{width:23px;height:23px}.eventDateBlock{position:absolute;right:13px;top:13px;width:48px;height:51px;border-radius:15px;background:rgba(255,255,255,.94);color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;box-shadow:0 8px 20px rgba(15,23,42,.1)}.eventDateBlock b{font-size:17px;line-height:1}.eventDateBlock small{font-size:7px;font-weight:950;letter-spacing:.08em;margin-top:3px}.eventCategory{position:absolute;left:12px;top:12px;height:24px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);display:flex;align-items:center;font-size:7px!important;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:inherit!important;z-index:1}
.eventCardBody{padding:12px}.eventCardTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.eventCardTitle>div{min-width:0}.eventCardTitle span,.eventDetailTitle span{font-size:7px;color:#d4af37;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.eventCardTitle h3{font-size:14px;line-height:1.15;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventSaveIcon{width:34px;height:34px;border:1px solid rgba(148,163,184,.2);border-radius:11px;background:#fff;color:#94a3b8;display:grid;place-items:center;flex:0 0 auto}.eventSaveIcon svg{width:17px;height:17px}.eventSaveIcon.active{background:#211b0d;color:#d4af37;border-color:#eadba9}.eventMetaRow{display:flex;gap:11px;flex-wrap:wrap;margin-top:9px}.eventMetaRow>span{display:flex;align-items:center;gap:4px;color:#64748b}.eventMetaRow svg,.eventPlaceRow svg{width:13px;height:13px;flex:0 0 auto;color:#d4af37}.eventMetaRow b{font-size:8px}.eventPlaceRow{display:flex;align-items:center;gap:5px;margin-top:6px;color:#64748b;font-size:8px;min-width:0}.eventPlaceRow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventCardBody>p{font-size:9px;color:#64748b;line-height:1.4;margin:9px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eventCardFoot{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px}.eventCardFoot>div{min-width:0;display:flex;align-items:center;gap:3px;color:#64748b}.eventCardFoot>div svg{width:14px;height:14px}.eventCardFoot>div b{font-size:9px;color:#334155}.eventCardFoot>div small{font-size:7px}.eventCardFoot>strong{font-size:10px;color:#0f172a;padding:0 4px}.eventOpenBtn,.eventJoinBtn{height:32px;border:0;border-radius:10px;padding:0 9px;font-size:8px;font-weight:950}.eventOpenBtn{background:#f1f5f9;color:#475569}.eventJoinBtn{background:#d4af37;color:#fff;min-width:46px}.eventJoinBtn svg{width:15px;height:15px}.eventJoinBtn.joined{background:#dcfce7;color:#15803d}
.eventSearch{height:43px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;margin-bottom:8px}.eventSearch>span svg,.eventSearch>button svg{width:17px;height:17px}.eventSearch>span{color:#64748b}.eventSearch input{min-width:0;border:0;outline:0;background:transparent;font-size:11px}.eventSearch>button{width:30px;height:30px;border:0;border-radius:9px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.eventFilterRow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;padding-bottom:2px}.eventFilterRow::-webkit-scrollbar{display:none}.eventFilterRow button{height:31px;flex:0 0 auto;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#fff;color:#64748b;padding:0 10px;font-size:8px;font-weight:900}.eventFilterRow button.active{background:#d4af37;color:#fff;border-color:#d4af37}
.eventCreateCard{border:1px solid rgba(148,163,184,.18);border-radius:21px;background:#fff;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06);display:grid;gap:10px}.eventCreateIcon{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#0f172a,#d4af37);color:#fff;display:grid;place-items:center;margin-bottom:2px}.eventCreateIcon svg{width:24px;height:24px}.eventCreateCard label{display:flex;flex-direction:column;gap:5px;min-width:0}.eventCreateCard label>span{font-size:8px;font-weight:900;color:#475569}.eventCreateCard input,.eventCreateCard select,.eventCreateCard textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#f8fafc;padding:0 10px;color:#0f172a;font-size:10px;outline:0}.eventCreateCard input,.eventCreateCard select{height:40px}.eventCreateCard textarea{padding-top:10px;resize:vertical}.eventCreateCard input:focus,.eventCreateCard select:focus,.eventCreateCard textarea:focus{border-color:#e7c55a;background:#fff}.eventFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eventCreateCard>button{height:43px;border:0;border-radius:13px;background:#d4af37;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:950;margin-top:2px}.eventCreateCard>button svg{width:17px;height:17px}
.eventMyTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.eventMyTabs button{height:39px;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:#fff;color:#64748b;font-size:9px;font-weight:900}.eventMyTabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#f1f5f9;margin-left:4px;font-size:7px}.eventMyTabs button.active{background:#d4af37;color:#fff;border-color:#d4af37}.eventMyTabs button.active b{background:rgba(255,255,255,.2)}.eventCreatedList{display:grid;gap:9px}.eventCreatedList article{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.18);border-radius:17px;background:#fff;padding:8px}.eventCreatedList .eventVisual{height:72px;border-radius:13px}.eventCreatedList .eventVisualIcon{width:31px;height:31px;left:8px;bottom:8px}.eventCreatedList .eventVisualIcon svg{width:16px;height:16px}.eventCreatedList .eventDateBlock{width:34px;height:37px;right:6px;top:6px;border-radius:10px}.eventCreatedList .eventDateBlock b{font-size:12px}.eventCreatedList .eventDateBlock small{font-size:5px}.eventCreatedList .eventCategory{display:none}.eventCreatedList article>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.eventCreatedList article>div:nth-child(2)>span{font-size:7px;color:#16a34a;font-weight:950;text-transform:uppercase}.eventCreatedList strong{font-size:10px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventCreatedList small{font-size:7px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eventCreatedList article>button{height:31px;border:0;border-radius:10px;background:#211b0d;color:#d4af37;padding:0 9px;font-size:8px;font-weight:950}
.eventEmpty{min-height:150px;padding:18px;border:1px dashed rgba(148,163,184,.4);border-radius:18px;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.eventEmpty>svg{width:30px;height:30px;color:#d4af37;margin-bottom:7px}.eventEmpty strong{font-size:13px;color:#334155}.eventEmpty span{font-size:9px;margin:4px 0 10px}.eventEmpty button{height:34px;border:0;border-radius:11px;background:#d4af37;color:#fff;padding:0 13px;font-size:9px;font-weight:950}.eventBack{height:34px;border:0;border-radius:11px;background:#f1f5f9;color:#475569;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:900;margin-bottom:9px}.eventBack svg{width:16px;height:16px}.eventDetailCard{border:1px solid rgba(148,163,184,.18);border-radius:21px;background:#fff;padding:14px}.eventDetailTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.eventDetailTitle>div{min-width:0}.eventDetailTitle h2{font-size:20px;line-height:1.08;margin:4px 0}.eventDetailCard>p{font-size:10px;line-height:1.5;color:#64748b;margin:10px 0 13px}.eventDetailRows{display:grid;gap:8px}.eventDetailRows>div{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:9px;border-radius:14px;background:#f8fafc}.eventDetailRows>div>svg{width:18px;height:18px;color:#d4af37;justify-self:center}.eventDetailRows>div>span{display:flex;flex-direction:column}.eventDetailRows b{font-size:10px}.eventDetailRows small{font-size:8px;color:#64748b;margin-top:2px}.eventDetailActions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;margin-top:12px}.eventDetailActions button{height:42px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:950}.eventDetailActions svg{width:17px;height:17px}.eventDetailActions .secondary{background:#211b0d;color:#d4af37}.eventDetailActions .primary{background:#d4af37;color:#fff}.eventDetailActions .primary.joined{background:#dcfce7;color:#15803d}
@media(min-width:760px){.eventCardList{grid-template-columns:repeat(2,minmax(0,1fr))}.eventCategoryGrid{gap:11px}.eventCategoryGrid button{height:88px}.eventHero{grid-template-columns:170px minmax(0,1fr)}.eventCreatedList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.eventProHead h2{font-size:21px}.eventHero{grid-template-columns:103px minmax(0,1fr)}.eventHeroCopy{padding:10px}.eventHeroCopy>strong{font-size:14px}.eventHeroCopy button{padding:0 7px}.eventCategoryGrid{gap:5px}.eventCategoryGrid button{height:70px}.eventStats{gap:5px}.eventProCard{border-radius:17px}.eventCardBody{padding:10px}.eventCardFoot{gap:4px}.eventOpenBtn,.eventJoinBtn{padding:0 7px}.eventFormGrid{gap:6px}.eventCreateCard{padding:11px}.eventCreatedList article{grid-template-columns:74px minmax(0,1fr) auto;gap:7px}.eventCreatedList .eventVisual{height:64px}}

/* ===== Profile mobile professional module ===== */
#viewModule.profileProMode #moduleBody{padding-bottom:108px}
.profileProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 11px}.profileProHead>div:first-child{min-width:0}.profileProHead span{display:block;color:#d4af37;font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.profileProHead h2{font-size:23px;line-height:1.05;margin:4px 0}.profileProHead p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.profileHeadMark{width:48px;height:48px;border-radius:16px;background:#211b0d;color:#d4af37;display:grid;place-items:center;flex:0 0 auto}.profileHeadMark svg{width:24px;height:24px}
.profileHero{overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#fff;box-shadow:0 13px 30px rgba(15,23,42,.07)}.profileCover{height:94px;padding:12px;box-sizing:border-box;background:linear-gradient(135deg,#0f172a 0%,#a87916 56%,#f3d46b 100%);display:flex;align-items:flex-start;justify-content:space-between;color:#fff;position:relative}.profileCover:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1);right:-24px;bottom:-66px}.profileCover>span{font-size:9px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.profileCover button{height:31px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);color:#fff;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:950;z-index:1}.profileCover button svg{width:14px;height:14px}.profileIdentity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:11px;padding:0 14px 14px;margin-top:-28px;position:relative;z-index:2}.profileAvatar{width:70px;height:70px;border:4px solid #fff;border-radius:22px;background:linear-gradient(145deg,#d4af37,#0f172a);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:950;box-shadow:0 9px 22px rgba(15,23,42,.2)}.profileIdentity>div:last-child{min-width:0;padding-top:35px}.profileIdentity>div:last-child>span{font-size:7px;color:#d4af37;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.profileIdentity h2{font-size:19px;line-height:1.05;margin:3px 0}.profileIdentity p{font-size:9px;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileIdentity small{display:flex;align-items:center;gap:4px;margin-top:6px;color:#64748b;font-size:8px}.profileIdentity small svg{width:13px;height:13px;color:#d4af37}
.profileStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 3px}.profileStats>div,.profileTeamStats>div{height:57px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.profileStats strong,.profileTeamStats strong{font-size:15px;color:#0f172a}.profileStats span,.profileTeamStats span{font-size:7px;color:#64748b;text-transform:uppercase;font-weight:900;letter-spacing:.06em;margin-top:2px}.profileSectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 1px 8px}.profileSectionHead>div{display:flex;flex-direction:column;min-width:0}.profileSectionHead strong{font-size:15px}.profileSectionHead span{font-size:8px;color:#64748b;margin-top:1px}.profileSectionHead>button{border:0;background:transparent;color:#d4af37;font-size:9px;font-weight:950;padding:7px}
.profilePostList{display:grid;gap:9px}.profilePostCard{border:1px solid rgba(148,163,184,.18);border-radius:19px;background:#fff;padding:12px;box-shadow:0 9px 24px rgba(15,23,42,.05)}.profilePostTop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.profileMiniAvatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#d4af37,#0f172a);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:950;flex:0 0 auto}.profileMiniAvatar.large{width:43px;height:43px;border-radius:14px;font-size:11px}.profileMiniAvatar.owner{background:linear-gradient(145deg,#0f172a,#f59e0b)}.profilePostTop>div{min-width:0;display:flex;flex-direction:column}.profilePostTop strong{font-size:10px}.profilePostTop small{font-size:7px;color:#64748b;margin-top:2px}.profilePostTop>button{width:30px;height:30px;border:0;border-radius:10px;background:#f8fafc;color:#94a3b8;font-size:18px;line-height:1}.profilePostCard h3{font-size:14px;margin:11px 0 4px}.profilePostCard p{font-size:9px;color:#64748b;line-height:1.45;margin:0;white-space:pre-wrap}.profilePostFoot{display:flex;gap:12px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(148,163,184,.13)}.profilePostFoot span{display:flex;align-items:center;gap:4px;color:#64748b}.profilePostFoot svg{width:14px;height:14px}.profilePostFoot b{font-size:7px}
.profileActivityList{display:grid;gap:7px}.profileActivityList article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(148,163,184,.17);border-radius:15px;background:#fff}.profileActivityList article>span{width:36px;height:36px;border-radius:12px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.profileActivityList article>span svg{width:18px;height:18px}.profileActivityList article>div{min-width:0;display:flex;flex-direction:column}.profileActivityList strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileActivityList small{font-size:7px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileActivityList time{font-size:6px;color:#94a3b8;text-align:right;max-width:60px}
.profileEmpty{min-height:132px;padding:17px;border:1px dashed rgba(148,163,184,.38);border-radius:18px;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.profileEmpty.tall{min-height:220px}.profileEmpty>svg{width:29px;height:29px;color:#d4af37;margin-bottom:7px}.profileEmpty strong{font-size:13px;color:#334155}.profileEmpty span{font-size:8px;margin:4px 0 9px}.profileEmpty button{height:34px;border:0;border-radius:11px;background:#d4af37;color:#fff;padding:0 13px;font-size:9px;font-weight:950}
.profileComposer,.profileSettingsCard{border:1px solid rgba(148,163,184,.18);border-radius:21px;background:#fff;padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06);display:grid;gap:11px}.profileComposerTop,.profileSettingsAvatar{display:flex;align-items:center;gap:9px}.profileComposerTop>div,.profileSettingsAvatar>div{display:flex;flex-direction:column}.profileComposerTop strong,.profileSettingsAvatar strong{font-size:11px}.profileComposerTop small,.profileSettingsAvatar small{font-size:8px;color:#64748b;margin-top:2px}.profileComposer label,.profileSettingsCard>label:not(.profileToggle){display:flex;flex-direction:column;gap:5px}.profileComposer label>span,.profileSettingsCard>label>span:first-child{font-size:8px;font-weight:900;color:#475569}.profileComposer input,.profileComposer textarea,.profileSettingsCard input[type=text],.profileSettingsCard input:not([type]){width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#f8fafc;color:#0f172a;font-size:10px;outline:0}.profileComposer input,.profileSettingsCard input[type=text],.profileSettingsCard input:not([type]){height:41px;padding:0 10px}.profileComposer textarea{padding:10px;resize:vertical}.profileComposer input:focus,.profileComposer textarea:focus,.profileSettingsCard input:focus{border-color:#e7c55a;background:#fff}.profileComposerFoot{display:flex;align-items:center;justify-content:space-between;gap:8px}.profileComposerFoot>span{display:flex;align-items:center;gap:4px;color:#64748b;font-size:8px}.profileComposerFoot>span svg{width:14px;height:14px;color:#d4af37}.profileComposerFoot>button,.profileSettingsCard>button{height:41px;border:0;border-radius:13px;background:#d4af37;color:#fff;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:950}.profileComposerFoot>button svg{width:16px;height:16px}
.profileTeamHero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border-radius:21px;background:linear-gradient(135deg,#0f172a,#a87916);color:#fff;box-shadow:0 15px 30px rgba(15,23,42,.18)}.profileTeamHero>div{min-width:0}.profileTeamHero span{font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;opacity:.68}.profileTeamHero h2{font-size:18px;margin:4px 0}.profileTeamHero p{font-size:8px;opacity:.72;margin:0}.profileTeamHero>strong{font-size:20px;text-align:right}.profileTeamHero>strong small{display:block;font-size:7px;opacity:.66;letter-spacing:.08em}.profileTeamStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.profileMemberList{display:grid;gap:8px}.profileMemberList article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#fff}.profileMemberList article>div{min-width:0;display:flex;flex-direction:column}.profileMemberList article strong{font-size:10px}.profileMemberList article small{font-size:8px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileMemberList article>b{font-size:10px;color:#d4af37}
.profileSettingsAvatar>span{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#d4af37,#0f172a);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:950}.profileToggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;background:#f8fafc}.profileToggle>div{display:flex;flex-direction:column}.profileToggle strong{font-size:10px}.profileToggle small{font-size:7px;color:#64748b;margin-top:2px}.profileToggle input{position:absolute;opacity:0;pointer-events:none}.profileToggle>span{width:41px;height:23px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.profileToggle>span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px rgba(15,23,42,.18);transition:.2s}.profileToggle input:checked+span{background:#d4af37}.profileToggle input:checked+span:after{transform:translateX(18px)}.profileDataCard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#fff}.profileDataIcon{width:42px;height:42px;border-radius:14px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.profileDataIcon svg{width:21px;height:21px}.profileDataCard>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.profileDataCard strong{font-size:11px}.profileDataCard span{font-size:8px;color:#64748b;margin-top:2px}.profileDataActions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profileDataActions button,.profileDataActions label{height:37px;border:1px solid #eadba9;border-radius:12px;background:#211b0d;color:#d4af37;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:950;cursor:pointer}
@media(min-width:760px){.profilePostList{grid-template-columns:repeat(2,minmax(0,1fr))}.profileActivityList{grid-template-columns:repeat(2,minmax(0,1fr))}.profileMemberList{grid-template-columns:repeat(2,minmax(0,1fr))}.profileHero{max-width:720px}.profileStats{max-width:720px}}
@media(max-width:380px){.profileProHead h2{font-size:21px}.profileCover{height:86px}.profileIdentity{padding:0 11px 11px}.profileAvatar{width:64px;height:64px;border-radius:20px}.profileIdentity>div:last-child{padding-top:31px}.profileStats{gap:5px}.profileStats>div{height:53px}.profileStats strong{font-size:13px}.profilePostCard{padding:10px}.profileActivityList article{padding:8px}.profileActivityList time{max-width:50px}.profileComposer,.profileSettingsCard{padding:11px}.profileTeamHero{padding:12px}.profileTeamStats{gap:5px}}


/* ===== Chat mobile professional module ===== */
#viewModule.chatProMode #moduleBody{padding-bottom:108px}
.chatProHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.chatProHead>div:first-child{min-width:0}.chatProHead>div:first-child>span{font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#d4af37}.chatProHead h2{font-size:22px;line-height:1.06;margin:3px 0}.chatProHead p{font-size:9px;line-height:1.45;color:#64748b;margin:0}.chatHeadMark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#0f172a,#d4af37);color:#fff;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 10px 22px rgba(212,175,55,.18)}.chatHeadMark svg{width:22px;height:22px}
.chatInboxHero{min-height:124px;border-radius:22px;padding:16px;box-sizing:border-box;background:linear-gradient(135deg,#0f172a 0%,#a87916 58%,#f3d46b 100%);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;box-shadow:0 14px 32px rgba(15,23,42,.16);position:relative;overflow:hidden}.chatInboxHero:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-52px;top:-54px;background:rgba(255,255,255,.1)}.chatInboxHero>div{position:relative;z-index:1}.chatInboxHero span{font-size:8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.chatInboxHero h2{font-size:25px;line-height:1;margin:5px 0}.chatInboxHero p{font-size:9px;margin:0;opacity:.82}.chatInboxHero>button{width:43px;height:43px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;position:relative;z-index:1}.chatInboxHero>button svg{width:21px;height:21px}
.chatSearch{height:43px;margin:10px 0 9px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px}.chatSearch svg{width:17px;height:17px;color:#64748b}.chatSearch input{min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:10px}
.chatQuickStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.chatQuickStats button{height:58px;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 11px;color:#0f172a;box-shadow:0 7px 18px rgba(15,23,42,.04)}.chatQuickStats strong{font-size:16px;line-height:1}.chatQuickStats span{font-size:8px;color:#64748b;margin-top:4px;font-weight:850}
.chatSectionHead{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 8px}.chatSectionHead>div{display:flex;flex-direction:column}.chatSectionHead strong{font-size:12px}.chatSectionHead span{font-size:8px;color:#64748b;margin-top:2px}
.chatConversationList{display:grid;gap:8px}.chatConversationRow{width:100%;min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:17px;background:#fff;padding:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.045)}.chatConversationRow>span:first-child{display:grid}.chatConversationMain{min-width:0}.chatConversationMain>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.chatConversationMain strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatConversationMain time{font-size:7px;color:#94a3b8;white-space:nowrap}.chatConversationMain small{display:block;font-size:8px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.chatConversationRow>b{min-width:19px;height:19px;border-radius:999px;background:#d4af37;color:#fff;display:grid;place-items:center;font-size:7px}
.chatAvatar{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#d4af37,#0f172a);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:950;position:relative;box-shadow:0 7px 17px rgba(15,23,42,.12)}.chatAvatar.violet{background:linear-gradient(145deg,#7c3aed,#d4af37)}.chatAvatar.navy{background:linear-gradient(145deg,#0f172a,#334155)}.chatAvatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#22c55e}
.chatRoomHead{min-height:58px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#fff;padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:9px}.chatRoomHead>div{min-width:0;display:flex;flex-direction:column}.chatRoomHead strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatRoomHead small{font-size:8px;color:#64748b;margin-top:3px}.chatRoomHead>button{width:34px;height:34px;border:0;border-radius:11px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.chatRoomHead>button svg{width:17px;height:17px}
.chatMessages{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:7px 2px 10px}.chatBubbleRow{display:flex}.chatBubbleRow.own{justify-content:flex-end}.chatBubbleRow.other{justify-content:flex-start}.chatBubble{max-width:78%;border-radius:16px 16px 5px 16px;background:#d4af37;color:#fff;padding:9px 10px;box-shadow:0 7px 18px rgba(212,175,55,.15)}.chatBubbleRow.other .chatBubble{border-radius:16px 16px 16px 5px;background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.18)}.chatBubble p{font-size:10px;line-height:1.42;margin:0;word-break:break-word}.chatBubble span{display:block;font-size:6px;opacity:.72;text-align:right;margin-top:4px}.chatComposer{position:sticky;bottom:90px;z-index:6;min-height:52px;border:1px solid rgba(148,163,184,.24);border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);padding:6px;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:6px;box-shadow:0 13px 30px rgba(15,23,42,.14)}.chatComposer input{height:38px;min-width:0;border:0;outline:0;background:#f8fafc;border-radius:12px;padding:0 11px;font-size:10px;color:#0f172a}.chatComposer button{height:38px;border:0;border-radius:12px;display:grid;place-items:center}.chatComposer button:first-child{background:#f1f5f9;color:#64748b}.chatComposer button:last-child{background:#d4af37;color:#fff}.chatComposer svg{width:18px;height:18px}
.chatPeopleStrip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px;padding:2px 1px 4px}.chatPeopleStrip::-webkit-scrollbar{display:none}.chatPeopleStrip button{flex:0 0 66px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff;padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#64748b}.chatPeopleStrip button.active{border-color:#d4af37;background:#211b0d;color:#d4af37}.chatPeopleStrip .chatAvatar{width:38px;height:38px;border-radius:13px;font-size:9px}.chatPeopleStrip button>span:last-child{font-size:8px;font-weight:900;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatGroupCreate{height:45px;border:1px solid rgba(148,163,184,.2);border-radius:15px;background:#fff;padding:5px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:9px}.chatGroupCreate input{min-width:0;border:0;outline:0;background:#f8fafc;border-radius:10px;padding:0 10px;font-size:9px}.chatGroupCreate button{border:0;border-radius:10px;background:#d4af37;color:#fff;padding:0 11px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:950}.chatGroupCreate button svg{width:15px;height:15px}.chatGroupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.chatGroupGrid>button{min-width:0;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#fff;padding:8px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;text-align:left;color:#0f172a}.chatGroupGrid>button.active{border-color:#d4af37;background:#211b0d}.chatGroupGrid .chatAvatar{width:36px;height:36px;border-radius:12px;font-size:9px}.chatGroupGrid>button>span:last-child{min-width:0;display:flex;flex-direction:column}.chatGroupGrid strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatGroupGrid small{font-size:7px;color:#64748b;margin-top:3px}
.chatSettingsCard{border:1px solid rgba(148,163,184,.18);border-radius:20px;background:#fff;padding:4px 12px;box-shadow:0 11px 26px rgba(15,23,42,.055)}.chatSettingsCard label{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid rgba(148,163,184,.14);position:relative}.chatSettingsCard label:last-child{border-bottom:0}.chatSettingsCard label>div{display:flex;flex-direction:column}.chatSettingsCard strong{font-size:10px}.chatSettingsCard small{font-size:8px;color:#64748b;margin-top:3px}.chatSettingsCard input{position:absolute;opacity:0;pointer-events:none}.chatSettingsCard label>span{width:40px;height:23px;border-radius:999px;background:#cbd5e1;position:relative;transition:.2s}.chatSettingsCard label>span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 6px rgba(15,23,42,.2);transition:.2s}.chatSettingsCard input:checked+span{background:#d4af37}.chatSettingsCard input:checked+span:after{transform:translateX(17px)}.chatStorageCard{margin-top:10px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#fff;padding:11px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px}.chatStorageCard>span{width:39px;height:39px;border-radius:13px;background:#211b0d;color:#d4af37;display:grid;place-items:center}.chatStorageCard>span svg{width:19px;height:19px}.chatStorageCard>div{min-width:0;display:flex;flex-direction:column}.chatStorageCard strong{font-size:10px}.chatStorageCard small{font-size:8px;color:#64748b;margin-top:3px}.chatStorageCard>button{height:33px;border:0;border-radius:10px;background:#fee2e2;color:#b91c1c;padding:0 10px;font-size:8px;font-weight:950}
.chatEmpty{min-height:140px;border:1px dashed rgba(148,163,184,.4);border-radius:18px;background:#f8fafc;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.chatEmpty>svg{width:28px;height:28px;color:#d4af37;margin-bottom:7px}.chatEmpty strong{font-size:12px;color:#334155}.chatEmpty span{font-size:8px;margin-top:4px}
@media(max-width:390px){.chatInboxHero{min-height:112px;padding:14px}.chatInboxHero h2{font-size:22px}.chatQuickStats button{height:54px;padding:0 9px}.chatConversationRow{padding:8px;gap:8px}.chatAvatar{width:40px;height:40px;border-radius:14px}.chatMessages{min-height:220px}.chatComposer{bottom:86px}.chatGroupGrid{gap:7px}}
@media(min-width:760px){#viewModule.chatProMode #moduleBody{max-width:760px;margin:0 auto;padding-bottom:120px}.chatConversationList{grid-template-columns:repeat(2,minmax(0,1fr))}.chatMessages{min-height:360px}.chatComposer{bottom:28px}.chatGroupGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* --- Image fit cleanup: category buttons and product visuals --- */
.tile .img,
#viewCategories .tile .img,
#viewSubcats .tile .img{
  display:grid;
  place-items:center;
  padding:6px;
}

.tile .img .imgWrap,
#viewCategories .tile .img .imgWrap,
#viewSubcats .tile .img .imgWrap,
.shopProductImage .imgWrap,
.imgbox .imgWrap,
.cartThumb .imgWrap{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}

.tile .img .imgReal,
#viewCategories .tile .img .imgReal,
#viewSubcats .tile .img .imgReal{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  padding:0;
  border-radius:12px;
  background:transparent;
}

.shopProductImage,
.pimg,
.imgbox,
.cartThumb{
  display:grid;
  place-items:center;
}

.shopProductImage .imgReal,
.pimg .imgReal,
.imgbox .imgReal,
.cartThumb .imgReal{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  padding:10px;
  background:transparent;
}

.shopProductImage img,
.pimg img,
.imgbox img,
.cartThumb img{
  object-position:center center;
}


/* --- Remove extra repeated blocks on module screens --- */
.serviceModuleHead,
.serviceSearchRow,
.serviceChipRow{
  display:none !important;
}

/* Tidy Services after removing extra blocks */
.serviceSectionHead{
  margin-top:8px !important;
}

/* Slightly tighter module content spacing */
#viewModule .sectionTitle,
#viewModule h1,
#viewModule h2{
  margin-top:0;
}


/* ===== Final module consistency cleanup ===== */
.moduleIconImage,
.hubMainIconImage{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

.tabIcon{
  width:30px !important;
  height:30px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden;
}
.tabIcon .moduleIconImage{
  width:28px;
  height:28px;
}

.hubModuleIcon{
  width:42px !important;
  height:42px !important;
  padding:4px;
  display:grid !important;
  place-items:center !important;
  overflow:hidden;
}
.hubMainIconImage{
  width:36px;
  height:36px;
}

/* Same content start and breathing room in every module */
.content > section:not(.hidden),
#viewModule:not(.hidden),
#viewCategories:not(.hidden),
#viewSubcats:not(.hidden),
#viewProducts:not(.hidden){
  scroll-margin-top:12px;
}
#moduleBody,
.moduleScreen,
[class$="Screen"],
[class*="ModuleScreen"]{
  padding-top:0 !important;
}

/* Align common module cards without forcing text-heavy forms */
.serviceProCard,
.shopProductCard,
.pcard,
.jobsCard,
.eventCard,
.sportsCard,
.eduCourseCard,
.mediaCard,
.homePropertyCard,
.moveRequestCard,
.financePlanCard{
  height:100%;
}
.serviceProGrid,
.gridProd,
.jobsList,
.eventGrid,
.eduCourseGrid,
.mediaGrid,
.homePropertyGrid{
  align-items:stretch;
}

/* Remove repeated decorative intro/summary fragments while preserving useful forms and values */
.publicModuleHero,
.moduleIntroCard,
.moduleSummaryStrip,
.moduleMiniStats,
.moduleQuickStats,
.moduleDecorativeStats{
  display:none !important;
}

/* Mobile alignment */
@media(max-width:640px){
  .content{padding-top:10px !important;}
  .hubModuleIcon{width:38px !important;height:38px !important;}
  .hubMainIconImage{width:33px;height:33px;}
  .tabIcon{width:28px !important;height:28px !important;}
  .tabIcon .moduleIconImage{width:26px;height:26px;}
}


/* ===== FINAL REAL CLEANUP OVERRIDES ===== */
/* remove repeated/extra blocks on module screens */
.serviceModuleHead,
.serviceSearchRow,
.serviceChipRow{display:none !important;}

/* cleaner section spacing */
.serviceSectionHead,
.shopSectionHead{margin-top:6px !important; margin-bottom:8px !important;}

/* remove extra button size around category images */
#viewCategories .gridCat,
#viewSubcats .gridCat{gap:6px !important;}
#viewCategories .tile,
#viewSubcats .tile{
  min-height:70px !important;
  padding:5px 3px !important;
  border-radius:15px !important;
}
#viewCategories .tile .img,
#viewSubcats .tile .img{
  height:40px !important;
  border-radius:10px !important;
}
#viewCategories .tile .img .imgWrap,
#viewSubcats .tile .img .imgWrap{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
}
#viewCategories .tile .img .imgReal,
#viewSubcats .tile .img .imgReal{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  border-radius:10px !important;
}
#viewCategories .tile .label,
#viewSubcats .tile .label{font-size:10px !important; line-height:1.1 !important;}

/* main hub icons should fill their tile more neatly */
.hubModuleIcon .imgReal,
.hubModuleIcon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* shrink category / service tile buttons so image is not lost in a large box */
.serviceCategoryGrid{gap:8px !important;}
.serviceCategoryTile{min-height:76px !important; padding:8px 4px !important; border-radius:15px !important;}
.serviceCategoryTile span{width:40px !important; height:40px !important;}

/* make top utility icon buttons a bit tighter */
.topbar .iconbtn{width:56px !important; height:56px !important;}
@media(max-width:599px){
  #viewCategories .tile,#viewSubcats .tile{min-height:64px !important;}
  #viewCategories .tile .img,#viewSubcats .tile .img{height:34px !important;}
  .serviceCategoryTile{min-height:70px !important; padding:6px 3px !important;}
  .serviceCategoryTile span{width:34px !important; height:34px !important;}
  .topbar .iconbtn{width:52px !important; height:52px !important;}
}

/* =========================================================
   ROUND 09 — WALLET / COINS / MEDIA / SPORTS VISUAL CORRECTION
   Compact mobile-first proportions; functions remain unchanged.
========================================================= */

/* Shared module density */
.walletProHead,.coinProHead,.mediaModuleHead,.sportsHead{
  min-height:auto!important;
  margin:0 0 10px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  gap:8px!important;
}
.walletProHead h2,.coinProHead h2,.mediaModuleHead h2,.sportsHead h2,
.walletProHead strong,.coinProHead strong,.mediaModuleHead strong,.sportsHead strong{
  font-size:17px!important;
  line-height:1.15!important;
}
.walletProHead p,.coinProHead p,.mediaModuleHead p,.sportsHead p{
  display:none!important;
}
.walletHeadIcon,.coinHeadIcon,.mediaHeadIcon,.sportsHeadIcon{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;
}
.walletHeadIcon svg,.coinHeadIcon svg,.mediaHeadIcon svg,.sportsHeadIcon svg{
  width:20px!important;height:20px!important;
}

/* Wallet */
.walletBalanceHero{
  min-height:0!important;
  padding:14px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.walletBalanceHero:before,.walletBalanceHero:after,.walletHeroMark{display:none!important}
.walletBalanceMain strong{font-size:28px!important;line-height:1!important}
.walletRcBalance{
  min-width:78px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}
.walletRcBalance strong{font-size:16px!important}
.walletMiniGrid{gap:7px!important;margin-top:8px!important}
.walletMiniGrid>div{padding:8px!important;border-radius:12px!important}
.walletMiniGrid span{font-size:10px!important}
.walletMiniGrid strong{font-size:13px!important}
.walletQuickGrid{gap:7px!important}
.walletQuickTile{
  min-height:64px!important;
  padding:8px 5px!important;
  border-radius:14px!important;
  gap:5px!important;
}
.walletQuickTile>span{width:29px!important;height:29px!important;border-radius:9px!important}
.walletQuickTile svg{width:17px!important;height:17px!important}
.walletQuickTile strong{font-size:11px!important}
.walletTxStack{gap:7px!important}
.walletTxRow{padding:9px!important;border-radius:14px!important;gap:8px!important}
.walletTxIcon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important}
.walletTxCopy strong{font-size:12px!important}
.walletTxCopy small{font-size:10px!important}
.walletTxSide b{font-size:12px!important}
.walletFormCard{padding:12px!important;border-radius:16px!important}
.walletField>input,.walletField>select,.walletAmountField{min-height:44px!important}
.walletSubmitBtn{min-height:46px!important;border-radius:13px!important}

/* Coins */
.coinHero{
  min-height:0!important;
  padding:14px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.coinHero:before,.coinHeroMark{display:none!important}
.coinHeroMain strong{font-size:28px!important;line-height:1!important}
.coinHeroRing{width:64px!important;height:64px!important;flex:0 0 64px!important}
.coinHeroRing b{font-size:16px!important}
.coinHeroRing span{font-size:9px!important}
.coinMiniGrid{gap:7px!important;margin-top:8px!important}
.coinMiniGrid>div{padding:8px!important;border-radius:12px!important}
.coinQuickGrid{gap:7px!important}
.coinQuickTile{
  min-height:64px!important;
  padding:8px 5px!important;
  border-radius:14px!important;
  gap:5px!important;
}
.coinQuickTile>span{width:29px!important;height:29px!important;border-radius:9px!important}
.coinQuickTile svg{width:17px!important;height:17px!important}
.coinQuickTile strong{font-size:11px!important}
.coinRewardStrip,.coinSafeStrip{padding:10px!important;border-radius:14px!important;gap:9px!important}
.coinRewardIcon,.coinSafeStrip>span{width:34px!important;height:34px!important;flex:0 0 34px!important}
.coinHistoryStack{gap:7px!important}
.coinHistoryRow{padding:9px!important;border-radius:14px!important;gap:8px!important}
.coinHistoryIcon{width:34px!important;height:34px!important;flex:0 0 34px!important}
.coinHistoryCopy strong{font-size:12px!important}
.coinHistoryCopy small{font-size:10px!important}
.coinStakeCard{padding:12px!important;border-radius:16px!important}
.coinSubmitBtn{min-height:46px!important;border-radius:13px!important}

/* Media */
.mediaGrid,.mediaProGrid,.mediaCardList{gap:9px!important}
.mediaCard,.mediaProCard,.mediaPostCard{
  border-radius:16px!important;
  overflow:hidden!important;
  min-height:0!important;
}
.mediaPreview,.mediaVisual,.mediaPostVisual{
  aspect-ratio:16/10!important;
  min-height:0!important;
  height:auto!important;
}
.mediaPreview img,.mediaVisual img,.mediaPostVisual img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.mediaDetail,.mediaProBody,.mediaPostBody{padding:10px!important}
.mediaDetail h3,.mediaProTitle,.mediaPostTitle{
  font-size:13px!important;line-height:1.25!important;margin:0!important;
}
.mediaDetail p,.mediaProMeta,.mediaPostMeta{
  font-size:10px!important;line-height:1.35!important;margin-top:4px!important;
}
.mediaActions,.mediaPostActions{
  padding:7px 9px!important;
  gap:5px!important;
}
.mediaActions button,.mediaPostActions button{
  min-height:34px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.mediaFilterRow,.mediaChipRow{gap:6px!important}
.mediaFilterRow button,.mediaChipRow button{
  min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important;
}
.mediaCreateCard,.mediaFormCard{padding:12px!important;border-radius:16px!important}

/* Sports */
.sportsHero,.sportsProfileHero,.sportsRankHero{
  min-height:0!important;
  padding:13px!important;
  border-radius:17px!important;
}
.sportsHero:before,.sportsHero:after{display:none!important}
.sportsQuickGrid,.sportsRoleGrid,.sportsCategoryGrid{gap:7px!important}
.sportsQuickGrid button,.sportsRoleGrid button,.sportsCategoryGrid button{
  min-height:64px!important;
  padding:8px 5px!important;
  border-radius:14px!important;
  gap:5px!important;
}
.sportsQuickGrid button>span,.sportsRoleGrid button>span,.sportsCategoryGrid button>span{
  width:30px!important;height:30px!important;border-radius:9px!important;
}
.sportsQuickGrid strong,.sportsRoleGrid strong,.sportsCategoryGrid strong{font-size:11px!important}
.sportsMatchList,.sportsRankList,.sportsTeamList{gap:7px!important}
.sportsMatchCard,.sportsRankRow,.sportsTeamRow{
  min-height:0!important;
  padding:9px!important;
  border-radius:14px!important;
  gap:8px!important;
}
.sportsMatchCard strong,.sportsRankRow strong,.sportsTeamRow strong{font-size:12px!important}
.sportsMatchCard small,.sportsRankRow small,.sportsTeamRow small{font-size:10px!important}
.sportsResult,.sportsRankBadge,.sportsTeamIcon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;
}
.sportsFormCard{padding:12px!important;border-radius:16px!important}
.sportsFormCard input,.sportsFormCard select,.sportsFormCard textarea{min-height:44px!important}

/* Strong mobile correction */
@media(max-width:390px){
  .walletBalanceHero,.coinHero{padding:12px!important}
  .walletBalanceMain strong,.coinHeroMain strong{font-size:24px!important}
  .walletQuickGrid,.coinQuickGrid,.sportsQuickGrid,.sportsRoleGrid,.sportsCategoryGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .walletQuickTile,.coinQuickTile,
  .sportsQuickGrid button,.sportsRoleGrid button,.sportsCategoryGrid button{
    min-height:60px!important;
  }
  .mediaGrid,.mediaProGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mediaDetail,.mediaProBody,.mediaPostBody{padding:8px!important}
}

@media(max-width:350px){
  .walletQuickGrid,.coinQuickGrid,.sportsQuickGrid,.sportsRoleGrid,.sportsCategoryGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mediaGrid,.mediaProGrid{grid-template-columns:1fr!important}
}

/* ROUND 10: Learn, Events, Profile, Chat */
.eduHead,.learnHead,.eventHead,.profileHead,.chatHead,.educationHead,.eventsHead,.profileModuleHead,.chatModuleHead{
 min-height:auto!important;margin:0 0 10px!important;padding:8px 10px!important;border-radius:14px!important;gap:8px!important}
.eduHead p,.learnHead p,.eventHead p,.profileHead p,.chatHead p,.educationHead p,.eventsHead p,.profileModuleHead p,.chatModuleHead p{display:none!important}
.eduHead h2,.learnHead h2,.eventHead h2,.profileHead h2,.chatHead h2,.educationHead h2,.eventsHead h2{font-size:17px!important;line-height:1.15!important}

.eduHero,.learnHero,.educationHero,.eventHero,.eventsHero,.profileHero,.profileCoverCard,.profileSummaryCard{
 min-height:0!important;padding:13px!important;border-radius:17px!important}
.eduHero:before,.eduHero:after,.learnHero:before,.learnHero:after,.eventHero:before,.eventHero:after,.eventsHero:before,.eventsHero:after{display:none!important}

.eduCategoryGrid,.learnCategoryGrid,.educationCategoryGrid,.profileActionRow,.profileQuickGrid{gap:7px!important}
.eduCategoryGrid button,.learnCategoryGrid button,.educationCategoryGrid button,.profileActionRow button,.profileQuickGrid button{
 min-height:64px!important;padding:8px 5px!important;border-radius:14px!important;gap:5px!important;font-size:10px!important}

.eduCourseGrid,.learnCourseGrid,.educationCourseGrid,.eventCardList,.eventsCardList,.eventCreatedList,.profilePostGrid,.profileActivityList,.chatList,.chatConversationList,.chatGroupList{gap:8px!important}
.eduCourseCard,.learnCourseCard,.educationCourseCard,.eventCard,.eventsCard,.eventCreatedList article,.profilePostCard,.profileActivityList article,.chatListItem,.chatConversationRow,.chatGroupRow{
 min-height:0!important;padding:10px!important;border-radius:15px!important;gap:8px!important}
.eduCourseCard strong,.learnCourseCard strong,.educationCourseCard strong,.eventCard strong,.eventsCard strong,.profilePostCard strong,.chatListItem strong,.chatConversationRow strong,.chatGroupRow strong{font-size:12px!important;line-height:1.25!important}
.eduCourseCard small,.learnCourseCard small,.educationCourseCard small,.eventCard small,.eventsCard small,.profilePostCard small,.chatListItem small,.chatConversationRow small,.chatGroupRow small{font-size:10px!important;line-height:1.35!important}

.eventFilterRow,.eventsFilterRow,.eventChipRow{gap:6px!important}
.eventFilterRow button,.eventsFilterRow button,.eventChipRow button{min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:10px!important}
.eventVisual,.eventsVisual{min-height:0!important;height:auto!important;aspect-ratio:16/9!important;border-radius:12px!important}
.eventDetailCard,.profileFormCard,.profileSetupCard,.chatSettingsCard{padding:12px!important;border-radius:16px!important}

.profileAvatar,.profilePhoto{width:58px!important;height:58px!important;flex:0 0 58px!important}
.profileStats,.profileStatGrid{display:none!important}

.chatAvatar{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important}
.chatPanel,.chatThread,.chatMessages{border-radius:16px!important}
.chatMessages{padding:10px!important;gap:7px!important}
.chatBubble{max-width:82%!important;padding:8px 10px!important;border-radius:13px!important;font-size:11px!important;line-height:1.35!important}
.chatComposer{min-height:54px!important;padding:7px!important;border-radius:15px!important;gap:6px!important}
.chatComposer input,.chatComposer textarea{min-height:40px!important;font-size:12px!important}
.chatComposer button{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:11px!important}

@media(max-width:390px){
 .eduCategoryGrid,.learnCategoryGrid,.educationCategoryGrid,.profileActionRow,.profileQuickGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .eduCourseGrid,.learnCourseGrid,.educationCourseGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .eventCard,.eventsCard,.eventCreatedList article{grid-template-columns:1fr!important}
 .chatBubble{max-width:88%!important}}
@media(max-width:350px){
 .eduCategoryGrid,.learnCategoryGrid,.educationCategoryGrid,.profileActionRow,.profileQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .eduCourseGrid,.learnCourseGrid,.educationCourseGrid{grid-template-columns:1fr!important}}

/* ROUND 12 — local campaign media */
.mediaProVisual{position:relative;overflow:hidden;background:#111}
.mediaProImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mediaProVisual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.56));pointer-events:none}
.mediaProType,.mediaProDuration{position:relative;z-index:2}


/* ===== Move professional map refresh ===== */
.moveModuleHead{padding:12px 14px;border:1px solid rgba(229,188,71,.18);border-radius:22px;background:radial-gradient(circle at top right,rgba(231,185,62,.08),transparent 32%),linear-gradient(145deg,#19140b,#0d0b09 60%,#070707);box-shadow:0 18px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,243,200,.05)}
.moveModuleIcon{background:linear-gradient(180deg,#f0c957,#bb8612);color:#1a1306;box-shadow:inset 0 1px 0 rgba(255,246,220,.35),0 8px 18px rgba(0,0,0,.22)}
.moveModuleHead strong{color:#fff3d5;font-size:20px}
.moveModuleHead span:not(.moveModuleIcon):not(.moveLiveDot){color:#b7a98c;font-size:11px}
.moveLiveDot{box-shadow:0 0 0 7px rgba(34,197,94,.09)}
.moveHeroMap{position:relative;margin:0 0 14px}
.moveHeroCanvas{position:relative;min-height:324px;padding:14px;border:1px solid rgba(227,184,64,.2);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(29,99,154,.35),transparent 28%),radial-gradient(circle at 86% 8%,rgba(235,189,70,.15),transparent 28%),linear-gradient(180deg,#16263b 0%,#102033 35%,#0d1320 100%);box-shadow:0 28px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,238,189,.05)}
.moveHeroGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.78) 72%,rgba(0,0,0,.98))}
.moveHeroGlow{position:absolute;inset:auto auto 30px -20px;width:240px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(245,200,81,.18),transparent 68%);filter:blur(18px)}
.moveHeroRoad{position:absolute;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 1px 0 rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.06)}
.moveHeroRoad.roadA{width:240px;height:18px;left:-28px;top:116px;transform:rotate(-14deg)}
.moveHeroRoad.roadB{width:210px;height:18px;right:-14px;top:84px;transform:rotate(17deg)}
.moveHeroRoad.roadC{width:265px;height:16px;left:110px;bottom:96px;transform:rotate(6deg)}
.moveHeroRoute{position:absolute;left:18%;right:18%;top:148px;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,#f0c14a 0 12px,transparent 12px 18px);transform:rotate(-5deg);filter:drop-shadow(0 0 8px rgba(240,193,74,.24))}
.moveHeroPin{position:absolute;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#1b2231;box-shadow:0 14px 30px rgba(0,0,0,.2)}
.moveHeroPin svg{width:22px;height:22px}
.moveHeroPin.fromPin{left:18%;top:126px;color:#d2a027}
.moveHeroPin.toPin{right:17%;top:104px;color:#111827}
.moveHeroDistrict{position:absolute;z-index:1;padding:5px 9px;border-radius:999px;background:rgba(8,10,14,.38);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:#dce7f3}
.moveHeroDistrict.d1{left:12%;top:48px}.moveHeroDistrict.d2{right:23%;top:60px}.moveHeroDistrict.d3{right:10%;bottom:132px}.moveHeroDistrict.d4{left:35%;bottom:126px}
.moveHeroTopRow{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:8px;align-items:center}
.moveHeroLocationCard{min-height:62px;padding:11px 12px;border-radius:18px;background:rgba(251,251,252,.92);box-shadow:0 12px 28px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:center}
.moveHeroLocationCard strong{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#9aa0aa}
.moveHeroLocationCard span{margin-top:5px;color:#12161d;font-size:17px;font-weight:900;line-height:1.08}
.moveHeroSwapVisual{height:50px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(11,16,24,.58);display:grid;place-items:center;color:#f0c14a;backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(0,0,0,.2)}
.moveHeroSwapVisual svg{width:22px;height:22px}
.moveHeroLegend{position:absolute;left:14px;right:14px;bottom:92px;z-index:2;display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.moveHeroLegend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(7,10,17,.58);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);color:#f6ead0;font-size:10px;font-weight:800}
.moveHeroLegend svg{width:14px;height:14px;color:#f1c656}
.moveHeroBottomPanel{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:end;gap:12px;padding:14px 14px 15px;border-radius:22px;background:linear-gradient(180deg,rgba(8,11,18,.68),rgba(8,10,15,.92));border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(11px)}
.moveHeroCopy{min-width:0;flex:1}.moveHeroCopy small{display:block;color:#f0c95f;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.moveHeroCopy strong{display:block;margin-top:3px;color:#fff7e1;font-size:23px;line-height:1}.moveHeroCopy p{margin:7px 0 0;color:#c0c6d2;font-size:11px;line-height:1.35;max-width:240px}
.moveHeroCTA{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.moveHeroCTA button{min-width:110px;height:44px;padding:0 16px;border:0;border-radius:14px;background:linear-gradient(180deg,#f2ca57,#ca971d);color:#1c1405;font-size:13px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,245,214,.4),0 12px 26px rgba(0,0,0,.2)}.moveHeroCTA span{color:#f4d98f;font-size:10px;font-weight:800}
.moveSectionHead strong{color:#f8eed2;font-size:16px}.moveSectionHead span{color:#a79a80}.moveSectionHead button{height:34px;padding:0 12px;border:1px solid rgba(230,188,71,.18);border-radius:999px;background:#17120b;color:#efc85b;font-size:11px;font-weight:900}
.moveQuickGrid{gap:10px}.moveQuickTile{min-height:108px;padding:12px 8px;border:1px solid rgba(227,184,64,.16);border-radius:22px;background:radial-gradient(circle at top,rgba(233,188,66,.06),transparent 42%),linear-gradient(145deg,#17120b,#0c0b09);box-shadow:0 18px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,244,213,.03);color:#f8f0de}.moveQuickTile>span{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,#efca5a,#bc8714);color:#1d1505}.moveQuickTile svg{width:20px;height:20px}.moveQuickTile strong{font-size:14px}.moveQuickTile small{font-size:10px;color:#a79f92}.moveQuickTile:hover,.moveQuickTile:focus-visible{border-color:rgba(239,201,89,.42);transform:translateY(-1px)}
.moveRequestList{gap:10px}.moveRequestCard{padding:12px;border:1px solid rgba(230,188,71,.14);border-radius:20px;background:linear-gradient(145deg,#17120b,#0c0b09);box-shadow:0 16px 28px rgba(0,0,0,.16);color:#f8efd9}.moveRequestIcon{background:linear-gradient(180deg,#efca5a,#bc8714);color:#1c1406}.moveRequestTop strong{font-size:14px;color:#fff6e0}.moveStatus{background:rgba(240,193,74,.14);color:#efc85b}.moveStatus.cancelled{background:rgba(148,163,184,.12);color:#b3bfd1}.moveStatus.completed{background:rgba(21,128,61,.14);color:#73d08f}.moveRouteText span{font-size:11px;color:#e8dbc1}.moveRequestMain>small{color:#9e9588;font-size:9.5px}.moveCancelBtn{background:rgba(225,29,72,.12);color:#fb7185}
.moveEmpty{min-height:158px;border:1px dashed rgba(230,188,71,.18);border-radius:24px;background:linear-gradient(145deg,#14100b,#090807);color:#ab9f88}.moveEmpty strong{font-size:16px;color:#fff0cf}.moveEmpty small{font-size:10px}.moveEmpty>span{background:linear-gradient(180deg,#efca5a,#bc8714);color:#1b1305}
.moveFormCard{padding:15px;border:1px solid rgba(227,184,64,.16);border-radius:24px;background:linear-gradient(145deg,#16120c,#0c0b09);box-shadow:0 18px 34px rgba(0,0,0,.2)}
.moveFormTitle strong{color:#fff3d7;font-size:20px}.moveFormTitle span{color:#a9a08f}.moveFormTitle>span{background:linear-gradient(180deg,#efca5a,#bc8714);color:#1d1505}
.moveRouteFields label>span,.moveDateGrid label>span,.moveNotesField>span,.moveFormLabel{color:#bdaa78}
.moveInputWrap,.moveDateGrid input,.moveNotesField textarea,.moveSwapBtn,.moveSpeedGrid span{border-color:rgba(230,188,71,.12)!important;background:#0d1016;color:#fff4dd}
 .moveInputWrap input,.moveDateGrid input,.moveNotesField textarea{color:#fff4dd}.moveInputWrap input::placeholder,.moveNotesField textarea::placeholder{color:#7f8490}
.moveChoiceCard{border-color:rgba(230,188,71,.12);background:#0d1016;color:#fff0da}.moveChoiceIcon{background:#15191f;color:#efca5a}.moveChoiceCard small{color:#949ba8}.moveChoiceCard:has(input:checked){border-color:#efca5a;background:#141923;box-shadow:0 0 0 1px rgba(240,193,74,.12)}.moveChoiceCard:has(input:checked) .moveChoiceIcon{background:linear-gradient(180deg,#efca5a,#bc8714);color:#18110a}
.moveSpeedGrid label:has(input:checked) span{border-color:#efca5a;background:#141923;color:#f1cc64}
.movePrimaryBtn{background:linear-gradient(180deg,#f2ca57,#ca971d);color:#1d1505;box-shadow:0 16px 28px rgba(0,0,0,.22)}.movePrimaryBtn>span{background:rgba(0,0,0,.12)}.movePrimaryBtn small{color:#61450a}
.movePlanHero{padding:15px;border-radius:22px;background:radial-gradient(circle at top right,rgba(255,244,212,.12),transparent 36%),linear-gradient(180deg,#d5a432,#b17d10);box-shadow:0 18px 30px rgba(0,0,0,.18)}
.movePlanActions{gap:10px}.movePlanActions button{min-height:96px;padding:12px;border:1px solid rgba(227,184,64,.15);border-radius:20px;background:linear-gradient(145deg,#17120b,#0c0b09);color:#fff0d9}.movePlanActions strong{font-size:14px}.movePlanActions small{font-size:10px;color:#9d9486}.movePlanActions svg{color:#efca5a}
@media(max-width:390px){.moveHeroCanvas{min-height:296px;padding:10px;border-radius:24px}.moveHeroTopRow{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:6px}.moveHeroLocationCard{min-height:54px;padding:9px 10px;border-radius:14px}.moveHeroLocationCard span{font-size:14px}.moveHeroSwapVisual{height:42px;border-radius:14px}.moveHeroLegend{bottom:84px;left:10px;right:10px}.moveHeroLegend span{padding:7px 10px;font-size:9px}.moveHeroBottomPanel{left:10px;right:10px;bottom:10px;padding:11px;gap:10px;border-radius:18px}.moveHeroCopy strong{font-size:19px}.moveHeroCopy p{font-size:10px;max-width:160px}.moveHeroCTA button{min-width:94px;height:40px;font-size:12px}.moveQuickTile{min-height:94px;padding:10px 6px;border-radius:18px}.moveQuickTile strong{font-size:12px}.moveQuickTile small{font-size:9px}.moveFormCard,.moveRequestCard{border-radius:18px}}
@media(min-width:700px){.moveHeroCanvas{min-height:380px}.moveQuickGrid{grid-template-columns:repeat(6,minmax(0,1fr))}.movePlanActions{grid-template-columns:repeat(2,minmax(0,320px));justify-content:start}}