.account-vue{padding-top:48px;padding-bottom:80px}.account-vue>h1{margin:0 0 24px;color:#111;font-size:24px;font-weight:600}.account-vue-layout{display:flex;gap:32px}.account-vue-side{width:224px;flex:none;display:flex;flex-direction:column;gap:4px}.account-vue-side button{width:100%;border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#6b7280;font:inherit;font-size:14px;text-align:left;cursor:pointer}.account-vue-side button:hover{background:#fafafa;color:#111}.account-vue-side button.is-active{background:#111;color:#fff}.account-vue-side button:last-child{color:#ef4444}.account-vue-side hr{width:100%;border:0;border-top:1px solid #f0f0f0;margin:12px 0}.account-vue-content{min-width:0;flex:1}.account-vue-stack{display:grid;gap:24px}.account-vue-card{border:1px solid #f0f0f0;border-radius:12px;padding:24px;background:#fff}.account-vue-welcome{padding-bottom:20px}.account-vue-user,.account-vue-profile-head{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #f7f7f7}.account-vue-user>span,.account-vue-profile-head>span{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:#f3f4f6;color:#111;font-size:20px;font-weight:700}.account-vue-user h2{margin:0 0 4px;font-size:18px;font-weight:600}.account-vue-user p,.account-vue-profile-head p{margin:0;color:#6b7280;font-size:13px}.account-vue-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.account-vue-stats a{padding:16px;border-radius:12px;background:#f7f7f7;color:#111;text-align:center}.account-vue-stats a:hover{background:#f0f0f0}.account-vue-stats strong,.account-vue-stats small{display:block}.account-vue-stats strong{font-size:24px}.account-vue-stats small{margin-top:4px;color:#6b7280;font-size:11px}.account-vue-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.account-vue-card h2{margin:0;font-size:17px;font-weight:600}.account-vue-card-head a,.account-vue-card-head button{border:0;background:transparent;color:#111;font:inherit;font-size:13px;cursor:pointer}.account-vue-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #f5f5f5}.account-vue-order-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.account-vue-order-meta span,.account-vue-order small,.account-vue-order>span{color:#9ca3af;font-size:12px}.account-vue-order-meta b{border-radius:999px;padding:3px 8px;background:#f5f5f5;color:#6b7280;font-size:10px;font-weight:500}.account-vue-order strong,.account-vue-order small{display:block}.account-vue-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.account-vue-shortcuts button{border:1px solid #f0f0f0;border-radius:12px;padding:16px;background:#fff;color:#111;font:inherit;font-size:13px;cursor:pointer}.account-vue-shortcuts button:hover{border-color:#d1d5db}.account-vue-empty{padding:32px 0;color:#9ca3af;font-size:13px;text-align:center}.account-vue-empty a{display:block;margin-top:8px;color:#111}.account-vue-form-card{max-width:640px}.account-vue-profile-head{margin:20px 0}.account-vue-form-card>label{display:block;margin-top:16px;color:#374151;font-size:13px;font-weight:500}.account-vue-form-card input{display:block;width:100%;height:40px;margin-top:7px;border:1px solid #e5e7eb;border-radius:999px;padding:0 14px;outline:0;font:inherit;font-size:13px}.account-vue-form-card input:focus{border-color:#111}.account-vue-form-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.account-vue-form-actions button,.account-vue-address-form button{border:0;border-radius:999px;padding:10px 20px;background:#111;color:#fff;font:inherit;font-size:13px;cursor:pointer}.account-vue-form-actions em{color:#16a34a;font-size:13px;font-style:normal}.account-vue-address-list{display:grid;gap:12px}.account-vue-address{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid #f0f0f0;border-radius:12px;padding:16px}.account-vue-address-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.account-vue-address-title span,.account-vue-address p{color:#6b7280;font-size:13px}.account-vue-address-title b{border-radius:999px;padding:3px 8px;background:#111;color:#fff;font-size:10px}.account-vue-address p{margin:8px 0 0}.account-vue-address-actions{display:flex;gap:10px}.account-vue-address-actions button{border:0;background:transparent;color:#6b7280;font:inherit;font-size:12px;cursor:pointer}.account-vue-address-actions button:last-child{color:#ef4444}.account-vue-address-form{display:grid;gap:12px;margin-bottom:20px;padding:16px;border-radius:10px;background:#f7f7f7}.account-vue-address-form h3{margin:0;font-size:14px}.account-vue-address-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-vue-address-form input,.account-vue-address-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff;outline:0;font:inherit;font-size:13px}.account-vue-address-form textarea{min-height:70px;resize:vertical}.account-vue-check{color:#6b7280;font-size:13px}.account-vue-check input{width:auto}.account-vue-address-form button:last-child{background:#e5e7eb;color:#4b5563}.account-vue-review-list{display:grid;gap:12px;margin-top:20px}.account-vue-review{border:1px solid #f5f5f5;border-radius:10px;padding:16px}.account-vue-review>div{display:flex;justify-content:space-between;gap:12px}.account-vue-review>div span{color:#d4af37}.account-vue-review p{margin:8px 0;color:#4b5563;font-size:13px}.account-vue-review small{color:#9ca3af;font-size:12px}@media(max-width:760px){.account-vue{padding:36px 16px 56px}.account-vue-layout{display:block}.account-vue-side{width:auto;flex-direction:row;overflow:auto;margin-bottom:16px}.account-vue-side button{width:auto;white-space:nowrap}.account-vue-side hr{display:none}.account-vue-side button:last-child{display:none}.account-vue-stats{grid-template-columns:repeat(2,1fr);gap:8px}.account-vue-shortcuts{grid-template-columns:repeat(2,1fr);gap:8px}.account-vue-card{padding:18px}.account-vue-address-form>div{grid-template-columns:1fr}.account-vue-address{display:block}.account-vue-address-actions{margin-top:12px}}