.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef3f1}.login-shell{width:min(410px,100%);padding:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #19332b18}.login-brand{display:flex;align-items:center;gap:11px;padding:22px 24px;color:#fff;background:var(--nav);border-radius:7px 7px 0 0}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{color:var(--nav-muted);font-size:11px}.login-form{display:grid;gap:17px;padding:28px 24px 30px}.login-form h1{margin:0;font-size:24px}.login-form label,.user-form label{display:grid;gap:6px;font-weight:600}.auth-input{width:100%;height:40px;padding:0 11px;color:var(--ink);font:inherit;background:#fafcfc;border:1px solid var(--line);border-radius:6px}.auth-input:focus{outline:2px solid #18786b42;border-color:var(--teal)}.form-error{margin:0;padding:9px 11px;color:#9d3033;background:var(--red-soft);border-radius:5px}.form-error[hidden]{display:none}.login-submit,.form-submit{width:100%;justify-content:center}.login-submit{height:42px}.users-workspace{overflow:hidden}.role-strip{display:flex;gap:28px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted)}.role-strip span{display:flex;gap:7px}.role-strip strong{color:var(--ink)}.users-table{min-width:720px}.users-table td{height:60px}.role-badge,.status-badge{display:inline-block;padding:3px 7px;border-radius:4px}.role-badge.admin{color:#7a4d0a;background:#fff3d7}.role-badge.manager{color:var(--blue);background:var(--blue-soft)}.role-badge.viewer{color:var(--teal);background:var(--teal-soft)}.status-badge.enabled{color:var(--green);background:var(--green-soft)}.status-badge.disabled{color:var(--muted);background:var(--gray-soft)}.edit-user{display:inline-grid}.user-form{display:grid;gap:15px}.user-form small{color:var(--muted);font-weight:400}.active-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.active-check input{width:17px;height:17px}@media(max-width:760px){.role-strip{align-items:flex-start;flex-direction:column;gap:8px}.users-workspace{overflow-x:auto}}