.auth-body{margin:0;background:#f3f6fb;color:#223550;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.auth-intro{background:#203d63;color:#fff;padding:44px clamp(24px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-intro .brand{color:#fff}.auth-intro .brand small{color:#bdcce1}.auth-intro h1{font-size:clamp(27px,3vw,44px);line-height:1.5;margin:18px 0}.auth-intro p{color:#bfcede;font-size:16px;line-height:1.9}.auth-kicker,.auth-intro>small{color:#a9c0df;font-size:13px}.auth-content{display:flex;align-items:center;justify-content:center;padding:36px 24px}.auth-card{width:100%;max-width:430px;min-width:0}.auth-card h2{font-size:28px;margin:12px 0}.auth-muted,.auth-help,.auth-status{color:#64748b;line-height:1.7;font-size:14px}.auth-card label,.handover-start label,.handover-link label{display:block;font-weight:600;font-size:14px;margin:20px 0 9px}.auth-card .input,.handover-start .input,.handover-copy .input{width:100%;min-width:0;height:48px;box-sizing:border-box;font-size:16px;border-radius:10px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e8edf5;border-radius:12px;margin:26px 0 20px}.auth-tabs a{text-align:center;padding:11px 4px;color:#607089;font-weight:600;font-size:15px;border-radius:9px;text-decoration:none}.auth-tabs a.active{background:white;color:#3262e7;box-shadow:0 2px 7px #203d6310}.auth-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.auth-code .button,.auth-preview .button,.handover-copy .button{min-height:48px;font-size:14px;white-space:nowrap}.auth-submit{width:100%;min-height:48px;font-size:16px;margin-top:20px}.auth-preview{border-top:1px solid #dce4ef;margin-top:24px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#64748b}.auth-help{margin-top:18px}.auth-error,.auth-notice{padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.auth-error{background:#fff0f0;color:#a33a3a}.auth-error p{margin:3px 0}.auth-notice{background:#eaf1ff;color:#466590}.auth-return{display:block;text-align:center;margin-top:18px}.button:disabled{cursor:not-allowed;opacity:.55}.account-workspace{align-items:start;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin-top:20px}.account-workspace>.panel{min-width:0;margin:0}.account-workspace h2,.handover-link h2,.handover-history h2{font-size:19px;margin-top:0}.handover-start .button{min-height:48px;font-size:14px;width:100%}.handover-start select{width:100%;min-width:0}.account-list article{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #e3eaf3}.account-list strong{font-size:15px;display:block;overflow-wrap:anywhere}.account-list small{display:block;line-height:1.7;color:#64748b;margin-top:5px;overflow-wrap:anywhere}.account-roles{display:flex;flex-wrap:wrap;gap:6px}.account-roles span{font-size:12px;color:#526782;background:#edf2fa;border-radius:6px;padding:5px 8px}.handover-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.handover-history{margin-top:20px}.handover-state{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:#64748b}.handover-state .button{min-height:44px}.handover-link p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:767px){.auth-shell{display:block}.auth-intro{padding:22px 24px;gap:22px}.auth-intro h1{font-size:25px;margin:10px 0}.auth-intro p,.auth-intro>small{display:none}.auth-intro .brand{font-size:18px}.auth-intro .brand small{font-size:12px}.auth-content{padding:30px 20px 40px}.auth-card h2{font-size:25px}.account-workspace{grid-template-columns:1fr}.auth-preview{flex-wrap:wrap}.handover-copy{grid-template-columns:1fr}.account-list article{align-items:flex-start}.auth-code{gap:8px}.auth-code .button{padding:0 11px}}

.account-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:18px 0}.account-search .input{width:100%;min-width:0;height:48px;box-sizing:border-box;font-size:16px}.account-search .button,.account-pagination .button{min-height:44px;font-size:14px;white-space:nowrap}.account-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;font-size:14px;color:#64748b}.account-list article{padding:12px 0}
.account-search .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}