:root{--brand:#ea9912;--brand-2:#ea9912;--bg:#F7F8FB;--text:#1F2430;--muted:#6B7280;--card:#FFFFFF;--radius-xl:22px;--radius:14px;--shadow:0 10px 24px rgba(17,24,39,.08)}
.wrap.miwc{max-width:100%}
.miwc .hero{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;padding:28px;border-radius:var(--radius-xl);display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;box-shadow:var(--shadow);margin-bottom:18px;width:100%;box-sizing:border-box;overflow:hidden}
.miwc .avatar-wrap{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;cursor:pointer}
.miwc .avatar{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.35);object-fit:cover;background:#fff}
.miwc .miwc-spinner{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;align-items:center;gap:6px;flex-direction:column}
.miwc .miwc-spinner span{width:18px;height:18px;border:3px solid rgba(255,255,255,.7);border-top-color:transparent;border-radius:50%;animation:miwc-spin 1s linear infinite}
.miwc .miwc-spinner em{font-size:12px;opacity:.95;color:#fff}
.miwc .avatar-loading .miwc-spinner{display:flex}
@keyframes miwc-spin{to{transform:rotate(360deg)}}
.miwc .hero h1{margin:0 0 6px 0;font-size:28px;font-weight:800}
.miwc .sub{opacity:.95;font-weight:500}
.miwc .miwc-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}
@media (max-width:900px){.miwc .miwc-layout{grid-template-columns:1fr}.miwc .miwc-nav{order:2}.miwc .miwc-content{order:1}}
.miwc .miwc-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.miwc .miwc-nav li a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #eef0f6;text-decoration:none;color:var(--text);font-weight:700;box-shadow:var(--shadow)}
.miwc .miwc-nav li.is-active a{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.miwc .card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.miwc .button,.miwc button.button,.miwc a.button{background:var(--brand-2)!important;color:#111!important;border:none!important;border-radius:12px!important;padding:10px 14px!important;font-weight:700!important}
/* Mobile refinements */
@media (max-width:480px){
  .miwc{padding-left:12px;padding-right:12px}
  .miwc .hero{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;margin:0 0 14px 0}
  .miwc .avatar{width:92px;height:92px;border-width:3px}
  .miwc .hero h1{font-size:clamp(20px,6vw,26px);line-height:1.15;margin:2px 0 2px;word-break:break-word}
  .miwc .sub{font-size:14px;max-width:100%}
  .miwc .miwc-layout{grid-template-columns:1fr;gap:14px}
  html,body{overflow-x:hidden}
}