:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#eef2f5;color:#1d2935}body{margin:0;padding:32px 16px}main{max-width:580px;margin:auto;padding:28px;background:#fff;border-radius:16px;box-shadow:0 5px 25px #172c4410}h1{font-size:1.5rem}p{line-height:1.6}form{display:grid;gap:16px;margin:24px 0}label{display:grid;gap:8px}input,button{font:inherit;padding:12px;border:1px solid #bbc6cf;border-radius:8px}button{background:#246c8d;color:#fff;border:0;cursor:pointer}a{color:#246c8d}li{padding:6px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #81b5ca;outline-offset:3px}@media(prefers-color-scheme:dark){:root{background:#17202a;color:#e9edf0}main{background:#222f3b}input{background:#17202a;color:#e9edf0}a{color:#8dcced}}

.delete-user{margin:12px 0 24px}.delete-confirm{display:flex;align-items:center;gap:8px;font-size:.9rem}.delete-confirm input{flex:none}.danger{background:#a93232}

.user-name{position:relative;display:inline-block;cursor:help;font-weight:600}.password-tooltip{display:none;position:absolute;top:100%;left:0;z-index:2;max-width:450px;width:max-content;padding:10px 14px;background:#17202a;color:#fff;border-radius:8px;box-shadow:0 3px 12px #0003;font-weight:400;overflow-wrap:anywhere}.user-name:hover .password-tooltip,.user-name:focus .password-tooltip{display:block}.change-password{margin:12px 0}