.accounts-intro { background:#eaf0e5; border:1px solid #d7e2d0; border-radius:12px; padding:20px 24px; line-height:1.8; margin-bottom:24px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.accounts-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:24px; align-items:start; }
.account-editor,.account-card { background:white; border:1px solid var(--line); border-radius:12px; padding:24px; }
.account-editor h2 { margin:0 0 20px; font-size:18px; }
#account-fields { border:0; padding:0; margin:0; min-width:0; }
#account-fields > label { display:block; font-size:13px; font-weight:600; margin:16px 0 8px; }
#account-fields > input,#account-fields > select { width:100%; padding:11px 12px; border:1px solid var(--line); border-radius:6px; background:#fff; font:inherit; }
#account-fields .account-auto-label { display:flex; align-items:center; gap:8px; }
.account-editor .account-buttons { margin-top:20px; }
.accounts-list { display:grid; gap:16px; }
.account-card-heading,.account-settings { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.account-card-heading strong { font-size:18px; overflow-wrap:anywhere; }
.account-role { display:inline-block; font-size:11px; padding:4px 7px; background:#f1f3ee; margin-left:8px; border-radius:4px; }
.account-role.primary { background:#e2eeda; color:#34542e; }
.account-state { font-size:12px; color:#77837b; }
.state-live { color:#1c764a; }.state-blocked,.state-error { color:#b64942; }.state-standby,.state-waiting { color:#95701b; }
.account-settings { margin:18px 0; font-size:13px; }.account-settings label { display:flex; align-items:center; gap:6px; cursor:pointer; }
.account-limits { display:grid; grid-template-columns:1fr 1fr; background:#f7f8f5; border-radius:8px; padding:16px; gap:20px; font-size:14px; line-height:1.7; }
.account-limits h3 { margin:0 0 8px; font-size:12px; color:#718176; font-weight:500; }
.account-limits small { color:#829084; font-size:11px; margin-left:6px; }
.account-muted { color:#7a8881; font-size:12px; line-height:1.7; }
.account-proxy { overflow-wrap:anywhere; }
.account-error,#accounts-feedback.error { color:#b64942; font-size:13px; line-height:1.7; }
.account-buttons { display:flex; flex-wrap:wrap; gap:8px; }
#accounts-feedback { font-size:13px; margin:12px 0 0; }
.accounts-empty { padding:50px 24px; color:#7a8881; text-align:center; border:1px dashed #c8d3c5; border-radius:12px; }
@media(max-width:1100px) { .accounts-layout { grid-template-columns:260px minmax(0,1fr); gap:16px; }.account-editor,.account-card { padding:18px; } }
@media(max-width:820px) { .accounts-layout { grid-template-columns:1fr; }.account-limits { gap:12px; }.accounts-intro { padding:16px; } }

#accounts-feedback:empty { display:none }