/* BEGOLING Member Center v3.5.1
 * Dedicated account styles. This route no longer depends on legacy-v210.css.
 */

.be-account-route{background:#f6f9fd}
.be-account-route #content{background:transparent}
.be-account-page{
  --acc-ink:#0e2f55;
  --acc-text:#38536f;
  --acc-muted:#8799aa;
  --acc-line:#e1e9f2;
  --acc-soft:#f6f9fd;
  --acc-red:#ef233c;
  --acc-blue:#0877f9;
  --acc-green:#20a66a;
  position:relative;
  min-height:62vh;
  padding:30px 0 54px;
  background:
    radial-gradient(circle at 10% 4%,rgba(8,119,249,.055),transparent 25%),
    radial-gradient(circle at 92% 0,rgba(239,35,60,.045),transparent 22%),
    linear-gradient(180deg,#f9fbfe 0%,#fff 42%,#f8fbff 100%);
}
.be-account-page *{box-sizing:border-box}
.be-account-shell{max-width:1260px!important}
.be-account-eyebrow{
  display:inline-block;
  margin:0 0 7px;
  color:var(--acc-red);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

/* ---------- signed-out auth ---------- */
.be-account-panel{
  width:min(100%,520px);
  margin:22px auto 10px;
  padding:30px;
  border:1px solid var(--acc-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,47,84,.08);
}
.be-account-intro{text-align:center;margin-bottom:20px}
.be-account-intro h1{margin:0;color:var(--acc-ink);font-size:30px;line-height:1.15;letter-spacing:-.03em}
.be-account-intro p{max-width:420px;margin:9px auto 0;color:var(--acc-muted);font-size:12px;line-height:1.6}
.be-account-social{display:grid;gap:10px}
.be-account-social-btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:0 15px;
  border:1px solid var(--acc-line);border-radius:13px;background:#fff;
  color:#173a61!important;font-size:12px!important;font-weight:800!important;
  box-shadow:0 5px 14px rgba(17,49,84,.035);
  transition:.18s ease;
}
.be-account-social-btn:hover{transform:translateY(-1px);border-color:#cfdceb;box-shadow:0 10px 22px rgba(17,49,84,.07)}
.be-account-social-btn .be-icon{width:19px;height:19px}
.be-account-social-btn.telegram{color:#168dcc!important}
.be-account-telegram{position:relative}
.be-account-telegram .be-account-social-btn{pointer-events:none}
.be-account-telegram-widget{position:absolute;inset:0;overflow:hidden;opacity:.001}
.be-account-telegram-widget iframe,.be-account-telegram-widget>div{width:100%!important;height:100%!important}
.be-account-telegram-direct{display:grid;gap:7px}
.be-account-telegram-status{min-height:18px;color:#7d8fa3;font-size:9px;text-align:center}
.be-account-telegram-spinner{display:inline-block;width:12px;height:12px;margin-right:5px;border:2px solid #dbe9f4;border-top-color:#168dcc;border-radius:50%;vertical-align:-2px;animation:beAccSpin .75s linear infinite}
@keyframes beAccSpin{to{transform:rotate(360deg)}}
.be-account-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#9aa8b6;font-size:9px}
.be-account-divider:before,.be-account-divider:after{content:"";height:1px;flex:1;background:#edf1f5}
.be-account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:17px;padding:4px;border-radius:12px;background:#f3f6fa}
.be-account-tabs a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;color:#718296!important;font-size:11px!important;font-weight:800!important}
.be-account-tabs a.active{background:#fff;color:var(--acc-ink)!important;box-shadow:0 5px 16px rgba(19,49,83,.07)}
.be-account-form{display:grid;gap:13px}
.be-account-form>label>span{display:block;margin-bottom:6px;color:#294766;font-size:10px;font-weight:800}
.be-account-form input[type=text],
.be-account-form input[type=email],
.be-account-form input[type=password]{
  width:100%;height:46px;padding:0 13px;
  border:1px solid #dbe5ef;border-radius:11px;outline:none;background:#fff;
  color:#173653;font-size:12px;transition:.18s ease;
}
.be-account-form input:focus{border-color:#8cbef7;box-shadow:0 0 0 4px rgba(8,119,249,.075)}
.be-account-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.be-account-form-row>a{color:var(--acc-red)!important;font-size:9.5px!important;font-weight:800}
.be-account-check{display:flex!important;align-items:center;gap:6px}
.be-account-check span{margin:0!important;color:#75869a!important;font-size:9.5px!important}
.be-account-submit{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 18px;border:0;border-radius:12px;
  background:linear-gradient(135deg,#ff3f5a,#e71937);
  color:#fff;font-size:12px;font-weight:850;cursor:pointer;
  box-shadow:0 10px 24px rgba(224,29,58,.18);transition:.18s ease;
}
.be-account-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(224,29,58,.22)}
.be-account-terms{margin:0;color:#9aa7b6;text-align:center;font-size:8.5px;line-height:1.55}
.be-account-hp{position:absolute!important;left:-9999px!important}
.be-account-notice{margin:14px 0;padding:11px 13px;border-radius:11px;font-size:11px;font-weight:700}
.be-account-notice.error{border:1px solid #ffd7dc;background:#fff1f3;color:#b71932}
.be-account-notice.success{border:1px solid #cdebdc;background:#effaf4;color:#18764d}
.be-account-admin-hint,.be-bio-onboarding-note{margin-top:14px;padding:11px 13px;border:1px solid #e9d79f;border-radius:11px;background:#fffaf0;color:#76591e;font-size:9.5px;line-height:1.55}

/* ---------- logged-in member center ---------- */
.be-member-dashboard{width:100%}
.be-member-hero{
  display:grid;
  grid-template-columns:112px minmax(0,1fr) auto;
  gap:22px;align-items:center;
  padding:24px 26px;
  border:1px solid #dfe8f1;border-radius:24px;
  background:
    radial-gradient(circle at 88% 12%,rgba(8,119,249,.10),transparent 24%),
    radial-gradient(circle at 72% 90%,rgba(239,35,60,.055),transparent 22%),
    linear-gradient(135deg,#fff 0%,#fbfdff 60%,#f7fbff 100%);
  box-shadow:0 18px 48px rgba(15,47,84,.07);
}
.be-member-avatar-wrap{position:relative;width:104px;height:104px}
.be-member-avatar{display:block;width:104px!important;height:104px!important;border:4px solid #fff;border-radius:24px!important;object-fit:cover;box-shadow:0 9px 26px rgba(15,47,84,.14)}
.be-member-online-dot{position:absolute;right:4px;bottom:5px;width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#22b573}
.be-member-hero-copy{min-width:0}
.be-member-hero-copy h1{margin:0;color:var(--acc-ink);font-size:31px;line-height:1.05;letter-spacing:-.035em}
.be-member-handle{margin-top:6px;color:#7f91a3;font-size:11px}
.be-member-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.be-member-badges>span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 9px;border:1px solid #dfe8f1;border-radius:999px;background:rgba(255,255,255,.88);color:#61758b;font-size:8px;font-weight:800}
.be-member-badges .be-icon{width:12px;height:12px}
.be-member-badges .provider{color:#355d86}
.be-member-badges .telegram{color:#168dcc}
.be-member-hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:430px}
.be-account-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:40px;padding:0 13px;border:1px solid #dbe5ef;border-radius:11px;
  background:#fff;color:#1b3b5e!important;font-size:10px!important;font-weight:800!important;
  white-space:nowrap;transition:.18s ease;
}
.be-account-btn:hover{transform:translateY(-1px);border-color:#c7d8e8;box-shadow:0 7px 18px rgba(15,47,84,.07)}
.be-account-btn.primary{border-color:#0f3157;background:#0f3157;color:#fff!important}
.be-account-btn.primary:hover{background:#092744}
.be-account-btn .be-icon{width:13px;height:13px}

.be-member-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.be-member-sidebar{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px}
.be-member-nav{padding:7px;border:1px solid var(--acc-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,49,84,.045)}
.be-member-nav a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;align-items:center;min-height:57px;padding:8px 10px;border-radius:13px;color:#526a82!important;transition:.16s ease}
.be-member-nav a+a{margin-top:2px}
.be-member-nav a:hover{background:#f7faff;color:var(--acc-ink)!important}
.be-member-nav a.active{background:linear-gradient(90deg,#fff1f4,#f7fbff);color:var(--acc-ink)!important}
.be-member-nav>a>.be-icon{width:18px;height:18px;margin:auto;color:#8da0b2}
.be-member-nav a.active>.be-icon{color:var(--acc-red)}
.be-member-nav span{min-width:0}
.be-member-nav span strong{display:block;color:inherit;font-size:10.5px;line-height:1.25}
.be-member-nav span small{display:block;margin-top:2px;color:#98a7b6;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.be-member-summary{padding:15px;border:1px solid var(--acc-line);border-radius:18px;background:#fff}
.be-member-summary-label{display:block;margin-bottom:7px;color:var(--acc-red);font-size:7px;font-weight:900;letter-spacing:.14em}
.be-member-summary>div{padding:9px 0;border-top:1px solid #edf2f6}
.be-member-summary>div:first-of-type{border-top:0}
.be-member-summary small{display:block;color:#9aa7b5;font-size:7.5px}
.be-member-summary strong{display:block;margin-top:3px;overflow:hidden;color:#294561;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}

.be-member-main{min-width:0;display:grid;gap:16px}
.be-member-card{padding:22px;border:1px solid var(--acc-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(17,49,84,.045)}
.be-member-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf2f6}
.be-member-card-head h2{margin:0;color:var(--acc-ink);font-size:22px;line-height:1.12;letter-spacing:-.025em}
.be-member-card-head p{max-width:680px;margin:5px 0 0;color:#8797a8;font-size:10.5px;line-height:1.5}

/* profile editor */
.be-member-form{padding-top:18px}
.be-member-avatar-editor{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:14px;border:1px solid #e5edf5;border-radius:16px;background:#f9fbfd}
.be-member-avatar-preview img{display:block;width:84px!important;height:84px!important;border:4px solid #fff;border-radius:18px!important;object-fit:cover;box-shadow:0 6px 18px rgba(16,47,82,.10)}
.be-member-avatar-editor-copy{min-width:0}
.be-member-avatar-editor-copy>strong{display:block;color:#193958;font-size:11px}
.be-member-avatar-editor-copy>small{display:block;margin-top:3px;color:#8fa0b0;font-size:8.5px;line-height:1.5}
.be-member-upload-btn{position:relative;display:inline-flex!important;align-items:center;gap:6px;min-height:34px;margin-top:9px;padding:0 10px;border:1px solid #dbe5ee;border-radius:10px;background:#fff;color:#284866;font-size:9px;font-weight:800;cursor:pointer}
.be-member-upload-btn .be-icon{width:13px;height:13px}
.be-member-upload-btn input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.be-member-remove-avatar{display:inline-flex!important;align-items:center;gap:5px;margin-left:8px;color:#8b6d76;font-size:8.5px}
.be-member-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
.be-member-field-grid.is-one{grid-template-columns:1fr}
.be-member-field-grid label>span{display:block;margin-bottom:6px;color:#314d68;font-size:9px;font-weight:800}
.be-member-field-grid input,
.be-member-field-grid textarea,
.be-member-field-grid select{
  width:100%;border:1px solid #dbe5ef;border-radius:11px;outline:none;background:#fff;color:#173653;font:inherit;font-size:11px;transition:.18s ease
}
.be-member-field-grid input,.be-member-field-grid select{height:44px;padding:0 12px}
.be-member-field-grid textarea{min-height:102px;padding:11px 12px;resize:vertical;line-height:1.55}
.be-member-field-grid input:focus,.be-member-field-grid textarea:focus,.be-member-field-grid select:focus{border-color:#8ebff7;box-shadow:0 0 0 4px rgba(8,119,249,.065)}
.be-member-field-grid input:disabled{background:#f4f7fa;color:#8e9dab}
.be-member-field-grid label>small{display:block;margin-top:5px;color:#9aa7b5;font-size:7.5px}
.be-member-input-prefix{display:grid;grid-template-columns:34px 1fr;border:1px solid #dbe5ef;border-radius:11px;overflow:hidden}
.be-member-input-prefix i{display:grid;place-items:center;background:#f5f8fb;color:#6d8195;font-size:11px;font-style:normal}
.be-member-input-prefix input{border:0!important;border-left:1px solid #e4eaf0!important;border-radius:0!important;box-shadow:none!important}
.be-member-checkbox{display:flex!important;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid #e2eaf2;border-radius:11px;background:#fafcff;color:#5f748a!important;font-size:9px!important}
.be-member-form-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #edf2f6}
.be-member-form-actions .be-account-submit{min-width:150px}

/* security providers */
.be-member-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}
.be-member-provider{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #e3ebf3;border-radius:14px;background:#fafcff}
.be-member-provider.connected{border-color:#d3ebdf;background:#f5fbf8}
.be-member-provider-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2e9f0;border-radius:12px;background:#fff}
.be-member-provider-icon .be-icon{width:20px;height:20px}
.be-member-provider-icon.telegram{color:#168dcc;background:#eef8ff}
.be-member-provider strong{display:block;color:#183857;font-size:10.5px}
.be-member-provider small{display:block;margin-top:2px;color:#92a1af;font-size:8px}
.be-member-provider-state{padding:5px 7px;border-radius:999px;background:#edf2f6;color:#8292a1;font-size:7px;font-weight:900}
.be-member-provider.connected .be-member-provider-state{background:#e5f6ed;color:#208252}
.be-member-password-form{margin-top:2px;padding-top:18px;border-top:1px solid #edf2f6}
.be-member-form-title{margin-bottom:13px}
.be-member-form-title strong{display:block;color:#1b3b59;font-size:11px}
.be-member-form-title small{display:block;margin-top:3px;color:#8fa0ae;font-size:8.5px}

/* content/history/follows/notifications */
.be-member-content-grid,.be-history-grid,.be-followed-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.be-member-content-card,.be-history-card,.be-followed-category-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:11px;min-width:0;padding:10px;border:1px solid #e4ecf3;border-radius:14px;background:#fff}
.be-member-content-card .media,.be-history-card .media{display:block;width:100px;height:76px;border-radius:10px;overflow:hidden;background:#eef3f8}
.be-member-content-card .media img,.be-history-card .media img{width:100%;height:100%;object-fit:cover}
.be-member-content-card h3,.be-history-card h3{margin:3px 0 0;font-size:11px;line-height:1.35}
.be-member-content-card h3 a,.be-history-card h3 a{color:#193a5d!important}
.be-member-content-card small,.be-history-card small{color:#95a3b2;font-size:8px}
.be-kicker{color:var(--acc-red);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.be-history-progress{height:4px;margin:7px 0 5px;border-radius:999px;background:#edf2f6;overflow:hidden}
.be-history-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0877f9,#42a5ff)}
.be-followed-category-card{display:block;padding:14px}
.be-followed-category-card strong{display:block;color:#173a5d;font-size:12px}
.be-followed-category-card small{display:block;margin-top:4px;color:#8fa0b1;font-size:8.5px}
.be-account-notification-list{display:grid;gap:8px;margin-top:16px}
.be-account-notification-list>div,.be-account-notification-list>a{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e5edf4;border-radius:13px;background:#fbfdff;color:#35516c}
.be-cms-empty{padding:34px 10px!important;color:#8c9cac!important;text-align:center!important;font-size:11px!important}

/* community */
.be-social-account-preview{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:center;margin:18px 0;padding:12px;border:1px solid #e2eaf2;border-radius:16px;background:#fafcff}
.be-social-cover-preview{height:104px;border-radius:12px;background:linear-gradient(135deg,#dceeff,#eef6ff);background-position:center;background-size:cover}
.be-social-account-preview strong{color:#153757;font-size:15px}
.be-social-account-preview p{margin:4px 0 0;color:#8495a5;font-size:9.5px}
.be-social-account-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.be-social-account-actions a{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid #dce6ef;border-radius:9px;background:#fff;color:#315b82!important;font-size:8.5px;font-weight:800}
.be-creator-studio{margin-top:0}
.be-creator-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}
.be-creator-stats-grid>div{padding:13px;border:1px solid #e4ecf3;border-radius:13px;background:#fafcff}
.be-creator-stats-grid span,.be-creator-stats-grid small{display:block;color:#8b9baa;font-size:7.5px}
.be-creator-stats-grid strong{display:block;margin:4px 0;color:#12385f;font-size:20px}
.be-creator-detail-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.be-creator-detail-row span{padding:6px 8px;border-radius:999px;background:#f2f6fa;color:#60778e;font-size:7.5px}
.be-creator-restricted{color:#c5283f}

/* responsive */
@media(max-width:1050px){
  .be-member-hero{grid-template-columns:94px minmax(0,1fr)}
  .be-member-avatar-wrap,.be-member-avatar{width:88px!important;height:88px!important}
  .be-member-hero-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}
  .be-member-layout{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:860px){
  .be-account-page{padding-top:20px}
  .be-member-layout{grid-template-columns:1fr}
  .be-member-sidebar{position:static;display:block}
  .be-member-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
  .be-member-nav a+a{margin-top:0}
  .be-member-summary{display:none}
}
@media(max-width:680px){
  .be-account-page{padding:14px 0 32px}
  .be-account-shell{padding-left:10px!important;padding-right:10px!important}
  .be-account-panel{margin-top:8px;padding:20px 15px;border-radius:18px}
  .be-account-intro h1{font-size:24px}
  .be-member-hero{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:16px 14px;border-radius:18px}
  .be-member-avatar-wrap,.be-member-avatar{width:68px!important;height:68px!important}
  .be-member-avatar{border-radius:17px!important;border-width:3px}
  .be-member-online-dot{width:13px;height:13px;right:1px;bottom:2px;border-width:3px}
  .be-member-hero-copy h1{font-size:21px}
  .be-member-handle{font-size:9px}
  .be-member-badges{gap:4px;margin-top:8px}
  .be-member-badges>span{min-height:23px;padding:0 7px;font-size:7px}
  .be-member-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .be-account-btn{min-height:38px;padding:0 9px;font-size:8.5px!important}
  .be-member-nav{grid-template-columns:1fr 1fr;padding:5px;border-radius:14px}
  .be-member-nav a{grid-template-columns:23px 1fr;min-height:49px;padding:6px 7px}
  .be-member-nav>a>.be-icon{width:15px;height:15px}
  .be-member-nav span strong{font-size:9px}
  .be-member-nav span small{display:none}
  .be-member-card{padding:16px 13px;border-radius:16px}
  .be-member-card-head{padding-bottom:12px}
  .be-member-card-head h2{font-size:19px}
  .be-member-card-head p{font-size:9px}
  .be-member-avatar-editor{align-items:flex-start;gap:11px;padding:11px}
  .be-member-avatar-preview img{width:68px!important;height:68px!important}
  .be-member-field-grid{grid-template-columns:1fr;gap:10px}
  .be-member-provider-grid{grid-template-columns:1fr}
  .be-member-content-grid,.be-history-grid,.be-followed-category-grid{grid-template-columns:1fr}
  .be-social-account-preview{grid-template-columns:1fr}
  .be-social-cover-preview{height:130px}
  .be-creator-stats-grid{grid-template-columns:1fr 1fr}
  .be-member-form-actions{justify-content:stretch}
  .be-member-form-actions .be-account-submit{width:100%}
}
@media(max-width:430px){
  .be-member-hero-actions{grid-template-columns:1fr}
  .be-member-nav{grid-template-columns:1fr}
  .be-creator-stats-grid{grid-template-columns:1fr 1fr}
  .be-member-content-card,.be-history-card{grid-template-columns:86px minmax(0,1fr)}
  .be-member-content-card .media,.be-history-card .media{width:86px;height:68px}
}

/* =========================================================
 * v3.37.0 — MEMBER CENTER PROFESSIONAL LAYER
 * ======================================================= */
.be-account-route{--acc-pro-blue:#1768ac;--acc-pro-navy:#123f68}
.be-account-route .be-account-shell{max-width:1440px!important;padding-top:26px!important;padding-bottom:70px!important}
.be-account-route .be-member-hero{border-radius:20px;box-shadow:0 10px 34px rgba(18,61,94,.045)}
.be-account-route .be-member-layout{grid-template-columns:238px minmax(0,1fr);gap:14px}
.be-account-route .be-member-nav{border-radius:16px;box-shadow:none}
.be-account-route .be-member-nav a{min-height:53px;border-radius:11px}
.be-account-route .be-member-nav a.active{background:#edf6fc!important;color:#174d78!important}
.be-account-route .be-member-nav a.active>.be-icon{color:#1768ac!important}
.be-account-route .be-member-main{gap:14px}
.be-account-route .be-member-card{border-radius:17px;box-shadow:0 8px 26px rgba(17,56,86,.035)}
.be-account-section-count{display:grid;min-width:70px;justify-items:end}.be-account-section-count strong{color:#173d5a;font-size:22px}.be-account-section-count small{margin-top:2px;color:#95a3af;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.be-account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:11px 12px;border:1px solid #e6edf2;border-radius:12px;background:#fafcfd}
.be-account-toolbar>a{color:#1768ac!important;font-size:8px;font-weight:850;text-decoration:none!important}
.be-account-toolbar-copy{display:flex;align-items:center;gap:9px}.be-account-toolbar-copy>.be-icon{width:17px;height:17px;color:#1768ac}.be-account-toolbar-copy span{display:grid;gap:2px}.be-account-toolbar-copy strong{color:#35536a;font-size:9px}.be-account-toolbar-copy small{color:#8b9aa6;font-size:7.5px}
.be-account-route .be-member-content-grid,.be-account-route .be-history-grid{gap:9px}
.be-account-route .be-member-content-card,.be-account-route .be-history-card{grid-template-columns:112px minmax(0,1fr);min-height:104px;padding:9px;border-radius:13px;transition:.16s ease}
.be-account-route .be-member-content-card:hover,.be-account-route .be-history-card:hover{transform:translateY(-1px);border-color:#d1e0ea;background:#fbfdfe}
.be-account-route .be-member-content-card .media,.be-account-route .be-history-card .media{width:112px;height:86px}
.be-account-card-action{margin-top:7px}.be-account-card-action .be-reader-action{min-height:28px!important;padding:0 8px!important;border-radius:8px!important;font-size:7.5px!important}
.be-history-continue{display:inline-flex;margin-top:6px;color:#1768ac!important;font-size:8px;font-weight:800;text-decoration:none!important}
.be-account-empty-state{display:grid;min-height:260px;place-content:center;justify-items:center;padding:28px;text-align:center}.be-account-empty-state>.be-icon{width:38px;height:38px;margin-bottom:11px;color:#7ca5c3}.be-account-empty-state strong{color:#315168;font-size:13px}.be-account-empty-state p{max-width:420px;margin:6px 0 13px;color:#8998a4;font-size:9px;line-height:1.55}.be-account-empty-state a{display:inline-flex;min-height:34px;align-items:center;padding:0 11px;border-radius:9px;background:#1768ac;color:#fff!important;font-size:8px;font-weight:850;text-decoration:none!important}
.be-account-notification-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-bottom:11px;border-bottom:1px solid #edf1f4}.be-account-notification-tabs button{min-height:32px;padding:0 11px;border:1px solid #dfe7ed;border-radius:999px;background:#fff;color:#708391;font-size:8px;font-weight:800;cursor:pointer}.be-account-notification-tabs button.is-active{border-color:#1768ac;background:#1768ac;color:#fff}
.be-account-notification-list{gap:6px!important;margin-top:12px!important}.be-account-notification-list>a{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto 16px;align-items:center!important;gap:10px!important;padding:10px 11px!important;border-radius:12px!important;background:#fbfcfd!important}.be-account-notification-list>a[hidden]{display:none!important}.be-account-notification-list>a.is-unread{border-color:#d4e6f3!important;background:#f1f8fd!important}.be-account-notification-list>a>i{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#fff;color:#1768ac;font-style:normal}.be-account-notification-list>a>i .be-icon{width:17px;height:17px}.be-account-notification-list>a>span>small{display:flex;align-items:center;gap:5px;color:#8b9aa6;font-size:6.5px;font-weight:850;letter-spacing:.08em}.be-account-notification-list>a>span>small b{padding:2px 5px;border-radius:999px;background:#1768ac;color:#fff;font-size:6px}.be-account-notification-list>a>span>strong{display:block;margin-top:2px;color:#2c4c63;font-size:9.5px}.be-account-notification-list>a>span>p{margin:2px 0 0;color:#8796a2;font-size:8px;line-height:1.4}.be-account-notification-list>a>time{color:#9ca9b3;font-size:7px;white-space:nowrap}.be-account-notification-list>a>em{font-style:normal;color:#a4b0b8}
.be-account-route .be-followed-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.be-account-route .be-followed-category-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border-radius:13px;background:#fbfcfd}.be-followed-category-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#eef6fb;color:#1768ac}.be-followed-category-icon .be-icon{width:17px;height:17px}.be-account-route .be-followed-category-card .be-reader-action{min-height:30px!important;padding:0 8px!important;font-size:7.5px!important}
@media(max-width:980px){.be-account-route .be-member-layout{grid-template-columns:1fr}.be-account-route .be-member-sidebar{position:static}.be-account-route .be-member-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.be-account-route .be-member-nav a+a{margin-top:0}.be-account-route .be-member-nav a{grid-template-columns:1fr;justify-items:center;text-align:center}.be-account-route .be-member-nav a span small{display:none}.be-account-route .be-member-summary{display:none}}
@media(max-width:680px){.be-account-route .be-member-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.be-account-route .be-member-content-grid,.be-account-route .be-history-grid,.be-account-route .be-followed-category-grid{grid-template-columns:1fr}.be-account-notification-list>a{grid-template-columns:36px minmax(0,1fr) 14px!important}.be-account-notification-list>a>time{display:none}.be-account-toolbar{align-items:flex-start;flex-direction:column}.be-account-route .be-member-content-card,.be-account-route .be-history-card{grid-template-columns:92px minmax(0,1fr)}.be-account-route .be-member-content-card .media,.be-account-route .be-history-card .media{width:92px;height:78px}}


.be-account-route .be-member-hero.is-dashboard{grid-template-columns:72px minmax(0,1fr) auto;padding:17px 19px;border-radius:16px;background:#fff}
.be-account-route .be-member-hero.is-dashboard .be-member-avatar-wrap{width:66px;height:66px}
.be-account-route .be-member-hero.is-dashboard .be-member-avatar{width:66px!important;height:66px!important;border-radius:17px!important}
.be-account-route .be-member-hero.is-dashboard .be-member-online-dot{width:13px;height:13px;right:0;bottom:1px;border-width:3px}
.be-account-route .be-member-hero.is-dashboard .be-member-hero-copy h1{font-size:21px}
.be-account-route .be-member-hero.is-dashboard .be-member-badges{margin-top:8px}
.be-account-route .be-member-hero.is-dashboard .be-member-hero-actions .be-account-btn:not(.primary){display:none}
@media(max-width:680px){
  .be-account-route .be-member-hero.is-dashboard{grid-template-columns:58px minmax(0,1fr)}
  .be-account-route .be-member-hero.is-dashboard .be-member-avatar-wrap,
  .be-account-route .be-member-hero.is-dashboard .be-member-avatar{width:54px!important;height:54px!important}
  .be-account-route .be-member-hero.is-dashboard .be-member-hero-actions{grid-column:1/-1;justify-content:flex-start}
}
