*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.shell{max-width:900px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}header small{color:#657087;margin-top:5px;display:block}.card{background:#fff;border:1px solid #e2e7ef;border-radius:18px;padding:22px;box-shadow:0 5px 20px #15213b0d}.login{max-width:440px;margin:10vh auto}.mark{font-size:44px}h1{margin:10px 0 22px}h2{margin:10px 0}label{margin:16px 0 7px;font-weight:700;display:block}input{border:1px solid #cfd6e1;border-radius:10px;width:100%;padding:13px;font-size:16px}button{color:#fff;cursor:pointer;background:#173b70;border:0;border-radius:10px;padding:12px 16px;font-weight:700}form button{width:100%;margin-top:20px}.ghost{color:#173b70;background:#fff;border:1px solid #cfd6e1}.grid{gap:16px;display:grid}.badge{text-transform:uppercase;color:#173b70;background:#eaf1fb;border-radius:20px;padding:5px 9px;font-size:12px}.actions{gap:10px;margin-top:18px;display:flex}.actions button{color:#25324a;background:#edf1f6;flex:1}.actions .selected{color:#fff;background:#173b70}.actions .danger{background:#8d2734}.msg,.role{color:#657087}@media (max-width:600px){.shell{padding:16px}header{align-items:flex-start;gap:15px}.ghost{padding:9px}.actions{flex-direction:column}}