body[data-page=profile] main{max-width:1020px;margin:auto}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 20px}.account-heading h1{font-size:25px;margin:0;font-weight:800;letter-spacing:-.7px}.account-heading button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 13px;border-radius:9px;border:1px solid #7c7e80;background:linear-gradient(135deg,#6c6e6d,#353739);box-shadow:inset 0 0 0 2px #ffffff0d;color:#e5e5e5;font-size:12px}.account-heading .icon{width:17px;height:17px;margin:0}.account-identity{display:flex;align-items:center;gap:18px;padding:23px;border-radius:15px;background:linear-gradient(125deg,#3a3c3e,#24262c);min-height:130px;margin-bottom:12px;border:1px solid #ffffff04}.account-avatar{display:grid;place-items:center;width:76px;height:82px;flex:0 0 76px;border:1px solid #515358;border-radius:12px;box-shadow:0 0 0 5px #25272a,inset 0 0 0 4px #17191c;background:linear-gradient(135deg,#292b2d,#15171a);color:#d6d7d8;font-size:43px;font-weight:600}.account-identity-info{min-width:0;flex:1}.account-identity-info h2{font-size:19px;color:#c4c6c7;margin:0 0 10px;font-weight:500;overflow-wrap:anywhere}.account-id{display:flex;align-items:center;gap:10px}.account-id>span{border:1px solid #55575c;padding:4px 8px;border-radius:5px;font-size:12px;color:#b7b9be;white-space:nowrap}.account-id button{padding:2px;border:0;background:none;border-radius:4px;color:#eee;display:grid;place-items:center;min-width:25px;min-height:28px}.account-id .icon{margin:0;width:18px;height:18px}.account-identity-info>small{display:block;color:#7f838c;font-size:10px;margin-top:11px}.account-balance{padding:22px;border-radius:14px;background:#242629;margin-bottom:12px}.account-balance>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-balance>div:first-child>span{font-size:18px;color:#eee}.account-balance #payment-history{display:flex;align-items:center;gap:8px;border:0;background:none;color:#979aa1;font-weight:400;font-size:12px;padding:3px}.account-balance #payment-history .icon{margin:0;width:15px;height:15px}.account-balance>strong{font-size:30px;display:block;color:#fff;margin:19px 0 22px;line-height:1.3}.account-balance-actions{display:grid;grid-template-columns:3fr 1fr;gap:9px}.account-balance-actions button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-height:47px;border-radius:9px}.account-balance-actions .icon{width:19px;height:19px;margin:0}.account-balance-actions #profile-coupon{background:#303237;border-style:dashed;color:#eee}.account-balance-actions #profile-coupon .icon{color:#ffdf00}.account-stats{display:grid;grid-template-columns:1fr 1.4fr;grid-template-rows:1fr 1fr;gap:11px;margin-bottom:11px}.account-stat-large{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:#24262b;border-radius:13px;min-height:155px}.account-stat-large>span{display:flex;align-items:center;justify-content:space-between;color:#c7c9cd;font-size:15px;gap:10px}.account-stat-large .icon{margin:0;color:#aeb2b8;background:#ffffff08;border-radius:5px;padding:3px;width:24px;height:24px}.account-stat-large strong{color:#ffdf00;font-size:23px;margin-top:18px;overflow-wrap:anywhere}.account-stat-large small{font-size:10px;color:#969aa4;margin-top:7px}.account-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#27292f;border-radius:13px;padding:18px}.account-stat>span{font-size:14px;color:#a8abb3}.account-stat>strong{color:#ffdf00;display:flex;align-items:center;gap:5px;font-size:20px;white-space:nowrap}.account-stat .icon{margin:0;width:23px;height:23px}.account-stat strong>b{font-size:17px}.account-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.account-mini-stats>span{background:#202228;border-radius:8px;padding:12px;color:#90949e;font-size:11px;display:flex;justify-content:space-between;gap:8px}.account-mini-stats b{color:#dadce1}.account-best{position:relative;overflow:hidden;min-height:160px;background:#27292e;border-radius:14px;padding:19px;margin:0 0 12px;isolation:isolate}.account-best>span{color:#969aa2;font-size:15px}.account-best>img{position:absolute;right:14px;bottom:15px;height:125px;width:52%;object-fit:contain;z-index:-1;filter:drop-shadow(0 0 17px #ffdf000a)}.account-best>img.best-placeholder{filter:brightness(0) invert(.5);opacity:.12;transform:rotate(-10deg);width:65%;height:145px}.account-best>div{display:flex;flex-direction:column;gap:9px;margin-top:60px;max-width:50%}.account-best>div b{font-size:13px;color:#c5c8cf;overflow-wrap:anywhere}.account-best>div strong{font-size:20px;color:#ffdf00}.account-best>p{font-size:12px;line-height:1.5;color:#999ca5;max-width:45%;margin-top:58px}.account-settings-row{display:flex;align-items:center;gap:13px;padding:20px;background:#27292f;border-radius:13px;margin-bottom:12px}.account-setting-symbol{width:33px;height:38px;display:grid;place-items:center;flex:none;background:#ffffff09;border-radius:7px;color:#c1c4cb}.account-setting-symbol .icon{margin:0;width:24px;height:24px}.account-settings-row>div:nth-child(2){min-width:0;flex:1}.account-settings-row b{display:block;font-size:14px;color:#e3e4e7;font-weight:500}.account-settings-row small{display:block;font-size:11px;color:#9397a1;margin-top:6px}.account-settings-row button{font-size:12px;padding:9px 13px;border:0;background:#383b43;color:#dddfe4;border-radius:7px;min-height:36px}.account-notifications{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:17px;border:0;background:#27292f;border-radius:11px;font-size:13px;color:#e3e4e8;margin-bottom:13px}.account-notifications .icon{width:18px;height:18px;margin:0;color:#a9adb5}.account-notifications>span{font-size:10px;color:#858b96;margin-left:auto}.account-items{background:#1b1d22;border-radius:15px;overflow:hidden;border:1px solid #ffffff04;margin-bottom:20px}.account-tabs{display:grid;grid-template-columns:2.7fr 1fr 1fr 1fr;gap:5px;padding:12px;background:#22242a}.account-tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:39px;padding:8px 4px;font-size:10px;background:#30333b;color:#8e939f;border:0;border-radius:6px}.account-tabs .icon{width:16px;height:16px;margin:0}.account-tabs button.selected{background:#ffdf00;color:#171717}.account-tabs button:not(.selected)>span{display:none}.account-inventory-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 15px;background:#22242a}.account-inventory-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:#a2a6b1}.account-inventory-tools input{accent-color:#ffdf00;width:24px;height:18px;margin:0}.account-inventory-tools button{font-size:11px;font-weight:400;background:none;color:#a8acb7;border-color:#414550;padding:8px 11px;min-height:34px}.account-inventory-content{padding:12px}.account-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#a8adb6;font-size:17px}.account-empty button{font-size:12px;min-height:36px}.account-local-note{color:#777e8a;font-size:10px;line-height:1.6}.account-history{padding:13px}.account-history>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff09}.account-history>div>span{min-width:0}.account-history b{display:block;font-size:12px;color:#c3c7d0;overflow-wrap:anywhere;font-weight:500}.account-history small{display:block;font-size:10px;color:#737b89;margin-top:5px}.account-history strong{font-size:12px;color:#a2a7b2;white-space:nowrap}.account-history strong.positive{color:#ffdf00}.account-history>p{font-size:12px;color:#9299a6;line-height:1.7;text-align:center;padding:30px 5px}.profile-name-label{display:flex;flex-direction:column;gap:10px;font-size:13px}.profile-name-label input{font-size:16px;width:100%}
@media(min-width:851px){.account-identity{padding:28px}.account-stats{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.account-stat-large{grid-row:span 1;min-height:120px}.account-tabs{grid-template-columns:2fr 1fr 1fr 1fr}.account-tabs button:not(.selected)>span{display:block}.account-best{min-height:180px}.account-best>img{width:40%;height:150px}}
@media(max-width:650px){.account-heading{margin:8px 0 17px}.account-heading h1{font-size:21px}.account-heading button{font-size:10px;padding:8px 10px;gap:5px}.account-heading .icon{width:15px;height:15px}.account-identity{padding:21px 18px;gap:15px;min-height:121px}.account-avatar{width:58px;flex-basis:58px;height:65px;font-size:35px;box-shadow:0 0 0 4px #25272a,inset 0 0 0 3px #17191c}.account-identity-info h2{font-size:16px;margin-bottom:9px}.account-id{gap:7px}.account-id>span{font-size:10px;padding:4px 6px}.account-id .icon{width:16px;height:16px}.account-identity-info>small{font-size:8px;margin-top:8px}.account-balance{padding:18px}.account-balance>div:first-child>span{font-size:16px}.account-balance #payment-history{font-size:10px;gap:4px}.account-balance>strong{font-size:27px;margin:16px 0 20px}.account-balance-actions{gap:7px}.account-balance-actions button{min-height:44px;font-size:12px;gap:6px}.account-balance-actions .icon{width:17px;height:17px}.account-stat-large{padding:15px;min-height:133px}.account-stat-large>span{font-size:12px}.account-stat-large strong{font-size:20px}.account-stat{padding:14px}.account-stat>span{font-size:12px}.account-stat>strong{font-size:18px}.account-stat .icon{width:21px;height:21px}.account-mini-stats>span{font-size:9px;padding:10px 8px;gap:5px}.account-best{min-height:145px;padding:17px}.account-best>span{font-size:13px}.account-best>div{margin-top:48px}.account-best>div b{font-size:11px}.account-best>div strong{font-size:17px}.account-best>img{height:105px;width:52%;right:10px}.account-best>p{font-size:11px;margin-top:45px}.account-settings-row{padding:17px 14px;gap:10px}.account-settings-row b{font-size:12px}.account-settings-row small{font-size:10px}.account-settings-row button{font-size:11px;padding:8px 10px}.account-notifications{padding:15px 13px;font-size:12px;gap:6px}.account-notifications>span{font-size:9px}.account-tabs{padding:10px;gap:4px}.account-tabs button{min-height:35px;font-size:10px}.account-inventory-tools{padding:5px 11px 13px}.account-inventory-tools label{font-size:10px;gap:6px}.account-inventory-tools button{font-size:10px;padding:7px 9px}.account-inventory-content{padding:8px}.account-history{padding:11px}.account-empty{font-size:15px;min-height:160px}.account-empty button{font-size:11px}.account-local-note{font-size:9px}}
@media(max-width:350px){.account-heading h1{font-size:19px}.account-heading button{font-size:8px;padding:7px}.account-identity{gap:12px;padding:18px 14px}.account-id{gap:4px}.account-id>span{font-size:9px}.account-id button{min-width:22px}.account-identity-info h2{font-size:14px}.account-balance #payment-history{font-size:9px}.account-balance-actions button{font-size:11px}.account-stat-large strong{font-size:18px}.account-stat{padding:12px}.account-mini-stats>span{font-size:8px;padding:9px 6px}.account-notifications{font-size:11px}.account-notifications>span{font-size:8px}.account-settings-row small{font-size:9px}.account-inventory-tools label{font-size:9px}.account-tabs{grid-template-columns:2.3fr 1fr 1fr 1fr}}
.account-tabs{display:flex}.account-tabs button{flex:1;min-width:0}.account-tabs button.selected{flex:2.7}.account-tabs button.selected>span{display:block}.account-tabs button .icon{flex:none}