.account-layout{margin:0 auto;max-width:1250px;padding:45px 35px;width:100%}
.account-heading h1{font-size:clamp(36px,4vw,54px);margin:18px 0}
.account-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start;margin-top:35px}
.account-section{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:16px}
.account-section h2{font-size:24px}.account-section h3{font-size:16px;margin:20px 0}
.account-section label{display:block;font-size:12px;margin-top:17px}
.account-section input{font-size:14px;background:#111510}.account-section input[readonly]{color:var(--muted)}
.account-section .button{border:0;font:600 14px system-ui;cursor:pointer;width:100%}
.text-button{background:none;border:1px solid var(--line);border-radius:7px;padding:9px 12px;color:var(--accent);cursor:pointer;font:12px system-ui;min-height:40px;margin:6px 6px 0 0}
.text-button:hover{border-color:var(--accent)}.text-button:disabled{opacity:.5;cursor:wait}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#motorcycle-count{font:12px ui-monospace,monospace;color:var(--muted)}
.motorcycle-list{list-style:none;padding:0;margin:20px 0 10px}.motorcycle-list li{border-top:1px solid var(--line);padding:12px 0}
.motorcycle-list li p{font-size:14px;margin:0 0 5px;overflow-wrap:anywhere}
.delete-confirmation{margin-top:20px;padding:15px;border:1px solid #77614b;border-radius:8px;font-size:13px}
.danger{color:#e9b38d}.session-controls{margin-top:24px}.session-actions{display:flex;gap:8px;flex-wrap:wrap}
#profile-email-hint{max-width:35ch}
@media(max-width:760px){.account-layout{padding:25px 20px}.account-columns{grid-template-columns:1fr;gap:18px;margin-top:25px}.account-section{padding:22px}.account-section h2{font-size:21px}}