.hosting-account-page{--account-border:rgba(80,116,135,0.14);--account-shadow:0 22px 48px rgba(24,69,104,0.08);--account-accent:#117b9b;--account-accent-deep:#0d5f7f;--account-card-bg:hsla(0,0%,100%,0.86);--account-muted:#67808d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px;min-height:0}.account-banner,.account-create-card,.account-filter-card,.account-table-card{border:1px solid var(--account-border);border-radius:24px;background:var(--account-card-bg);-webkit-box-shadow:var(--account-shadow);box-shadow:var(--account-shadow);backdrop-filter:blur(14px)}.account-banner{padding:16px 18px;background:radial-gradient(circle at top right,rgba(17,123,155,.18),transparent 30%),linear-gradient(135deg,rgba(9,66,97,.96),rgba(17,123,155,.84));color:#f5fbff}.account-banner__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.account-banner__title{margin:0;font-size:24px;font-weight:700;letter-spacing:.04em}.account-create-card,.account-filter-card,.account-table-card{padding:18px 20px}.account-create-card__header,.account-filter-card__header,.account-table-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:12px}.account-create-card__title,.account-filter-card__title,.account-table-card__title{margin:0;font-size:18px;color:#183b4f}.account-create-card .account-editor-form--inline{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:10px 12px}.account-create-card .account-editor-form--inline .el-form-item{-webkit-box-flex:1;-ms-flex:1 1 180px;flex:1 1 180px;min-width:180px;margin-right:0;margin-bottom:0}.account-create-card .el-input,.account-create-card .el-input-number,.account-create-card .el-select{width:100%}.account-create-card .account-editor-form--inline .account-create-card__actions{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:auto;margin-left:auto}.account-create-card .account-editor-form--inline .account-create-card__actions .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.account-create-card .account-editor-form--inline .account-create-card__actions .el-button{white-space:nowrap}.account-filter-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.account-filter-form .el-form-item{margin-right:14px;margin-bottom:0}.account-filter-form .el-input,.account-filter-form .el-select{width:200px}.account-table-card__tools{color:var(--account-muted);font-size:13px}.account-table-card__header-actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.account-action-cell,.account-password-cell,.account-table-card__header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.account-action-cell,.account-password-cell{gap:8px}.account-password-cell__value{font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:#24495d}.account-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:14px}.account-dialog-tip{margin-left:12px}.account-dialog-meta,.account-dialog-tip{font-size:12px;color:var(--account-muted)}.account-dialog-meta{margin-top:6px}.account-import-dialog__tip,.account-invite-dialog__tip,.account-nickname-import-dialog__summary{display:block;margin-top:8px;margin-left:0;line-height:1.7}.account-nickname-import-dialog__summary{padding:10px 12px;border-radius:12px;background:rgba(17,123,155,.08)}.account-invite-dialog__group-select{width:100%}.account-invite-dialog__group-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;line-height:1.5;padding-right:12px}.account-invite-dialog__group-name{display:block;color:#183b4f;font-weight:600;white-space:normal;word-break:break-all}.account-invite-dialog__group-meta{display:block;color:var(--account-muted);font-size:12px;white-space:normal;word-break:break-all}.account-invite-dialog__dropdown .el-select-dropdown__item{height:auto;min-height:56px;padding-right:42px;padding-top:10px;padding-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5;white-space:normal;overflow:visible}.account-invite-dialog__dropdown .el-select-dropdown__item.hover,.account-invite-dialog__dropdown .el-select-dropdown__item:hover{background-color:rgba(17,123,155,.08)}.account-invite-dialog__dropdown .el-select-dropdown__item.selected .account-invite-dialog__group-name{color:var(--account-accent-deep)}.account-invite-dialog__dropdown.is-multiple .el-select-dropdown__item.selected:after{top:50%;right:14px;margin-top:0;line-height:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:960px){.account-banner{padding:14px 16px}.account-create-card,.account-filter-card,.account-table-card{padding:16px 16px}}@media screen and (max-width:640px){.account-create-card{padding:12px 12px 12px}.account-table-card__header-actions{width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.account-create-card .account-editor-form--inline .el-form-item{min-width:100%}.account-create-card .account-editor-form--inline .account-create-card__actions{margin-left:0}.account-filter-form .el-input,.account-filter-form .el-select{width:100%}.account-filter-form .el-form-item{width:100%;margin-right:0;margin-bottom:12px}.account-pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}