body.account-page{max-width:none;margin:0;padding:0;background:#fffaf6;color:#08234b;font:14px/1.5 'Segoe UI',Arial,sans-serif}.account-page .store-header{max-width:1180px;margin:auto;padding:18px 24px;background:white}.account-main{max-width:1180px;margin:24px auto;padding:0 24px}.account-page [hidden]{display:none!important}#account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.account-sidebar{background:white;border:1px solid #eadfd7;border-radius:10px;padding:16px;align-self:start}.account-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.account-identity small{display:block;color:#647997}.avatar{background:#ffe0ca;color:#aa4212;display:grid;place-items:center;border-radius:50%;overflow:hidden;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:48px;height:48px;font-size:24px;flex-shrink:0}.avatar-large{width:150px;height:150px;font-size:68px;margin:0 auto 16px}#profile-tabs,.account-links{display:flex;flex-direction:column;gap:5px}.account-page #profile-tabs button,.account-links a,.account-links button{display:flex;align-items:center;gap:10px;margin:0;padding:11px 10px;background:white;color:#08234b;border:0;text-align:left;text-decoration:none;border-radius:6px;font:inherit;cursor:pointer}#profile-tabs svg{width:20px;height:20px}#profile-tabs button[aria-pressed=true]{background:#fff0e5;color:#d94b00;font-weight:600}.account-links{border-top:1px solid #eadfd7;margin-top:14px;padding-top:10px}.account-page section,.account-page form{margin:0;background:white;border:1px solid #eadfd7;border-radius:10px;padding:24px}.account-page section form{border:0;padding:0;margin:16px 0}.account-page h2{margin:0 0 8px;font-size:26px;color:#08234b}.muted,.photo-panel small{color:#647997}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:30px;margin-top:24px}.photo-panel{text-align:center;border-left:1px solid #eadfd7;padding-left:20px}.photo-panel small{display:block;font-size:11px}.account-page input,.account-page textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e3;border-radius:7px;padding:10px;background:white;color:#08234b}.account-page label{display:block;margin:14px 0}.account-page button{background:#ff590a;color:white;border:1px solid #ff590a;border-radius:7px;padding:10px 16px;font:600 13px 'Segoe UI';cursor:pointer}.account-page button.secondary{background:white;color:#08234b;border-color:#cbd5e3}.account-page button:disabled{opacity:.5;cursor:wait}.account-page #profile{display:block;margin:0}.account-page #profile>div{display:flex;gap:20px;margin:16px 0}.account-page #profile dt{width:110px;color:#647997}.account-page #profile dd{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-page #addresses section{padding:16px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.account-page #address{border-top:1px solid #eadfd7;padding-top:16px}.account-page #reset,.account-page #store-settings{max-width:none}.account-page #owner{margin-top:20px}.account-page #guest{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-picker input{font-size:11px}.account-page :is(a,button,input,summary):focus-visible{outline:3px solid #e96526;outline-offset:3px}#status:empty{display:none}#status:not(:empty){background:#fff0e5;padding:12px;border-radius:7px;margin-bottom:18px}@media(max-width:760px){.account-main{padding:0 14px;margin:16px auto}#account-layout{grid-template-columns:1fr;gap:14px}#profile-tabs{flex-direction:row;overflow:auto}#profile-tabs button{white-space:nowrap}.account-links{flex-direction:row;flex-wrap:wrap}.profile-layout{grid-template-columns:1fr}.photo-panel{border-left:0;border-top:1px solid #eadfd7;padding:20px 0 0}.account-page #guest{grid-template-columns:1fr}.account-page section,.account-page form{padding:18px}.account-page .store-header{padding:14px}.panel-heading h2{font-size:22px}}

.account-page .account-shop{display:flex;align-items:center;gap:10px;margin:0 0 6px;padding:11px 10px;border-radius:6px;background:#fff0e5;color:#d94b00;font-weight:600;text-decoration:none}.account-shop svg{width:20px;height:20px}.account-page .account-shop:hover{background:#ffe0ca}

.account-reward-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff0e5;border:1px solid #ffd7bd;border-radius:9px;margin:18px 0}.account-reward-summary strong{display:block;font-size:26px;color:#d94b00}.account-reward-summary p{margin:4px 0;font-size:12px;color:#647997}.account-reward-summary a{color:#d94b00;font-weight:600;text-decoration:none}#account-reward-messages>div{border:1px solid #eadfd7;border-radius:8px;padding:12px;margin:10px 0}.account-page .activity-choice{grid-column:1 / -1;margin:0}#account-reward-status{font-size:12px;color:#647997}

/* Hanya tab terpilih memiliki blok warna. */
.account-page .account-shop,.account-page .account-links button{background:transparent;color:#08234b;border:0;font-weight:400}
.account-page .account-shop:hover,.account-page .account-links button:hover,.account-page #profile-tabs button:not([aria-pressed=true]):hover{background:transparent;color:#d94b00}
.account-page .account-links #logout{color:#08234b}
