.my-account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;width:min(100% - 48px,1320px);margin:32px auto 34px;align-items:start}.my-account-sidebar{display:flex;width:260px;min-width:0;flex-direction:column;gap:20px}.my-account-profile,.my-account-menu{border:1px solid rgb(14 15 12 / 10%);background:var(--bbk-white);box-shadow:0 1px #0e0f0c05}.my-account-profile{display:flex;min-height:240px;align-items:center;justify-content:center;flex-direction:column;border-radius:24px;padding:30px 18px;text-align:center}.my-account-avatar-wrap{position:relative;display:inline-block;width:72px;height:72px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden;padding:0}.my-account-avatar{display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 18%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 66% 22%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 78% 34%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 82% 50%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 78% 66%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 66% 78%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 50% 82%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 34% 78%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 22% 66%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 18% 50%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 22% 34%,#ffd400 0 3px,transparent 3.2px),radial-gradient(circle at 34% 22%,#ffd400 0 3px,transparent 3.2px),#231d9a}.my-account-avatar-edit{position:absolute;inset:0;display:grid;place-items:center;background:#00000073;color:var(--bbk-white);font-size:13px;font-weight:600;line-height:1;opacity:0;transition:opacity .16s ease}.my-account-avatar-wrap:hover .my-account-avatar-edit{opacity:1}.my-account-avatar-edit-icon{width:22px;height:22px}.my-account-profile h1{margin:10px 0 6px;color:var(--bbk-ink);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:0}.my-account-profile p{margin:0 0 10px;color:var(--bbk-gray-70);font-size:15px;font-weight:500}.my-account-verify{display:inline-flex;align-items:center;gap:10px;color:var(--bbk-gray-70);font-size:14px;font-weight:400}.my-account-verify button{display:inline-flex;height:25px;align-items:center;border:0;border-radius:999px;background:var(--bbk-gray-control-hover);padding:0 12px;color:var(--bbk-ink);cursor:pointer;font:inherit;font-weight:500;text-decoration:none}.my-account-verify button[aria-disabled=true]{cursor:default;color:var(--bbk-gray-50)}.account-real-name-overlay{position:fixed;z-index:120;inset:0;display:flex;align-items:center;justify-content:center;background:#f4f5f4db;backdrop-filter:blur(1px);padding:24px}.account-real-name-dialog{width:min(100%,400px);border-radius:32px;background:var(--bbk-white);box-shadow:0 24px 60px -16px #1633002e;padding:24px 20px;text-align:left}.account-real-name-dialog header{position:relative;display:flex;align-items:center;justify-content:center;height:32px;margin-bottom:20px}.account-real-name-dialog h2{margin:0;color:var(--bbk-black);font-size:18px;font-weight:600;line-height:1;letter-spacing:0}.account-real-name-close{position:absolute;top:0;right:0;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--bbk-ink);cursor:pointer;padding:0}.account-real-name-close:before,.account-real-name-close:after{content:"";position:absolute;top:15px;left:8px;width:16px;height:1.5px;border-radius:999px;background:var(--bbk-black)}.account-real-name-close:before{transform:rotate(45deg)}.account-real-name-close:after{transform:rotate(-45deg)}.account-real-name-form{display:grid;gap:20px}.account-real-name-field{display:flex;height:44px;align-items:center;border:1.5px solid rgb(14 15 12 / 10%);border-radius:12px;background:var(--bbk-white);padding:0 16px}.account-real-name-field span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.account-real-name-form input{width:100%;min-width:0;border:0;background:transparent;color:var(--bbk-ink);font:inherit;font-size:14px;font-weight:400;line-height:1;outline:none;padding:0}.account-real-name-form input::placeholder{color:var(--bbk-gray-50)}.account-real-name-field:focus-within{border-color:var(--bbk-green);box-shadow:0 0 0 3px #00a45b1f}.account-real-name-message{margin:0;color:#c24b40;font-size:13px}.account-real-name-form>button{height:48px;border:0;border-radius:48px;background:var(--bbk-action);color:var(--bbk-black);cursor:pointer;font:inherit;font-size:16px;font-weight:600;line-height:1}.account-real-name-form>button:disabled{cursor:wait;opacity:.72}.my-account-menu{display:flex;flex-direction:column;gap:4px;border:0;box-shadow:none;border-radius:24px;padding:16px}.my-account-menu-link{position:relative;display:flex;height:46px;align-items:center;gap:8px;border-radius:24px;padding:0 20px;color:var(--bbk-gray-50);font-size:15px;font-weight:500;text-decoration:none}.my-account-menu-link:hover,.my-account-menu-link-active{background:#eef2ec;color:var(--bbk-forest)}.my-account-menu-icon{width:20px;height:20px;flex:0 0 auto}.account-auth-prompt{display:flex;min-height:calc(100vh - var(--bbk-header-height));align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--bbk-ink);text-align:center}.account-auth-prompt strong{font-size:18px;font-weight:600}.account-auth-prompt p{margin:0;color:var(--bbk-gray-70);font-size:14px}.account-auth-prompt button{border:0;border-radius:999px;background:var(--bbk-action);color:var(--bbk-black);cursor:pointer;font:inherit;font-weight:600;padding:10px 22px}@media(max-width:1180px){.my-account-layout{grid-template-columns:1fr;width:min(100% - 32px,900px)}.my-account-sidebar{display:grid;width:100%;grid-template-columns:minmax(0,260px) minmax(0,1fr)}.my-account-menu{max-height:264px;overflow-y:auto}}@media(max-width:840px){.my-account-layout{width:min(100% - 32px,720px)}}@media(max-width:620px){.my-account-layout{width:min(100% - 24px,560px);margin-top:20px}.my-account-sidebar{grid-template-columns:1fr}.my-account-profile{min-height:200px}.my-account-menu{max-height:none}}
