@charset "UTF-8";
body.portal-page{margin:0;background:var(--portal-bg);color:var(--portal-text);font-family:var(--portal-font);}
.portal-page a{color:inherit;text-decoration:none;}
.portal-shell{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px;}
.pc-ds-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid var(--portal-line);backdrop-filter:blur(14px);}
.pc-ds-nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.portal-brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--portal-text);}
.portal-brand-mark{width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;}
.pc-ds-nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.portal-link{font-weight:600;font-size:14px;color:var(--portal-muted);}
.portal-link.active,.portal-link:hover{color:var(--portal-primary-dark);}
.portal-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--portal-line);border-radius:999px;padding:6px 10px;background:var(--portal-surface);font-size:13px;font-weight:600;color:var(--portal-text);}
.portal-copy{color:var(--portal-muted);line-height:1.7;}
.portal-note{color:var(--portal-muted);font-size:13px;line-height:1.6;}
.portal-kicker,.platform-kicker{display:inline-flex;color:var(--portal-primary-dark);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.pc-ds-page-hero{padding:48px 0 24px;}
.pc-ds-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.pc-ds-page-title{margin:0;color:var(--portal-text);font-size:clamp(30px,4vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.04em;}
.pc-ds-footer{border-top:1px solid var(--portal-line);display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:22px;color:var(--portal-muted);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--portal-line);border-radius:10px;padding:8px 12px;background:var(--portal-surface);color:var(--portal-text);font-weight:600;text-decoration:none;}
.btn-sm{font-size:13px;padding:6px 10px}.btn-light{background:var(--portal-surface)}.btn-outline-secondary{background:transparent;color:var(--portal-muted)}.border{border-color:var(--portal-line)!important;}
@media (max-width:760px){.pc-ds-nav-inner{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}.pc-ds-nav-links{gap:10px;overflow-x:auto;max-width:100%;white-space:nowrap}.pc-ds-hero-row,.pc-ds-footer{display:block}.portal-shell{padding-left:14px;padding-right:14px}}
@media (prefers-color-scheme:dark){.pc-ds-nav{background:rgba(6,6,6,.94)}.portal-brand-mark{background:#f8fafc;color:#111827}.btn{background:#111827}}
.portal-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--portal-muted);font-size:13px;font-weight:600}.portal-divider::before,.portal-divider::after{content:"";height:1px;flex:1;background:var(--portal-line)}
.portal-empty-state{border:1px dashed var(--portal-line);border-radius:14px;background:var(--portal-surface);padding:18px;color:var(--portal-muted);line-height:1.6}
.portal-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--portal-line)}.portal-list-item:last-child{border-bottom:0}
.portal-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.portal-social-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--portal-line);border-radius:16px;padding:14px;background:var(--portal-surface);min-height:76px}.portal-social-title{font-weight:700;color:var(--portal-text)}.portal-social-description{margin-top:4px;font-size:13px;color:var(--portal-muted);line-height:1.45}.portal-google-slot{min-width:220px;min-height:40px;display:flex;align-items:center;justify-content:flex-end}
@media(max-width:760px){.portal-social-card{align-items:flex-start}.portal-google-slot{justify-content:flex-start;width:100%}.portal-list-item{align-items:flex-start;flex-direction:column}}

/* BizCenter mobile My page surface for app shell and mobile browser. */
.biz-my-page{--wa-accent:#356fb8;--wa-text:#1f2f46;--wa-sub:#667789;--wa-line:#d9e8f5;--wa-soft:#f1f8ff;--wa-card:#fff;background:#f7fbff;color:var(--wa-text)}
.biz-my-shell{max-width:720px;margin:0 auto;padding:18px 24px calc(92px + env(safe-area-inset-bottom));background:#fff;min-height:100vh}.biz-my-topbar{display:flex;align-items:center;justify-content:center;position:relative;margin:4px 0 26px}.biz-my-mode{display:flex;align-items:center;background:#e8edf2;border-radius:24px;padding:0;overflow:hidden}.biz-my-mode button,.biz-my-mode a{border:0;background:transparent;min-width:118px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#59636e;font-size:20px;font-weight:700;letter-spacing:-.04em}.biz-my-mode .active{background:var(--wa-accent);color:#fff;border-radius:24px}.biz-my-bell{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:32px;color:#3f464d}.biz-my-login-area{display:flex;align-items:center;gap:16px;margin-bottom:28px}.biz-my-avatar{width:66px;height:66px;border-radius:50%;background:#edf0f3;border:1px solid #dde2e8;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#a5adb5;font-weight:800;font-size:22px}.biz-my-avatar img{width:100%;height:100%;object-fit:cover}.biz-my-account-copy{flex:1;min-width:0}.biz-my-login-link,.biz-my-welcome{display:inline-flex;align-items:center;gap:6px;color:var(--wa-text);font-weight:700;font-size:25px;letter-spacing:-.05em}.biz-my-account-copy p{margin:8px 0 0;color:#a0a7ae;font-size:15px;line-height:1.5}.biz-my-edit{height:36px;padding:0 12px;border:1px solid var(--wa-line);border-radius:8px;background:var(--wa-card);display:inline-flex;align-items:center;justify-content:center;color:#59636e;font-size:13px;font-weight:700;white-space:nowrap}.biz-my-stat-card,.biz-my-role-card,.biz-my-benefits a{border:1px solid var(--wa-line);background:var(--wa-card);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.biz-my-stat-card{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px}.biz-my-stat-card>div{min-height:112px;padding:22px 26px;display:flex;flex-direction:column;justify-content:center}.biz-my-stat-card>div+div{border-left:1px solid var(--wa-line)}.biz-my-stat-card strong,.biz-my-role-card span{font-size:17px;font-weight:700}.biz-my-stat-card span{margin-top:28px;color:#c1c7cd;font-size:18px;font-weight:700}.biz-my-role-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.biz-my-role-card a{min-height:78px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.biz-my-role-card a+a{border-left:1px solid var(--wa-line)}.biz-my-role-card strong{grid-column:1;display:block;color:#2f3438;font-size:17px}.biz-my-role-card i{grid-row:1 / span 2;grid-column:2;font-size:22px;color:#b8c0c8}.biz-my-quick{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--wa-line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;margin-bottom:28px}.biz-my-quick a{height:62px;display:flex;gap:8px;align-items:center;justify-content:center;color:#48515a;font-weight:700}.biz-my-quick a+a{border-left:1px solid var(--wa-line)}.biz-my-banner{min-height:178px;border-radius:15px;background:linear-gradient(135deg,#5fa8ff 0%,#8fd3ff 58%,#d9eeff 100%);display:flex;align-items:flex-end;justify-content:space-between;padding:28px 32px;margin:28px 0 26px;overflow:hidden;color:#fff}.biz-my-banner strong{display:block;font-size:25px;line-height:1.45;letter-spacing:-.04em}.biz-my-banner p{max-width:320px;margin:8px 0 0;font-size:16px;line-height:1.55}.biz-my-banner span{align-self:flex-start;border:2px solid rgba(255,255,255,.9);border-radius:50%;padding:7px 8px;font-size:13px;font-weight:800}.biz-my-benefits{display:grid;gap:14px;margin-bottom:62px}.biz-my-benefits a{min-height:76px;display:flex;align-items:center;gap:14px;padding:0 22px;font-size:17px;line-height:1.45}.biz-my-benefits b{color:var(--wa-accent)}.biz-my-benefits i.bi-chevron-right{margin-left:auto;color:#bdc5cc;font-size:24px}.benefit-icon{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:12px;font-weight:900}.benefit-icon.club{background:#111;color:#fff;border-radius:6px;width:36px;height:24px}.benefit-icon.points{background:#ffc75a;color:#fff;font-size:23px}.benefit-icon.idea{background:#ffd15f;color:#76592a;font-size:23px}.biz-my-section{margin-top:30px}.biz-my-section h2{margin:0 0 18px;color:#3d444b;font-size:25px;line-height:1.35;letter-spacing:-.04em}.biz-my-project-card{width:min(285px,100%);display:grid;gap:8px}.project-thumb{height:160px;border-radius:9px;background:radial-gradient(circle at 18% 22%,#e55658 0 7px,transparent 8px),radial-gradient(circle at 48% 38%,#f2d267 0 6px,transparent 7px),linear-gradient(135deg,#262820,#5d664f);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:34px;overflow:hidden}.biz-my-project-card span{justify-self:start;background:#f2f4f6;color:#59636e;border-radius:3px;padding:4px 6px;font-size:14px}.biz-my-project-card strong{color:var(--wa-accent);font-size:25px;letter-spacing:-.04em}.biz-my-project-card p{margin:0;color:#363c42;font-size:18px;line-height:1.45}.biz-my-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.biz-my-profile-grid>div,.biz-my-side-list>div{border:1px solid var(--wa-line);border-radius:12px;background:var(--wa-card);padding:14px}.biz-my-profile-grid .wide{grid-column:1/-1}.biz-my-profile-grid span,.biz-my-side-list span{display:block;color:var(--wa-sub);font-size:12px;margin-bottom:6px}.biz-my-profile-grid strong,.biz-my-side-list strong{display:block;color:#343a40;font-size:15px;line-height:1.45}.biz-my-side-list{display:grid;gap:10px}.biz-my-guest-bottom{border:1px solid var(--wa-line);border-radius:14px;background:#fff;padding:18px;margin-top:28px}.biz-my-guest-bottom h2{font-size:18px;margin:0 0 12px}.biz-my-guest-bottom>div{display:flex;gap:8px;flex-wrap:wrap}.biz-my-logout{margin-top:34px;height:54px;width:100%;border:1px solid #f0b3b3;border-radius:10px;background:#fff7f7;color:#c93636;display:flex;align-items:center;justify-content:center;font-weight:800}.is-app-shell .biz-my-shell{padding-top:22px}.is-app-shell .biz-my-page .pc-ds-nav{display:none}
@media(max-width:520px){.biz-my-shell{padding-left:15px;padding-right:15px}.biz-my-mode button,.biz-my-mode a{min-width:104px;font-size:19px}.biz-my-login-link,.biz-my-welcome{font-size:24px}.biz-my-stat-card>div{padding:20px 26px}.biz-my-benefits a{font-size:16px;padding:0 16px}.biz-my-banner{min-height:150px;padding:24px 22px}.biz-my-banner strong{font-size:22px}.biz-my-quick a{font-size:14px;flex-direction:column;gap:3px}}
@media(prefers-color-scheme:dark){.biz-my-page{--wa-text:#eef2f6;--wa-sub:#a8b0b8;--wa-line:#252b32;--wa-soft:#101418;--wa-card:#12161b;background:#050505}.biz-my-shell,.biz-my-guest-bottom,.biz-my-logout{background:#050505}.biz-my-stat-card,.biz-my-role-card,.biz-my-benefits a,.biz-my-profile-grid>div,.biz-my-side-list>div{background:#11161b}.biz-my-role-card strong,.biz-my-profile-grid strong,.biz-my-side-list strong,.biz-my-project-card p{color:#eef2f6}.biz-my-avatar{background:#161b20;border-color:#262d35}.biz-my-switch-tip,.biz-my-switch-tip:before{background:#11161b;border-color:#252b32;color:#d7dde3}.biz-my-mode{background:#222a31}.biz-my-edit{background:#11161b;border-color:#252b32;color:#d7dde3}.biz-my-bell{color:#d7dde3}.biz-my-stat-card span{color:#75808a}.biz-my-logout{background:#211010;border-color:#612525;color:#ff9b9b}}


.biz-my-switch-tip{position:absolute;right:0;top:-8px;max-width:250px;border:1px solid var(--wa-line);border-radius:5px;background:#fff;padding:14px 18px;color:#59636e;font-size:15px;line-height:1.55;box-shadow:0 1px 2px rgba(0,0,0,.02);word-break:keep-all}.biz-my-switch-tip:before{content:"";position:absolute;left:24px;top:-9px;width:16px;height:16px;background:#fff;border-left:1px solid var(--wa-line);border-top:1px solid var(--wa-line);transform:rotate(45deg)}
/* v264 mobile browser my-page polish: keep it app-like when opened in a mobile browser. */
@media(max-width:840px){
  .portal-page .pc-ds-nav{display:none!important;}
  .portal-page{padding-top:0;}
  .biz-my-page{background:#f7fbff;}
  .biz-my-shell{max-width:480px;padding:18px 18px calc(86px + env(safe-area-inset-bottom));}
}
@media(max-width:520px){
  .biz-my-shell{padding-left:18px;padding-right:18px;}
  .biz-my-topbar{margin:6px 0 24px;}
  .biz-my-mode{border-radius:23px;}
  .biz-my-mode button,.biz-my-mode a{min-width:108px;height:44px;font-size:20px;line-height:1;font-weight:800;}
  .biz-my-mode .active{border-radius:23px;}
  .biz-my-bell{right:2px;font-size:30px;}
  .biz-my-login-area{position:relative;gap:14px;margin-bottom:26px;align-items:center;}
  .biz-my-page:not(.is-signed-in) .biz-my-login-area{padding-top:6px;padding-right:0;}
  .biz-my-switch-tip{top:-30px;right:0;max-width:218px;padding:11px 14px;font-size:14px;}
  .biz-my-avatar{width:58px;height:58px;font-size:20px;flex:none;}
  .biz-my-login-link,.biz-my-welcome{font-size:22px;line-height:1.28;font-weight:800;letter-spacing:-.04em;}
  .biz-my-welcome{display:block;word-break:keep-all;overflow-wrap:normal;}
  .biz-my-account-copy p{margin-top:7px;font-size:14px;line-height:1.55;word-break:keep-all;}
  .is-signed-in .biz-my-account-copy{padding-right:92px;}
  .biz-my-edit{position:absolute;right:0;top:9px;height:38px;padding:0 14px;border-radius:8px;font-size:14px;}
  .biz-my-stat-card{margin-bottom:14px;}
  .biz-my-stat-card>div{min-height:104px;padding:20px 22px;}
  .biz-my-stat-card strong,.biz-my-role-card span{font-size:17px;line-height:1.35;word-break:keep-all;}
  .biz-my-stat-card span{margin-top:24px;font-size:18px;}
  .biz-my-role-card a{min-height:82px;padding:18px 20px;}
  .biz-my-role-card strong{font-size:17px;line-height:1.3;word-break:keep-all;}
  .biz-my-quick{margin-bottom:26px;}
  .biz-my-quick a{height:56px;font-size:14px;}
  .biz-my-banner{min-height:150px;margin:26px 0 24px;padding:24px 22px;border-radius:15px;}
  .biz-my-banner strong{font-size:22px;line-height:1.45;}
  .biz-my-banner p{font-size:14px;}
  .biz-my-benefits{gap:12px;margin-bottom:46px;}
  .biz-my-benefits a{min-height:74px;padding:0 16px;font-size:16px;word-break:keep-all;}
  .biz-my-section{margin-top:28px;}
  .biz-my-section h2{font-size:23px;margin-bottom:16px;}
}
@media(max-width:380px){
  .biz-my-shell{padding-left:14px;padding-right:14px;}
  .biz-my-mode button,.biz-my-mode a{min-width:98px;font-size:19px;}
  .biz-my-login-link,.biz-my-welcome{font-size:20px;}
  .is-signed-in .biz-my-account-copy{padding-right:84px;}
  .biz-my-edit{padding:0 12px;font-size:13px;}
  .biz-my-benefits a{font-size:15px;}
  .biz-my-switch-tip{display:none;}
}
@media(prefers-color-scheme:dark){
  @media(max-width:840px){.portal-page .pc-ds-nav{display:none!important;}.biz-my-page{background:#050505;}}
}

@media(prefers-color-scheme:dark){.biz-my-switch-tip,.biz-my-switch-tip:before{background:#11161b;border-color:#252b32;color:#d7dde3}}/* v264 dark tooltip order fix */


/* v268 BizCenter My page: remove marketplace role switch and align labels with BizCenter. */
.biz-my-topbar{justify-content:space-between;margin:4px 0 24px;}
.biz-my-title-block{display:flex;flex-direction:column;gap:4px;min-width:0;}
.biz-my-title-block strong{color:var(--wa-text);font-size:28px;line-height:1.18;font-weight:900;letter-spacing:-.055em;}
.biz-my-title-block span{color:var(--wa-sub);font-size:14px;line-height:1.45;font-weight:600;word-break:keep-all;}
.biz-my-bell{position:static;transform:none;width:44px;height:44px;border:1px solid var(--wa-line);border-radius:12px;background:var(--wa-card);display:inline-flex;align-items:center;justify-content:center;font-size:24px;flex:none;}
.biz-my-mode,.biz-my-switch-tip{display:none!important;}
.biz-my-banner{background:linear-gradient(135deg,#5fa8ff,#8fd3ff 58%,#d9eeff);}
.biz-my-banner span{border-radius:10px;padding:6px 9px;}
.biz-my-project-card.empty{width:100%;border:1px solid var(--wa-line);border-radius:14px;background:var(--wa-card);padding:14px;grid-template-columns:72px 1fr;column-gap:14px;align-items:center;}
.biz-my-project-card.empty .project-thumb{grid-row:1 / span 3;width:72px;height:72px;border-radius:14px;background:linear-gradient(135deg,#eef7ff,#f8fafc);color:var(--wa-accent);font-size:28px;}
.biz-my-project-card.empty span{justify-self:start;align-self:end;font-size:12px;}
.biz-my-project-card.empty strong{font-size:18px;line-height:1.35;color:var(--wa-text);}
.biz-my-project-card.empty p{font-size:14px;color:var(--wa-sub);line-height:1.55;word-break:keep-all;}
.benefit-icon.club{width:44px;height:28px;border-radius:8px;font-size:11px;}
.benefit-icon.points{background:#eef7ff;color:#356fb8;font-size:21px;}
.benefit-icon.idea{background:#eef7ff;color:#356fb8;font-size:21px;}
@media(max-width:520px){
  .biz-my-topbar{margin:2px 0 22px;align-items:flex-start;}
  .biz-my-title-block strong{font-size:26px;}
  .biz-my-title-block span{font-size:13px;}
  .biz-my-bell{width:42px;height:42px;font-size:22px;}
  .biz-my-project-card.empty{grid-template-columns:60px 1fr;padding:12px;column-gap:12px;}
  .biz-my-project-card.empty .project-thumb{width:60px;height:60px;font-size:24px;}
  .biz-my-project-card.empty strong{font-size:16px;}
  .biz-my-project-card.empty p{font-size:13px;}
}
@media(max-width:380px){
  .biz-my-title-block strong{font-size:24px;}
  .biz-my-title-block span{max-width:240px;}
}
@media(prefers-color-scheme:dark){
  .biz-my-bell{background:#11161b;border-color:#252b32;color:#d7dde3;}
  .biz-my-project-card.empty .project-thumb{background:#071a2a;color:#8fd3ff;}
  .biz-my-project-card.empty{background:#11161b;}
}