:root { color-scheme: light; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #172033; background: #f4f6f8; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { max-width: 1100px; margin: 0 auto; padding: 32px 20px 64px; }
.panel { background: #fff; border: 1px solid #dfe4ea; border-radius: 8px; padding: 24px; margin-bottom: 20px; box-shadow: 0 3px 12px rgba(20, 33, 50, .05); }
.narrow { max-width: 420px; margin: 10vh auto; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 4px; font-size: 26px; }
h2 { margin-bottom: 0; font-size: 18px; }
h3 { margin-bottom: 4px; font-size: 16px; }
.muted { color: #6d7788; }
label { display: grid; gap: 6px; color: #3f4a5b; font-size: 14px; }
input { width: 100%; border: 1px solid #cbd3dd; border-radius: 5px; padding: 10px 11px; font: inherit; }
input:focus { outline: 2px solid #a8c7ff; border-color: #4a83e8; }
.password-field { position: relative; }
.password-field input { padding-right: 42px; }
.password-toggle { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 34px; height: 32px; padding: 0; background: transparent; color: #687385; font-size: 18px; line-height: 1; }
.password-toggle:hover { background: #edf1f5; color: #1f6feb; }
button { border: 0; border-radius: 5px; background: #1f6feb; color: #fff; padding: 10px 15px; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
button.secondary { background: #edf1f5; color: #263244; }
button.danger { color: #b42318; }
.topbar, .panel-title, .account-head, .actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.account-form { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 14px; align-items: end; }
.accounts { display: grid; gap: 12px; }
.account-card { border: 1px solid #e2e7ed; border-radius: 6px; padding: 16px; }
.status, .badge { border-radius: 99px; padding: 4px 9px; font-size: 12px; background: #eef2f6; color: #596579; }
.status.success { background: #e8f7ee; color: #19713c; }
.status.error, .status.insufficient_balance { background: #fff0ef; color: #b42318; }
.status.running { background: #fff7e6; color: #a15c00; }
.status.dry_run { background: #edf4ff; color: #1f5dbd; }
.message { margin: 14px 0; color: #4d5868; font-size: 14px; word-break: break-word; }
.shots { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; }
.shots a { color: #1f6feb; text-decoration: none; }
.notice { padding: 12px 14px; border-radius: 6px; background: #eef4ff; margin-bottom: 18px; }
.notice.error, .error { color: #b42318; }
.notice.error { background: #fff0ef; }
@media (max-width: 760px) { .account-form { grid-template-columns: 1fr; } .topbar { align-items: flex-start; } }