:root{--account-bg:#f3f6fb;--account-card:#fff;--account-text:#172b4d;--account-muted:#58677c;--account-line:#dce3ed;--account-blue:#1265ca}
:root[data-theme=dark]{--account-bg:#111b2b;--account-card:#1b2940;--account-text:#eff5ff;--account-muted:#bdcbe0;--account-line:#384961}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--account-bg:#111b2b;--account-card:#1b2940;--account-text:#eff5ff;--account-muted:#bdcbe0;--account-line:#384961}}
.account-body{margin:0;background:var(--account-bg);color:var(--account-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;display:grid;place-items:center}
.account-body *{box-sizing:border-box}.login-card{width:min(440px,calc(100% - 32px));padding:40px;background:var(--account-card);border:1px solid var(--account-line);border-radius:20px;box-shadow:0 16px 55px #14254210}
.account-body h1{font-size:30px;line-height:1.2;margin:18px 0 12px}.account-body h2{font-size:20px;margin:0 0 10px}.account-muted{color:var(--account-muted)}
.account-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--account-blue);color:white;border-radius:13px;font-weight:750;font-size:34px}
.account-body label{display:block;font-size:14px;font-weight:600;margin:20px 0 7px}.account-body input:not([type=hidden]),.account-body select{width:100%;padding:12px;border:1px solid var(--account-line);border-radius:9px;font:inherit;background:var(--account-card);color:var(--account-text)}
.account-body button,.account-body a{font:inherit}.account-primary{padding:12px 20px;background:var(--account-blue);color:#fff;border:0;border-radius:9px;cursor:pointer;margin-top:24px}.login-card .account-primary{width:100%}
.account-error,.account-success{padding:12px 16px;border-radius:9px}.account-error{background:#fff0f0;color:#9f2020}.account-success{background:#e7f6ec;color:#16572b}
.account-body a{color:var(--account-blue)}.account-body .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--account-card);color:var(--account-text);border:1px solid var(--account-line);border-radius:8px;text-decoration:none;cursor:pointer}
.account-name{font-size:13px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-logout{display:inline-flex;margin:0}.account-settings{text-decoration:none}.settings-body{display:block}.account-header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:var(--account-card);border-bottom:1px solid var(--account-line);gap:20px}
.account-header nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account-brand{font-size:25px!important;font-weight:750;text-decoration:none}.settings-main{max-width:780px;margin:40px auto;padding:0 24px}.settings-card{background:var(--account-card);border:1px solid var(--account-line);border-radius:14px;padding:28px;margin:22px 0}.org-code{display:block;overflow-wrap:anywhere}.account-back{text-decoration:none}.session-dialog{max-width:420px;padding:26px;border:1px solid var(--account-line);border-radius:14px;background:var(--account-card);color:var(--account-text);font:16px/1.5 system-ui}
.session-dialog button{padding:10px 16px;margin-right:8px;cursor:pointer}.session-dialog::backdrop{background:#00152a88}.toolbar .account-name{color:inherit}.top-actions{flex-wrap:wrap}
@media(max-width:700px){.account-header{align-items:flex-start;flex-direction:column}.login-card{padding:28px}.settings-main{margin-top:24px}.account-name{max-width:150px}.settings-card{padding:20px}}
@media print{.session-dialog,.account-settings,.account-logout,.account-name{display:none!important}}
.account-settings,.account-logout .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--account-line);border-radius:8px;background:var(--account-card);color:var(--account-text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}