.mbc-account { --account-accent:#f58a00; --account-ink:#1e293b; --account-muted:#64748b; --account-paper:#fff; --account-soft:#f5f7fa; --account-border:#dbe3ed; --account-radius:10px; box-sizing:border-box; max-width:1280px; margin:0 auto; padding:40px 24px 72px; color:var(--account-ink); font:inherit; line-height:1.5; }
.mbc-account *, .mbc-account *::before, .mbc-account *::after { box-sizing:border-box; }
.mbc-account h1, .mbc-account h2, .mbc-account h3, .mbc-account p { margin:0; }
.mbc-account h1 { font-size:clamp(28px,3.2vw,42px); line-height:1.15; letter-spacing:-.035em; }
.mbc-account h2 { font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.mbc-account h3 { font-size:15px; }
.mbc-account a { color:inherit; }
.mbc-account-breadcrumb { display:flex; gap:12px; color:var(--account-muted); font-size:13px; margin-bottom:24px; }
.mbc-account-breadcrumb a { text-decoration:none; }
.mbc-account-heading { margin-bottom:32px; }
.mbc-account-heading p { margin-top:10px; color:var(--account-muted); }
.mbc-account-grid { display:grid; grid-template-columns:230px minmax(0,1fr); gap:26px; align-items:start; }
.mbc-account-content { min-width:0; display:grid; gap:24px; }
.mbc-account-sidebar { border:1px solid var(--account-border); border-radius:var(--account-radius); overflow:hidden; background:var(--account-paper); }
.mbc-account-sidebar>h2 { padding:18px 20px; background:var(--account-ink); color:var(--account-paper); font-size:17px; }
.mbc-account-nav { display:grid; padding:8px 0; }
.mbc-account-nav>a, .mbc-account-nav button { width:100%; display:flex; justify-content:space-between; padding:13px 20px; text-decoration:none; font:inherit; font-size:14px; background:transparent; border:0; border-left:3px solid transparent; color:inherit; text-align:left; cursor:pointer; }
.mbc-account-nav [aria-current], .mbc-account-nav a:hover { background:var(--account-soft); border-left-color:var(--account-accent); font-weight:600; }
.mbc-account-nav form { margin:0; border-top:1px solid var(--account-border); }
.mbc-account-mobile-nav { display:none; }
.mbc-account-card { min-width:0; border:1px solid var(--account-border); border-radius:var(--account-radius); background:var(--account-paper); padding:28px; overflow-wrap:anywhere; }
.mbc-account-card>h2 { margin-bottom:22px; }
.mbc-account-overview { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.mbc-account-profile-card { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; }
.mbc-account-profile-card>h2 { margin:6px 0 0; }
.mbc-account-avatar { width:64px; height:64px; border-radius:50%; display:grid; place-items:center; background:var(--account-soft); border:1px solid var(--account-border); color:var(--account-ink); font-size:21px; font-weight:700; }
.mbc-account-profile-card .mbc-account-text-link { margin-top:14px; }
.mbc-account-default-address { margin-bottom:18px; font-size:14px; }
.mbc-account-default-address h3 { margin-bottom:6px; }
.mbc-account-default-address p { color:var(--account-muted); margin:5px 0; }
.mbc-account-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:11px 19px; background:var(--account-accent); color:var(--account-button-ink,#111827)!important; border:1px solid transparent; border-radius:6px; font:inherit; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; }
.mbc-account-button.is-secondary { background:transparent; color:var(--account-ink)!important; border-color:var(--account-border); }
.mbc-account-actions { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin-top:20px; font-size:14px; }
.mbc-account-actions form { margin:0; }
.mbc-account-text-link, .mbc-account-link-button { color:var(--account-ink); font:inherit; font-size:14px; text-decoration:underline; text-underline-offset:4px; border:0; background:transparent; padding:0; cursor:pointer; }
.mbc-account-muted { color:var(--account-muted); font-size:13px; }
.mbc-account-notice { padding:15px 18px; background:var(--account-soft); border:1px solid var(--account-border); border-radius:6px; margin-bottom:22px!important; font-size:14px; overflow-wrap:anywhere; }
.mbc-account-notice.is-error { background:#fff5f5; border-color:#edc8c8; color:#842525; }
.mbc-account-notice ul { margin:0; padding-left:18px; }
.mbc-account-auth { max-width:520px; margin:0 auto; padding:36px; }
.mbc-account-auth-tabs { display:flex; gap:24px; margin-bottom:28px; border-bottom:1px solid var(--account-border); }
.mbc-account-auth-tabs a { padding-bottom:12px; text-decoration:none; border-bottom:3px solid transparent; }
.mbc-account-auth-tabs [aria-current] { border-color:var(--account-accent); font-weight:600; }
.mbc-account-form { display:grid; gap:18px; margin:0; }
.mbc-account-form label { display:block; font-size:14px; min-width:0; }
.mbc-account-form input, .mbc-account-form select { display:block; width:100%; min-width:0; margin-top:7px; padding:11px 13px; min-height:46px; border:1px solid var(--account-border); border-radius:6px; background:var(--account-paper); color:inherit; font:inherit; }
.mbc-account-form fieldset { min-width:0; display:grid; gap:16px; border:1px solid var(--account-border); border-radius:6px; padding:18px; }
.mbc-account-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.mbc-account-form .mbc-account-check { display:flex; align-items:center; gap:10px; }
.mbc-account-check input { width:18px; height:18px; min-height:0; margin:0; accent-color:var(--account-accent); }
.mbc-account-card-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.mbc-account-address { margin-top:16px; padding:22px; border:1px solid var(--account-border); border-radius:6px; font-size:14px; overflow-wrap:anywhere; }
.mbc-account-address header { display:flex; gap:12px; justify-content:space-between; align-items:center; margin-bottom:16px; }
.mbc-account-address p { margin-top:9px; }
.mbc-account-badge { display:inline-block; padding:4px 9px; background:var(--account-soft); color:var(--account-muted); font-size:12px; border-radius:4px; }
.mbc-account-empty { padding:24px 0; color:var(--account-muted); }
.mbc-account-tabs [role=tablist] { display:flex; gap:10px; margin-bottom:26px; }
.mbc-account-tabs [role=tab] { padding:10px 20px; border:1px solid var(--account-border); border-radius:24px; color:inherit; background:transparent; font:inherit; cursor:pointer; }
.mbc-account-tabs [aria-selected=true] { background:var(--account-ink); color:var(--account-paper); }
.mbc-account-tabs [role=tabpanel]+[role=tabpanel] { margin-top:22px; }
.mbc-account [hidden] { display:none!important; }
.mbc-account :is(a,button,input,select):focus-visible { outline:3px solid var(--account-accent); outline-offset:3px; }
.mbc-account-pagination { display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin-top:24px; font-size:13px; }
.mbc-account-pagination a,.mbc-account-pagination span { display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:40px; padding:8px 11px; border:1px solid var(--account-border); border-radius:5px; text-decoration:none; }
.mbc-account-pagination [aria-current] { background:var(--account-ink); color:var(--account-paper); }
.mbc-account-pagination [aria-disabled] { color:var(--account-muted); opacity:.6; }
@media(max-width:800px) { .mbc-account-grid,.mbc-account-overview { grid-template-columns:1fr; } .mbc-account-sidebar { display:none; } .mbc-account-mobile-nav { display:block; border:1px solid var(--account-border); border-radius:var(--account-radius); background:var(--account-paper); } .mbc-account-mobile-nav summary { padding:14px 18px; font-weight:600; cursor:pointer; } .mbc-account { padding:28px 18px 48px; } .mbc-account-card,.mbc-account-auth { padding:22px 18px; } .mbc-account-address { padding:18px 14px; } }
@media(max-width:480px) { .mbc-account-form-grid { grid-template-columns:1fr; gap:18px; } .mbc-account-card-heading { align-items:stretch; } .mbc-account-card-heading .mbc-account-button { width:100%; } .mbc-account-address header { align-items:start; flex-direction:column; } .mbc-account-actions { gap:16px; } }