.account-page{padding-top:38px;padding-bottom:70px;min-height:calc(100vh - 145px)}
.account-hero{background:#fff;border:1px solid #e5e1da;border-radius:20px;padding:30px;margin-bottom:22px}.account-hero h1{font-size:42px;margin:8px 0}.account-hero p{color:#777;margin:0;line-height:1.6}
.account-msg{padding:13px 15px;border-radius:10px;background:#fff6e5;border:1px solid #f0d7a1;margin-bottom:18px;color:#654b10}.account-msg.ok{background:#e9f8ef;border-color:#b9e2c7;color:#176b38}.account-msg.error{background:#fbe9eb;border-color:#efb9bf;color:#8a1d2b}
.auth-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:stretch}.auth-card,.auth-benefits,.profile-card,.orders-card{background:#fff;border:1px solid #e5e1da;border-radius:18px;padding:24px}.auth-card h2,.auth-benefits h3,.profile-card h3,.orders-card h3{margin:0 0 8px}.auth-card p,.card-help{color:#777;font-size:13px;line-height:1.55;margin:0 0 16px}.auth-card input,.profile-card input,.profile-card textarea{width:100%;padding:12px 13px;border:1px solid #ddd;border-radius:10px;margin:6px 0;font:inherit;outline:none}.auth-card input:focus,.profile-card input:focus,.profile-card textarea:focus{border-color:#999}.auth-card .btn{width:100%;margin-top:8px}.auth-icon{width:46px;height:46px;border-radius:13px;background:#f2eee7;display:grid;place-items:center;font-size:24px;margin-bottom:15px}.dark-btn{background:#111;color:#fff}.text-btn{display:block;border:0;background:none;padding:10px 0 0;color:#222;font:inherit;cursor:pointer;text-align:left}.muted-btn{color:#777;font-size:13px}.auth-benefits{background:#111;color:#fff}.auth-benefits h3{font-size:19px;margin-bottom:18px}.auth-benefits div{padding:13px 0;border-bottom:1px solid #333;color:#ddd;font-size:13px}.auth-benefits div:last-child{border-bottom:0}.account-topbar{background:#fff;border:1px solid #e5e1da;border-radius:18px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.account-topbar h2{margin:7px 0 4px;font-size:28px}.account-topbar p{margin:0;color:#777}.outline-account,.mini-btn{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.account-grid{display:grid;grid-template-columns:350px 1fr;gap:18px}.profile-card label{display:block;font-size:13px;font-weight:700;margin:10px 0}.profile-card textarea{min-height:100px;resize:vertical}.profile-card .btn{width:100%;margin-top:10px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.order-account-row{border:1px solid #e7e2d9;border-radius:14px;padding:15px;margin:10px 0;background:#faf9f7}.order-account-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.order-code{font-weight:900;letter-spacing:.4px}.order-status{font-size:11px;border-radius:999px;padding:5px 9px;background:#eee}.order-total{font-size:18px;font-weight:900;margin-top:8px}.order-items{margin:10px 0 0;padding-top:10px;border-top:1px solid #e7e2d9;color:#666;font-size:12px;line-height:1.7}.order-meta{font-size:11px;color:#888;margin-top:6px}.order-track{display:inline-block;margin-top:10px;color:#111;font-size:12px;font-weight:800}.empty-account{text-align:center;color:#777;padding:35px 10px}.account-footer{max-width:1180px;margin-top:0}
@media(max-width:900px){.auth-grid{grid-template-columns:1fr 1fr}.auth-benefits{grid-column:1/-1}.account-grid{grid-template-columns:1fr}}
@media(max-width:560px){.account-page{padding-top:18px}.account-hero{padding:22px}.account-hero h1{font-size:34px}.auth-grid{grid-template-columns:1fr}.auth-benefits{grid-column:auto}.account-topbar{align-items:flex-start;flex-direction:column}.order-account-top{align-items:flex-start;flex-direction:column}}