.account-panel {margin:0 0 24px; padding:18px 20px; border:1px solid #3d3158; border-radius:18px; background:linear-gradient(120deg,#211931,#121a2a); display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.account-panel .account-summary {flex:1; min-width:160px;}
.account-panel strong {display:block; font-size:15px; color:#eee8ff; overflow-wrap:anywhere;}
.account-panel p {margin:4px 0 0; font-size:13px; color:#bdc8e5; line-height:1.7;}
.account-actions {display:flex; flex-wrap:wrap; gap:8px;}
.account-panel button {min-height:44px;}
.account-panel [hidden], .account-modal [hidden] {display:none!important;}
.account-tabs {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px;}
.account-note {color:#bdc8e5; font-size:14px; line-height:1.8; margin:12px 0;}
.account-error {color:#fda4af; line-height:1.7; margin-bottom:12px;}
.account-modal .btn-primary, .account-modal .btn-outline {min-height:44px; padding:10px 16px;}
#account-submit, #recovery-done {width:100%;}
.recovery-code {display:block; padding:16px; border:1px solid #9075b8; border-radius:12px; background:#101525; color:#f1dbff; font-family:monospace; font-size:18px; overflow-wrap:anywhere; user-select:all; margin:16px 0;}
.conflict-counts {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0;}
.conflict-counts > div {padding:14px; border:1px solid #45405f; border-radius:12px; font-size:14px; line-height:1.8;}
.account-busy .account-actions button {opacity:.6;}
@media(max-width:768px) {.account-panel {padding:16px;}.account-actions {width:100%;}.account-actions button {flex:1;}.conflict-counts {grid-template-columns:1fr;}}