.profile-page{margin:24px auto 64px;min-height:60vh}
.profile-page[hidden],.profile-page [hidden]{display:none!important}
.profile-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.profile-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:#47729f;border:1px solid #d7e5f8;background:#fff;border-radius:50%;transition:background-color .18s,color .18s,transform .18s}
.profile-close:hover{background:#eaf2ff;color:#1269ef;transform:rotate(90deg)}
#accountPage>.profile-topline{justify-content:flex-end}
.profile-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;color:#35618f}
.profile-back>span{font-size:23px;line-height:1}

.profile-banner{display:flex;align-items:center;gap:22px;padding:28px 30px;border:1px solid #d7e5f8;border-radius:22px;background:linear-gradient(110deg,#fff 50%,#edf4ff);margin-bottom:28px;min-width:0}
.profile-avatar{flex:0 0 72px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:700 30px 'Plus Jakarta Sans',sans-serif;color:#1269ef;background:#e7f0ff;border:5px solid #fff;box-shadow:0 0 0 1px #c8dcfa}
.profile-identity{min-width:0;flex:1}
.profile-identity .eyebrow{font-size:9px;letter-spacing:1.7px}
.profile-identity h1{font-size:clamp(21px,2.6vw,29px);letter-spacing:-.8px;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}
.profile-identity p{font-size:12px;line-height:1.7;margin:0;color:#5a7393;overflow-wrap:anywhere}
.profile-identity .profile-joined{font-size:11px;margin-top:7px;color:#7286a1}
.profile-member-link{font-size:12px;color:#177c68;background:#effaf5;border-color:#d3ecdf}
.profile-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}
.profile-sidebar{display:grid;gap:18px;min-width:0}
.profile-balance{padding:26px;border-radius:20px;color:#fff;background:linear-gradient(130deg,#0e284b,#194d8d);border:1px solid #285c97;box-shadow:0 9px 24px #1947790b}
.profile-balance .eyebrow{font-size:9px;letter-spacing:1.4px;color:#a9d7ff}
.profile-balance h2{font-size:32px;line-height:1.3;margin:13px 0 7px;letter-spacing:-1px;overflow-wrap:anywhere}
.profile-balance p{font-size:11px;line-height:1.7;color:#bacee8;margin:0}
.profile-topup{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;background:#fff;color:#145fc1;font-size:12px;font-weight:700;border-radius:9px;padding:11px 14px;min-height:42px}
.profile-topup span{font-size:20px;line-height:1}
.profile-stats{border:1px solid #dbe6f7;border-radius:18px;background:#fff;padding:5px 20px}
.profile-stats>div{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:21px 0;border-bottom:1px solid #e8eef7}
.profile-stats>div:last-child{border:0}
.profile-stats span{font-size:11px;line-height:1.6;color:#60738c}
.profile-stats strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;line-height:1;font-variant-numeric:tabular-nums}
.profile-stat-dot{height:7px;width:7px;border-radius:50%;background:#4b89ea}
.profile-stat-dot.success{background:#2ca784}.profile-stat-dot.canceled{background:#d18389}
.profile-workspace{min-width:0}
.profile-tabs{display:flex;align-items:stretch;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #dce6f3;margin-bottom:20px;padding-bottom:0}
.profile-tabs::-webkit-scrollbar{display:none}
.profile-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#62768f;padding:10px 9px 16px;min-height:58px;flex:1;min-width:106px;font-size:11px;line-height:1.65;font-weight:600;white-space:normal;transition:color .18s,border-color .18s}
.profile-tabs button[aria-selected=true]{color:#1269ef;border-bottom-color:#1269ef;font-weight:700}
.profile-tabs button:hover{color:#1269ef}.profile-tabs button:focus-visible{outline-offset:-4px}
.profile-filters{display:grid;grid-template-columns:105px 154px minmax(130px,1fr) auto;align-items:end;gap:12px;background:#fff;border:1px solid #dce6f3;border-radius:14px;padding:16px;margin-bottom:24px}
.profile-filters label{font-size:10px;color:#647793;display:grid;gap:7px;min-width:0}
.profile-filters select,.profile-filters input{width:100%;min-width:0;height:42px;background:#f8faff;border:1px solid #dce6f3;border-radius:8px;font:400 12px 'DM Sans',sans-serif;color:#243f64;padding:9px 10px}
.profile-filters .primary{height:42px;min-width:62px;font-size:12px;padding:10px 16px}
.profile-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 14px}
.profile-panel-heading h2{font-size:16px;letter-spacing:-.4px;margin:0;line-height:1.5}
.profile-panel-heading>span{font-size:11px;white-space:nowrap}
.profile-results{min-width:0}
.profile-order-row{display:grid;grid-template-columns:minmax(145px,.85fr) 44px minmax(0,1.2fr) auto;align-items:center;gap:14px;padding:20px 17px;background:#fff;border:1px solid #dce6f3;border-radius:14px;margin-bottom:12px;transition:border-color .18s}
.profile-order-row:hover{border-color:#aacbf8}
.profile-order-meta{display:grid;gap:8px;min-width:0}
.profile-order-meta time{font-size:10px;color:#8392a8;line-height:1.6}
.profile-order-id{color:#1269ef;font-size:10px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.profile-order-id:hover{text-decoration:underline}
.profile-product-logo{width:44px;height:44px;border-radius:10px;padding:8px;background:#f2f6fd;object-fit:contain}
.profile-product-name{min-width:0}
.profile-product-name h3{font-size:13px;letter-spacing:-.2px;line-height:1.5;margin:0 0 4px}
.profile-product-name p{font-size:11px;line-height:1.65;color:#68809f;margin:0;overflow-wrap:anywhere}
.profile-product-name small{display:block;font-size:10px;color:#8694a8;margin-top:5px;line-height:1.5}
.profile-order-end{text-align:right;display:grid;justify-items:end;gap:10px}
.profile-order-end>strong{font-size:13px;font-weight:700;white-space:nowrap}
.profile-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;font-size:10px;line-height:1.5;font-weight:600;border-radius:6px;color:#5378ac;background:#eef4ff;white-space:normal;text-align:center}
.profile-status.success{color:#16836b;background:#e9f8f1}.profile-status.canceled{color:#ad5867;background:#fceff2}
.profile-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}
.profile-pagination .outline{font-size:11px;padding:10px 13px;min-height:40px}.profile-pagination span{font-size:11px;color:#71839b;text-align:center}
.profile-pagination button:disabled,.profile-logout:disabled{cursor:default;opacity:.45}
.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px;text-align:center;border:1px dashed #cedef5;border-radius:18px;background:#ffffff80}
.profile-empty>span{font-size:32px;line-height:1;color:#7aaaf0}.profile-empty h3{font-size:16px;margin:18px 0 10px}.profile-empty p{font-size:13px;line-height:1.8;color:#70839c;max-width:430px;margin:0 auto 18px}.profile-empty a{font-size:12px;font-weight:700;color:#1269ef}
.profile-empty>h3:first-child{margin-top:0}
.profile-loading{padding:24px;color:#7286a1;font-size:13px}
.profile-ledger{background:#fff;border:1px solid #dce6f3;border-radius:16px;padding:0 20px}
.profile-ledger-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #e6edf7}
.profile-ledger-row:last-child{border:0}.profile-ledger-row h3{font-size:13px;margin:0 0 5px}
.profile-ledger-row time,.profile-ledger-row small{display:block;font-size:10px;line-height:1.7;color:#7a8da7;overflow-wrap:anywhere}
.profile-ledger-row a{color:#1269ef}.profile-ledger-row a:hover{text-decoration:underline}
.profile-ledger-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#5580b9;background:#edf4ff;font-size:20px}
.profile-ledger-icon.incoming{background:#e9f8f1;color:#16836b}
.profile-ledger-amount{text-align:right}.profile-ledger-amount strong{font-size:13px;color:#2b4564}.profile-ledger-amount .incoming{color:#16836b}
.profile-settings-card{border:1px solid #dce6f3;background:#fff;border-radius:18px;margin:0;overflow:visible;display:flex;flex-direction:column;min-width:0}
.profile-settings-main{padding:24px 26px;flex:1}
.profile-settings-card h3,.profile-logout-card h3{font-size:16px;letter-spacing:-.3px;margin:0 0 9px}.profile-settings-card p,.profile-logout-card p{font-size:12px;color:#71839b;line-height:1.8;margin:0}
.profile-settings-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:20px 0 0}.profile-settings-info>div{display:grid;align-content:start;gap:7px;padding:15px 0;border-top:1px solid #e8eef7;min-width:0}
.profile-settings-info dt{font-size:12px;color:#7b8fa9}.profile-settings-info dd{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.profile-settings-main>.outline{margin-top:12px;font-size:12px}
.profile-logout-card{display:flex;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid #e3ecf9;background:#f8fbff;padding:20px 26px;margin:0;border-radius:0 0 18px 18px}
.profile-logout-copy{flex:1;min-width:180px}.profile-logout-card .profile-logout-copy h3{font-size:14px;margin-bottom:5px}.profile-logout-card .profile-logout-copy p{font-size:11px;line-height:1.8;max-width:350px}
.profile-logout-card>.form-error{flex-basis:100%}.profile-logout-card>.form-error:empty{display:none}
/* Small CSS/SVG scene: no animation loop or JavaScript frame handler. */
.profile-logout{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;min-width:174px;min-height:54px;padding:5px 9px 5px 22px;overflow:visible;background:transparent;border:0;border-radius:11px;color:#fff;font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .2s ease}
.profile-logout::before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #1c68df;border-radius:inherit;background:linear-gradient(120deg,#1875f5,#115bce);box-shadow:0 5px 14px #1269ef24;transform-origin:85% 50%;transition:box-shadow .2s ease,background-color .2s ease}
.profile-logout-label{position:relative;z-index:1;min-width:51px;text-align:left;line-height:1.5}
.profile-logout-scene{position:relative;display:block;flex:0 0 80px;width:80px;height:44px;pointer-events:none}
.profile-logout-scene>svg{position:absolute;inset:0;width:80px;height:44px;overflow:visible}
.logout-doorway{fill:#084594;stroke:#85bcff;stroke-width:1;stroke-linejoin:round}.logout-threshold{fill:none;stroke:#96caff;opacity:.5}
.profile-logout-scene>.logout-runner{inset:4px auto auto 0;width:22px;height:40px;fill:#d4eaff;stroke:#d4eaff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transform:translate(34px,0);transform-origin:50% 60%;opacity:0;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .15s}
.logout-runner circle{stroke:none}.logout-runner path{fill:none}.logout-torso{stroke-width:4}
.logout-arm{transform-origin:11px 14px}.logout-leg{transform-origin:10px 24px}
.logout-door{transform-origin:59px 22px;transition:transform .32s cubic-bezier(.22,1,.36,1)}
.logout-door-panel{fill:#9bccff;stroke:#cde8ff;stroke-width:1;stroke-linejoin:round}.logout-door-edge{fill:none;stroke:#fff;stroke-width:1.5}.logout-handle{fill:#115bce}
.logout-impact{fill:none;stroke:#cce7ff;stroke-width:1.6;stroke-linecap:round;opacity:0}
.profile-logout:focus-visible{outline:3px solid #8bc9ff;outline-offset:4px}
.profile-logout:disabled{opacity:1;cursor:wait}.profile-logout.is-logging-out{transform:none}
.profile-logout.is-logging-out::before{animation:profile-logout-recoil 1.2s ease both}
.profile-logout.is-logging-out .logout-door{animation:profile-logout-door 1.2s ease both}
.profile-logout.is-logging-out .logout-runner{animation:profile-logout-exit 1.2s linear both;transition:none}
.profile-logout.is-logging-out .logout-runner-body{animation:profile-logout-bob .2s ease-in-out 4 alternate}
.profile-logout.is-logging-out .logout-leg-front,.profile-logout.is-logging-out .logout-arm-back{animation:profile-logout-stride .16s ease-in-out 5 alternate}
.profile-logout.is-logging-out .logout-leg-back,.profile-logout.is-logging-out .logout-arm-front{animation:profile-logout-stride .16s ease-in-out 5 alternate-reverse}
.profile-logout.is-logging-out .logout-impact{animation:profile-logout-impact 1.2s ease both}
@keyframes profile-logout-exit{0%,12%{transform:translate(22px,0);opacity:1}35%{transform:translate(39px,-1px) rotate(-5deg)}55%{transform:translate(59px,0) rotate(0)}65%{transform:translate(63px,2px) rotate(12deg);opacity:1}82%{transform:translate(67px,23px) rotate(38deg);opacity:1}100%{transform:translate(69px,52px) rotate(75deg);opacity:0}}
@keyframes profile-logout-door{0%{transform:perspective(140px) rotateY(-38deg)}16%,57%{transform:perspective(140px) rotateY(-77deg)}72%{transform:perspective(140px) rotateY(5deg)}84%,100%{transform:none}}
@keyframes profile-logout-stride{from{transform:rotate(-24deg)}to{transform:rotate(25deg)}}
@keyframes profile-logout-bob{from{transform:translateY(0)}to{transform:translateY(-1.2px)}}
@keyframes profile-logout-recoil{0%,53%,100%{transform:none}66%{transform:translateY(1px) rotate(1.4deg)}79%{transform:translateY(-.5px) rotate(-.6deg)}}
@keyframes profile-logout-impact{0%,65%,86%,100%{opacity:0}73%{opacity:.9}}
@media(hover:hover) and (pointer:fine){.profile-logout:not(:disabled):hover{transform:translateY(-1px)}.profile-logout:not(:disabled):hover::before{box-shadow:0 7px 18px #1269ef32}.profile-logout:not(:disabled):hover .logout-door{transform:perspective(140px) rotateY(-38deg)}.profile-logout:not(:disabled):hover .logout-runner{transform:translate(22px,0);opacity:1}}
/* Align empty states and settings; populated histories keep their natural height. */
@media(min-width:901px){
 .profile-layout:is(.is-settings,:has(#profileResults>.profile-empty)){align-items:stretch}
 .profile-layout:is(.is-settings,:has(#profileResults>.profile-empty)) .profile-sidebar{grid-template-rows:auto minmax(0,1fr)}
 .profile-layout:is(.is-settings,:has(#profileResults>.profile-empty)) .profile-stats{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch}
 .profile-layout:is(.is-settings,:has(#profileResults>.profile-empty)) :is(.profile-workspace,#profilePanel,#profileResults){display:flex;flex-direction:column;min-height:0}
 .profile-layout:is(.is-settings,:has(#profileResults>.profile-empty)) :is(#profilePanel,#profileResults,.profile-settings-card,.profile-empty){flex:1}
}
.profile-gate{max-width:680px;margin:45px auto;background:#fff;border:1px solid #dce6f3;border-radius:22px;padding:40px;text-align:center}
.profile-gate h1{font-size:30px;letter-spacing:-1px;line-height:1.4;margin:12px 0}.profile-gate h2{font-size:24px;line-height:1.5}.profile-gate p{font-size:14px;line-height:1.8;color:#71839b}.profile-gate button{margin-top:12px}
.profile-order-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.profile-order-heading .eyebrow{font-size:10px}.profile-order-heading h1{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:7px 0 0}.profile-order-heading .profile-status{padding:9px 16px;font-size:12px}
.profile-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.profile-detail-primary,.profile-detail-secondary{min-width:0;display:grid;gap:20px}
.profile-detail-card{border:1px solid #d7e4f6;background:#fff;border-radius:18px;padding:26px;min-width:0}
.profile-detail-card h2{font-size:16px;letter-spacing:-.35px;margin:0 0 19px;padding-bottom:16px;border-bottom:1px solid #e4ecf7}
.profile-detail-fields{margin:0;display:grid;gap:13px}.profile-detail-fields>div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.4fr);align-items:baseline;gap:18px;font-size:12px;line-height:1.7}.profile-detail-fields dt{color:#7a8da5}.profile-detail-fields dd{text-align:right;overflow-wrap:anywhere;margin:0;color:#213e61}
.profile-copy-id{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.profile-copy-id button{background:#edf4ff;border:0;border-radius:6px;padding:6px;color:#1269ef;font-size:19px;min-width:32px}
.profile-payment-state{color:#8b7750;font-weight:600}.profile-payment-state.verified{color:#16836b}
.profile-price-breakdown{border-top:1px solid #e4ecf7;margin-top:20px;padding-top:20px}.profile-detail-fields .profile-total{border-top:1px solid #e4ecf7;margin-top:8px;padding-top:18px;align-items:center}.profile-total dt{font-weight:700;color:#18375f}.profile-total dd{font-weight:800;color:#1269ef;font-size:23px;letter-spacing:-.5px}
.profile-detail-card>.primary{margin-top:22px;font-size:12px}
.profile-delivery{border-color:#c6dcfb;background:#f1f6ff}.profile-delivery p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#33516f;margin:0}
.profile-detail-product{display:flex;align-items:center;gap:17px;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #edf2f9}.profile-detail-product:last-child{padding:0;margin:0;border:0}.profile-detail-product img{flex:0 0 52px;padding:9px;border-radius:12px;background:#f2f6fd;object-fit:contain}.profile-detail-product h3{font-size:14px;line-height:1.6;letter-spacing:-.2px;margin:0 0 4px}.profile-detail-product p{font-size:12px;line-height:1.7;overflow-wrap:anywhere;color:#6c82a0;margin:0}.profile-detail-product small{display:block;margin-top:8px;color:#325a8b;font-size:12px}.profile-detail-product>div{min-width:0}
@media(min-width:901px) and (max-width:1100px){.profile-layout{grid-template-columns:225px minmax(0,1fr);gap:20px}.profile-balance{padding:22px}.profile-stats{padding-inline:16px}.profile-order-row{grid-template-columns:38px minmax(0,1fr) auto;gap:12px}.profile-order-meta{grid-column:1/-1;display:flex;justify-content:space-between}.profile-product-logo{width:38px;height:38px}.profile-filters{grid-template-columns:95px 130px minmax(110px,1fr) auto;gap:8px;padding:12px}.profile-filters .primary{min-width:50px;padding-inline:10px}}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr;gap:25px}.profile-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px}.profile-balance{padding:23px}.profile-stats{padding:8px 24px;display:grid;align-content:center}.profile-stats>div{padding:18px 0}.profile-banner{padding:24px}.profile-tabs button{min-width:100px;font-size:12px;padding-inline:8px}.profile-detail-grid{gap:18px}.profile-detail-card{padding:21px}.profile-detail-fields>div{gap:10px;font-size:11px}.profile-copy-id{font-size:10px}}
@media(max-width:640px){.profile-page{padding-inline:16px;margin-top:12px;margin-bottom:45px}.profile-topline{gap:12px;margin-bottom:14px}.profile-back{font-size:12px}.profile-banner{gap:14px;padding:21px 18px;flex-wrap:wrap;border-radius:17px;margin-bottom:18px}.profile-avatar{width:54px;height:54px;flex-basis:54px;font-size:23px;border-width:3px}.profile-identity h1{font-size:20px;letter-spacing:-.6px}.profile-identity .eyebrow{font-size:8px}.profile-identity p{font-size:11px}.profile-identity .profile-joined{font-size:9px;line-height:1.8;margin-top:5px}.profile-member-link{font-size:10px;padding:8px 12px;margin-left:68px}.profile-sidebar{grid-template-columns:1fr;gap:12px}.profile-balance{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;border-radius:17px}.profile-balance .eyebrow{grid-column:1/-1;font-size:9px}.profile-balance h2{font-size:30px;margin:12px 0 5px}.profile-balance p{font-size:10px;grid-column:1}.profile-topup{grid-column:2;grid-row:2/4;align-self:center;font-size:11px;min-height:40px;margin-top:0;padding:10px 12px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 8px;border-radius:15px}.profile-stats>div{display:flex;flex-direction:column;gap:7px;padding:0 6px;border:0;border-right:1px solid #e4ecf7;text-align:center}.profile-stats>div:last-child{border:0}.profile-stats .profile-stat-dot{display:none}.profile-stats strong{order:-1;font-size:24px}.profile-stats span{font-size:9px;line-height:1.6}.profile-layout{gap:21px}.profile-tabs{margin-bottom:18px;gap:0}.profile-tabs button{flex:none;min-width:0;width:117px;font-size:11px;min-height:58px;padding:8px 10px 13px}.profile-filters{grid-template-columns:1fr 1.3fr;gap:12px;border-radius:13px;margin-bottom:20px;padding:14px}.profile-filters label{font-size:10px}.profile-filters select,.profile-filters input{font-size:16px;height:42px}.profile-filters .profile-search{grid-column:1/-1;grid-row:2}.profile-filters .primary{grid-column:1/-1;height:40px}.profile-panel-heading{gap:10px}.profile-panel-heading h2{font-size:15px;max-width:75%}.profile-panel-heading>span{font-size:10px}.profile-order-row{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;padding:16px 14px;border-radius:13px}.profile-order-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 10px;padding-bottom:10px;border-bottom:1px solid #edf2f9}.profile-order-meta time{font-size:9px}.profile-order-id{font-size:10px}.profile-product-logo{width:40px;height:40px;padding:7px}.profile-product-name h3{font-size:12px}.profile-product-name p{font-size:10px}.profile-product-name small{font-size:9px}.profile-order-end>strong{font-size:12px}.profile-status{font-size:9px;padding:4px 6px;max-width:105px}.profile-order-end{gap:8px}.profile-pagination{gap:6px}.profile-pagination .outline{padding:9px 10px;font-size:10px}.profile-pagination span{font-size:9px}.profile-empty{padding:34px 20px}.profile-empty h3{font-size:15px}.profile-empty p{font-size:12px}.profile-settings-card,.profile-logout-card{padding:21px;border-radius:15px}.profile-settings-info>div{grid-template-columns:1fr;gap:6px;padding:13px 0}.profile-settings-info dt{font-size:10px}.profile-settings-info dd{font-size:12px}.profile-settings-card h3,.profile-logout-card h3{font-size:15px}.profile-logout-card{gap:16px}.profile-logout{width:100%}.profile-ledger{padding:0 14px}.profile-ledger-row{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:17px 0}.profile-ledger-icon{width:30px;height:30px;font-size:17px}.profile-ledger-row h3{font-size:12px}.profile-ledger-row time,.profile-ledger-row small{font-size:9px}.profile-ledger-amount{grid-column:2;text-align:left}.profile-ledger-amount strong{font-size:13px}.profile-ledger-amount small{display:inline-block;margin-left:10px}.profile-gate{padding:30px 22px;margin:28px auto}.profile-gate h1{font-size:25px}.profile-gate p{font-size:13px}.profile-detail-grid{grid-template-columns:1fr;gap:18px}.profile-order-heading{gap:14px;margin-bottom:22px}.profile-order-heading h1{font-size:27px}.profile-order-heading .profile-status{font-size:10px;max-width:120px;padding:7px 11px}.profile-detail-card{padding:22px 20px;border-radius:16px}.profile-detail-fields>div{grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);font-size:11px;gap:10px}.profile-copy-id{font-size:10px}.profile-detail-fields .profile-total dd{font-size:22px}.profile-delivery p{font-size:12px;line-height:1.9}}
@media(max-width:360px){.profile-page{padding-inline:12px}.profile-banner{padding:18px 14px;gap:11px}.profile-avatar{width:44px;height:44px;flex-basis:44px;font-size:20px}.profile-identity h1{font-size:18px}.profile-balance{padding:19px 16px}.profile-balance h2{font-size:26px}.profile-topup{font-size:10px;padding-inline:10px}.profile-order-row{gap:9px;padding-inline:12px;grid-template-columns:34px minmax(0,1fr)}.profile-product-logo{width:34px;height:34px}.profile-order-end{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:left}.profile-detail-card{padding:20px 16px}.profile-copy-id{flex-wrap:wrap;justify-content:flex-end;gap:2px}}
@media(max-width:640px){.profile-settings-card{padding:0}.profile-settings-main{padding:21px}.profile-settings-info{grid-template-columns:1fr;margin-top:18px}.profile-logout-card{border-radius:0 0 15px 15px;padding:19px 21px;gap:16px}.profile-logout-copy{min-width:0;flex-basis:100%}.profile-logout{width:100%;justify-content:center;gap:24px}.profile-settings-info>div{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.profile-page *,.profile-page *::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}.profile-close:hover,.profile-logout:not(:disabled):hover,.profile-logout .logout-door{transform:none!important}.profile-logout .logout-runner{opacity:0!important}}