@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body{background:radial-gradient(ellipse 700px 400px at 80% 0%,#33214972,transparent 70%),#090b13;color:#f4f5fa;font-family:Manrope,Segoe UI,Arial,sans-serif;font-size:14px}
.wrap{max-width:1240px;padding:35px 28px}.top{padding-bottom:28px;border-bottom:1px solid #ffffff20}.brand{font-size:18px;letter-spacing:.12em}.brand b{color:#a98aff}.cards{gap:14px;margin:38px 0 28px}.card,.user{background:linear-gradient(145deg,#191b2a,#111521);border-color:#ffffff20;border-radius:15px;padding:22px}.card .num{font-size:30px;letter-spacing:-.05em;margin-top:9px}.muted{color:#a5abc0}.tools{gap:12px;margin-bottom:22px}.tools input{min-width:220px}.user{grid-template-columns:minmax(180px,2fr) 110px 95px 165px 110px;gap:12px}.email{overflow-wrap:anywhere}.small{margin-top:6px}input,select,button{background:#171b2a;border-color:#41475b;color:#f4f5fa;padding:12px;border-radius:9px;font-family:inherit}button{transition:background .2s,border-color .2s}button:hover{border-color:#a98aff}button.primary,.primary{background:#a98aff;color:#171123;border-color:#a98aff}.danger{background:#4b252f;color:#ffc8d1}.ok{background:#1c4633;color:#c9f4d4}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #b9fac9;outline-offset:2px}
@media(max-width:950px){.user{grid-template-columns:1fr 1fr;align-items:stretch}.user>div:first-child{grid-column:1/-1}.user input{width:100%!important}}@media(max-width:650px){.wrap{padding:24px 18px}.cards{grid-template-columns:repeat(2,1fr)}.top{align-items:start;flex-wrap:wrap}.tools{flex-wrap:wrap}.tools input{width:100%}.user{grid-template-columns:1fr}.user>div:first-child{grid-column:auto}}