#randomrole.container{display:flex;justify-content:center;max-width:none!important;align-items:center;min-height:100vh;background:linear-gradient(135deg,#eef2f3,#dfe9f3);padding:16px}#randomrole .card{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.15);max-width:600px;width:100%;padding:32px;text-align:center;margin-top:64px}#randomrole .title{font-size:26px;font-weight:700;color:#333;margin-bottom:24px}#randomrole .input-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}#randomrole .input-group{display:flex;gap:8px;align-items:center}#randomrole .input{flex:1;padding:10px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s ease}#randomrole .input:focus{border-color:#e24a4a;outline:none}#randomrole .button{background:#001129;color:#fff;font-size:14px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}#randomrole .button:hover{background:#bd3535;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}#randomrole .list-container{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}#randomrole .list-section{flex:1}#randomrole .list-section h3{font-size:16px;font-weight:700;color:#333;margin-bottom:8px}#randomrole .list{list-style:none;margin:0;background:#f8f9fa;border-radius:8px;padding:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#randomrole .list-item{font-size:14px;color:#555;margin-bottom:8px;padding:8px;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;align-items:center}#randomrole .list-item:last-child{margin-bottom:0}#randomrole .assign-button{background:#ff6f61}#randomrole .assign-button:hover{background:#e64c3c}#randomrole .assignments{margin-top:20px}#randomrole .assignments h3{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}#randomrole .name{font-weight:700;color:#4a90e2}#randomrole .role{font-weight:700;color:#ff6f61}#randomrole .delete-button{background:#e74c3c;color:#fff;font-size:12px;padding:4px 8px;border:none;border-radius:6px;cursor:pointer;margin-left:8px;transition:transform .3s ease,box-shadow .3s ease}#randomrole .delete-button:hover{background:#c0392b;transform:scale(1.05);box-shadow:0 2px 6px rgba(0,0,0,.2)}@media (max-width:830px){#randomrole.container{height:1000px}}