.account-tabs{border-radius:var(--bm-radius-card);background:var(--bm-s1);box-shadow:var(--bm-card-shadow);flex-direction:column;gap:4px;padding:12px;display:flex}.account-tabs .account-nav-heading{font:700 var(--bm-fs-caption)/var(--bm-lh-body) "Pretendard",sans-serif;color:var(--bm-text-2);padding:8px 12px 16px}.account-tabs .account-tab{font:inherit;color:var(--bm-text-2);cursor:pointer;border-radius:var(--bm-radius-btn);text-align:left;min-height:46px;font:600 var(--bm-fs-small)/var(--bm-lh-body) "Pretendard",sans-serif;transition:color var(--bm-motion),background var(--bm-motion);background:0 0;border:none;align-items:center;gap:10px;margin:0;padding:12px;display:flex;position:relative}.account-tabs .account-tab>.bm-icon{flex-shrink:0}.account-tabs .account-tab>.account-tab-icon{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:20px;height:20px;display:block}.account-tabs .account-tab:hover{color:var(--bm-text);background:var(--bm-hover)}.account-tabs .account-tab.active{background:var(--bm-primary-soft);color:var(--bm-primary-ink)}.account-tabs .account-tab.active:before{content:"";background:var(--bm-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-12px}.account-tabs .account-tab:focus-visible{outline:2px solid var(--bm-primary-ink);outline-offset:2px}.account-tabs .account-tab-label{overflow-wrap:anywhere;flex:1}.account-tabs .account-tab-external{color:var(--bm-text-3);transform:rotate(45deg)}.account-tabs .count-badge{border-radius:var(--bm-radius-pill);background:var(--bm-primary);min-width:20px;height:20px;color:var(--bm-on-primary);font:700 var(--bm-fs-caption)/1 "Pretendard",sans-serif;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}@container account (max-width:1100px){.account-tabs{scrollbar-width:thin;scrollbar-color:var(--bm-s3) #0000;flex-direction:row;gap:4px;padding:6px;overflow-x:auto}.account-tabs .account-nav-heading{display:none}.account-tabs .account-tab{white-space:nowrap;flex-shrink:0;min-height:42px;padding:10px 14px}.account-tabs .account-tab.active:before{display:none}}@media (prefers-reduced-motion:reduce){.account-tabs .account-tab{transition:none}}
.account-layout{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.account-layout .account-layout-body{width:100%;max-width:var(--bm-content-max);padding-left:var(--bm-content-pad);padding-right:var(--bm-content-pad);box-sizing:border-box;flex-direction:column;flex:1;min-width:0;min-height:0;margin-left:auto;margin-right:auto;padding-top:28px;padding-bottom:40px;display:flex;container:account/inline-size}.account-layout .account-page-header{flex-shrink:0;margin-bottom:24px}.account-layout .account-header-title{font:var(--bm-font-display);color:var(--bm-text);margin:0;letter-spacing:-.01em!important}.account-layout .account-header-description{color:var(--bm-text-2);font:var(--bm-font-body);margin:8px 0 0}.account-layout .account-workspace{flex:1;align-items:flex-start;gap:24px;min-width:0;min-height:0;display:flex}.account-layout .account-navigation{flex:0 0 200px;width:200px;position:sticky;top:24px}.account-layout .account-layout-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.account-layout .account-layout-children{flex:1;width:100%;min-width:0;min-height:0}.account-layout:not(.full-height){flex:1 0 auto;height:auto}.account-layout:not(.full-height) .account-layout-body{flex:1 0 auto}.account-layout.full-height{overflow:hidden}.account-layout.full-height .account-workspace{align-items:stretch}.account-layout.full-height .account-layout-content,.account-layout.full-height .account-layout-children{overflow:hidden}.account-layout.full-height .account-layout-children{flex-direction:column;display:flex}.account-layout.full-height .account-layout-children>*{flex:1;min-height:0}@container account (max-width:1100px){.account-layout .account-workspace{flex-direction:column;align-items:stretch;gap:20px}.account-layout .account-navigation{flex:none;width:100%;position:static}}@media (max-width:600px){.account-layout .account-layout-body{padding-top:20px;padding-bottom:24px}.account-layout .account-page-header{margin-bottom:20px}.account-layout .account-workspace{gap:16px}}.page-main-contents:has(.account-layout.full-height){overflow:hidden!important}
