*{box-sizing:border-box}body{margin:0;background:#f4f8f8;color:#173038;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:#176d69}button,input,select{font:inherit}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card,.users-card{background:#fff;border:1px solid #d9e3e4;border-radius:18px;box-shadow:0 14px 35px rgba(20,45,50,.08);padding:25px}.login-card{width:min(440px,100%)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.login-brand img,.user-top img{width:44px;height:44px}.login-brand b{display:block;font-size:24px}.login-brand span{display:block;color:#718086;font-size:13px}h1{margin:0 0 6px}p{color:#65777d}form{display:grid;gap:12px}label{display:grid;gap:6px;font-weight:650}input,select{width:100%;padding:11px 12px;border:1px solid #cbd8da;border-radius:9px;outline:none}input:focus,select:focus{border-color:#64a19d;box-shadow:0 0 0 3px rgba(36,123,120,.12)}button{border:0;border-radius:9px;background:#247b78;color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.error,.ok{padding:11px 13px;border-radius:9px;margin:12px 0}.error{background:#fff0f0;color:#8c3434}.ok{background:#edf8f3;color:#28664f}.user-top{background:#fff;border-bottom:1px solid #d9e3e4;min-height:64px;padding:9px max(14px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.user-top>a{display:flex;align-items:center;gap:8px;font-size:20px}.user-top>div{display:flex;gap:14px}.users-wrap{width:min(1100px,calc(100% - 24px));margin:20px auto 40px;display:grid;gap:16px}.new-user{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}.accounts{display:grid;gap:10px}.account{border:1px solid #d9e3e4;border-radius:11px;padding:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.account>div:first-child{display:grid;gap:3px}.account span{font-size:13px;color:#65777d}.account-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.account-actions form{display:flex;grid-auto-flow:column;gap:6px}.account-actions input{width:185px}.light{background:#fff;color:#176d69;border:1px solid #bdd3d1}.danger{background:#fff;color:#9c3737;border:1px solid #e0bcbc}@media(max-width:850px){.new-user{grid-template-columns:1fr}.account{display:grid}.account-actions{justify-content:flex-start}.account-actions form{width:100%;display:flex}.account-actions input{flex:1;width:auto}}@media(max-width:480px){.login-card,.users-card{padding:17px}.user-top{display:grid}.account-actions form{display:grid;grid-auto-flow:row}.account-actions input,.account-actions button{width:100%}}