.account-body{min-height:100vh;background:#f2efeb}.account-header{min-height:76px;padding:10px max(22px,calc((100% - 1050px)/2));display:flex;align-items:center;justify-content:space-between;background:#302c31;color:#f4eff2}.account-brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:600}.account-brand img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid #d2bbd7;background:#fff}.account-back{font-size:12px;color:#d4c7d7}.account-main{width:min(940px,calc(100% - 36px));margin:70px auto 110px}.account-card{max-width:520px;margin:0 auto;padding:clamp(25px,6vw,48px);background:#fbfaf7;box-shadow:0 18px 60px #302c3110}.account-card h1,.account-title h1{font:400 clamp(42px,7vw,62px)/.98 var(--serif);margin:10px 0 16px}.account-intro,.account-card section>p{font-size:13px;line-height:1.8;color:#70686d}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin:25px 0 21px;background:#f0ede9;border-radius:30px}.account-tabs button{border:0;border-radius:24px;background:transparent;padding:10px;color:#70686d;font-size:12px;cursor:pointer}.account-tabs button[aria-selected=true]{background:#302c31;color:#fff}.account-card form{display:grid;gap:9px}.account-card label{margin-top:9px;font-size:11px;color:#655c63}.account-card input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #d9d3d0;background:#fff;color:#302c31;border-radius:2px}.account-card input:focus{outline:2px solid #b9a3bf;outline-offset:1px}.account-card form .button{width:100%;margin-top:12px}.account-hint{font-size:10px;color:#81777e;line-height:1.6;margin:0 0 4px}.account-card #verification-panel h2{font:500 29px var(--serif);margin:22px 0 3px}.account-card #verification-panel p{margin:5px 0 16px}.account-card #verification-address{overflow-wrap:anywhere;color:#514452}.account-message{min-height:20px;margin:16px 0 0;color:#594a5c;font-size:12px;line-height:1.65}.account-message.error{color:#9d3e39}.account-dashboard{width:100%}.account-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.account-title h1{margin:5px 0}.account-email{margin:0;color:#70686d;font-size:12px}.account-logout{border:1px solid #c9c0c8;background:transparent;padding:9px 15px;cursor:pointer}.account-appointment-list{display:grid;gap:17px}.account-appointment-card{background:#fbfaf7;border:1px solid #ded9d4;padding:24px}.account-appointment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.account-appointment-top h2{font:500 27px var(--serif);margin:0}.account-appointment-top p{margin:2px 0;color:#81777e;font-size:10px}.account-status{flex:none;border-radius:20px;padding:5px 12px;background:#e8e1e8;color:#56475b;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.account-status.confirmed{background:#e1eadf;color:#3c6143}.account-status.cancelled{background:#efe1de;color:#76504a}.account-status.pending{background:#efe6d7;color:#73551e}.account-appointment-details{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin:20px 0;padding:16px;background:#f3f0ec}.account-appointment-details div{min-width:0}.account-appointment-details dt{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8a7d88}.account-appointment-details dd{margin:3px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.account-pay-area{border-top:1px solid #e2ddda;padding-top:16px}.account-pay-button{border:0;padding:11px 17px;background:#302c31;color:#fff;cursor:pointer;font-size:12px}.account-payment-form{display:grid;gap:17px;margin-top:14px}.account-payment-submit{width:100%}.account-book-link{display:inline-block;margin-top:23px;color:#594a5c;font-size:12px;text-decoration:underline;text-underline-offset:4px}.account-empty{background:#fbfaf7;padding:24px;color:#70686d;font-size:13px}.account-payment-message{margin:9px 0 0;color:#594a5c;font-size:11px}.account-payment-message.error{color:#9d3e39}
.account-updates{margin:0 0 17px;padding:0 2px;color:#655c63}.account-updates summary{cursor:pointer;font-size:11px;color:#594a5c}.account-updates ol{display:grid;gap:12px;padding-left:22px}.account-updates li{padding-left:3px;font-size:11px;line-height:1.6}.account-updates li strong{font-weight:600;color:#302c31}.account-updates li p{margin:3px 0;color:#70686d}
.verification-actions{display:flex;gap:18px;margin-top:17px}.verification-actions button{border:0;padding:0;background:transparent;color:#594a5c;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:600px){.account-header{padding-inline:17px}.account-brand{font-size:13px}.account-brand img{width:47px;height:47px}.account-back{font-size:10px}.account-main{margin:42px auto 70px}.account-title{align-items:flex-start}.account-appointment-card{padding:16px}.account-appointment-details{grid-template-columns:1fr;gap:8px;padding:13px}.account-appointment-top h2{font-size:23px}}
