.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text)}
.login-card{width:min(100%,420px);padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 48px color-mix(in srgb,var(--text) 6%,transparent)}
.login-brand{color:var(--blue);text-decoration:none;font-size:20px;font-weight:700}.login-card h1{font-size:26px;margin-top:30px}.login-card form,.management form{display:grid;gap:14px;margin:18px 0}.login-card label,.management label{display:grid;gap:7px;font-size:13px}.login-card input,.management input,.management select,.management textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:10px 12px;font:inherit}.login-card input:focus,.management input:focus,.management textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.login-card #login-toggle{margin:12px auto;display:block}.login-card [hidden]{display:none}.login-card #login-submit{width:100%}.management summary{cursor:pointer;font-weight:600;font-size:15px}.management-tabs,.management-actions,.management-pager{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.management-pager{align-items:center;justify-content:space-between;font-size:12px}.managed-users{display:grid;gap:6px;margin-top:16px}.managed-user{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--text)}.managed-user.selected{border-color:var(--blue)}.managed-user span{min-width:0}.managed-user strong,.managed-user small,.managed-order small{display:block;overflow-wrap:anywhere}.managed-user small,.managed-order small{color:var(--muted);font-size:12px;line-height:1.7}.management-edit,.management-create,.managed-order{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.management-edit h3,.management h3{font-size:14px}.management-package{border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;margin:12px 0;padding:14px}.management textarea{min-height:80px;resize:vertical}.management .profile-edit{display:flex;gap:8px}.management .profile-edit input{flex:1}.management .button{white-space:nowrap}.management-message:empty{display:none}.management-message{font-size:13px;overflow-wrap:anywhere}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:26px}.management-tabs .button{flex:1;padding:8px}.managed-user{align-items:center}}

#login-error:empty,#login-status:empty{display:none}

.management-usage{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.management-usage .section-heading{gap:12px;flex-wrap:wrap}.management-usage h3{margin:0}.management-usage select{width:auto}.management-usage .account-info div{gap:12px}.management-usage .account-note{margin-bottom:0}